@appcorp/fusion-storybook 0.1.35 → 0.1.37

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

@@ -0,0 +1,14 @@
+/**
+ * Attendance Module Cache Utilities
+ *
+ * Provides localStorage-based caching for attendances using generic cache system.
+ */
+import { AttendanceBE } from "../../type";
+export declare const getCachedAttendancesSync: () => import("@react-pakistan/util-functions").ListResponse<AttendanceBE>;
+export declare const getCachedAttendances: ({ params, }: {
+    params: Record<string, unknown>;
+}) => Promise<import("@react-pakistan/util-functions").ListResponse<AttendanceBE>>;
+export declare const getCachedAttendanceById: (attendanceId: string) => AttendanceBE | null;
+export declare const invalidateAttendancesCache: () => void;
+export declare const preloadAttendances: () => Promise<import("@react-pakistan/util-functions").ListResponse<AttendanceBE>>;
+export declare const isAttendancesCacheStale: () => boolean;

package/base-modules/attendance/cache.js

@@ -0,0 +1,31 @@
+/**
+ * Attendance Module Cache Utilities
+ *
+ * Provides localStorage-based caching for attendances using generic cache system.
+ */
+import { LS_KEYS } from "../../constants";
+import { ATTENDANCE_API_ROUTES } from "./constants";
+import { getCachedData, getCachedDataSync, getCachedItemById, invalidateCache, isCacheStale, preloadCache, } from "@react-pakistan/util-functions";
+// ============================================================================
+// CACHE CONFIGURATION
+// ============================================================================
+const ATTENDANCE_CACHE_CONFIG = {
+    cacheKey: LS_KEYS.ATTENDANCES,
+    apiUrl: ATTENDANCE_API_ROUTES.UNIT,
+};
+// ============================================================================
+// ATTENDANCE-SPECIFIC CACHE FUNCTIONS
+// ============================================================================
+export const getCachedAttendancesSync = () => getCachedDataSync(LS_KEYS.ATTENDANCES);
+export const getCachedAttendances = ({ params, }) => getCachedData({
+    config: ATTENDANCE_CACHE_CONFIG,
+    params,
+    headers: {
+        "Content-Type": "application/json",
+        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+    },
+});
+export const getCachedAttendanceById = (attendanceId) => getCachedItemById(LS_KEYS.ATTENDANCES, attendanceId);
+export const invalidateAttendancesCache = () => invalidateCache(LS_KEYS.ATTENDANCES);
+export const preloadAttendances = () => preloadCache(ATTENDANCE_CACHE_CONFIG);
+export const isAttendancesCacheStale = () => isCacheStale(LS_KEYS.ATTENDANCES);

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

@@ -0,0 +1,17 @@
+/**
+ * Attendance Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Status Options
+ */
+import { ATTENDANCE_STATUS } from "../../type";
+export declare const pageLimit: number;
+export declare const ATTENDANCE_API_ROUTES: {
+    readonly UNIT: "/api/v1/attendance";
+};
+export declare const ATTENDANCE_STATUS_OPTIONS: {
+    label: string;
+    value: ATTENDANCE_STATUS;
+}[];

package/base-modules/attendance/constants.js

@@ -0,0 +1,29 @@
+/**
+ * Attendance Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Status Options
+ */
+import { ATTENDANCE_STATUS } from "../../type";
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
+// ============================================================================
+// API ROUTES
+// ============================================================================
+export const ATTENDANCE_API_ROUTES = {
+    UNIT: "/api/v1/attendance",
+};
+// ============================================================================
+// STATUS OPTIONS
+// ============================================================================
+export const ATTENDANCE_STATUS_OPTIONS = [
+    { label: "Present", value: ATTENDANCE_STATUS.PRESENT },
+    { label: "Absent", value: ATTENDANCE_STATUS.ABSENT },
+    { label: "Late", value: ATTENDANCE_STATUS.LATE },
+    { label: "Excused", value: ATTENDANCE_STATUS.EXCUSED },
+    { label: "Half Day", value: ATTENDANCE_STATUS.HALF_DAY },
+];

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

