@appcorp/fusion-storybook 0.3.65 → 0.3.66

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

@@ -14,6 +14,7 @@ export declare const useStudentFeeModule: () => {
     handleDelete: (row?: TableRow) => void;
     handleEdit: (row?: TableRow) => void;
     handleFilters: () => void;
+    setPendingFilter: (field: string, value: boolean | undefined | string) => void;
     handleMoreActions: () => void;
     handlePageChange: (page: number | unknown) => void;
     handlePageLimitChange: (k: string, value: object) => void;

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

@@ -40,6 +40,13 @@ export const useStudentFeeModule = () => {
     const workspace = getCachedWorkspaceSync();
     const listFetchNowRef = useRef(null);
     const debouncedQuery = useDebounce(state.searchQuery, 800);
+    const pendingFiltersRef = useRef({
+        filterEnabled: state.filterEnabled,
+        filterStatus: state.filterStatus || "",
+    });
+    const setPendingFilter = useCallback((field, value) => {
+        pendingFiltersRef.current = Object.assign(Object.assign({}, pendingFiltersRef.current), { [field]: value });
+    }, []);
     // ============================================================================
     // 1.4.2 API PARAMETERS
     // ============================================================================
@@ -501,6 +508,16 @@ export const useStudentFeeModule = () => {
         });
     }, [dispatch]);
     const applyFilters = useCallback(() => {
+        const pending = pendingFiltersRef.current;
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_FILTERS,
+            payload: {
+                filters: {
+                    filterEnabled: pending.filterEnabled,
+                    filterStatus: pending.filterStatus,
+                },
+            },
+        });
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
@@ -508,6 +525,10 @@ export const useStudentFeeModule = () => {
         closeDrawer();
     }, [dispatch, closeDrawer]);
     const clearFilters = useCallback(() => {
+        pendingFiltersRef.current = {
+            filterEnabled: undefined,
+            filterStatus: "",
+        };
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
@@ -699,6 +720,7 @@ export const useStudentFeeModule = () => {
         handleDelete,
         handleEdit,
         handleFilters,
+        setPendingFilter,
         handleMoreActions,
         handlePageChange,
         handlePageLimitChange,

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

@@ -6,6 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Filter UI for the student-fee list. Supports filterEnabled (radio) and
  * filterStatus (payment status combobox).
  */
+import { useState } from "react";
 import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
 import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
 import { useStudentFeeModule } from "./context";
@@ -13,9 +14,11 @@ import { PAYMENT_STATUS_OPTIONS } from "./constants";
 import { STUDENT_FEE_API_ROUTES } from "../../constants";
 import { useTranslations } from "next-intl";
 export const StudentFeeFilter = () => {
-    const { state, handleChange } = useStudentFeeModule();
+    const { state, setPendingFilter } = useStudentFeeModule();
     const { filterEnabled, filterStatus } = state;
     const t = useTranslations("studentFee");
+    const [localFilterEnabled, setLocalFilterEnabled] = useState(filterEnabled);
+    const [localFilterStatus, setLocalFilterStatus] = useState(filterStatus || "");
     const paymentStatusLabelMap = {
         PENDING: t("formOptionPending"),
         PARTIAL: t("formOptionPartial"),
@@ -24,17 +27,26 @@ export const StudentFeeFilter = () => {
         CANCELLED: t("formOptionCancelled"),
         REFUNDED: t("formOptionRefunded"),
     };
-    const filterEnabledValue = filterEnabled === undefined
+    const filterEnabledValue = localFilterEnabled === undefined
         ? "undefined"
-        : filterEnabled
+        : localFilterEnabled
             ? "true"
             : "false";
+    const handleStatusChange = (value) => {
+        setLocalFilterStatus(value);
+        setPendingFilter("filterStatus", value);
+    };
+    const handleEnabledChange = (next) => {
+        const parsed = next === "true" ? true : next === "false" ? false : undefined;
+        setLocalFilterEnabled(parsed);
+        setPendingFilter("filterEnabled", parsed);
+    };
     const { enhancedComboboxElement: filterStatusCombo } = useEnhancedCombobox({
         emptyText: t("filterNoStatusFoundLabel"),
         id: "filterStatus",
         info: t("filterByPaymentStatus"),
         label: t("filterPaymentStatusLabel"),
-        onValueChange: (value) => handleChange("filterStatus", value),
+        onValueChange: handleStatusChange,
         options: PAYMENT_STATUS_OPTIONS.map((opt) => ({
             value: opt.value,
             label: paymentStatusLabelMap[opt.value] || opt.label,
@@ -49,14 +61,11 @@ export const StudentFeeFilter = () => {
                 value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
             });
         },
-        value: filterStatus || "",
+        value: localFilterStatus,
     });
     return (_jsxs("div", { className: "space-y-4", children: [filterStatusCombo, _jsx(EnhancedRadio, { label: t("filterEnabledLabel"), name: "filterEnabled", value: filterEnabledValue, options: [
                     { label: t("filterOptionAll"), value: "undefined" },
                     { label: t("filterOptionEnabled"), value: "true" },
                     { label: t("filterOptionDisabled"), value: "false" },
-                ], onValueChange: (next) => {
-                    const parsed = next === "true" ? true : next === "false" ? false : undefined;
-                    handleChange("filterEnabled", parsed);
-                } })] }));
+                ], onValueChange: handleEnabledChange })] }));
 };

package/package.json

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