@appcorp/fusion-storybook 0.1.24 → 0.1.27

package/base-modules/class/cache.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Class Module Cache Utilities
+ *
+ * Provides localStorage-based caching for classes using generic cache system.
+ */
+import { ClassBE } from "@/type";
+export declare const getCachedClassesSync: () => import("@react-pakistan/util-functions").ListResponse<ClassBE>;
+export declare const getCachedClasses: ({ params, }: {
+    params: Record<string, unknown>;
+}) => Promise<import("@react-pakistan/util-functions").ListResponse<ClassBE>>;
+export declare const getCachedClassById: (classId: string) => ClassBE | null;
+export declare const invalidateClassesCache: () => void;
+export declare const isClassesCacheStale: () => boolean;
+export declare const preloadClasses: () => Promise<import("@react-pakistan/util-functions").ListResponse<ClassBE>>;

package/base-modules/class/cache.js

@@ -0,0 +1,31 @@
+/**
+ * Class Module Cache Utilities
+ *
+ * Provides localStorage-based caching for classes using generic cache system.
+ */
+import { LS_KEYS } from "@/constants";
+import { CLASS_API_ROUTES } from "./constants";
+import { getCachedData, getCachedDataSync, getCachedItemById, invalidateCache, isCacheStale, preloadCache, } from "@react-pakistan/util-functions";
+// ============================================================================
+// CACHE CONFIGURATION
+// ============================================================================
+const CLASS_CACHE_CONFIG = {
+    apiUrl: CLASS_API_ROUTES.UNIT,
+    cacheKey: LS_KEYS.CLASSES,
+};
+// ============================================================================
+// CLASS-SPECIFIC CACHE FUNCTIONS
+// ============================================================================
+export const getCachedClassesSync = () => getCachedDataSync(LS_KEYS.CLASSES);
+export const getCachedClasses = ({ params, }) => getCachedData({
+    config: CLASS_CACHE_CONFIG,
+    params,
+    headers: {
+        "Content-Type": "application/json",
+        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+    },
+});
+export const getCachedClassById = (classId) => getCachedItemById(LS_KEYS.CLASSES, classId);
+export const invalidateClassesCache = () => invalidateCache(LS_KEYS.CLASSES);
+export const isClassesCacheStale = () => isCacheStale(LS_KEYS.CLASSES);
+export const preloadClasses = () => preloadCache(CLASS_CACHE_CONFIG);

package/base-modules/class/constants.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Class Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ */
+export declare const pageLimit: number;
+export declare const CLASS_API_ROUTES: Record<string, string>;

package/base-modules/class/constants.js

@@ -0,0 +1,17 @@
+/**
+ * Class Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ */
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
+// ============================================================================
+// API ROUTES
+// ============================================================================
+export const CLASS_API_ROUTES = {
+    UNIT: "/api/v1/class",
+};

package/base-modules/class/context.d.ts

@@ -0,0 +1,155 @@
+import { ClassBE } from "@/type";
+import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
+export declare const CLASS_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const CLASS_ACTION_TYPES: {
+    readonly RESET_FORM: "RESET_FORM";
+    readonly SET_CURRENT_PAGE: "SET_CURRENT_PAGE";
+    readonly SET_PAGE_LIMIT: "SET_PAGE_LIMIT";
+    readonly SET_SEARCH_QUERY: "SET_SEARCH_QUERY";
+    readonly SET_DRAWER: "SET_DRAWER";
+    readonly SET_ITEMS: "SET_ITEMS";
+    readonly SET_FORM_DATA: "SET_FORM_DATA";
+    readonly SET_DISABLE_SAVE_BUTTON: "SET_DISABLE_SAVE_BUTTON";
+    readonly SET_INPUT_FIELD: "SET_INPUT_FIELD";
+    readonly SET_ERRORS: "SET_ERRORS";
+    readonly SET_FILTERS: "SET_FILTERS";
+}, classModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: ClassBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    isInitialLoading: boolean;
+    code: string;
+    description: string | null;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    name: string;
+    schoolId: string;
+}>, initialClassState: {
+    items: ClassBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    isInitialLoading: boolean;
+    code: string;
+    description: string | null;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    name: string;
+    schoolId: string;
+}, ClassProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, classReducer: (state: {
+    items: ClassBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    isInitialLoading: boolean;
+    code: string;
+    description: string | null;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    name: string;
+    schoolId: string;
+}, action: any) => {
+    items: ClassBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    isInitialLoading: boolean;
+    code: string;
+    description: string | null;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    name: string;
+    schoolId: string;
+}, useClassContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: ClassBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    isInitialLoading: boolean;
+    code: string;
+    description: string | null;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    name: string;
+    schoolId: string;
+}>;
+export declare const useClassModule: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    deleteLoading: boolean;
+    handleChange: (field: string, value: string | number | boolean | undefined) => void;
+    handleCloseDrawer: () => void;
+    handleCreate: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
+    handleFilters: () => void;
+    handleMoreActions: () => void;
+    handlePageChange: (page: number) => void;
+    handlePageLimitChange: (limit: number) => void;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => void;
+    handleView: (row?: TableRow) => void;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        label: string;
+        order: number;
+    }[];
+    listLoading: boolean;
+    rowActions: RowAction[];
+    updateLoading: boolean;
+    state: {
+        items: ClassBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        isInitialLoading: boolean;
+        code: string;
+        description: string | null;
+        enabled: boolean;
+        errors: Record<string, string>;
+        filterEnabled: boolean | undefined;
+        id: string;
+        name: string;
+        schoolId: string;
+    };
+    dispatch: React.Dispatch<any>;
+};

