@appcorp/fusion-storybook 0.2.13 → 0.2.15

package/base-modules/student-fee/more-actions.js

@@ -33,7 +33,6 @@ export const StudentFeeMoreActions = () => {
         {
             id: "3",
             title: t("uploadTheCompletedCsvToTheSystem"),
-            handleOnClick: () => console.log("clicked"),
         },
     ];
     const update = [
@@ -46,11 +45,7 @@ export const StudentFeeMoreActions = () => {
             },
         },
         { id: "2", title: t("updateYourDataInTheCsv") },
-        {
-            id: "3",
-            title: t("uploadTheCompletedCsvToTheSystem"),
-            handleOnClick: () => console.log("clicked"),
-        },
+        { id: "3", title: t("uploadTheCompletedCsvToTheSystem") },
     ];
     return (_jsxs("div", { className: "space-y-4", children: [_jsx(Timeline, { events: create, heading: t("bulkCreate") }), _jsx(Timeline, { events: update, heading: t("bulkUpdate") })] }));
 };

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

@@ -59,14 +59,18 @@ export const tableBodyCols = [
         componentType: COMPONENT_TYPE.TEXT,
         key: "enrollments",
         textFormatter: (value) => {
-            var _a;
+            var _a, _b, _c, _d;
             const enrollments = value;
             if (!enrollments || enrollments.length === 0)
                 return "No enrollments";
             if (enrollments.length === 1) {
-                return ((_a = enrollments[0].course) === null || _a === void 0 ? void 0 : _a.code) || "Unknown course";
+                const section = enrollments[0].section;
+                const courseCount = (_b = (_a = section === null || section === void 0 ? void 0 : section.courses) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+                return courseCount > 0
+                    ? `${(_c = section === null || section === void 0 ? void 0 : section.name) !== null && _c !== void 0 ? _c : "Section"} (${courseCount} subjects)`
+                    : (_d = section === null || section === void 0 ? void 0 : section.name) !== null && _d !== void 0 ? _d : "Enrolled";
             }
-            return `${enrollments.length} courses`;
+            return `${enrollments.length} sections`;
         },
     },
     {

package/base-modules/student-profile/context/module-base.d.ts

@@ -0,0 +1,187 @@
+import { StudentProfileBE } from "../../../type";
+export declare const STUDENT_PROFILE_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const STUDENT_PROFILE_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";
+}, studentProfileModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: StudentProfileBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    familyMemberId: string;
+    studentCode: string;
+    status: string;
+    enabled: boolean;
+    remarks: string | null;
+    firstName: string;
+    lastName: string;
+    dateOfBirth: string | Date | null;
+    gender: string | null;
+    bloodGroup: string | null;
+    phone: string | null;
+    email: string | null;
+    emergencyPhone: string | null;
+    avatar: string | null;
+    familyId: string;
+    address: string | null;
+    city: string | null;
+    state: string | null;
+    country: string | null;
+    postalCode: string | null;
+    filterEnabled: boolean | undefined;
+    filterGender: string | undefined;
+    filterStatus: string | undefined;
+}>, initialStudentProfileState: {
+    items: StudentProfileBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    familyMemberId: string;
+    studentCode: string;
+    status: string;
+    enabled: boolean;
+    remarks: string | null;
+    firstName: string;
+    lastName: string;
+    dateOfBirth: string | Date | null;
+    gender: string | null;
+    bloodGroup: string | null;
+    phone: string | null;
+    email: string | null;
+    emergencyPhone: string | null;
+    avatar: string | null;
+    familyId: string;
+    address: string | null;
+    city: string | null;
+    state: string | null;
+    country: string | null;
+    postalCode: string | null;
+    filterEnabled: boolean | undefined;
+    filterGender: string | undefined;
+    filterStatus: string | undefined;
+}, StudentProfileProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, studentProfileReducer: (state: {
+    items: StudentProfileBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    familyMemberId: string;
+    studentCode: string;
+    status: string;
+    enabled: boolean;
+    remarks: string | null;
+    firstName: string;
+    lastName: string;
+    dateOfBirth: string | Date | null;
+    gender: string | null;
+    bloodGroup: string | null;
+    phone: string | null;
+    email: string | null;
+    emergencyPhone: string | null;
+    avatar: string | null;
+    familyId: string;
+    address: string | null;
+    city: string | null;
+    state: string | null;
+    country: string | null;
+    postalCode: string | null;
+    filterEnabled: boolean | undefined;
+    filterGender: string | undefined;
+    filterStatus: string | undefined;
+}, action: any) => {
+    items: StudentProfileBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    familyMemberId: string;
+    studentCode: string;
+    status: string;
+    enabled: boolean;
+    remarks: string | null;
+    firstName: string;
+    lastName: string;
+    dateOfBirth: string | Date | null;
+    gender: string | null;
+    bloodGroup: string | null;
+    phone: string | null;
+    email: string | null;
+    emergencyPhone: string | null;
+    avatar: string | null;
+    familyId: string;
+    address: string | null;
+    city: string | null;
+    state: string | null;
+    country: string | null;
+    postalCode: string | null;
+    filterEnabled: boolean | undefined;
+    filterGender: string | undefined;
+    filterStatus: string | undefined;
+}, useStudentProfileContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: StudentProfileBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    errors: Record<string, string>;
+    id: string;
+    familyMemberId: string;
+    studentCode: string;
+    status: string;
+    enabled: boolean;
+    remarks: string | null;
+    firstName: string;
+    lastName: string;
+    dateOfBirth: string | Date | null;
+    gender: string | null;
+    bloodGroup: string | null;
+    phone: string | null;
+    email: string | null;
+    emergencyPhone: string | null;
+    avatar: string | null;
+    familyId: string;
+    address: string | null;
+    city: string | null;
+    state: string | null;
+    country: string | null;
+    postalCode: string | null;
+    filterEnabled: boolean | undefined;
+    filterGender: string | undefined;
+    filterStatus: string | undefined;
+}>;

