aq-fe-framework 0.1.318 → 0.1.320

package/dist/{chunk-VECMRDKG.mjs → chunk-FBGCXKGK.mjs}

@@ -46,38 +46,6 @@ function utils_currency_formatWithSuffix(amount, suffix = "") {
   return `${formattedAmount}${suffix}`;
 }
 
-// src/utils/utils_date.ts
-function U0DateToDDMMYYYString(date) {
-  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
-  const day = String(date.getDate()).padStart(2, "0");
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const year = date.getFullYear();
-  return `${day}/${month}/${year}`;
-}
-function utils_date_dateToDDMMYYYString(date) {
-  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
-  const day = String(date.getDate()).padStart(2, "0");
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const year = date.getFullYear();
-  return `${day}/${month}/${year}`;
-}
-function utils_date_formatToDateTimeStartEnd(startDate, endDate) {
-  const startday = String(startDate.getDate()).padStart(2, "0");
-  const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
-  const startyear = startDate.getFullYear();
-  const starthour = String(startDate.getHours()).padStart(2, "0");
-  const startminute = String(startDate.getMinutes()).padStart(2, "0");
-  const endhour = String(endDate.getHours()).padStart(2, "0");
-  const endminuate = String(endDate.getMinutes()).padStart(2, "0");
-  return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
-}
-function utils_date_getHHmm(date) {
-  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
-  const hour = String(date.getHours()).padStart(2, "0");
-  const minute = String(date.getMinutes()).padStart(2, "0");
-  return `${hour}:${minute}`;
-}
-
 // src/utils/utils_excel.ts
 import saveAs from "file-saver";
 function isObjectPath(path) {
@@ -315,10 +283,6 @@ export {
   U0MyValidateEmail,
   utils_validator_validateCode,
   updateEnableList,
-  U0DateToDDMMYYYString,
-  utils_date_dateToDDMMYYYString,
-  utils_date_formatToDateTimeStartEnd,
-  utils_date_getHHmm,
   utils_file_fileToAQDocumentType,
   utils_file_AQDocumentTypeToFile,
   utils_file_docxtemplaterDownload,

package/dist/chunk-GEYCGM75.mjs

@@ -0,0 +1,178 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/Layouts/FlexColumn/MyFlexColumn.tsx
+import { Flex } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
+function MyFlexColumn(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
+}
+
+// src/components/DataDisplay/DataTable/MyDataTable.tsx
+import { Alert, Button, Center, Group, Portal, Text } from "@mantine/core";
+import { IconBug, IconDownload } from "@tabler/icons-react";
+import { download, generateCsv, mkConfig } from "export-to-csv";
+import {
+  MantineReactTable,
+  useMantineReactTable
+} from "mantine-react-table";
+import { MRT_Localization_VI } from "mantine-react-table/locales/vi/index.cjs";
+import { useEffect } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function formatData(data, formats) {
+  return data.map((row) => {
+    const transformedRow = {};
+    Object.entries(row).forEach(([key, value]) => {
+      const formatFn = formats[key];
+      if (value instanceof Date) {
+        transformedRow[key] = formatFn ? formatFn(value.toISOString()) : value.toISOString();
+      } else if (value !== null && typeof value === "object") {
+        transformedRow[key] = formatFn ? formatFn(JSON.stringify(value)) : JSON.stringify(value);
+      } else {
+        transformedRow[key] = formatFn ? formatFn(value) : value;
+      }
+    });
+    return transformedRow;
+  });
+}
+function MyDataTable(_a) {
+  var _b = _a, {
+    formats = {},
+    exportAble = false,
+    csvConfigProps,
+    rowActionSize,
+    columns,
+    data,
+    renderTopToolbarCustomActions,
+    setSelectedRow,
+    isError,
+    isLoading,
+    pagination,
+    initialState,
+    state: state
+  } = _b, rest = __objRest(_b, [
+    "formats",
+    "exportAble",
+    "csvConfigProps",
+    "rowActionSize",
+    "columns",
+    "data",
+    "renderTopToolbarCustomActions",
+    "setSelectedRow",
+    "isError",
+    "isLoading",
+    "pagination",
+    "initialState",
+    // setPagination,
+    "state"
+  ]);
+  const { renderRowActions } = __spreadValues({}, rest);
+  const csvConfig = mkConfig(__spreadValues({
+    fieldSeparator: ",",
+    decimalSeparator: ".",
+    useKeysAsHeaders: (csvConfigProps == null ? void 0 : csvConfigProps.columnHeaders) ? false : true
+  }, csvConfigProps));
+  const handleExport = (rows) => {
+    if (rows.length == 0) {
+      const transformedData = formatData(data, formats);
+      const csv2 = generateCsv(csvConfig)(transformedData);
+      download(csvConfig)(csv2);
+      return;
+    }
+    const rowData = rows.map((row) => row.original);
+    const transformedRows = formatData(rowData, formats);
+    const csv = generateCsv(csvConfig)(transformedRows);
+    download(csvConfig)(csv);
+  };
+  const table = useMantineReactTable(__spreadValues({
+    columns,
+    data,
+    renderTopToolbarCustomActions: ({ table: table2 }) => {
+      return /* @__PURE__ */ jsxs(Group, { children: [
+        renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table: table2 }),
+        exportAble && /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
+          Button,
+          {
+            color: "green.8",
+            onClick: () => handleExport(table2.getSelectedRowModel().rows),
+            leftSection: /* @__PURE__ */ jsx2(IconDownload, {}),
+            variant: "filled",
+            children: "Export"
+          }
+        ) })
+      ] });
+    },
+    manualPagination: true,
+    enableRowNumbers: true,
+    enableRowSelection: exportAble,
+    enableEditing: renderRowActions ? true : false,
+    positionActionsColumn: "last",
+    enableColumnResizing: true,
+    layoutMode: "semantic",
+    displayColumnDefOptions: {
+      "mrt-row-actions": {
+        header: "Thao t\xE1c",
+        size: rowActionSize
+      },
+      "mrt-row-numbers": {
+        Header: "STT",
+        size: 1
+      }
+    },
+    enableColumnPinning: true,
+    initialState: __spreadValues({
+      density: "md",
+      columnPinning: { right: ["mrt-row-actions"] },
+      columnVisibility: {
+        modifiedWhen: false,
+        modifiedFullName: false
+      }
+    }, initialState),
+    mantineTableHeadCellProps: {
+      style: {
+        verticalAlign: "middle",
+        paddingTop: "2px",
+        paddingBottom: "2px"
+      }
+    },
+    mantineTableBodyCellProps: {
+      style: {
+        paddingTop: "2px",
+        paddingBottom: "2px"
+      }
+    },
+    localization: MRT_Localization_VI,
+    renderEmptyRowsFallback: () => isError ? /* @__PURE__ */ jsx2(Alert, { icon: /* @__PURE__ */ jsx2(IconBug, {}), color: "red", title: "C\xF3 l\u1ED7i x\u1EA3y ra!", m: "md" }) : /* @__PURE__ */ jsxs(Center, { p: "md", children: [
+      " ",
+      /* @__PURE__ */ jsx2(Text, { c: "gray", fw: "600", size: "15px", fs: "italic", children: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u!" })
+    ] }),
+    state: __spreadValues(__spreadValues({
+      showSkeletons: isLoading
+    }, pagination ? { pagination } : {}), state),
+    mantineTableContainerProps: { style: { maxHeight: "65vh" } },
+    enableStickyHeader: true
+  }, rest));
+  useEffect(() => {
+    setSelectedRow && setSelectedRow(table.getSelectedRowModel().rows.map((row) => row.original));
+  }, [table.getState().rowSelection]);
+  if (data == void 0) return;
+  return /* @__PURE__ */ jsx2("main", { style: { position: "relative", zIndex: 1 }, children: table.getState().isFullScreen ? /* @__PURE__ */ jsx2(Portal, { children: /* @__PURE__ */ jsx2(MantineReactTable, { table }) }) : /* @__PURE__ */ jsx2(MantineReactTable, { table }) });
+}
+
+// src/components/Layouts/FlexRow/MyFlexRow.tsx
+import { Flex as Flex2 } from "@mantine/core";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function MyFlexRow(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx3(Flex2, __spreadProps(__spreadValues({ gap: "md", align: "center" }, rest), { children }));
+}
+
+export {
+  MyFlexColumn,
+  MyDataTable,
+  MyFlexRow
+};