@@ -0,0 +1,167 @@
+import { RowAction, TableRow } from "@appcorp/shadcn/components/enhanced-table";
+import { AttendanceBE, ATTENDANCE_STATUS, SchoolBE, StudentProfileBE } from "../../type";
+export declare const ATTENDANCE_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const ATTENDANCE_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";
+}, attendanceModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: AttendanceBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    date: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    remarks: string;
+    schoolId: string;
+    status: ATTENDANCE_STATUS;
+    studentProfileId: string;
+    school: SchoolBE | undefined;
+    studentProfile: StudentProfileBE | undefined;
+}>, initialAttendanceState: {
+    items: AttendanceBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    date: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    remarks: string;
+    schoolId: string;
+    status: ATTENDANCE_STATUS;
+    studentProfileId: string;
+    school: SchoolBE | undefined;
+    studentProfile: StudentProfileBE | undefined;
+}, AttendanceProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, attendanceReducer: (state: {
+    items: AttendanceBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    date: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    remarks: string;
+    schoolId: string;
+    status: ATTENDANCE_STATUS;
+    studentProfileId: string;
+    school: SchoolBE | undefined;
+    studentProfile: StudentProfileBE | undefined;
+}, action: any) => {
+    items: AttendanceBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    date: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    remarks: string;
+    schoolId: string;
+    status: ATTENDANCE_STATUS;
+    studentProfileId: string;
+    school: SchoolBE | undefined;
+    studentProfile: StudentProfileBE | undefined;
+}, useAttendanceContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: AttendanceBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    date: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+    remarks: string;
+    schoolId: string;
+    status: ATTENDANCE_STATUS;
+    studentProfileId: string;
+    school: SchoolBE | undefined;
+    studentProfile: StudentProfileBE | undefined;
+}>;
+export declare const useAttendanceModule: () => {
+    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: AttendanceBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        date: string;
+        enabled: boolean;
+        errors: Record<string, string>;
+        filterEnabled: boolean | undefined;
+        id: string;
+        remarks: string;
+        schoolId: string;
+        status: ATTENDANCE_STATUS;
+        studentProfileId: string;
+        school: SchoolBE | undefined;
+        studentProfile: StudentProfileBE | undefined;
+    };
+    dispatch: React.Dispatch<any>;
+};

package/base-modules/attendance/context.js

