aq-fe-framework 0.1.309 → 0.1.311

package/dist/{chunk-KKJ3OEEW.mjs → chunk-QPNYGFTI.mjs}

@@ -3,14 +3,53 @@ import {
   __spreadValues
 } from "./chunk-FWCSY2DS.mjs";
 
+// src/hooks/useMyDevice.ts
+import { useMediaQuery } from "@mantine/hooks";
+function useMyDevice() {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const isTablet = useMediaQuery("(max-width: 1024px)");
+  const isPc = !isTablet;
+  return {
+    isMobile,
+    isTablet: isTablet && !isMobile,
+    // từ 769px đến 1024px
+    isPc
+  };
+}
+
+// src/hooks/useMyRouter.tsx
+import { usePathname, useRouter } from "next/navigation";
+function useMyRouter() {
+  const pathName = usePathname();
+  const router = useRouter();
+  function pushUrl(url) {
+    router.push(pathName + url);
+  }
+  return __spreadProps(__spreadValues({}, router), {
+    pushUrl
+  });
+}
+
 // src/hooks/custom-hooks/createBaseApi.ts
 function createBaseApi(baseUrl, axiosInstance) {
   return {
-    get: ({ params = "" } = {}) => {
-      return axiosInstance.get(`${baseUrl}/get` + params);
+    get: ({
+      params = "",
+      id,
+      paging
+    } = {}) => {
+      return axiosInstance.get(`${baseUrl}/get` + params, { params: __spreadProps(__spreadValues({}, paging), { id }) });
     },
-    getAll: ({ params = "" } = {}) => {
-      return axiosInstance.get(`${baseUrl}/GetAll` + params);
+    getAll: ({
+      params = "",
+      cols,
+      paging
+    } = {}) => {
+      return axiosInstance.get(`${baseUrl}/GetAll` + params, {
+        params: __spreadValues({
+          cols: cols == null ? void 0 : cols.join(",")
+        }, paging)
+      });
     },
     create: (data) => {
       return axiosInstance.post(`${baseUrl}/create`, __spreadProps(__spreadValues({}, data), {
@@ -22,8 +61,11 @@ function createBaseApi(baseUrl, axiosInstance) {
     update: (data) => {
       return axiosInstance.post(`${baseUrl}/update`, data);
     },
-    createOrUpdate: (data) => {
-      return axiosInstance.post(`${baseUrl}/createOrUpdate`, data);
+    updateList: (data) => {
+      return axiosInstance.post(`${baseUrl}/updateList`, data);
+    },
+    createOrUpdateList: (data) => {
+      return axiosInstance.post(`${baseUrl}/createOrUpdateList`, data);
     },
     delete: (id) => {
       return axiosInstance.post(`${baseUrl}/delete`, { id });
@@ -99,7 +141,6 @@ function useMyReactMutation({
       return res.data.data;
     },
     onError: (e) => {
-      console.log();
       if (e.message === null || e.message === "null") {
         notifications.show({
           message: "Kh\xF4ng th\u1EC3 thao t\xE1c, l\u1ED7i ch\u01B0a x\xE1c \u0111\u1ECBnh!",
@@ -160,6 +201,8 @@ function useQ_SkillCenter_GetAll() {
 }
 
 export {
+  useMyDevice,
+  useMyRouter,
   createBaseApi,
   baseAxios_default,
   useLoadAxiosConfig,

package/dist/components/index.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1, { ReactNode, ComponentProps } from 'react';
 import { t as type_action, T as TYPES_MANTINE_SIZE } from '../types-B5rmBuXz.mjs';
 import { ActionIconProps, ButtonProps, useModalsStack, CheckboxProps, SelectProps, NumberFormatterProps, FieldsetProps, FileInputProps, NumberInputProps, TextareaProps, MantineSize, InputWrapperProps, TextInputProps, ContainerProps, FlexProps, GroupProps, TypographyStylesProviderProps, TabsProps, SkeletonProps } from '@mantine/core';
-import { M as MyApiResponse } from '../createBaseApi-BAYnbGVT.mjs';
+import { M as MyApiResponse } from '../createBaseApi-2GYRG_xt.mjs';
 import { AxiosResponse } from 'axios';
 import { useDisclosure, useListState } from '@mantine/hooks';
 import { UseFormReturnType, useForm } from '@mantine/form';
@@ -315,8 +315,12 @@ interface MyDataTableProps<TData extends MRT_RowData> extends MRT_TableOptions<T
     setSelectedRow?: (data: any) => void;
     isError?: boolean;
     isLoading?: boolean;
+    pagination?: {
+        pageIndex: number;
+        pageSize: number;
+    };
 }
-declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, isError, isLoading, ...rest }: MyDataTableProps<TData>): react_jsx_runtime.JSX.Element | undefined;
+declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, isError, isLoading, pagination, ...rest }: MyDataTableProps<TData>): react_jsx_runtime.JSX.Element | undefined;
 
 interface MyIconTextProps {
     icon?: React.ElementType;
@@ -395,18 +399,6 @@ interface IMyTextInput extends TextInputProps {
 }
 declare function MyTextInput({ label, defaultValue, isPhoneNumber, ...rest }: IMyTextInput): react_jsx_runtime.JSX.Element;
 
-interface IWeeklySession {
-    dayOfWeek: number;
-    startPeriod: number;
-    numberOfPeriods: number;
-    durationMinutes: number;
-}
-interface WeeklySessionSchedulerProps {
-    value?: IWeeklySession[];
-    onChange?: (val: IWeeklySession[]) => void;
-}
-declare function MyWeeklySessionSchedulerPicker({ value, onChange, }: WeeklySessionSchedulerProps): react_jsx_runtime.JSX.Element;
-
 interface I$2 {
     moduleCode?: string;
     moduleName?: string;
@@ -541,4 +533,4 @@ interface IMySkeletonTable extends SkeletonProps {
 }
 declare function MySkeletonTable({ h }: IMySkeletonTable): react_jsx_runtime.JSX.Element;
 
-export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, type IWeeklySession, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, MyWeeklySessionSchedulerPicker, SelectFieldModal, SelectFileModal, type SelectFileModalProps, type WeeklySessionSchedulerProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };
+export { AQButtonCreateByImportFile, AQButtonExportData, AQCard, AQSelectTableByOpenModal, AQStatCard1, Boxes, FaviconSetter, HeaderMegaMenu, type IAQCardProps, type IMyTextEditor, I_BasicAppShell_LinkItem, MyActionIcon, MyActionIconCheck, MyActionIconDelete, MyActionIconDownloadPDF, MyActionIconModal, MyActionIconUpdate, MyActionIconUpload, MyActionIconViewPDF, MyAnchorViewPDF, MyAppSpotlight, MyBoxesBackground, MyBoxesCore, MyButton, MyButtonCreate, MyButtonDeleteList, MyButtonImport, MyButtonModal, MyButtonPrintPDF, MyButtonPrintTablePDF, MyButtonRouterBack, MyButtonViewPDF, MyCalendar, MyCardInformation, MyCardioLoader, MyCenterFull, MyCheckbox, MyContainer, MyDataTable, type MyDataTableInternalProps, type MyDataTableProps, MyDataTableSelect, MyDateInput, MyFieldset, MyFileInput, MyFlexColumn, MyFlexEnd, MyFlexRow, MyHtmlWrapper, MyIconText, MyKeyLabel, MyNumberFormatter, MyNumberInput, MyPageContent, MyScheduleX, MySelect, MySelectAPIGet, MySkeletonTable, MySwitchTheme, MyTab, MyTextArea, MyTextEditor, MyTextInput, SelectFieldModal, SelectFileModal, type SelectFileModalProps, useHeaderMegaMenuStore, useS_BasicAppShell, useS_ButtonImport };

package/dist/components/index.mjs

@@ -57,7 +57,6 @@ import {
   MyTextArea,
   MyTextEditor,
   MyTextInput,
-  MyWeeklySessionSchedulerPicker,
   SelectFieldModal,
   SelectFileModal,
   groupToTwoLevels,
@@ -65,15 +64,14 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-XUB2YHGX.mjs";
+} from "../chunk-N2VHHQPH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import "../chunk-NWBLJ3W3.mjs";
 import {
   MyFlexColumn,
   MyFlexRow
-} from "../chunk-DRLKXVYU.mjs";
-import "../chunk-K6S7R6LU.mjs";
-import "../chunk-KKJ3OEEW.mjs";
+} from "../chunk-HHJFKKE7.mjs";
+import "../chunk-NWBLJ3W3.mjs";
+import "../chunk-QPNYGFTI.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-FWCSY2DS.mjs";
@@ -138,7 +136,6 @@ export {
   MyTextArea,
   MyTextEditor,
   MyTextInput,
-  MyWeeklySessionSchedulerPicker,
   SelectFieldModal,
   SelectFileModal,
   groupToTwoLevels,

package/dist/core/index.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { t as type_action } from '../types-B5rmBuXz.mjs';
 import { ActionIconProps, ButtonProps, ModalProps, TextInputProps } from '@mantine/core';
 import { ReactNode } from 'react';
-import { M as MyApiResponse } from '../createBaseApi-BAYnbGVT.mjs';
+import { M as MyApiResponse } from '../createBaseApi-2GYRG_xt.mjs';
 import { AxiosResponse } from 'axios';
 import { UseFormReturnType } from '@mantine/form';
 import { useDisclosure } from '@mantine/hooks';
@@ -11,13 +11,13 @@ import '../base-BprRafT5.mjs';
 interface CoreActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
     actionType?: type_action;
 }
-declare function CoreActionIcon({ children, actionType, ...rest }: CoreActionIconProps): react_jsx_runtime.JSX.Element;
+declare function MyActionIcon({ children, actionType, ...rest }: CoreActionIconProps): react_jsx_runtime.JSX.Element;
 
 interface CoreButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
     actionType?: type_action;
     children?: ReactNode;
 }
-declare function CoreButton({ children, actionType, ...rest }: CoreButtonProps): react_jsx_runtime.JSX.Element;
+declare function MyButton({ children, actionType, ...rest }: CoreButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CoreButtonCreateUpdateProps<IReq, IRes> {
     modalProps?: Omit<ModalProps, "opened" | "onClose">;
@@ -33,7 +33,7 @@ interface CoreButtonCreateUpdateProps<IReq, IRes> {
     disclosure?: ReturnType<typeof useDisclosure>;
     children?: ReactNode;
 }
-declare function CoreButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
+declare function MyButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
 
 interface CoreButtonModalProps {
     children?: ReactNode;
@@ -41,19 +41,31 @@ interface CoreButtonModalProps {
     buttonProps?: ButtonProps;
     modalProps?: ModalProps;
 }
-declare function CoreButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
+declare function MyButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
 
 interface CoreDayOfWeekPickerProps {
     value?: number[];
     onChange?: (val: number[]) => void;
 }
-declare function CoreDayOfWeekPicker({ value, onChange }: CoreDayOfWeekPickerProps): react_jsx_runtime.JSX.Element;
+declare function MyDayOfWeekPicker({ value, onChange }: CoreDayOfWeekPickerProps): react_jsx_runtime.JSX.Element;
 
 interface CoreTextInputProps extends TextInputProps {
     label?: string;
     defaultValue?: string;
     isPhoneNumber?: boolean;
 }
-declare function CoreTextInput({ label, isPhoneNumber, ...rest }: CoreTextInputProps): react_jsx_runtime.JSX.Element;
+declare function MyTextInput({ label, isPhoneNumber, ...rest }: CoreTextInputProps): react_jsx_runtime.JSX.Element;
 
-export { CoreActionIcon, CoreButton, CoreButtonCreateUpdate, CoreButtonModal, CoreDayOfWeekPicker, CoreTextInput };
+interface IWeeklySession {
+    dayOfWeek: number;
+    startPeriod: number;
+    numberOfPeriods: number;
+    durationMinutes: number;
+}
+interface WeeklySessionSchedulerProps {
+    value?: IWeeklySession[];
+    onChange?: (val: IWeeklySession[]) => void;
+}
+declare function MyWeeklySessionSchedulerPicker({ value, onChange, }: WeeklySessionSchedulerProps): react_jsx_runtime.JSX.Element;
+
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDayOfWeekPicker, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -1,340 +1,24 @@
 import {
-  CoreDayOfWeekPicker,
-  MyFlexColumn
-} from "../chunk-DRLKXVYU.mjs";
+  MyActionIcon,
+  MyButton,
+  MyButtonCreateUpdate,
+  MyButtonModal,
+  MyDayOfWeekPicker,
+  MyTextInput,
+  MyWeeklySessionSchedulerPicker
+} from "../chunk-JIPPFPV6.mjs";
+import "../chunk-HHJFKKE7.mjs";
+import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-K6S7R6LU.mjs";
-import {
-  useMyReactMutation
-} from "../chunk-KKJ3OEEW.mjs";
-import {
-  utils_notification_show
-} from "../chunk-7ZCOFATU.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
-
-// src/core/button/CoreActionIcon.tsx
-import { ActionIcon } from "@mantine/core";
-import {
-  IconDeviceFloppy,
-  IconEdit,
-  IconFileExport,
-  IconFileImport,
-  IconPlus,
-  IconPrinter,
-  IconTrash,
-  IconX
-} from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-var actionConfig = {
-  default: {},
-  create: {
-    color: "indigo",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx(IconPlus, {})
-  },
-  createMultiple: {
-    color: "green",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx(IconPlus, {})
-  },
-  delete: {
-    color: "red",
-    icon: /* @__PURE__ */ jsx(IconTrash, {})
-  },
-  update: {
-    color: "yellow",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx(IconEdit, {})
-  },
-  save: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx(IconDeviceFloppy, {})
-  },
-  import: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx(IconFileImport, {})
-  },
-  print: {
-    color: "orange.7",
-    icon: /* @__PURE__ */ jsx(IconPrinter, {})
-  },
-  export: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx(IconFileExport, {})
-  },
-  cancel: {
-    color: "gray",
-    icon: /* @__PURE__ */ jsx(IconX, {})
-  },
-  select: {},
-  check: {}
-};
-function CoreActionIcon(_a) {
-  var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
-  if (!actionType) {
-    return /* @__PURE__ */ jsx(ActionIcon, __spreadProps(__spreadValues({}, rest), { children }));
-  }
-  const config = actionConfig[actionType];
-  return /* @__PURE__ */ jsx(
-    ActionIcon,
-    __spreadProps(__spreadValues({
-      color: config.color,
-      type: config.type
-    }, rest), {
-      children: config.icon
-    })
-  );
-}
-
-// src/core/button/CoreButton.tsx
-import { Button as Button2 } from "@mantine/core";
-import {
-  IconDeviceFloppy as IconDeviceFloppy2,
-  IconEdit as IconEdit2,
-  IconFileExport as IconFileExport2,
-  IconFileImport as IconFileImport2,
-  IconPlus as IconPlus2,
-  IconPrinter as IconPrinter2,
-  IconTrash as IconTrash2,
-  IconX as IconX2
-} from "@tabler/icons-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var actionConfig2 = {
-  default: {
-    defaultText: ""
-  },
-  create: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
-    defaultText: "L\u01B0u"
-  },
-  createMultiple: {
-    color: "green",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconPlus2, {}),
-    defaultText: "Th\xEAm danh s\xE1ch"
-  },
-  delete: {
-    color: "red",
-    icon: /* @__PURE__ */ jsx2(IconTrash2, {}),
-    defaultText: "X\xF3a"
-  },
-  update: {
-    color: "yellow",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconEdit2, {}),
-    defaultText: "Ch\u1EC9nh s\u1EEDa"
-  },
-  save: {
-    color: "blue",
-    type: "submit",
-    icon: /* @__PURE__ */ jsx2(IconDeviceFloppy2, {}),
-    defaultText: "L\u01B0u"
-  },
-  import: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx2(IconFileImport2, {}),
-    defaultText: "Import"
-  },
-  print: {
-    color: "orange.7",
-    icon: /* @__PURE__ */ jsx2(IconPrinter2, {}),
-    defaultText: "In"
-  },
-  export: {
-    color: "green.8",
-    icon: /* @__PURE__ */ jsx2(IconFileExport2, {}),
-    defaultText: "Export"
-  },
-  cancel: {
-    color: "gray",
-    icon: /* @__PURE__ */ jsx2(IconX2, {}),
-    defaultText: "H\u1EE7y thao t\xE1c"
-  },
-  select: {
-    defaultText: "Ch\u1ECDn"
-  },
-  check: {
-    defaultText: "Ch\u1ECDn"
-  }
-};
-function CoreButton(_a) {
-  var _b = _a, { children, actionType } = _b, rest = __objRest(_b, ["children", "actionType"]);
-  if (!actionType) {
-    return /* @__PURE__ */ jsx2(Button2, __spreadProps(__spreadValues({}, rest), { children }));
-  }
-  const config = actionConfig2[actionType];
-  return /* @__PURE__ */ jsx2(
-    Button2,
-    __spreadProps(__spreadValues({
-      color: config.color,
-      type: config.type,
-      leftSection: config.icon
-    }, rest), {
-      children: children != null ? children : config.defaultText
-    })
-  );
-}
-
-// src/core/button/CoreButtonCreateUpdate.tsx
-import { useDisclosure } from "@mantine/hooks";
-import { useQueryClient } from "@tanstack/react-query";
-import { ActionIcon as ActionIcon2, Button as Button3, Modal } from "@mantine/core";
-import { IconEdit as IconEdit3, IconPlus as IconPlus3 } from "@tabler/icons-react";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-function CoreButtonCreateUpdate({
-  modalProps,
-  actionIconProps,
-  buttonProps,
-  form,
-  onSubmit,
-  onSuccess,
-  onError,
-  closeModalWhenSubmit = true,
-  resetFormWhenSubmit = true,
-  children,
-  disclosure: externalDisclosure,
-  isUpdate = false
-}) {
-  const defaultDisclosure = useDisclosure();
-  const disclosure = externalDisclosure != null ? externalDisclosure : defaultDisclosure;
-  const queryClient = useQueryClient();
-  const mutation = useMyReactMutation({
-    axiosFn: (values) => {
-      const result = onSubmit(values);
-      if (result === void 0) {
-        return Promise.resolve({
-          data: {
-            message: "T\u1EA1o th\xE0nh c\xF4ng (gi\u1EA3 l\u1EADp)",
-            data: {},
-            isSuccess: 1
-          },
-          status: 200,
-          statusText: "OK",
-          headers: {},
-          config: {}
-        });
-      }
-      return result;
-    },
-    options: __spreadValues(__spreadValues({
-      onSuccess: () => {
-        queryClient.invalidateQueries();
-        utils_notification_show({ crudType: isUpdate ? "update" : "create" });
-        disclosure[1].close();
-        if (closeModalWhenSubmit) disclosure[1].close();
-        if (resetFormWhenSubmit) form.reset();
-      }
-    }, onSuccess && {
-      onSuccess: () => {
-        onSuccess();
-      }
-    }), onError && {
-      onError: () => {
-        onError();
-      }
-    })
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isUpdate == true ? /* @__PURE__ */ jsx3(
-      ActionIcon2,
-      __spreadProps(__spreadValues({
-        color: "yellow",
-        onClick: disclosure[1].open
-      }, actionIconProps), {
-        children: /* @__PURE__ */ jsx3(IconEdit3, {})
-      })
-    ) : /* @__PURE__ */ jsx3(
-      Button3,
-      __spreadProps(__spreadValues({
-        onClick: disclosure[1].open,
-        leftSection: /* @__PURE__ */ jsx3(IconPlus3, {})
-      }, buttonProps), {
-        children: "Th\xEAm"
-      })
-    ),
-    /* @__PURE__ */ jsx3(
-      Modal,
-      __spreadProps(__spreadValues({
-        title: isUpdate ? "S\u1EEDa d\u1EEF li\u1EC7u" : "Th\xEAm d\u1EEF li\u1EC7u",
-        opened: disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx3("form", { onSubmit: form.onSubmit((values) => {
-          mutation.mutate(values);
-        }), children: /* @__PURE__ */ jsxs(MyFlexColumn, { children: [
-          children,
-          /* @__PURE__ */ jsx3(CoreButton, { actionType: "create" })
-        ] }) })
-      })
-    )
-  ] });
-}
-
-// src/core/button/CoreButtonModal.tsx
-import { Button as Button4, Modal as Modal2 } from "@mantine/core";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function CoreButtonModal({
-  disclosure,
-  children,
-  buttonProps,
-  modalProps
-}) {
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx4(Button4, __spreadValues({ onClick: disclosure == null ? void 0 : disclosure[1].open, color: "indigo" }, buttonProps)),
-    /* @__PURE__ */ jsx4(
-      Modal2,
-      __spreadProps(__spreadValues({
-        opened: disclosure == null ? void 0 : disclosure[0],
-        onClose: disclosure[1].close
-      }, modalProps), {
-        children: /* @__PURE__ */ jsx4(MyFlexColumn, { children })
-      })
-    )
-  ] });
-}
-
-// src/core/input/CoreTextInput.tsx
-import { TextInput } from "@mantine/core";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function CoreTextInput(_a) {
-  var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx5(
-    TextInput,
-    __spreadValues({
-      onKeyDown: (e) => {
-        if (!isPhoneNumber) return;
-        const allowedKeys = [
-          "Backspace",
-          "Tab",
-          "ArrowLeft",
-          "ArrowRight",
-          "Delete",
-          "+",
-          "-",
-          "(",
-          ")",
-          " "
-          // các ký tự đặc biệt cho số điện thoại
-        ];
-        if (!/[0-9]/.test(e.key) && !allowedKeys.includes(e.key)) {
-          e.preventDefault();
-        }
-      },
-      placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : ""
-    }, rest)
-  );
-}
+import "../chunk-QPNYGFTI.mjs";
+import "../chunk-7ZCOFATU.mjs";
+import "../chunk-FWCSY2DS.mjs";
 export {
-  CoreActionIcon,
-  CoreButton,
-  CoreButtonCreateUpdate,
-  CoreButtonModal,
-  CoreDayOfWeekPicker,
-  CoreTextInput
+  MyActionIcon,
+  MyButton,
+  MyButtonCreateUpdate,
+  MyButtonModal,
+  MyDayOfWeekPicker,
+  MyTextInput,
+  MyWeeklySessionSchedulerPicker
 };

package/dist/{createBaseApi-BAYnbGVT.d.mts → createBaseApi-2GYRG_xt.d.mts}

@@ -2,23 +2,32 @@ import * as axios from 'axios';
 import { AxiosInstance } from 'axios';
 import { I as IBaseEntity } from './base-BprRafT5.mjs';
 
+interface IPagingParams {
+    pageNumber?: number;
+    pageSize?: number;
+}
 interface MyApiResponse<IRes> {
     isSuccess: 1 | 0;
     message: string;
     data: IRes;
 }
 declare function createBaseApi<T>(baseUrl: string, axiosInstance: AxiosInstance): {
-    get: ({ params }?: {
+    get: ({ params, id, paging }?: {
         params?: string;
+        id?: number;
+        paging?: IPagingParams;
     }) => Promise<axios.AxiosResponse<MyApiResponse<T>, any>>;
-    getAll: ({ params }?: {
+    getAll: ({ params, cols, paging }?: {
         params?: string;
+        paging?: IPagingParams;
+        cols?: string[];
     }) => Promise<axios.AxiosResponse<MyApiResponse<T[]>, any>>;
     create: (data: Partial<T>) => Promise<axios.AxiosResponse<MyApiResponse<T>, any>>;
     update: (data: Partial<T>) => Promise<axios.AxiosResponse<MyApiResponse<T>, any>>;
-    createOrUpdate: (data: Partial<T[]>) => Promise<axios.AxiosResponse<MyApiResponse<T[]>, any>>;
+    updateList: (data: Partial<T[]>) => Promise<axios.AxiosResponse<MyApiResponse<T[]>, any>>;
+    createOrUpdateList: (data: Partial<T[]>) => Promise<axios.AxiosResponse<MyApiResponse<T[]>, any>>;
     delete: (id: number) => Promise<axios.AxiosResponse<any, any>>;
     deleteList: (values: IBaseEntity[]) => Promise<axios.AxiosResponse<any, any>>;
 };
 
-export { type MyApiResponse as M, createBaseApi as c };
+export { type IPagingParams as I, type MyApiResponse as M, createBaseApi as c };

package/dist/hooks/index.d.mts

@@ -1,11 +1,28 @@
-import { M as MyApiResponse } from '../createBaseApi-BAYnbGVT.mjs';
-export { c as createBaseApi } from '../createBaseApi-BAYnbGVT.mjs';
+import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import { M as MyApiResponse } from '../createBaseApi-2GYRG_xt.mjs';
+export { I as IPagingParams, c as createBaseApi } from '../createBaseApi-2GYRG_xt.mjs';
 import { AxiosInstance, AxiosResponse } from 'axios';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseMutationOptions, QueryKey, UseQueryOptions } from '@tanstack/react-query';
 import { I as IAQModule } from '../IAQModule-CCtwv-e0.mjs';
 import '../base-BprRafT5.mjs';
 
+declare function useMyDevice(): {
+    isMobile: boolean | undefined;
+    isTablet: boolean | undefined;
+    isPc: boolean;
+};
+
+declare function useMyRouter(): {
+    pushUrl: (url: string) => void;
+    back(): void;
+    forward(): void;
+    refresh(): void;
+    push(href: string, options?: next_dist_shared_lib_app_router_context_shared_runtime.NavigateOptions): void;
+    replace(href: string, options?: next_dist_shared_lib_app_router_context_shared_runtime.NavigateOptions): void;
+    prefetch(href: string, options?: next_dist_shared_lib_app_router_context_shared_runtime.PrefetchOptions): void;
+};
+
 declare const useLoadAxiosConfig: ({ axiosInstance }: {
     axiosInstance: AxiosInstance;
 }) => void;
@@ -25,4 +42,4 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options }: My
 
 declare function useQ_AQ_GetAQModule(): _tanstack_react_query.UseQueryResult<IAQModule, Error>;
 
-export { MyApiResponse, useLoadAxiosConfig, useMyReactMutation, useMyReactQuery, useQ_AQ_GetAQModule };
+export { MyApiResponse, useLoadAxiosConfig, useMyDevice, useMyReactMutation, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };