aq-fe-framework 0.1.73 → 0.1.75

package/dist/{chunk-C4FTTIYE.mjs → chunk-RXPHSQZ6.mjs}

@@ -6384,54 +6384,12 @@ function MyNumberFormatter(_a) {
   return /* @__PURE__ */ jsx41(NumberFormatter, __spreadValues({ thousandSeparator: true, suffix: " VN\u0110" }, rest));
 }
 
-// src/components/DataDisplay/ScheduleX/MyScheduleX.tsx
-import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as ScheduleXCalendar2 } from "@schedule-x/react";
-import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
-import { useState as useState7 } from "react";
-import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
-import { jsx as jsx42 } from "react/jsx-runtime";
-function MyScheduleX({
-  values,
-  timeGridEvent,
-  eventModal,
-  nDays,
-  startDayBoundaries = "05:00",
-  endDayBoundaries = "21:00"
-}) {
-  const eventsService = useState7(() => createEventsServicePlugin2())[0];
-  const eventModalPlugin = useState7(() => createEventModalPlugin2())[0];
-  const calendar = useNextCalendarApp2({
-    locale: "vi-VN",
-    dayBoundaries: {
-      start: startDayBoundaries,
-      end: endDayBoundaries
-    },
-    weekOptions: {
-      nDays,
-      gridHeight: 700
-    },
-    views: [createViewDay(), createViewWeek(), createViewMonthGrid(), createViewMonthAgenda()],
-    events: values,
-    plugins: [eventsService, eventModalPlugin]
-  });
-  return /* @__PURE__ */ jsx42(
-    ScheduleXCalendar2,
-    {
-      calendarApp: calendar,
-      customComponents: {
-        timeGridEvent,
-        eventModal
-      }
-    }
-  );
-}
-
 // src/components/DataDisplay/StatCard/AQStatCard1.tsx
 import { Box as Box2, Button as Button13, Flex as Flex3, Group as Group11, Paper as Paper5, Text as Text9 } from "@mantine/core";
 import { IconArrowDownRight, IconArrowUpRight } from "@tabler/icons-react";
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function AQStatCard1({ title: title3, value, unit = "", description, icons, diff }) {
-  return /* @__PURE__ */ jsx43(Fragment11, { children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx42(Fragment11, { children: /* @__PURE__ */ jsxs25(
     Paper5,
     {
       withBorder: true,
@@ -6440,7 +6398,7 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
       children: [
         /* @__PURE__ */ jsxs25(Group11, { justify: "space-between", children: [
           /* @__PURE__ */ jsxs25(Flex3, { direction: "column", children: [
-            /* @__PURE__ */ jsx43(
+            /* @__PURE__ */ jsx42(
               Text9,
               {
                 tt: "uppercase",
@@ -6451,13 +6409,13 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
             ),
             unit == "" ? /* @__PURE__ */ jsxs25(Text9, { size: "xs", style: { visibility: "hidden" }, children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx43("strong", { children: unit })
+              /* @__PURE__ */ jsx42("strong", { children: unit })
             ] }) : /* @__PURE__ */ jsxs25(Text9, { size: "xs", children: [
               "\u0110\u01A1n v\u1ECB: ",
-              /* @__PURE__ */ jsx43("strong", { children: unit })
+              /* @__PURE__ */ jsx42("strong", { children: unit })
             ] })
           ] }),
-          /* @__PURE__ */ jsx43(Box2, { children: icons })
+          /* @__PURE__ */ jsx42(Box2, { children: icons })
         ] }),
         /* @__PURE__ */ jsxs25(
           Group11,
@@ -6466,7 +6424,7 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
             align: "flex-end",
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx42(
                 Text9,
                 {
                   fw: 700,
@@ -6486,7 +6444,7 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
                       diff,
                       "%"
                     ] }),
-                    diff > 0 ? /* @__PURE__ */ jsx43(IconArrowUpRight, {}) : /* @__PURE__ */ jsx43(IconArrowDownRight, {})
+                    diff > 0 ? /* @__PURE__ */ jsx42(IconArrowUpRight, {}) : /* @__PURE__ */ jsx42(IconArrowDownRight, {})
                   ]
                 }
               )
@@ -6494,8 +6452,8 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
           }
         ),
         /* @__PURE__ */ jsxs25(Group11, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx43(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx42(Text9, { tt: "uppercase", fz: "xs", c: "dimmed", children: description }),
+          /* @__PURE__ */ jsx42(
             Button13,
             {
               variant: "light",
@@ -6512,15 +6470,15 @@ function AQStatCard1({ title: title3, value, unit = "", description, icons, diff
 
 // src/components/Inputs/DateInput/MyDateInput.tsx
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function MyDateInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx44(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx43(DateInput, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/Fieldset/MyFieldset.tsx
 import { Box as Box3, Fieldset as Fieldset4, Text as Text10 } from "@mantine/core";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function MyFieldset(_a) {
   var _b = _a, {
     children,
@@ -6529,17 +6487,17 @@ function MyFieldset(_a) {
     "children",
     "title"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     Fieldset4,
     __spreadProps(__spreadValues({}, rest), {
-      legend: /* @__PURE__ */ jsx45(
+      legend: /* @__PURE__ */ jsx44(
         Box3,
         {
           bg: "blue.4",
           px: "xs",
           py: 2,
           style: { borderRadius: 4 },
-          children: /* @__PURE__ */ jsx45(Text10, { c: "white", fw: 500, children: title3 })
+          children: /* @__PURE__ */ jsx44(Text10, { c: "white", fw: 500, children: title3 })
         }
       ),
       children
@@ -6549,26 +6507,26 @@ function MyFieldset(_a) {
 
 // src/components/Inputs/FileInput/MyFileInput.tsx
 import { FileInput as FileInput3 } from "@mantine/core";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MyFileInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx46(FileInput3, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx45(FileInput3, __spreadValues({ label, placeholder: label ? `Ch\u1ECDn ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/NumberInput/MyNumberInput.tsx
 import { NumberInput as NumberInput2 } from "@mantine/core";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MyNumberInput(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx47(NumberInput2, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx46(NumberInput2, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextArea/MyTextArea.tsx
 import { Textarea } from "@mantine/core";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function MyTextArea(_a) {
   var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
-  return /* @__PURE__ */ jsx48(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
+  return /* @__PURE__ */ jsx47(Textarea, __spreadValues({ label, placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "" }, rest));
 }
 
 // src/components/Inputs/TextEditor/MyTextEditor.tsx
@@ -6583,8 +6541,8 @@ import TextAlign from "@tiptap/extension-text-align";
 import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-import { useEffect as useEffect5, useState as useState8 } from "react";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState7 } from "react";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 function MyTextEditor(_a) {
   var _b = _a, {
     autoHiddenToolBar = false,
@@ -6603,7 +6561,7 @@ function MyTextEditor(_a) {
     "label",
     "withAsterisk"
   ]);
-  const [hiddenToolBar, setHiddenToolBar] = useState8(autoHiddenToolBar);
+  const [hiddenToolBar, setHiddenToolBar] = useState7(autoHiddenToolBar);
   const editor = useEditor(__spreadValues({
     extensions: [
       StarterKit,
@@ -6686,43 +6644,43 @@ function MyTextEditor(_a) {
       editor.commands.setContent(value);
     }
   }, [value, editor]);
-  return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs26(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
+  return /* @__PURE__ */ jsx48(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs26(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
     /* @__PURE__ */ jsxs26(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
       /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Code, {})
+        /* @__PURE__ */ jsx48(RichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Code, {})
       ] }),
       /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.H4, {})
+        /* @__PURE__ */ jsx48(RichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.H4, {})
       ] }),
       /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Superscript, {})
+        /* @__PURE__ */ jsx48(RichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Superscript, {})
       ] }),
       /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.Unlink, {})
+        /* @__PURE__ */ jsx48(RichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.Unlink, {})
       ] }),
       /* @__PURE__ */ jsxs26(RichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx49(RichTextEditor.AlignRight, {})
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx48(RichTextEditor.AlignRight, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx48(
       ScrollArea2.Autosize,
       {
         onMouseDown: () => {
@@ -6737,7 +6695,7 @@ function MyTextEditor(_a) {
           setHiddenToolBar(false);
         },
         style: { cursor: "text", maxHeight: "400px" },
-        children: /* @__PURE__ */ jsx49(RichTextEditor.Content, { mih: contentHeight })
+        children: /* @__PURE__ */ jsx48(RichTextEditor.Content, { mih: contentHeight })
       }
     )
   ] }) });
@@ -6763,18 +6721,18 @@ import { spotlight as spotlight2 } from "@mantine/spotlight";
 import { IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconLibraryMinus, IconSearch as IconSearch2 } from "@tabler/icons-react";
 import Link3 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { Fragment as Fragment12, jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 function getRightSection(status) {
-  if (status === "Prototype") return /* @__PURE__ */ jsx50(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
-  if (status === "New") return /* @__PURE__ */ jsx50(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
-  if (status === "Menu") return /* @__PURE__ */ jsx50(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
-  if (status === "Change") return /* @__PURE__ */ jsx50(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
+  if (status === "Prototype") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "pink", circle: true, children: "P" });
+  if (status === "New") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", circle: true, children: "N" });
+  if (status === "Menu") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "gray", circle: true, children: "M" });
+  if (status === "Change") return /* @__PURE__ */ jsx49(Badge2, { styles: { root: { cursor: "pointer" } }, radius: "xs", color: "green", circle: true, children: "C" });
   return null;
 }
 function RenderNavLinks({ items }) {
   const sidebarStore = useS_Sidebar();
   const pathName = usePathname2();
-  return /* @__PURE__ */ jsx50(Fragment12, { children: items.map((item, index) => /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(Fragment12, { children: items.map((item, index) => /* @__PURE__ */ jsx49(
     NavLink,
     {
       active: item.link === pathName.split("/")[2],
@@ -6791,7 +6749,7 @@ function RenderNavLinks({ items }) {
           sidebarStore.setProperty("title", item.label);
         }
       },
-      children: item.links && /* @__PURE__ */ jsx50(RenderNavLinks, { items: item.links })
+      children: item.links && /* @__PURE__ */ jsx49(RenderNavLinks, { items: item.links })
     },
     index
   )) });
@@ -6860,16 +6818,16 @@ function BasicAppShell({ children, menu }) {
       padding: "md",
       children: [
         /* @__PURE__ */ jsxs27(AppShell.Header, { children: [
-          /* @__PURE__ */ jsx50(MyAppSpotlight, { menu }),
+          /* @__PURE__ */ jsx49(MyAppSpotlight, { menu }),
           media ? /* @__PURE__ */ jsxs27(Group12, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
             /* @__PURE__ */ jsxs27(Group12, { h: "100%", children: [
-              /* @__PURE__ */ jsx50(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx50(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {}) }) }),
-              /* @__PURE__ */ jsx50(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx50(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId(), children: /* @__PURE__ */ jsx50(IconLibraryMinus, {}) }) })
+              /* @__PURE__ */ jsx49(Tooltip5, { label: sidebarStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {}) }) }),
+              /* @__PURE__ */ jsx49(Tooltip5, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: () => sidebarStore.clearGroupMenuOpenId(), children: /* @__PURE__ */ jsx49(IconLibraryMinus, {}) }) })
             ] }),
-            /* @__PURE__ */ jsx50(Group12, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx50(Text11, { c: "green", fw: "bold", children: "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra" }) }),
+            /* @__PURE__ */ jsx49(Group12, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx49(Text11, { c: "green", fw: "bold", children: "AQ EduCourseEvaluation - Ph\u1EA7n m\u1EC1m \u0111\xE1nh gi\xE1 chu\u1EA9n \u0111\u1EA7u ra" }) }),
             /* @__PURE__ */ jsxs27(Group12, { children: [
-              /* @__PURE__ */ jsx50(Text11, { children: "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c" }),
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx49(Text11, { children: "H\u1ECDc k\u1EF3 l\xE0m vi\u1EC7c" }),
+              /* @__PURE__ */ jsx49(
                 Select3,
                 {
                   w: selectMedia ? 245 : 150,
@@ -6881,15 +6839,15 @@ function BasicAppShell({ children, menu }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx50(MySwitchTheme, {})
+              /* @__PURE__ */ jsx49(MySwitchTheme, {})
             ] })
           ] }) : (
             // For mobile screens - simplified layout
             /* @__PURE__ */ jsxs27(Group12, { h: "100%", px: "md", justify: "space-between", children: [
-              /* @__PURE__ */ jsx50(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx50(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx50(IconLayoutSidebarLeftCollapse, {}) }),
-              /* @__PURE__ */ jsx50(Text11, { c: "green", fw: "bold", size: "sm", children: "AQ EduCourseEvaluation" }),
+              /* @__PURE__ */ jsx49(ActionIcon10, { size: "lg", radius: "md", variant: "default", onClick: sidebarStore.toggle, children: sidebarStore.state.opened ? /* @__PURE__ */ jsx49(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx49(IconLayoutSidebarLeftCollapse, {}) }),
+              /* @__PURE__ */ jsx49(Text11, { c: "green", fw: "bold", size: "sm", children: "AQ EduCourseEvaluation" }),
               /* @__PURE__ */ jsxs27(Group12, { children: [
-                /* @__PURE__ */ jsx50(
+                /* @__PURE__ */ jsx49(
                   Select3,
                   {
                     w: 100,
@@ -6902,24 +6860,24 @@ function BasicAppShell({ children, menu }) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx50(MySwitchTheme, {})
+                /* @__PURE__ */ jsx49(MySwitchTheme, {})
               ] })
             ] })
           )
         ] }),
         /* @__PURE__ */ jsxs27(AppShell.Navbar, { children: [
-          /* @__PURE__ */ jsx50(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ jsx50(IconSearch2, {}), children: "T\xECm ki\u1EBFm (Ctrl + K)" }),
+          /* @__PURE__ */ jsx49(TextInput2, { mt: "md", placeholder: "T\xECm menu (Ctrl + K)", mx: 10, component: "button", onClick: spotlight2.open, leftSection: /* @__PURE__ */ jsx49(IconSearch2, {}), children: "T\xECm ki\u1EBFm (Ctrl + K)" }),
           /* @__PURE__ */ jsxs27(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
-            /* @__PURE__ */ jsx50(RenderNavLinks, { items: menu }),
-            /* @__PURE__ */ jsx50(Divider3, {}),
-            /* @__PURE__ */ jsx50(F_authenticate_Logout, {})
+            /* @__PURE__ */ jsx49(RenderNavLinks, { items: menu }),
+            /* @__PURE__ */ jsx49(Divider3, {}),
+            /* @__PURE__ */ jsx49(F_authenticate_Logout, {})
           ] }),
           /* @__PURE__ */ jsxs27(AppShell.Section, { p: "md", children: [
-            /* @__PURE__ */ jsx50(Divider3, {}),
-            /* @__PURE__ */ jsx50(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" })
+            /* @__PURE__ */ jsx49(Divider3, {}),
+            /* @__PURE__ */ jsx49(Image3, { src: "/imgs/0/IMG0LogoAQTech.png", h: 50, alt: "", w: "auto" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx50(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children })
+        /* @__PURE__ */ jsx49(AppShell.Main, { bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-8))", children })
       ]
     }
   );
@@ -6968,10 +6926,10 @@ function utils_layout_getItemsWithoutLinks(menu) {
 
 // src/components/Layouts/Container/MyContainer.tsx
 import { Container as Container2, Flex as Flex4 } from "@mantine/core";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function MyContainer(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx51(Container2, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx51(Flex4, { direction: "column", children }) }));
+  return /* @__PURE__ */ jsx50(Container2, __spreadProps(__spreadValues({ fluid: true }, rest), { children: /* @__PURE__ */ jsx50(Flex4, { direction: "column", children }) }));
 }
 
 // src/constants/object/color.ts
@@ -7024,7 +6982,7 @@ function useHeaderMegaMenuStore() {
 }
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 var mockdata = [
   {
     icon: IconCode,
@@ -7062,27 +7020,27 @@ function HeaderMegaMenu({ children, menus }) {
   const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
   const HeaderMegaMenuStore = useHeaderMegaMenuStore();
   const theme = useMantineTheme();
-  const links = mockdata.map((item) => /* @__PURE__ */ jsx52(UnstyledButton, { className: css_default2.subLink, children: /* @__PURE__ */ jsxs28(Group13, { wrap: "nowrap", align: "flex-start", children: [
-    /* @__PURE__ */ jsx52(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx52(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
+  const links = mockdata.map((item) => /* @__PURE__ */ jsx51(UnstyledButton, { className: css_default2.subLink, children: /* @__PURE__ */ jsxs28(Group13, { wrap: "nowrap", align: "flex-start", children: [
+    /* @__PURE__ */ jsx51(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx51(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
     /* @__PURE__ */ jsxs28("div", { children: [
-      /* @__PURE__ */ jsx52(Text12, { size: "sm", fw: 500, children: item.title }),
-      /* @__PURE__ */ jsx52(Text12, { size: "xs", c: "dimmed", children: item.description })
+      /* @__PURE__ */ jsx51(Text12, { size: "sm", fw: 500, children: item.title }),
+      /* @__PURE__ */ jsx51(Text12, { size: "xs", c: "dimmed", children: item.description })
     ] })
   ] }) }, item.title));
   return /* @__PURE__ */ jsxs28(Box4, { children: [
-    /* @__PURE__ */ jsx52("header", { className: css_default2.header, children: /* @__PURE__ */ jsxs28(Group13, { justify: "space-between", h: "100%", children: [
+    /* @__PURE__ */ jsx51("header", { className: css_default2.header, children: /* @__PURE__ */ jsxs28(Group13, { justify: "space-between", h: "100%", children: [
       /* @__PURE__ */ jsxs28(Group13, { children: [
-        /* @__PURE__ */ jsx52(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
-        /* @__PURE__ */ jsx52(Group13, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
+        /* @__PURE__ */ jsx51(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
+        /* @__PURE__ */ jsx51(Group13, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
       ] }),
       /* @__PURE__ */ jsxs28(Group13, { children: [
-        /* @__PURE__ */ jsx52(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx52(IconSearch3, {}), radius: "xl", w: "250px" }),
-        /* @__PURE__ */ jsx52(MySwitchTheme, {})
+        /* @__PURE__ */ jsx51(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx51(IconSearch3, {}), radius: "xl", w: "250px" }),
+        /* @__PURE__ */ jsx51(MySwitchTheme, {})
       ] }),
-      /* @__PURE__ */ jsx52(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
+      /* @__PURE__ */ jsx51(Burger, { opened: drawerOpened, onClick: toggleDrawer, hiddenFrom: "sm" })
     ] }) }),
-    /* @__PURE__ */ jsx52(Container3, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx51(Container3, { fluid: true, pt: "sm", pb: "md", bg: OBJECT_COlORS.mantineBackgroundSecondary, mih: "93vh", children }),
+    /* @__PURE__ */ jsx51(
       Drawer,
       {
         opened: drawerOpened,
@@ -7093,9 +7051,9 @@ function HeaderMegaMenu({ children, menus }) {
         hiddenFrom: "sm",
         zIndex: 1e6,
         children: /* @__PURE__ */ jsxs28(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
-          /* @__PURE__ */ jsx52(Divider4, { my: "sm" }),
-          /* @__PURE__ */ jsx52(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx52(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
-          /* @__PURE__ */ jsx52(Divider4, { my: "sm" })
+          /* @__PURE__ */ jsx51(Divider4, { my: "sm" }),
+          /* @__PURE__ */ jsx51(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx51(Button14, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
+          /* @__PURE__ */ jsx51(Divider4, { my: "sm" })
         ] })
       }
     )
@@ -7104,15 +7062,15 @@ function HeaderMegaMenu({ children, menus }) {
 
 // src/components/Layouts/Tab/MyTab.tsx
 import { rem, Space as Space3, Tabs } from "@mantine/core";
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function MyTab(_a) {
   var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
   const iconStyle = { width: rem(20), height: rem(20) };
   return /* @__PURE__ */ jsxs29(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
-    /* @__PURE__ */ jsx53(Tabs.List, { children: tabList.map((item, idx) => {
-      return /* @__PURE__ */ jsx53(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx53(item.icon, { style: iconStyle }), children: item.label }, idx);
+    /* @__PURE__ */ jsx52(Tabs.List, { children: tabList.map((item, idx) => {
+      return /* @__PURE__ */ jsx52(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx52(item.icon, { style: iconStyle }), children: item.label }, idx);
     }) }),
-    /* @__PURE__ */ jsx53(Space3, { my: "md" }),
+    /* @__PURE__ */ jsx52(Space3, { my: "md" }),
     children
   ] }));
 }
@@ -7121,33 +7079,33 @@ function MyTab(_a) {
 import { ActionIcon as ActionIcon11, Button as Button15, Fieldset as Fieldset5, Group as Group14, Modal as Modal11 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function MyDataTableSelect(_a) {
   var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
   const disc = useDisclosure11(false);
   if (data == void 0) return "\u0110ang t\u1EA3i...";
   return /* @__PURE__ */ jsxs30(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx53(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
           return /* @__PURE__ */ jsxs30(Group14, { children: [
             renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
-            /* @__PURE__ */ jsx54(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
+            /* @__PURE__ */ jsx53(Button15, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
           ] });
         },
         columns,
         data: listState[0],
         renderRowActions: ({ row }) => {
-          return /* @__PURE__ */ jsx54(MyCenterFull, { children: /* @__PURE__ */ jsx54(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx54(IconX2, {}) }) });
+          return /* @__PURE__ */ jsx53(MyCenterFull, { children: /* @__PURE__ */ jsx53(ActionIcon11, { color: "red", onClick: () => listState[1].remove(row.index), children: /* @__PURE__ */ jsx53(IconX2, {}) }) });
         }
       }, rest)
     ),
-    /* @__PURE__ */ jsx54(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx53(Modal11, { opened: disc[0], onClose: disc[1].close, size: modalSize || "80%", children: /* @__PURE__ */ jsx53(
       MyDataTable,
       __spreadValues({
         renderTopToolbarCustomActions: ({ table }) => {
-          return /* @__PURE__ */ jsx54(Button15, { onClick: () => {
+          return /* @__PURE__ */ jsx53(Button15, { onClick: () => {
             table.getSelectedRowModel().rows.map((item) => listState[1].append(item.original));
             disc[1].close();
           }, children: "Ch\u1ECDn" });
@@ -7163,7 +7121,7 @@ function MyDataTableSelect(_a) {
 // src/components/RESTAPIComponents/SelectAPIGet/MySelectAPIGet.tsx
 import { Select as Select4 } from "@mantine/core";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function MySelectAPIGet(_a) {
   var _b = _a, { apiGet, label = "", dataMapper } = _b, rest = __objRest(_b, ["apiGet", "label", "dataMapper"]);
   var _a2;
@@ -7182,7 +7140,7 @@ function MySelectAPIGet(_a) {
       label: `${item.code}-${item.name}`
     };
   });
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx54(
     Select4,
     __spreadValues({
       label,
@@ -7192,6 +7150,48 @@ function MySelectAPIGet(_a) {
   );
 }
 
+// src/components/ScheduleX/MyScheduleX.tsx
+import { useNextCalendarApp as useNextCalendarApp2, ScheduleXCalendar as ScheduleXCalendar2 } from "@schedule-x/react";
+import { createEventsServicePlugin as createEventsServicePlugin2 } from "@schedule-x/events-service";
+import { useState as useState8 } from "react";
+import { createEventModalPlugin as createEventModalPlugin2 } from "@schedule-x/event-modal";
+import { jsx as jsx55 } from "react/jsx-runtime";
+function MyScheduleX({
+  values,
+  timeGridEvent,
+  eventModal,
+  nDays,
+  startDayBoundaries = "05:00",
+  endDayBoundaries = "21:00"
+}) {
+  const eventsService = useState8(() => createEventsServicePlugin2())[0];
+  const eventModalPlugin = useState8(() => createEventModalPlugin2())[0];
+  const calendar = useNextCalendarApp2({
+    locale: "vi-VN",
+    dayBoundaries: {
+      start: startDayBoundaries,
+      end: endDayBoundaries
+    },
+    weekOptions: {
+      nDays,
+      gridHeight: 700
+    },
+    views: [createViewDay(), createViewWeek(), createViewMonthGrid(), createViewMonthAgenda()],
+    events: values,
+    plugins: [eventsService, eventModalPlugin]
+  });
+  return /* @__PURE__ */ jsx55(
+    ScheduleXCalendar2,
+    {
+      calendarApp: calendar,
+      customComponents: {
+        timeGridEvent,
+        eventModal
+      }
+    }
+  );
+}
+
 // src/components/Skeletons/SkeletonTable/MySkeletonTable.tsx
 import { Skeleton } from "@mantine/core";
 import { jsx as jsx56 } from "react/jsx-runtime";
@@ -10240,7 +10240,6 @@ export {
   AQCard,
   MyKeyLabel,
   MyNumberFormatter,
-  MyScheduleX,
   AQStatCard1,
   MyDateInput,
   MyFieldset,
@@ -10317,5 +10316,6 @@ export {
   MyTab,
   MyDataTableSelect,
   MySelectAPIGet,
+  MyScheduleX,
   MySkeletonTable
 };

package/dist/components/index.d.mts

@@ -6,10 +6,10 @@ import { UseFormReturnType, useForm } from '@mantine/form';
 import { I as IUtils_Excel_ColumnConfig } from '../excel---d-HDs7.mjs';
 import { MRT_ColumnDef, MRT_RowData, MRT_TableOptions, MRT_TableInstance } from 'mantine-react-table';
 import { ConfigOptions } from 'export-to-csv';
-import { CalendarEventExternal } from '@schedule-x/calendar';
 import { DateInputProps } from '@mantine/dates';
 import { EditorOptions } from '@tiptap/react';
 import { IconProps, Icon } from '@tabler/icons-react';
+import { CalendarEventExternal } from '@schedule-x/calendar';
 import 'exceljs';
 
 declare const MyBoxesCore: ({ className, ...rest }: {
@@ -313,20 +313,6 @@ interface I$2 extends NumberFormatterProps {
 }
 declare function MyNumberFormatter({ ...rest }: I$2): react_jsx_runtime.JSX.Element;
 
-interface MyScheduleXProps<T extends CalendarEventExternal> {
-    values?: T[];
-    timeGridEvent?: (props: {
-        calendarEvent: T;
-    }) => React.ReactNode;
-    eventModal?: (props: {
-        calendarEvent: T;
-    }) => React.ReactNode;
-    nDays?: number;
-    startDayBoundaries?: string;
-    endDayBoundaries?: string;
-}
-declare function MyScheduleX<T extends CalendarEventExternal>({ values, timeGridEvent, eventModal, nDays, startDayBoundaries, endDayBoundaries }: MyScheduleXProps<T>): react_jsx_runtime.JSX.Element;
-
 declare function AQStatCard1({ title, value, unit, description, icons, diff }: {
     title: string;
     value: string;
@@ -471,6 +457,20 @@ interface ISelect extends SelectProps {
 }
 declare function MySelectAPIGet({ apiGet, label, dataMapper, ...rest }: ISelect): react_jsx_runtime.JSX.Element | "Loading...";
 
+interface MyScheduleXProps<T extends CalendarEventExternal> {
+    values?: T[];
+    timeGridEvent?: (props: {
+        calendarEvent: T;
+    }) => React.ReactNode;
+    eventModal?: (props: {
+        calendarEvent: T;
+    }) => React.ReactNode;
+    nDays?: number;
+    startDayBoundaries?: string;
+    endDayBoundaries?: string;
+}
+declare function MyScheduleX<T extends CalendarEventExternal>({ values, timeGridEvent, eventModal, nDays, startDayBoundaries, endDayBoundaries }: MyScheduleXProps<T>): react_jsx_runtime.JSX.Element;
+
 interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.JSX.Element;

package/dist/components/index.mjs

@@ -62,7 +62,7 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-C4FTTIYE.mjs";
+} from "../chunk-RXPHSQZ6.mjs";
 import "../chunk-AL73DX37.mjs";
 import "../chunk-4MLNXP25.mjs";
 import "../chunk-FWCSY2DS.mjs";

package/dist/modules-features/index.mjs

@@ -57,7 +57,7 @@ import {
   useS_authenticate,
   useS_core83092,
   utils_core83092_mergePage
-} from "../chunk-C4FTTIYE.mjs";
+} from "../chunk-RXPHSQZ6.mjs";
 import "../chunk-AL73DX37.mjs";
 import "../chunk-4MLNXP25.mjs";
 import "../chunk-FWCSY2DS.mjs";

package/package.json

@@ -18,7 +18,7 @@
       "types": "./dist/modules-features/index.d.mts"
     }
   },
-  "version": "0.1.73",
+  "version": "0.1.75",
   "private": false,
   "files": [
     "dist"