package/dist/{chunk-ZZ7S4EA4.mjs → chunk-HEW5D3R4.mjs}

@@ -1,16 +1,17 @@
 import {
+  MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-HHJFKKE7.mjs";
-import {
-  enum_daysOfWeek
-} from "./chunk-K6S7R6LU.mjs";
+} from "./chunk-GEYCGM75.mjs";
 import {
   const_object_colors
 } from "./chunk-NWBLJ3W3.mjs";
+import {
+  enum_daysOfWeek
+} from "./chunk-K6S7R6LU.mjs";
 import {
   useMyReactMutation
-} from "./chunk-YJ32RSH2.mjs";
+} from "./chunk-YQPDRFRL.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";
@@ -304,9 +305,47 @@ function MyButtonModal({
   ] });
 }
 
+// src/core/dataDisplay/MyDataTableSelectOne.tsx
+import { useEffect, useMemo } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function MyDataTableSelectOne({
+  columns,
+  queryResult,
+  idSelection,
+  setIdSelection
+}) {
+  const columnsState = useMemo(() => columns, []);
+  useEffect(() => {
+    if (!queryResult.data) return;
+    setIdSelection(queryResult.data[0].id);
+  }, [queryResult.data]);
+  return /* @__PURE__ */ jsx5(
+    MyDataTable,
+    {
+      columns: columnsState,
+      data: queryResult.data || [],
+      isLoading: queryResult.isLoading,
+      isError: queryResult.isError,
+      getRowId: (row) => {
+        var _a;
+        return (_a = row.id) == null ? void 0 : _a.toString();
+      },
+      mantineTableBodyRowProps: ({ row }) => ({
+        onClick: () => {
+          setIdSelection(row.original.id);
+        },
+        style: {
+          cursor: "pointer",
+          backgroundColor: row.original.id == idSelection ? const_object_colors.mantineBackgroundTealLight : "transparent"
+        }
+      })
+    }
+  );
+}
+
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge, Group } from "@mantine/core";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -314,7 +353,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v) => v !== val) : [...value, val].sort((a, b) => a - b);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx5(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx5(Group, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx6(Group, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx6(
     Badge,
     {
       variant: value.includes(d.value) ? "filled" : "outline",
@@ -331,10 +370,10 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -374,13 +413,13 @@ import {
   Text as Text2
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
-import { useState } from "react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useState as useState2 } from "react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
 }) {
-  const [selectedDays, setSelectedDays] = useState([]);
+  const [selectedDays, setSelectedDays] = useState2([]);
   const handleAddSession = (dayOfWeek) => {
     const newSession = {
       dayOfWeek,
@@ -406,8 +445,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx7(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs3(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs3(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx8(Center, { children: /* @__PURE__ */ jsx8(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -417,8 +456,8 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx7(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx7(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx8(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx8(Center, { children: /* @__PURE__ */ jsx8(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx8(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
       return /* @__PURE__ */ jsxs3(
         Paper,
@@ -428,18 +467,18 @@ function MyWeeklySessionSchedulerPicker({
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
             /* @__PURE__ */ jsxs3(Group2, { gap: "apart", children: [
-              /* @__PURE__ */ jsx7(Text2, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(Text2, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx8(
                 Button5,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx7(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx8(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx7(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx8(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
@@ -451,7 +490,7 @@ function MyWeeklySessionSchedulerPicker({
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -463,7 +502,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -475,7 +514,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -484,13 +523,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       Button5,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx7(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx8(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -512,6 +551,7 @@ export {
   MyButton,
   MyButtonCreateUpdate,
   MyButtonModal,
+  MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyTextInput,
   MyWeeklySessionSchedulerPicker

package/dist/chunk-I2XIN2R3.mjs

@@ -0,0 +1,38 @@
+// src/utils/utils_date.ts
+function U0DateToDDMMYYYString(date) {
+  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}/${year}`;
+}
+function utils_date_dateToDDMMYYYString(date) {
+  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}/${year}`;
+}
+function utils_date_formatToDateTimeStartEnd(startDate, endDate) {
+  const startday = String(startDate.getDate()).padStart(2, "0");
+  const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
+  const startyear = startDate.getFullYear();
+  const starthour = String(startDate.getHours()).padStart(2, "0");
+  const startminute = String(startDate.getMinutes()).padStart(2, "0");
+  const endhour = String(endDate.getHours()).padStart(2, "0");
+  const endminuate = String(endDate.getMinutes()).padStart(2, "0");
+  return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
+}
+function utils_date_getHHmm(date) {
+  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+  const hour = String(date.getHours()).padStart(2, "0");
+  const minute = String(date.getMinutes()).padStart(2, "0");
+  return `${hour}:${minute}`;
+}
+
+export {
+  U0DateToDDMMYYYString,
+  utils_date_dateToDDMMYYYString,
+  utils_date_formatToDateTimeStartEnd,
+  utils_date_getHHmm
+};

package/dist/{chunk-YJ32RSH2.mjs → chunk-YQPDRFRL.mjs}

@@ -162,7 +162,7 @@ function useMyReactQuery({
   queryKey,
   axiosFn,
   options,
-  mockData = []
+  mockData
 }) {
   return useQuery(__spreadValues({
     queryKey,

package/dist/columns/index.d.mts

@@ -0,0 +1,6 @@
+import { I as IBaseEntity } from '../base-BprRafT5.mjs';
+import { MRT_ColumnDef } from 'mantine-react-table';
+
+declare const baseColumns: MRT_ColumnDef<IBaseEntity>[];
+
+export { baseColumns };

package/dist/columns/index.mjs

@@ -0,0 +1,8 @@
+import {
+  baseColumns
+} from "../chunk-2SBUKAGS.mjs";
+import "../chunk-I2XIN2R3.mjs";
+import "../chunk-FWCSY2DS.mjs";
+export {
+  baseColumns
+};

package/dist/components/index.d.mts

@@ -319,8 +319,10 @@ interface MyDataTableProps<TData extends MRT_RowData> extends MRT_TableOptions<T
         pageIndex: number;
         pageSize: number;
     };
+    state?: Partial<MRT_TableOptions<TData>['state']>;
+    initialState?: Partial<MRT_TableOptions<TData>['initialState']>;
 }
-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;
+declare function MyDataTable<TData extends MRT_RowData>({ formats, exportAble, csvConfigProps, rowActionSize, columns, data, renderTopToolbarCustomActions, setSelectedRow, isError, isLoading, pagination, initialState, state, ...rest }: MyDataTableProps<TData>): react_jsx_runtime.JSX.Element | undefined;
 
 interface MyIconTextProps {
     icon?: React.ElementType;

package/dist/components/index.mjs

@@ -36,7 +36,6 @@ import {
   MyCenterFull,
   MyCheckbox,
   MyContainer,
-  MyDataTable,
   MyDataTableSelect,
   MyDateInput,
   MyFieldset,
@@ -64,16 +63,17 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-FUHOV7NB.mjs";
+} from "../chunk-FAG4PGP2.mjs";
+import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import {
+  MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "../chunk-HHJFKKE7.mjs";
+} from "../chunk-GEYCGM75.mjs";
 import "../chunk-NWBLJ3W3.mjs";
-import "../chunk-YJ32RSH2.mjs";
+import "../chunk-YQPDRFRL.mjs";
 import "../chunk-7ZCOFATU.mjs";
-import "../chunk-Y3YGC5IH.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   AQButtonCreateByImportFile,

package/dist/const/index.mjs

@@ -1,11 +1,21 @@
 import {
-  const_array_daysOfWeek,
   const_object_documentTypes
-} from "../chunk-GFEMKKFH.mjs";
+} from "../chunk-BZMQOGL6.mjs";
 import {
   const_object_colors
 } from "../chunk-NWBLJ3W3.mjs";
 import "../chunk-FWCSY2DS.mjs";
+
+// src/const/array/const_array_daysOfWeek.ts
+var const_array_daysOfWeek = [
+  "Th\u1EE9 Hai",
+  "Th\u1EE9 Ba",
+  "Th\u1EE9 T\u01B0",
+  "Th\u1EE9 N\u0103m",
+  "Th\u1EE9 S\xE1u",
+  "Th\u1EE9 B\u1EA3y",
+  "Ch\u1EE7 Nh\u1EADt"
+];
 export {
   const_array_daysOfWeek,
   const_object_colors,

package/dist/core/index.d.mts

@@ -6,6 +6,8 @@ import { M as MyApiResponse } from '../createBaseApi-2GYRG_xt.mjs';
 import { AxiosResponse } from 'axios';
 import { UseFormReturnType } from '@mantine/form';
 import { useDisclosure } from '@mantine/hooks';
+import { UseQueryResult } from '@tanstack/react-query';
+import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
 import '../base-BprRafT5.mjs';
 
 interface CoreActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
@@ -43,6 +45,13 @@ interface CoreButtonModalProps {
 }
 declare function MyButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
 
+declare function MyDataTableSelectOne<TData extends MRT_RowData>({ columns, queryResult, idSelection, setIdSelection }: {
+    columns: MRT_ColumnDef<TData>[];
+    queryResult: UseQueryResult<TData[], Error>;
+    idSelection: string | number | undefined;
+    setIdSelection: (id: string | number | undefined) => void;
+}): react_jsx_runtime.JSX.Element;
+
 interface CoreDayOfWeekPickerProps {
     value?: number[];
     onChange?: (val: number[]) => void;
@@ -68,4 +77,4 @@ interface WeeklySessionSchedulerProps {
 }
 declare function MyWeeklySessionSchedulerPicker({ value, onChange, }: WeeklySessionSchedulerProps): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDayOfWeekPicker, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -3,14 +3,15 @@ import {
   MyButton,
   MyButtonCreateUpdate,
   MyButtonModal,
+  MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-ZZ7S4EA4.mjs";
-import "../chunk-HHJFKKE7.mjs";
-import "../chunk-K6S7R6LU.mjs";
+} from "../chunk-HEW5D3R4.mjs";
+import "../chunk-GEYCGM75.mjs";
 import "../chunk-NWBLJ3W3.mjs";
-import "../chunk-YJ32RSH2.mjs";
+import "../chunk-K6S7R6LU.mjs";
+import "../chunk-YQPDRFRL.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
@@ -18,6 +19,7 @@ export {
   MyButton,
   MyButtonCreateUpdate,
   MyButtonModal,
+  MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyTextInput,
   MyWeeklySessionSchedulerPicker

package/dist/hooks/index.d.mts

@@ -37,10 +37,10 @@ interface MyReactQueryProps<IRes, IBody> {
     queryKey: QueryKey;
     axiosFn: () => Promise<AxiosResponse<MyApiResponse<IRes>, IBody>>;
     options?: Partial<UseQueryOptions<IRes, Error>>;
-    mockData?: IRes[];
+    mockData?: IRes;
 }
 declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mockData }: MyReactQueryProps<IRes, IBody>): _tanstack_react_query.UseQueryResult<IRes, Error>;
 
 declare function useQ_AQ_GetAQModule(): _tanstack_react_query.UseQueryResult<IAQModule, Error>;
 
-export { MyApiResponse, useLoadAxiosConfig, useMyDevice, useMyReactMutation, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };
+export { MyApiResponse, type MyReactQueryProps, useLoadAxiosConfig, useMyDevice, useMyReactMutation, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };

package/dist/hooks/index.mjs

@@ -6,7 +6,7 @@ import {
   useMyReactQuery,
   useMyRouter,
   useQ_AQ_GetAQModule
-} from "../chunk-YJ32RSH2.mjs";
+} from "../chunk-YQPDRFRL.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {