✨ feat(portal): add data details portal

src/backend/data/data-access/RDBMS.ts

@@ -107,6 +107,10 @@ export class RDBMSDataApiService extends BaseDataAccessService<Knex.QueryBuilder
           queryFilter.operator === "and"
             ? query.where(builderQuery)
             : query.orWhere(builderQuery);
+
+        if (queryFilter.modifyQuery) {
+          query = queryFilter.modifyQuery(query);
+        }
       }
     });
     return query;

src/frontend/hooks/data/data.store.ts

@@ -13,6 +13,7 @@ import { DataStates } from "frontend/lib/data/types";
 import { useEntityCrudConfig } from "../entity/entity.config";
 import { useMultipleEntityReferenceFields } from "../entity/entity.store";
 import { isRouterParamEnabled } from "..";
+import { DATA_MUTATION_QUERY_ENDPOINTS } from "./portal";
 
 export const ENTITY_TABLE_PATH = (entity: string) =>
   `/api/data/${entity}/table`;
@@ -157,6 +158,7 @@ export function useEntityDataCreationMutation(entity: string) {
       ENTITY_TABLE_PATH(entity),
       ENTITY_COUNT_PATH(entity),
       ENTITY_LIST_PATH(entity),
+      ...DATA_MUTATION_QUERY_ENDPOINTS(entity),
     ],
     smartSuccessMessage: ({ id }) => ({
       message: entityCrudConfig.MUTATION_LANG.CREATE,
@@ -183,6 +185,7 @@ export function useEntityDataUpdationMutation(entity: string, id: string) {
       ENTITY_TABLE_PATH(entity),
       ENTITY_DETAILS_PATH(entity, id),
       ENTITY_LIST_PATH(entity),
+      ...DATA_MUTATION_QUERY_ENDPOINTS(entity),
     ],
     successMessage: entityCrudConfig.MUTATION_LANG.EDIT,
   });
@@ -207,6 +210,7 @@ export function useEntityDataDeletionMutation(
       ENTITY_TABLE_PATH(entity),
       ENTITY_COUNT_PATH(entity),
       ENTITY_LIST_PATH(entity),
+      ...DATA_MUTATION_QUERY_ENDPOINTS(entity),
     ],
     onSuccessActionWithFormData: () => {
       if (redirectTo) {

src/frontend/hooks/data/portal/index.ts

@@ -0,0 +1 @@
+export { DATA_MUTATION_QUERY_ENDPOINTS } from "./main";

src/frontend/hooks/data/portal/main.ts

@@ -0,0 +1,6 @@
+import { noop } from "shared/lib/noop";
+
+export const DATA_MUTATION_QUERY_ENDPOINTS = (entity: string) => {
+  noop(entity);
+  return [];
+};

src/frontend/views/data/Details/index.tsx

@@ -14,6 +14,7 @@ import { EntityDetailsView } from "./DetailsView";
 import { DetailsLayout, DETAILS_LAYOUT_KEY } from "./_Layout";
 import { useCanUserPerformCrudAction } from "../useCanUserPerformCrudAction";
 import { DetailsCanvas } from "../Table/_WholeEntityTable/DetailsCanvas";
+import { useDetailsViewMenuItems } from "./portal";
 
 export function EntityDetails() {
   const entityCrudConfig = useEntityCrudConfig();
@@ -34,8 +35,17 @@ export function EntityDetails() {
     permission: META_USER_PERMISSIONS.NO_PERMISSION_REQUIRED,
   });
 
+  const menuItems = useDetailsViewMenuItems({
+    entity,
+    entityId: id,
+  });
+
   return (
-    <DetailsLayout entity={entity} menuKey={DETAILS_LAYOUT_KEY}>
+    <DetailsLayout
+      entity={entity}
+      menuKey={DETAILS_LAYOUT_KEY}
+      menuItems={menuItems}
+    >
       <SectionBox
         title={entityCrudConfig.TEXT_LANG.DETAILS}
         backLink={backLink}

src/frontend/views/data/Details/portal/index.ts

@@ -0,0 +1 @@
+export { useDetailsViewMenuItems } from "./main";

src/frontend/views/data/Details/portal/main.ts

@@ -0,0 +1,14 @@
+import { IDropDownMenuItem } from "frontend/design-system/components/DropdownMenu";
+import { noop } from "shared/lib/noop";
+
+export const useDetailsViewMenuItems = ({
+  entity,
+  entityId,
+}: {
+  entity: string;
+  entityId: string;
+}): IDropDownMenuItem[] => {
+  const menuItems: IDropDownMenuItem[] = [];
+  noop(entity, entityId);
+  return menuItems;
+};

src/frontend/views/data/Table/useTableMenuItems.ts

@@ -18,7 +18,7 @@ export const useTableMenuItems = (
   const entityCrudConfig = useEntityCrudConfig(entity);
   const canUserPerformCrudAction = useCanUserPerformCrudAction(entity);
 
-  const pluginTableMenuItems = usePluginTableMenuItems(entity, reference);
+  const pluginTableMenuItems = usePluginTableMenuItems(entity);
 
   if (entity === SLUG_LOADING_VALUE) {
     return [];

src/shared/types/data.ts

@@ -1,3 +1,5 @@
+import { Knex } from "knex";
+
 export enum FilterOperators {
   GREATER_THAN = "g",
   LESS_THAN = "l",
@@ -63,6 +65,7 @@ export type IPaginatedDataState<T> = {
 export type QueryFilterSchema = {
   operator: "and" | "or";
   children: Array<FieldQueryFilter | QueryFilterSchema>;
+  modifyQuery?: (queryBuilder: Knex.QueryBuilder) => Knex.QueryBuilder;
 };
 
 export type ITableTab = {