@appcorp/fusion-storybook 0.1.40 → 0.1.42

package/base-modules/expense/context.js

@@ -446,7 +446,7 @@ export const useExpenseModule = () => {
                 const { count, items } = await getCachedExpenses({
                     params: listParams,
                 });
-                context.dispatch({
+                dispatch({
                     type: EXPENSE_ACTION_TYPES.SET_ITEMS,
                     payload: { items: items || [], count: count || 0 },
                 });
@@ -455,7 +455,7 @@ export const useExpenseModule = () => {
                 showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
             }
         })();
-    }, [listParams]);
+    }, [listParams, dispatch, t, showToast]);
     // ============================================================================
     // RETURN
     // ============================================================================

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

@@ -14,6 +14,14 @@ import { USER_ROLE } from "../../type";
 interface Props {
     cancelLabel: string;
     drawerTitle: string;
+    labelActions: string;
+    labelAmount: string;
+    labelCategory: string;
+    labelExpenseDate: string;
+    labelId: string;
+    labelStatus: string;
+    labelTitle: string;
+    labelVendorName: string;
     saveLabel: string;
     searchPlaceholder: string;
     tableDescription: string;

package/base-modules/expense/page.js

@@ -15,7 +15,7 @@ import { useMemo } from "react";
 import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
 import { createGenericModulePage, } from "@react-pakistan/util-functions/factory/generic-component-factory";
 import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
-import { useExpenseModule, ExpenseProvider, EXPENSE_ACTION_TYPES, } from "./context";
+import { useExpenseModule, ExpenseProvider, EXPENSE_ACTION_TYPES, EXPENSE_DRAWER, } from "./context";
 import { ExpenseFilter } from "./filter";
 import { ExpenseForm } from "./form";
 import { ExpenseMoreActions } from "./more-actions";
@@ -61,19 +61,19 @@ const createComponentInstances = () => ({
     moreActions: _jsx(ExpenseMoreActions, {}),
     view: _jsx(ExpenseView, {}),
 });
-const createExpenseConfig = ({ cancelLabel, dispatch, drawerTitle, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createExpenseConfig = ({ cancelLabel, dispatch, drawer, drawerTitle, labelActions, labelAmount, labelCategory, labelExpenseDate, labelId, labelStatus, labelTitle, labelVendorName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "expense",
         tableColumns: [
-            { label: "ID", width: "5%" },
-            { label: "Title", width: "20%" },
-            { label: "Category", width: "15%" },
-            { label: "Amount", width: "10%" },
-            { label: "Expense Date", width: "10%" },
-            { label: "Status", width: "10%" },
-            { label: "Vendor Name", width: "15%" },
-            { label: "Actions", width: "15%" },
+            { label: labelId, width: "5%" },
+            { label: labelTitle, width: "20%" },
+            { label: labelCategory, width: "15%" },
+            { label: labelAmount, width: "10%" },
+            { label: labelExpenseDate, width: "10%" },
+            { label: labelStatus, width: "10%" },
+            { label: labelVendorName, width: "15%" },
+            { label: labelActions, width: "15%" },
         ],
         cancelLabel,
         drawerTitle,
@@ -85,6 +85,7 @@ const createExpenseConfig = ({ cancelLabel, dispatch, drawerTitle, saveLabel, se
         tableDescription,
         tableTitle,
         viewContent: components.view,
+        size: drawer === EXPENSE_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
             dispatch({ type: EXPENSE_ACTION_TYPES.RESET_FORM });
         },
@@ -102,6 +103,14 @@ const ExpensePageInner = (props) => {
         drawer: context.state.drawer,
         cancelLabel: props.cancelLabel,
         drawerTitle: props.drawerTitle,
+        labelActions: props.labelActions,
+        labelAmount: props.labelAmount,
+        labelCategory: props.labelCategory,
+        labelExpenseDate: props.labelExpenseDate,
+        labelId: props.labelId,
+        labelStatus: props.labelStatus,
+        labelTitle: props.labelTitle,
+        labelVendorName: props.labelVendorName,
         saveLabel: props.saveLabel,
         searchPlaceholder: props.searchPlaceholder,
         tableDescription: props.tableDescription,
@@ -111,6 +120,14 @@ const ExpensePageInner = (props) => {
         context.state.drawer,
         props.cancelLabel,
         props.drawerTitle,
+        props.labelActions,
+        props.labelAmount,
+        props.labelCategory,
+        props.labelExpenseDate,
+        props.labelId,
+        props.labelStatus,
+        props.labelTitle,
+        props.labelVendorName,
         props.saveLabel,
         props.searchPlaceholder,
         props.tableDescription,

package/base-modules/student-fee/page.d.ts

@@ -14,6 +14,16 @@ import { USER_ROLE } from "../../type";
 interface Props {
     cancelLabel: string;
     drawerTitle: string;
+    labelActions: string;
+    labelAmount: string;
+    labelAmountDue: string;
+    labelAmountPaid: string;
+    labelDueDate: string;
+    labelFeeStructure: string;
+    labelId: string;
+    labelRemarks: string;
+    labelStatus: string;
+    labelStudent: string;
     saveLabel: string;
     searchPlaceholder: string;
     tableDescription: string;

package/base-modules/student-fee/page.js

@@ -71,21 +71,21 @@ const createComponentInstances = () => ({
     moreActions: _jsx(StudentFeeMoreActions, {}),
     view: _jsx(StudentFeeView, {}),
 });
-const createStudentFeeConfig = ({ cancelLabel, dispatch, drawerTitle, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createStudentFeeConfig = ({ cancelLabel, dispatch, drawerTitle, labelActions, labelAmount, labelAmountDue, labelAmountPaid, labelDueDate, labelFeeStructure, labelId, labelRemarks, labelStatus, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "studentFee",
         tableColumns: [
-            { label: "ID", width: "5%" },
-            { label: "Student", width: "12%" },
-            { label: "Fee Structure", width: "12%" },
-            { label: "Amount", width: "10%" },
-            { label: "Amount Paid", width: "10%" },
-            { label: "Amount Due", width: "10%" },
-            { label: "Due Date", width: "10%" },
-            { label: "Status", width: "10%" },
-            { label: "Remarks", width: "11%" },
-            { label: "Actions", width: "5%" },
+            { label: labelId, width: "5%" },
+            { label: labelStudent, width: "12%" },
+            { label: labelFeeStructure, width: "12%" },
+            { label: labelAmount, width: "10%" },
+            { label: labelAmountPaid, width: "10%" },
+            { label: labelAmountDue, width: "10%" },
+            { label: labelDueDate, width: "10%" },
+            { label: labelStatus, width: "10%" },
+            { label: labelRemarks, width: "11%" },
+            { label: labelActions, width: "5%" },
         ],
         cancelLabel,
         drawerTitle,
@@ -114,6 +114,16 @@ const StudentFeePageInner = (props) => {
         drawer: context.state.drawer,
         cancelLabel: props.cancelLabel,
         drawerTitle: props.drawerTitle,
+        labelActions: props.labelActions,
+        labelAmount: props.labelAmount,
+        labelAmountDue: props.labelAmountDue,
+        labelAmountPaid: props.labelAmountPaid,
+        labelDueDate: props.labelDueDate,
+        labelFeeStructure: props.labelFeeStructure,
+        labelId: props.labelId,
+        labelRemarks: props.labelRemarks,
+        labelStatus: props.labelStatus,
+        labelStudent: props.labelStudent,
         saveLabel: props.saveLabel,
         searchPlaceholder: props.searchPlaceholder,
         tableDescription: props.tableDescription,
@@ -123,6 +133,16 @@ const StudentFeePageInner = (props) => {
         context.state.drawer,
         props.cancelLabel,
         props.drawerTitle,
+        props.labelActions,
+        props.labelAmount,
+        props.labelAmountDue,
+        props.labelAmountPaid,
+        props.labelDueDate,
+        props.labelFeeStructure,
+        props.labelId,
+        props.labelRemarks,
+        props.labelStatus,
+        props.labelStudent,
         props.saveLabel,
         props.searchPlaceholder,
         props.tableDescription,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",
@@ -37,7 +37,7 @@
   },
   "devDependencies": {
     "@appcorp/app-corp-vista": "^1.0.0",
-    "@appcorp/shadcn": "^1.1.59",
+    "@appcorp/shadcn": "^1.1.60",
     "@chromatic-com/storybook": "^5.1.1",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",
@@ -56,7 +56,7 @@
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-toast": "^1.2.15",
-    "@react-pakistan/util-functions": "^1.25.66",
+    "@react-pakistan/util-functions": "^1.25.67",
     "@storybook/addon-a11y": "^10.3.4",
     "@storybook/addon-docs": "^10.3.4",
     "@storybook/addon-onboarding": "^10.3.4",