feat: enhance full page functionality with updated translations, improved pagination handling, and new bulk action components

apps/web/src/apps/modules/example/full-page/presentation/languages/en/full-page.json

@@ -8,9 +8,7 @@
     "create_page_description": "Fill out the form below to add a new record to the system.",
     "duplicate_page_description": "Copy and modify information from an existing record to quickly create a new one.",
     "fields": {
-        "status": "Status",
-        "name": "Name",
         "code": "Code",
-        "description": "Description"
+        "name": "Name"
     }
 }

apps/web/src/apps/modules/example/full-page/presentation/languages/id/full-page.json

@@ -8,9 +8,7 @@
     "create_page_description": "Lengkapi formulir di bawah ini untuk menambahkan data baru ke dalam sistem.",
     "duplicate_page_description": "Salin dan sesuaikan informasi dari data yang sudah ada untuk mempercepat pembuatan data baru.",
     "fields": {
-        "status": "Status",
-        "name": "Nama",
         "code": "Kode",
-        "description": "Deskripsi"
+        "name": "Nama"
     }
 }

apps/web/src/apps/modules/example/full-page/presentation/pages/full-page.page.detail.tsx

@@ -6,10 +6,10 @@ export default function FullPagePageDetail() {
 
   return (
     <EnterpriseDetailPageProvider
+      highlightDataKey="code"
       pageHeaderProps={{
         title: t('detail_page_title'),
         description: t('detail_page_description'),
-        // showBadges: false,
         breadcrumbs: [
           { label: t('nav:example-module'), type: 'text' },
           { label: t('nav:example-full-page'), type: 'link', href: `${fullPageModuleConfig.webUrl}/index` },

apps/web/src/apps/modules/example/full-page/presentation/pages/full-page.page.index.tsx

@@ -1,38 +1,32 @@
-import { EnterpriseIndexPageProvider, useEnterpriseModuleTranslationContext } from '@repo/ui/foundations';
+import {
+  EnterpriseIndexPageProvider,
+  useEnterpriseModuleTranslationContext,
+  EnterpriseDataTable,
+} from '@repo/ui/foundations';
+import { ColDef } from '@repo/ui/components';
 import { Trans } from '@repo/core-i18n';
-import { Badge, Text } from '@repo/ui/components';
-import { Activity, LayoutDashboard } from 'lucide-react';
-import { DataTable } from '../components/data-table';
+import { Text } from '@repo/ui/components';
+import { LayoutDashboard } from 'lucide-react';
+import { useMemo } from 'react';
 
 export default function FullPagePageIndex() {
   const { t } = useEnterpriseModuleTranslationContext();
 
+  const columnDefs: ColDef<any>[] = useMemo(() => {
+    return [
+      { field: 'code', headerName: t('fields.code'), minWidth: 150 },
+      { field: 'name', headerName: t('fields.name'), minWidth: 150 },
+    ];
+  }, [t]);
+
   return (
     <EnterpriseIndexPageProvider
       pageHeaderProps={{
         title: t('title'),
         description: (
-          <Trans
-            t={t}
-            i18nKey="description"
-            components={{
-              1: <Text span fw={500} c="var(--mantine-color-text)" />,
-            }}
-          />
-        ),
-        badges: (
-          <Badge
-            variant="light"
-            color="teal"
-            size="sm"
-            radius="sm"
-            fw={600}
-            leftSection={<Activity size={10} strokeWidth={3} />}
-            style={{ textTransform: 'capitalize' }}
-          >
-            Healthy
-          </Badge>
+          <Trans t={t} i18nKey="description" components={{ 1: <Text span fw={500} c="var(--mantine-color-text)" /> }} />
         ),
+
         icon: LayoutDashboard,
         breadcrumbs: [
           { label: t('nav:example-module'), type: 'text' },
@@ -40,7 +34,7 @@ export default function FullPagePageIndex() {
         ],
       }}
     >
-      <DataTable />
+      <EnterpriseDataTable columnDefs={columnDefs} />
     </EnterpriseIndexPageProvider>
   );
 }

apps/web/src/apps/modules/example/full-page/presentation/store/index.ts

@@ -5,15 +5,15 @@ import { FullPageEntity } from '../../domain/entities';
 export interface FullPageStoreState extends EnterpriseModuleState<FullPageEntity> {}
 
 export const fullPageStore = create<FullPageStoreState>((set) => ({
-  metaData: null,
+  metaData: { limit: 15 },
   setMetaData: (data) => set({ metaData: data }),
-  
-  filterData: { page: 1, limit: 10 },
+
+  filterData: {},
   setFilterData: (data) => set({ filterData: data }),
-  
+
   selectedRows: [],
   setSelectedRows: (rows) => set({ selectedRows: rows }),
-  
+
   privileges: [],
   setPrivileges: (privileges) => set({ privileges }),
 }));