package/base-modules/class/context.js

@@ -0,0 +1,453 @@
+"use client";
+/**
+ * Class Module — business logic + API integration
+ *
+ * Wires the generic module state (created by `createGenericModule`) to network
+ * actions using `useModuleEntityV2`. Contains domain-specific handlers for
+ * create/view/edit/delete and bulk actions.
+ *
+ * Key responsibilities:
+ * - expose `useClassModule()` which UI components call for actions
+ * - keep module-specific `apiParams` and callbacks in one place
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `ClassProvider` — provider component used by the page
+ * - `CLASS_ACTION_TYPES` — action type constants (from factory)
+ * - `CLASS_DRAWER` — drawer type constants
+ * - `useClassModule()` — hook that returns state, dispatch, and handlers
+ */
+import { useCallback, useEffect, useMemo } from "react";
+import { isCreatedOrUpdated, validateForm, } from "@react-pakistan/util-functions";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
+import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { useTranslations } from "next-intl";
+import { CLASS_API_ROUTES, pageLimit } from "./constants";
+import { classFormValidation } from "./validate";
+import { getCachedClasses, getCachedClassesSync, invalidateClassesCache, isClassesCacheStale, } from "./cache";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { Edit, Eye, Filter, MoreHorizontal, Plus, Trash2 } from "lucide-react";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const CLASS_DRAWER = {
+    FILTER_DRAWER: DRAWER_TYPES.FILTER_DRAWER,
+    FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
+    MORE_ACTIONS_DRAWER: "MORE_ACTIONS_DRAWER",
+    VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+};
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+const classConfig = {
+    name: "Class",
+    displayName: "Class",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        isInitialLoading: true,
+        // Form State
+        code: "",
+        description: null,
+        enabled: true,
+        errors: {},
+        filterEnabled: undefined,
+        id: "",
+        name: "",
+        schoolId: "",
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE CLASS MODULE
+// ============================================================================
+export const { actionTypes: CLASS_ACTION_TYPES, config: classModuleConfig, initialState: initialClassState, Provider: ClassProvider, reducer: classReducer, useContext: useClassContext, } = createGenericModule(classConfig);
+// ============================================================================
+// ENHANCED CLASS HOOK WITH API INTEGRATION
+// ============================================================================
+export const useClassModule = () => {
+    var _a;
+    const context = useClassContext();
+    const { dispatch } = context;
+    const t = useTranslations("class");
+    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    const workspace = getCachedWorkspaceSync();
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    // ============================================================================
+    // API PARAMETERS
+    // ============================================================================
+    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: context.state.currentPage, pageLimit: context.state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (context.state.filterEnabled !== undefined
+        ? { filterEnabled: String(context.state.filterEnabled) }
+        : {}))), [
+        context.state.currentPage,
+        context.state.filterEnabled,
+        context.state.pageLimit,
+        schoolId,
+        debouncedQuery,
+    ]);
+    const updateParams = useMemo(() => ({
+        code: context.state.code,
+        description: context.state.description,
+        enabled: context.state.enabled,
+        id: context.state.id,
+        name: context.state.name,
+        schoolId: context.state.schoolId || schoolId,
+    }), [context.state, schoolId]);
+    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    // ============================================================================
+    // UTILITIES
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const setField = useCallback((key, value) => {
+        let formatted = value === null
+            ? undefined
+            : value;
+        // Format code to uppercase
+        if (key === "code" && typeof value === "string") {
+            formatted = value.toUpperCase();
+        }
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key, value: formatted || value },
+        });
+    }, [dispatch]);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const response = data;
+            const items = (_a = response.items) !== null && _a !== void 0 ? _a : [];
+            const count = typeof response.count === "number" ? response.count : 0;
+            dispatch({
+                type: CLASS_ACTION_TYPES.SET_ITEMS,
+                payload: { items, count },
+            });
+        }
+    };
+    const updateCallback = ({ data, error }) => {
+        const isCreated = isCreatedOrUpdated(data);
+        if (error) {
+            showToast(isCreated ? t("messagesCreateFailed") : t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateClassesCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            dispatch({
+                type: CLASS_ACTION_TYPES.SET_FORM_DATA,
+                payload: { form: Object.assign(Object.assign({}, data), { filterEnabled: undefined }) },
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateClassesCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // API HOOKS
+    // ============================================================================
+    const { listFetchNow, listLoading, updateFetchNow, updateLoading, byIdFetchNow, deleteFetchNow, deleteLoading, byIdLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: CLASS_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: CLASS_API_ROUTES.UNIT,
+        unitUrl: CLASS_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((field, value) => {
+        setField(field, value);
+    }, [setField]);
+    const handlePageChange = useCallback((page) => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [dispatch]);
+    const handlePageLimitChange = useCallback((limit) => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [dispatch]);
+    const handleCloseDrawer = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({ type: CLASS_ACTION_TYPES.RESET_FORM });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+    }, [dispatch]);
+    const handleCreate = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: CLASS_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch]);
+    const handleView = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: CLASS_DRAWER.VIEW_DRAWER },
+        });
+    }, [dispatch, byIdFetchNow]);
+    const handleEdit = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: CLASS_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch, byIdFetchNow]);
+    const handleDelete = useCallback((row) => {
+        if (!confirm(t("areYouSureYouWantToDeleteThisClass")))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
+        });
+    }, [t, deleteFetchNow]);
+    const handleFilters = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: CLASS_DRAWER.FILTER_DRAWER },
+        });
+    }, [dispatch]);
+    const handleMoreActions = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: CLASS_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [dispatch]);
+    const handleSearch = useCallback((query) => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [dispatch]);
+    const clearFilters = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_FILTERS,
+            payload: { filters: { filterEnabled: undefined } },
+        });
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // NETWORK ACTIONS
+    // ============================================================================
+    const handleSubmit = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: classFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                dispatch({
+                    type: CLASS_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                dispatch({
+                    type: CLASS_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [dispatch, updateParams, t, showToast, updateFetchNow]);
+    // ============================================================================
+    // HEADER & ROW ACTIONS
+    // ============================================================================
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            icon: MoreHorizontal,
+            label: t("headerActionsMoreActions"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            icon: Filter,
+            label: t("headerActionsFilters"),
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            icon: Plus,
+            label: t("headerActionsAdd"),
+            order: 3,
+        },
+    ], [handleFilters, handleMoreActions, handleCreate, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            icon: Eye,
+            label: t("rowActionsView"),
+            order: 1,
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.enabled) === true,
+            handleOnClick: handleEdit,
+            icon: Edit,
+            label: t("rowActionsEdit"),
+            order: 2,
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.enabled) === false,
+            handleOnClick: handleDelete,
+            icon: Trash2,
+            label: t("rowActionsDelete"),
+            order: 3,
+        },
+    ], [handleView, handleEdit, handleDelete, t]);
+    const applyFilters = useCallback(() => {
+        dispatch({
+            type: CLASS_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [dispatch, listFetchNow, handleCloseDrawer]);
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        if (!schoolId)
+            return;
+        // Use sync cache for initial load to prevent UI hanging
+        const cachedData = getCachedClassesSync();
+        if (cachedData && !isClassesCacheStale()) {
+            // Cache is fresh, use it immediately
+            const { count, items } = cachedData;
+            dispatch({
+                type: CLASS_ACTION_TYPES.SET_ITEMS,
+                payload: { items: items || [], count: count || 0 },
+            });
+        }
+        else {
+            // Cache is stale or empty, fetch async
+            (async () => {
+                try {
+                    const { count, items } = await getCachedClasses({
+                        params: listParams,
+                    });
+                    dispatch({
+                        type: CLASS_ACTION_TYPES.SET_ITEMS,
+                        payload: { items: items || [], count: count || 0 },
+                    });
+                }
+                catch (_a) {
+                    showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+                }
+            })();
+        }
+    }, [listParams, schoolId, showToast, t, dispatch]);
+    // ============================================================================
+    // RETURN
+    // ============================================================================
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        deleteLoading,
+        handleChange,
+        handleCloseDrawer,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleMoreActions,
+        handlePageChange,
+        handlePageLimitChange,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        headerActions,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

package/base-modules/class/filter.d.ts

@@ -0,0 +1 @@
+export declare const ClassFilter: () => import("react/jsx-runtime").JSX.Element;