@appcorp/fusion-storybook 0.2.64 → 0.2.66

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

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

package/base-modules/attendance/filter.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useAttendanceModule } from "./context";
 import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
 import { useTranslations } from "next-intl";
-export const AttendanceFilter = ({ labelAll, labelEnabled, labelDisabled, }) => {
+export const AttendanceFilter = () => {
     const t = useTranslations("attendance");
     const { state, handleChange } = useAttendanceModule();
     const { filterEnabled } = state;
@@ -13,9 +13,9 @@ export const AttendanceFilter = ({ labelAll, labelEnabled, labelDisabled, }) =>
             ? "true"
             : "false";
     return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsx(EnhancedRadio, { label: t("filterOptionEnabled"), name: "filterEnabled", value: filterEnabledValue, options: [
-                    { label: labelAll, value: "undefined" },
-                    { label: labelEnabled, value: "true" },
-                    { label: labelDisabled, value: "false" },
+                    { 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);

package/base-modules/attendance/more-actions.d.ts

@@ -1,19 +1,8 @@
 import { FC } from "react";
 interface AttendanceMoreActionsProps {
     labelAttendanceStatus: string;
-    labelCourse: string;
-    labelCourseInfo: string;
-    labelCoursePlaceholder: string;
-    labelNoCourseFound: string;
-    labelRemarks: string;
     labelRemarksInfo: string;
     labelRemarksPlaceholder: string;
-    labelSearchCourses: string;
-    labelStatusAbsent: string;
-    labelStatusExcused: string;
-    labelStatusHalfDay: string;
-    labelStatusLate: string;
-    labelStatusPresent: string;
 }
 export declare const AttendanceMoreActions: FC<AttendanceMoreActionsProps>;
 export {};

package/base-modules/attendance/more-actions.js

@@ -4,8 +4,9 @@ import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox
 import { EnhancedRadio } from "@appcorp/shadcn/components/enhanced-radio";
 import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
 import { useState } from "react";
+import { useTranslations } from "next-intl";
 import { COURSE_API_ROUTES } from "../../constants";
-export const AttendanceMoreActions = ({ labelAttendanceStatus, labelCourse, labelCourseInfo, labelCoursePlaceholder, labelNoCourseFound, labelRemarks, labelRemarksInfo, labelRemarksPlaceholder, labelSearchCourses, labelStatusAbsent, labelStatusExcused, labelStatusHalfDay, labelStatusLate, labelStatusPresent, }) => {
+export const AttendanceMoreActions = ({ labelAttendanceStatus, labelRemarksInfo, labelRemarksPlaceholder, }) => {
     // const enrollment = getCachedEnrollmentsSync().items;
     // const studentProfiles = getCachedStudentProfilesSync().items;
     // const courses = getCachedCoursesSync().items;
@@ -13,20 +14,21 @@ export const AttendanceMoreActions = ({ labelAttendanceStatus, labelCourse, labe
     const [remarks, setRemarks] = useState({});
     const [attendance, setAttendance] = useState({});
     const [errors] = useState({});
+    const t = useTranslations("attendance");
     const { enhancedComboboxElement: courseIdCombo } = useEnhancedCombobox({
-        emptyText: labelNoCourseFound,
+        emptyText: t("formCourseEmptyText"),
         id: "courseId",
-        info: labelCourseInfo,
-        label: labelCourse,
+        info: t("formCourseInfo"),
+        label: t("formCourseLabel"),
         onValueChange: (value) => setCourseId(value),
         options: [{ id: "", code: "" }].map((c) => ({
             value: c.id,
             label: c.code.trim(),
         })),
-        placeholder: labelCoursePlaceholder,
+        placeholder: t("formCoursePlaceholder"),
         required: true,
         searchEndpoint: COURSE_API_ROUTES.UNIT,
-        searchPlaceholder: labelSearchCourses,
+        searchPlaceholder: t("formCourseSearchPlaceholder"),
         formatSearchResult: (item) => {
             var _a, _b;
             return ({
@@ -49,13 +51,13 @@ export const AttendanceMoreActions = ({ labelAttendanceStatus, labelCourse, labe
                 [].map((s) => {
                     // const student = studentProfiles.find((sp) => sp.id === s);
                     return (_jsxs("div", { children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "flex flex-col items-center justify-center", children: [_jsx("p", { children: " " }), _jsx("img", { src: "student?.familyMember?.avatar", alt: "student?.familyMember?.firstName", width: 100, height: 100, className: "rounded-full" })] }), _jsx("div", { children: _jsx(EnhancedRadio, { label: labelAttendanceStatus, name: "attendanceStatus", value: attendance[s] || "PRESENT", options: [
-                                                { label: labelStatusPresent, value: "PRESENT" },
-                                                { label: labelStatusAbsent, value: "ABSENT" },
-                                                { label: labelStatusLate, value: "LATE" },
-                                                { label: labelStatusExcused, value: "EXCUSED" },
-                                                { label: labelStatusHalfDay, value: "HALF_DAY" },
+                                                { label: t("formOptionPresent"), value: "PRESENT" },
+                                                { label: t("formOptionAbsent"), value: "ABSENT" },
+                                                { label: t("formOptionLate"), value: "LATE" },
+                                                { label: t("formOptionExcused"), value: "EXCUSED" },
+                                                { label: t("formOptionHalfDay"), value: "HALF_DAY" },
                                             ], onValueChange: (next) => {
                                                 setAttendance((prev) => (Object.assign(Object.assign({}, prev), { [s]: next })));
-                                            } }) })] }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", info: labelRemarksInfo, label: labelRemarks, onChange: (e) => setRemarks((prev) => (Object.assign(Object.assign({}, prev), { [s]: e.target.value }))), placeholder: labelRemarksPlaceholder, rows: 0, value: remarks[s] })] }, s));
+                                            } }) })] }), _jsx(EnhancedTextarea, { error: errors.remarks, id: "remarks", info: labelRemarksInfo, label: t("formRemarksLabel"), onChange: (e) => setRemarks((prev) => (Object.assign(Object.assign({}, prev), { [s]: e.target.value }))), placeholder: labelRemarksPlaceholder, rows: 0, value: remarks[s] })] }, s));
                 })] }));
 };

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