package/base-modules/student-profile/context/module-base.js

@@ -0,0 +1,50 @@
+import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
+import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { STUDENT_STATUS } from "../../../type";
+import { pageLimit } from "../constants";
+export const STUDENT_PROFILE_DRAWER = {
+    FILTER_DRAWER: DRAWER_TYPES.FILTER_DRAWER,
+    FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
+    MORE_ACTIONS_DRAWER: DRAWER_TYPES.MORE_ACTIONS_DRAWER,
+    VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+};
+const studentProfileConfig = {
+    name: "StudentProfile",
+    displayName: "Student Profile",
+    drawerTypes: DRAWER_TYPES,
+    initialState: {
+        items: [],
+        count: 0,
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        disableSaveButton: false,
+        drawer: null,
+        errors: {},
+        id: "",
+        familyMemberId: "",
+        studentCode: "",
+        status: STUDENT_STATUS.ACTIVE,
+        enabled: true,
+        remarks: "",
+        firstName: "",
+        lastName: "",
+        dateOfBirth: "",
+        gender: "",
+        bloodGroup: "",
+        phone: "",
+        email: "",
+        emergencyPhone: "",
+        avatar: "",
+        familyId: "",
+        address: "",
+        city: "",
+        state: "",
+        country: "",
+        postalCode: "",
+        filterEnabled: undefined,
+        filterGender: undefined,
+        filterStatus: undefined,
+    },
+};
+export const { actionTypes: STUDENT_PROFILE_ACTION_TYPES, config: studentProfileModuleConfig, initialState: initialStudentProfileState, Provider: StudentProfileProvider, reducer: studentProfileReducer, useContext: useStudentProfileContext, } = createGenericModule(studentProfileConfig);

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

@@ -0,0 +1,70 @@
+import { StudentProfileBE } from "../../../type";
+import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
+export declare const useStudentProfileModule: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    clearSearch: () => void;
+    closeDrawer: () => void;
+    deleteLoading: boolean;
+    handleAvatar: (files: File[]) => void;
+    handleChange: (field: string, value: string | number | boolean | undefined | null) => void;
+    handleCreate: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
+    handleFilters: () => void;
+    handleMoreActions: () => void;
+    handlePageChange: (page: number | unknown) => void;
+    handlePageLimitChange: (k: string, value: object) => void;
+    handleReAdmitStudent: (row?: TableRow) => Promise<void>;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => void;
+    handleView: (row?: TableRow) => void;
+    handleWithdrawStudent: () => Promise<void>;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+    }[];
+    listFetchNow: (url?: string, config?: import("@react-pakistan/util-functions/hooks/use-fetch").FetchConfig) => void;
+    listLoading: boolean;
+    rowActions: RowAction[];
+    toggleStatus: (row?: TableRow) => void;
+    updateLoading: boolean;
+    state: {
+        items: StudentProfileBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        errors: Record<string, string>;
+        id: string;
+        familyMemberId: string;
+        studentCode: string;
+        status: string;
+        enabled: boolean;
+        remarks: string | null;
+        firstName: string;
+        lastName: string;
+        dateOfBirth: string | Date | null;
+        gender: string | null;
+        bloodGroup: string | null;
+        phone: string | null;
+        email: string | null;
+        emergencyPhone: string | null;
+        avatar: string | null;
+        familyId: string;
+        address: string | null;
+        city: string | null;
+        state: string | null;
+        country: string | null;
+        postalCode: string | null;
+        filterEnabled: boolean | undefined;
+        filterGender: string | undefined;
+        filterStatus: string | undefined;
+    };
+    dispatch: React.Dispatch<any>;
+};