@appcorp/fusion-storybook 0.4.17 → 0.4.18

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

@@ -39,4 +39,5 @@ export declare const formatStudentName: (_: unknown, row: unknown) => string;
 export declare const formatCurrency: (amount: number) => string;
 export declare const formatAmount: (_: unknown, row: unknown) => string;
 export declare const formatAmountPaid: (_: unknown, row: unknown) => string;
+export declare const formatFine: (_: unknown, row: unknown) => string;
 export declare const formatAmountDue: (_: unknown, row: unknown) => string;

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

@@ -65,6 +65,10 @@ export const formatAmountPaid = (_, row) => {
     var _a;
     return formatCurrency((_a = row.amountPaid) !== null && _a !== void 0 ? _a : 0);
 };
+export const formatFine = (_, row) => {
+    var _a;
+    return formatCurrency((_a = row.fine) !== null && _a !== void 0 ? _a : 0);
+};
 export const formatAmountDue = (_, row) => {
     var _a;
     return formatCurrency((_a = row.amountDue) !== null && _a !== void 0 ? _a : 0);

package/base-modules/student-fee/context/shared.d.ts

@@ -39,6 +39,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     amount: number;
     amountDue: number;
     amountPaid: number;
+    fine: number;
     discountAmount: number;
     discountCodeId: string | null;
     dueDate: string;
@@ -79,6 +80,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     amount: number;
     amountDue: number;
     amountPaid: number;
+    fine: number;
     discountAmount: number;
     discountCodeId: string | null;
     dueDate: string;
@@ -121,6 +123,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     amount: number;
     amountDue: number;
     amountPaid: number;
+    fine: number;
     discountAmount: number;
     discountCodeId: string | null;
     dueDate: string;
@@ -161,6 +164,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     amount: number;
     amountDue: number;
     amountPaid: number;
+    fine: number;
     discountAmount: number;
     discountCodeId: string | null;
     dueDate: string;
@@ -201,6 +205,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     amount: number;
     amountDue: number;
     amountPaid: number;
+    fine: number;
     discountAmount: number;
     discountCodeId: string | null;
     dueDate: string;

package/base-modules/student-fee/context/shared.js

@@ -37,6 +37,7 @@ const studentFeeConfig = {
         amount: 0,
         amountDue: 0,
         amountPaid: 0,
+        fine: 0,
         discountAmount: 0,
         discountCodeId: null,
         dueDate: (() => {

package/base-modules/student-fee/context/use-student-fee-module.d.ts

@@ -51,6 +51,7 @@ export declare const useStudentFeeModule: () => {
         amount: number;
         amountDue: number;
         amountPaid: number;
+        fine: number;
         discountAmount: number;
         discountCodeId: string | null;
         dueDate: string;

package/base-modules/student-fee/context/use-student-fee-module.js

@@ -70,6 +70,7 @@ export const useStudentFeeModule = () => {
                     amount: 0,
                     amountDue: 0,
                     amountPaid: 0,
+                    fine: 0,
                     discountAmount: 0,
                     discountCodeId: null,
                     dueDate: `${dueDate.getFullYear()}-${String(dueDate.getMonth() + 1).padStart(2, "0")}-${String(dueDate.getDate()).padStart(2, "0")}`,

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

@@ -34,6 +34,7 @@ interface ConfigProps {
     tableColumnHeaderAmount: string;
     tableColumnHeaderAmountDue: string;
     tableColumnHeaderAmountPaid: string;
+    tableColumnHeaderFine: string;
     tableColumnHeaderDueDate: string;
     tableColumnHeaderFeeStructure: string;
     tableColumnHeaderId: string;

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

@@ -26,7 +26,7 @@ import { StudentFeeMoreActions } from "./more-actions";
 import { StudentFeeView } from "./view";
 import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "../../components/rbac-no-access";
-import { formatStudentName, formatAmount, formatAmountPaid, formatAmountDue, } from "./constants";
+import { formatStudentName, formatAmount, formatAmountPaid, formatAmountDue, formatFine, } from "./constants";
 import { StudentFeeMonthly } from "./misc-1";
 import { StudentFeeSingle } from "./misc-2";
 // ============================================================================
@@ -50,6 +50,11 @@ const tableBodyCols = [
         key: "amountPaid",
         textFormatter: formatAmountPaid,
     },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "fine",
+        textFormatter: formatFine,
+    },
     {
         componentType: COMPONENT_TYPE.TEXT,
         key: "amountDue",
@@ -79,7 +84,7 @@ const createComponentInstances = () => ({
     misc1: _jsx(StudentFeeMonthly, {}),
     misc2: _jsx(StudentFeeSingle, {}),
 });
-const createStudentFeeConfig = ({ clearFilters, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMisc1Description, drawerMisc1Title, drawerMisc2Description, drawerMisc2Title, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAmount, tableColumnHeaderAmountDue, tableColumnHeaderAmountPaid, tableColumnHeaderDueDate, tableColumnHeaderFeeStructure, tableColumnHeaderId, tableColumnHeaderRemarks, tableColumnHeaderStatus, tableColumnHeaderStudent, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
+const createStudentFeeConfig = ({ clearFilters, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMisc1Description, drawerMisc1Title, drawerMisc2Description, drawerMisc2Title, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAmount, tableColumnHeaderAmountDue, tableColumnHeaderAmountPaid, tableColumnHeaderFine, tableColumnHeaderDueDate, tableColumnHeaderFeeStructure, tableColumnHeaderId, tableColumnHeaderRemarks, tableColumnHeaderStatus, tableColumnHeaderStudent, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         cancelLabel: drawerButtonCancel,
@@ -110,6 +115,7 @@ const createStudentFeeConfig = ({ clearFilters, drawerButtonCancel, drawerButton
             { label: tableColumnHeaderFeeStructure, width: "12%" },
             { label: tableColumnHeaderAmount, width: "10%" },
             { label: tableColumnHeaderAmountPaid, width: "10%" },
+            { label: tableColumnHeaderFine, width: "8%" },
             { label: tableColumnHeaderAmountDue, width: "10%" },
             { label: tableColumnHeaderDueDate, width: "10%" },
             { label: tableColumnHeaderStatus, width: "10%" },
@@ -151,6 +157,7 @@ const StudentFeePageInner = (props) => {
         tableColumnHeaderAmount: props.tableColumnHeaderAmount,
         tableColumnHeaderAmountDue: props.tableColumnHeaderAmountDue,
         tableColumnHeaderAmountPaid: props.tableColumnHeaderAmountPaid,
+        tableColumnHeaderFine: props.tableColumnHeaderFine,
         tableColumnHeaderDueDate: props.tableColumnHeaderDueDate,
         tableColumnHeaderFeeStructure: props.tableColumnHeaderFeeStructure,
         tableColumnHeaderId: props.tableColumnHeaderId,
@@ -179,6 +186,7 @@ const StudentFeePageInner = (props) => {
         props.tableColumnHeaderAmount,
         props.tableColumnHeaderAmountDue,
         props.tableColumnHeaderAmountPaid,
+        props.tableColumnHeaderFine,
         props.tableColumnHeaderDueDate,
         props.tableColumnHeaderFeeStructure,
         props.tableColumnHeaderId,

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

@@ -14,7 +14,7 @@ import { useTranslations } from "next-intl";
 export const StudentFeeView = () => {
     var _a, _b, _c;
     const { state } = useStudentFeeModule();
-    const { amount, amountDue, amountPaid, dueDate, enabled, feeStructureId, paidAt, remarks, status, studentProfileId, } = state;
+    const { amount, amountDue, amountPaid, fine, dueDate, enabled, feeStructureId, paidAt, remarks, status, studentProfileId, } = state;
     const workspace = getCachedWorkspaceSync();
     const currency = (_b = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "";
     const t = useTranslations("studentFee");
@@ -30,5 +30,5 @@ export const StudentFeeView = () => {
                                             ? `${studentProfile.firstName} ${studentProfile.lastName}`
                                             : "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldComputerNumber") }), _jsx("p", { className: "text-base", children: ((_c = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) !== null && _c !== void 0 ? _c : "").split(":")[1] ||
                                             (studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) ||
-                                            "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeStructureLabel") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formTotalAmountLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountPaidLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountDueLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDueDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), paidAt && (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPaidAtLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(paidAt, DATE_FORMATS.LOCALE_DATE) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRemarksLabel") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
+                                            "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeStructureLabel") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formTotalAmountLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountPaidLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFine") }), _jsxs("p", { className: "text-base", children: [currency, " ", (fine !== null && fine !== void 0 ? fine : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountDueLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDueDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), paidAt && (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPaidAtLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(paidAt, DATE_FORMATS.LOCALE_DATE) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRemarksLabel") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
 };

package/package.json

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