@@ -24,26 +24,14 @@ interface Props {
     drawerViewDescription: string;
     drawerViewTitle: string;
     labelActions: string;
-    labelAll: string;
     labelAttendanceStatus: string;
-    labelCourse: string;
-    labelCourseInfo: string;
-    labelCoursePlaceholder: string;
     labelDate: string;
-    labelDisabled: string;
     labelEnabled: string;
     labelId: string;
-    labelNoCourseFound: string;
     labelRemarks: string;
     labelRemarksInfo: string;
     labelRemarksPlaceholder: string;
-    labelSearchCourses: string;
     labelStatus: string;
-    labelStatusAbsent: string;
-    labelStatusExcused: string;
-    labelStatusHalfDay: string;
-    labelStatusLate: string;
-    labelStatusPresent: string;
     labelStudent: string;
     saveLabel: string;
     searchPlaceholder: string;

package/base-modules/attendance/page.js

@@ -56,9 +56,9 @@ const tableBodyCols = [
 // COMPONENT INSTANCES (memoized — no runtime deps)
 // ============================================================================
 const createComponentInstances = (props) => ({
-    filter: (_jsx(AttendanceFilter, { labelAll: props.labelAll, labelEnabled: props.labelEnabled, labelDisabled: props.labelDisabled })),
+    filter: _jsx(AttendanceFilter, {}),
     form: _jsx(AttendanceForm, {}),
-    moreActions: (_jsx(AttendanceMoreActions, { labelAttendanceStatus: props.labelAttendanceStatus, labelCourse: props.labelCourse, labelCourseInfo: props.labelCourseInfo, labelCoursePlaceholder: props.labelCoursePlaceholder, labelNoCourseFound: props.labelNoCourseFound, labelRemarks: props.labelRemarks, labelRemarksInfo: props.labelRemarksInfo, labelRemarksPlaceholder: props.labelRemarksPlaceholder, labelSearchCourses: props.labelSearchCourses, labelStatusAbsent: props.labelStatusAbsent, labelStatusExcused: props.labelStatusExcused, labelStatusHalfDay: props.labelStatusHalfDay, labelStatusLate: props.labelStatusLate, labelStatusPresent: props.labelStatusPresent })),
+    moreActions: (_jsx(AttendanceMoreActions, { labelAttendanceStatus: props.labelAttendanceStatus, labelRemarksInfo: props.labelRemarksInfo, labelRemarksPlaceholder: props.labelRemarksPlaceholder })),
     view: _jsx(AttendanceView, {}),
 });
 const createAttendanceConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelDate, labelEnabled, labelId, labelRemarks, labelStatus, labelStudent, saveLabel, searchPlaceholder, tableDescription, tableTitle, components, }) => {
@@ -102,41 +102,13 @@ const GenericAttendancePage = createGenericModulePage();
 const AttendancePageInner = (props) => {
     const context = useAttendanceModule();
     const components = useMemo(() => createComponentInstances({
-        labelAll: props.labelAll,
-        labelEnabled: props.labelEnabled,
-        labelDisabled: props.labelDisabled,
         labelAttendanceStatus: props.labelAttendanceStatus,
-        labelCourse: props.labelCourse,
-        labelCourseInfo: props.labelCourseInfo,
-        labelCoursePlaceholder: props.labelCoursePlaceholder,
-        labelNoCourseFound: props.labelNoCourseFound,
-        labelRemarks: props.labelRemarks,
         labelRemarksInfo: props.labelRemarksInfo,
         labelRemarksPlaceholder: props.labelRemarksPlaceholder,
-        labelSearchCourses: props.labelSearchCourses,
-        labelStatusAbsent: props.labelStatusAbsent,
-        labelStatusExcused: props.labelStatusExcused,
-        labelStatusHalfDay: props.labelStatusHalfDay,
-        labelStatusLate: props.labelStatusLate,
-        labelStatusPresent: props.labelStatusPresent,
     }), [
-        props.labelAll,
-        props.labelEnabled,
-        props.labelDisabled,
         props.labelAttendanceStatus,
-        props.labelCourse,
-        props.labelCourseInfo,
-        props.labelCoursePlaceholder,
-        props.labelNoCourseFound,
-        props.labelRemarks,
         props.labelRemarksInfo,
         props.labelRemarksPlaceholder,
-        props.labelSearchCourses,
-        props.labelStatusAbsent,
-        props.labelStatusExcused,
-        props.labelStatusHalfDay,
-        props.labelStatusLate,
-        props.labelStatusPresent,
     ]);
     const attendanceConfig = useMemo(() => createAttendanceConfig({
         dispatch: context.dispatch,

package/base-modules/attendance/view.js

@@ -24,6 +24,6 @@ export const AttendanceView = () => {
             studentProfile.studentCode
         : studentProfileId || "—";
     const formattedDate = date ? formatDate(date, DATE_FORMATS.LOCALE_DATE) : "—";
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAttendanceDetails") })] }), _jsx(CardDescription, { children: t("viewSectionAttendanceRecordDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStudent") })] }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldDate") })] }), _jsx("p", { className: "text-base", children: formattedDate })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAdditionalDetails") })] }), _jsx(CardDescription, { children: t("viewFieldOptionalNotes") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldRemarks") }), _jsx("p", { className: "text-base", children: remarks || "—" })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatusInfo") })] }), _jsx(CardDescription, { children: t("viewFieldRecordState") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("viewFieldStatusActive") : t("viewFieldStatusInactive")] }) })] })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAttendanceDetails") })] }), _jsx(CardDescription, { children: t("viewSectionAttendanceRecordDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStudent") })] }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-4 w-4 text-muted-foreground" }), _jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldDate") })] }), _jsx("p", { className: "text-base", children: formattedDate })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionAdditionalDetails") })] }), _jsx(CardDescription, { children: t("viewFieldOptionalNotes") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldRemarks") }), _jsx("p", { className: "text-base", children: remarks || "—" })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatusInfo") })] }), _jsx(CardDescription, { children: t("viewFieldRecordState") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] }) })] })] }));
 };
 AttendanceView.displayName = "AttendanceView";

