@appcorp/fusion-storybook 0.1.7 → 0.1.9

package/base-modules/admission/page.d.ts

@@ -11,6 +11,22 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "../../type";
-export declare const AdmissionPage: FC<{
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelClass: string;
+    labelEnabled: string;
+    labelFirstName: string;
+    labelId: string;
+    labelLastName: string;
+    labelRegistrationCode: string;
+    labelStatus: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
     userRole: USER_ROLE;
-}>;
+}
+export declare const AdmissionPage: FC<Props>;
+export {};

package/base-modules/admission/page.js

@@ -20,7 +20,6 @@ import { AdmissionForm } from "./form";
 import { AdmissionView } from "./view";
 import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "../../components/rbac-no-access";
-import { useTranslations } from "next-intl";
 import { AdmissionMoreActions } from "./more-actions";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — no runtime deps)
@@ -41,20 +40,24 @@ const tableBodyCols = [
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];
-const tableColumns = [
-    { label: "id", width: "5%" },
-    { label: "firstName", width: "15%" },
-    { label: "lastName", width: "15%" },
-    { label: "registrationCode", width: "20%" },
-    { label: "class", width: "20%" },
-    { label: "status", width: "10%" },
-    { label: "enabled", width: "10%" },
-    { label: "actions", width: "5%" },
-];
+// const tableColumns = [
+//   { label: "id", width: "5%" },
+//   { label: "firstName", width: "15%" },
+//   { label: "lastName", width: "15%" },
+//   { label: "registrationCode", width: "20%" },
+//   { label: "class", width: "20%" },
+//   { label: "status", width: "10%" },
+//   { label: "enabled", width: "10%" },
+//   { label: "actions", width: "5%" },
+// ] as const;
 // ============================================================================
 // TRANSLATED COLUMNS HELPER
 // ============================================================================
-const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
+// const getTranslatedColumns = (t: (key: string) => string) =>
+//   tableColumns.map((col) => ({
+//     ...col,
+//     label: t(col.label),
+//   }));
 // ============================================================================
 // COMPONENT FACTORY (creates JSX elements when config is created, not during render)
 // ============================================================================
@@ -64,23 +67,29 @@ const createComponentInstances = () => ({
     moreActions: _jsx(AdmissionMoreActions, {}),
     view: _jsx(AdmissionView, {}),
 });
-// ============================================================================
-// CONFIG CREATION HELPER
-// ============================================================================
-const createAdmissionConfig = (t, drawer, dispatch) => {
+const createAdmissionConfig = ({ cancelLabel, dispatch, drawer, drawerTitle, labelActions, labelClass, labelEnabled, labelFirstName, labelId, labelLastName, labelRegistrationCode, labelStatus, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "admission",
-        tableColumns: getTranslatedColumns(t),
-        cancelLabel: t("cancel"),
-        drawerTitle: t("admission"),
+        tableColumns: [
+            { label: labelId, width: "5%" },
+            { label: labelFirstName, width: "15%" },
+            { label: labelLastName, width: "15%" },
+            { label: labelRegistrationCode, width: "20%" },
+            { label: labelClass, width: "20%" },
+            { label: labelStatus, width: "10%" },
+            { label: labelEnabled, width: "10%" },
+            { label: labelActions, width: "5%" },
+        ],
+        cancelLabel,
+        drawerTitle,
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel: t("save"),
-        searchPlaceholder: t("searchAdmissions"),
-        tableDescription: t("manageAdmissionsInTheSystem"),
-        tableTitle: t("admission"),
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
         viewContent: components.view,
         size: drawer === ADMISSION_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
@@ -92,37 +101,36 @@ const createAdmissionConfig = (t, drawer, dispatch) => {
 // STABLE PAGE COMPONENT (created once, outside render)
 // ============================================================================
 const GenericAdmissionPage = createGenericModulePage({
-    moduleName: "admission",
-    tableColumns: [],
     cancelLabel: "",
     drawerTitle: "",
     filterContent: _jsx(AdmissionFilter, {}),
     formContent: _jsx(AdmissionForm, {}),
+    moduleName: "admission",
     moreActionsContent: _jsx(AdmissionMoreActions, {}),
+    onClearFilters: () => { },
     saveLabel: "",
     searchPlaceholder: "",
+    size: "small",
+    tableColumns: [],
     tableDescription: "",
     tableTitle: "",
     viewContent: _jsx(AdmissionView, {}),
-    size: "small",
-    onClearFilters: () => { },
 });
 // ============================================================================
 // INNER PAGE (requires AdmissionProvider context)
 // ============================================================================
-const AdmissionPageInner = ({ userRole }) => {
-    const t = useTranslations("admission");
+const AdmissionPageInner = (props) => {
     const context = useAdmissionModule();
+    // Memoize config creation
+    const admissionConfig = useMemo(() => createAdmissionConfig(Object.assign({ dispatch: context.dispatch, drawer: context.state.drawer }, props)), [context.dispatch, context.state.drawer, props]);
     // Memoize permission check to avoid recalculation on every render
     const hasPermission = useMemo(() => resolveRbacPermissions({
-        userRole,
+        userRole: props.userRole,
         moduleName: "Admission",
-    }), [userRole]);
-    // Memoize config creation
-    const admissionConfig = useMemo(() => createAdmissionConfig(t, context.state.drawer, context.dispatch), [t, context.state.drawer, context.dispatch]);
+    }), [props.userRole]);
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "Admission" });
     }
     return (_jsx("div", { className: "p-4", children: _jsx(GenericAdmissionPage, { config: admissionConfig, context: context, tableBodyCols: tableBodyCols }) }));
 };
-export const AdmissionPage = ({ userRole }) => (_jsx(AdmissionProvider, { children: _jsx(AdmissionPageInner, { userRole: userRole }) }));
+export const AdmissionPage = (props) => (_jsx(AdmissionProvider, { children: _jsx(AdmissionPageInner, Object.assign({}, props)) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",