@@ -0,0 +1,412 @@
+"use client";
+/**
+ * Attendance Module — business logic + API integration
+ *
+ * This module wires the generic module state (created by
+ * `createGenericModule`) to network actions using `useModuleEntityV2`.
+ * It contains the domain-specific handlers (create/view/edit/delete),
+ * local validation wiring, and optimistic UI helpers.
+ *
+ * Key responsibilities:
+ * - expose `useAttendanceModule()` which UI components call for actions
+ * - keep the module-specific `apiParams` and callbacks in one place
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `AttendanceProvider` — provider component used by the page
+ * - `useAttendanceModule()` — hook that returns handlers and state
+ */
+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 { ATTENDANCE_API_ROUTES, pageLimit } from "./constants";
+import { getCachedAttendances, invalidateAttendancesCache } from "./cache";
+import { attendanceFormValidation } from "./validate";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { Edit, Eye, Filter, MoreHorizontal, Plus } from "lucide-react";
+import { ATTENDANCE_STATUS, } from "../../type";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const ATTENDANCE_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 attendanceConfig = {
+    name: "Attendance",
+    displayName: "Attendance",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        // Form State
+        date: new Date().toISOString().split("T")[0],
+        enabled: true,
+        errors: {},
+        filterEnabled: undefined,
+        id: "",
+        remarks: "",
+        schoolId: "",
+        status: ATTENDANCE_STATUS.PRESENT,
+        studentProfileId: "",
+        // Relations (populated from byId fetch)
+        school: undefined,
+        studentProfile: undefined,
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE ATTENDANCE MODULE
+// ============================================================================
+export const { actionTypes: ATTENDANCE_ACTION_TYPES, config: attendanceModuleConfig, initialState: initialAttendanceState, Provider: AttendanceProvider, reducer: attendanceReducer, useContext: useAttendanceContext, } = createGenericModule(attendanceConfig);
+// ============================================================================
+// ENHANCED ATTENDANCE HOOK WITH API INTEGRATION
+// ============================================================================
+export const useAttendanceModule = () => {
+    var _a;
+    const context = useAttendanceContext();
+    const { state, dispatch } = context;
+    const debouncedQuery = useDebounce(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: state.currentPage, pageLimit: state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+        ? { filterEnabled: String(state.filterEnabled) }
+        : {}))), [
+        state.currentPage,
+        state.filterEnabled,
+        state.pageLimit,
+        debouncedQuery,
+        schoolId,
+    ]);
+    const updateParams = useMemo(() => ({
+        date: state.date,
+        enabled: state.enabled,
+        id: state.id,
+        remarks: state.remarks,
+        schoolId,
+        status: state.status,
+        studentProfileId: state.studentProfileId,
+    }), [state, schoolId]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
+    // ============================================================================
+    // TOAST UTILITY
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast("Failed to fetch attendance records", 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: ATTENDANCE_ACTION_TYPES.SET_ITEMS,
+                payload: { items, count },
+            });
+        }
+    };
+    const updateCallback = ({ data, error }) => {
+        const isCreated = isCreatedOrUpdated(data);
+        if (error) {
+            showToast(isCreated
+                ? "Failed to create attendance record"
+                : "Failed to update attendance record", TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast("Attendance record saved successfully", TOAST_VARIANT.SUCCESS);
+            invalidateAttendancesCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        if (error) {
+            showToast("Failed to fetch attendance details", TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            dispatch({
+                type: ATTENDANCE_ACTION_TYPES.SET_FORM_DATA,
+                payload: { form: Object.assign(Object.assign({}, data), { filterEnabled: undefined }) },
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast("Failed to delete attendance record", TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast("Attendance record deleted successfully", TOAST_VARIANT.SUCCESS);
+            invalidateAttendancesCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((field, value) => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: field, value },
+        });
+    }, [dispatch]);
+    const handlePageChange = useCallback((page) => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [dispatch]);
+    const handlePageLimitChange = useCallback((limit) => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [dispatch]);
+    const handleCloseDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: ATTENDANCE_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch]);
+    const handleFilters = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: ATTENDANCE_DRAWER.FILTER_DRAWER },
+        });
+    }, [dispatch]);
+    const handleMoreActions = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: ATTENDANCE_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [dispatch]);
+    const handleSearch = useCallback((query) => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [dispatch]);
+    const clearFilters = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.RESET_FORM,
+        });
+    }, [dispatch]);
+    // ============================================================================
+    // API HOOKS
+    // ============================================================================
+    const { listFetchNow, listLoading, updateFetchNow, updateLoading, byIdFetchNow, deleteFetchNow, deleteLoading, byIdLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: ATTENDANCE_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: ATTENDANCE_API_ROUTES.UNIT,
+        unitUrl: ATTENDANCE_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    // ============================================================================
+    // HANDLERS THAT USE API HOOKS (moved after API hooks)
+    // ============================================================================
+    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: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: ATTENDANCE_DRAWER.VIEW_DRAWER },
+        });
+    }, [byIdFetchNow, dispatch]);
+    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: ATTENDANCE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: ATTENDANCE_DRAWER.FORM_DRAWER },
+        });
+    }, [byIdFetchNow, dispatch]);
+    const handleDelete = useCallback((row) => {
+        if (!confirm("Are you sure you want to delete this attendance record?"))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
+        });
+    }, [deleteFetchNow]);
+    const handleSubmit = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: attendanceFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(Object.assign(Object.assign({}, updateParams), { markedBy: "" })),
+                });
+            },
+            errorCallback: (errors) => {
+                dispatch({
+                    type: ATTENDANCE_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                dispatch({
+                    type: ATTENDANCE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast("Please fix the form errors", TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [dispatch, updateParams, updateFetchNow, showToast]);
+    // ============================================================================
+    // HEADER / ROW ACTIONS
+    // ============================================================================
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            icon: MoreHorizontal,
+            label: "More Actions",
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            icon: Filter,
+            label: "Filters",
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            icon: Plus,
+            label: "Add Attendance",
+            order: 3,
+        },
+    ], [handleMoreActions, handleFilters, handleCreate]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            icon: Eye,
+            label: "View",
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleEdit,
+            icon: Edit,
+            label: "Edit",
+            order: 2,
+        },
+    ], [handleView, handleEdit]);
+    const applyFilters = useCallback(() => {
+        dispatch({
+            type: ATTENDANCE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [dispatch, listFetchNow, handleCloseDrawer]);
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        (async () => {
+            try {
+                const { count, items } = await getCachedAttendances({
+                    params: listParams,
+                });
+                dispatch({
+                    type: ATTENDANCE_ACTION_TYPES.SET_ITEMS,
+                    payload: { items: items || [], count: count || 0 },
+                });
+            }
+            catch (_a) {
+                showToast("Failed to fetch attendance records", TOAST_VARIANT.ERROR);
+            }
+        })();
+    }, [listParams, dispatch, showToast]);
+    // ============================================================================
+    // 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/attendance/filter.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface AttendanceFilterProps {
+    labelAll: string;
+    labelEnabled: string;
+    labelDisabled: string;
+}
+export declare const AttendanceFilter: FC<AttendanceFilterProps>;
+export {};