@appcorp/fusion-storybook 0.3.0 → 0.3.2

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

@@ -472,6 +472,10 @@ export const useStudentFeeModule = () => {
     }, [dispatch, resetRecordFormState]);
     const handleCreateMonthly = useCallback(() => {
         resetRecordFormState();
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: STUDENT_FEE_DRAWER.CREATE_MONTHLY_DRAWER },

package/base-modules/student-fee/monthly-form.js

@@ -1,7 +1,27 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { useTranslations } from "next-intl";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
+const CHECKBOX_KEYS = [
+    "formMonthlyCheckStudentProfile",
+    "formMonthlyCheckFeeStructure",
+    "formMonthlyCheckGmail",
+    "formMonthlyCheckReady",
+];
 export const StudentFeeMonthlyForm = () => {
     const t = useTranslations("studentFee");
-    return (_jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsxs("div", { children: [_jsx("h3", { children: t("formMonthlyProceedInfo") }), _jsx("p", { children: t("formMonthlyAdjustmentNote") })] }) }));
+    const { dispatch } = useStudentFeeModule();
+    const [checked, setChecked] = useState(Object.fromEntries(CHECKBOX_KEYS.map((key) => [key, false])));
+    const allChecked = CHECKBOX_KEYS.every((key) => checked[key]);
+    const handleCheckChange = useCallback((key, value) => {
+        const next = Object.assign(Object.assign({}, checked), { [key]: value });
+        setChecked(next);
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: !CHECKBOX_KEYS.every((k) => next[k]) },
+        });
+    }, [checked, dispatch]);
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx("p", { className: "text-sm text-foreground", children: t("formMonthlyWarningMessage") }), _jsx("div", { className: "flex flex-col gap-3", children: CHECKBOX_KEYS.map((key) => (_jsx(EnhancedCheckbox, { checked: checked[key], id: key, label: t(key), onCheckedChange: (value) => handleCheckChange(key, value) }, key))) })] }));
 };

package/package.json

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