package/base-modules/enrollment/form.js

@@ -24,7 +24,7 @@ import { getCachedWorkspaceSync } from "../workspace/cache";
 // COMPONENT
 // ============================================================================
 export const EnrollmentForm = () => {
-    const { state: { classId, enabled, enrollmentDate, errors, sectionId, studentProfileId }, handleChange, } = useEnrollmentModule();
+    const { state: { classId, enabled, enrollmentDate, errors, sectionId, studentProfileId, }, handleChange, } = useEnrollmentModule();
     const workspace = getCachedWorkspaceSync();
     const t = useTranslations("enrollment");
     const { fetchNow: studentProfileFetchNow, data: studentProfileData } = useFetch(STUDENT_PROFILE_API_ROUTES.UNIT, {
@@ -103,22 +103,18 @@ export const EnrollmentForm = () => {
         info: t("sectionInfo"),
         label: t("section"),
         onValueChange: (value) => handleChange("sectionId", value),
-        options: ((sectionData === null || sectionData === void 0 ? void 0 : sectionData.items) || []).map((s) => {
-            var _a;
-            return ({
-                value: s.id,
-                label: `${(_a = s === null || s === void 0 ? void 0 : s.class) === null || _a === void 0 ? void 0 : _a.code}-${s.name}`,
-            });
-        }),
+        options: ((sectionData === null || sectionData === void 0 ? void 0 : sectionData.items) || []).map((s) => ({
+            value: s.id,
+            label: s.name,
+        })),
         placeholder: t("sectionPlaceholder"),
         required: true,
         searchEndpoint: SECTION_API_ROUTES.UNIT,
         searchPlaceholder: t("formSearchSectionsPlaceholder"),
         formatSearchResult: (item) => {
-            var _a;
             const section = Object.assign({}, item);
             return {
-                label: `${(_a = section === null || section === void 0 ? void 0 : section.class) === null || _a === void 0 ? void 0 : _a.code}-${section.name}`,
+                label: section.name,
                 value: section.id,
             };
         },

package/base-modules/enrollment/page.js

@@ -32,7 +32,11 @@ const tableBodyCols = [
     {
         componentType: COMPONENT_TYPE.TEXT,
         key: "studentProfile",
-        textFormatter: (_, row) => { var _a, _b; return (_b = (_a = row.studentProfile) === null || _a === void 0 ? void 0 : _a.studentCode) !== null && _b !== void 0 ? _b : "N/A"; },
+        textFormatter: (_, row) => {
+            var _a, _b, _c, _d, _e;
+            return `${(_b = (_a = row.studentProfile) === null || _a === void 0 ? void 0 : _a.familyMember) === null || _b === void 0 ? void 0 : _b.firstName} ${(_d = (_c = row.studentProfile) === null || _c === void 0 ? void 0 : _c.familyMember) === null || _d === void 0 ? void 0 : _d.lastName} - ${(_e = row.studentProfile) === null || _e === void 0 ? void 0 : _e.computerNumber}` ||
+                "N/A";
+        },
     },
     {
         componentType: COMPONENT_TYPE.TEXT,
@@ -55,11 +59,6 @@ const tableBodyCols = [
             return val ? formatDate(val, DATE_FORMATS.LOCALE_DATE) : "N/A";
         },
     },
-    {
-        componentType: COMPONENT_TYPE.TEXT,
-        key: "status",
-        textFormatter: (_, row) => row.enabled ? "Active" : "Inactive",
-    },
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];

package/package.json

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