aq-fe-framework 0.1.452 → 0.1.454

package/dist/core/index.d.mts

@@ -11,10 +11,10 @@ import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
 import { RichTextEditorProps, RichTextEditorToolbarProps, RichTextEditorContentProps } from '@mantine/tiptap';
 import { I as IBaseEntity } from '../IBaseEntity-BprRafT5.mjs';
 
-interface CoreActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
+interface MyActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
     actionType?: type_action;
 }
-declare function MyActionIcon({ children, actionType, ...rest }: CoreActionIconProps): react_jsx_runtime.JSX.Element;
+declare function MyActionIcon({ children, actionType, ...rest }: MyActionIconProps): react_jsx_runtime.JSX.Element;
 
 interface MyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ButtonProps {
     actionType?: type_action;
@@ -41,13 +41,29 @@ interface CoreButtonCreateUpdateProps<IReq, IRes> {
 }
 declare function MyButtonCreateUpdate<IReq, IRes>({ modalProps, actionIconProps, buttonProps, form, onSubmit, onSuccess, onError, ignoreDefaultOnError, ignoreDefaultOnSuccess, closeModalWhenSubmit, resetFormWhenSubmit, children, disclosure: externalDisclosure, isUpdate, scrollAreaAutosizeProps }: CoreButtonCreateUpdateProps<IReq, IRes>): react_jsx_runtime.JSX.Element;
 
-interface CoreButtonModalProps {
+interface IFieldStructure {
+    fieldCode?: string;
+    fieldName?: string;
+}
+interface MyButtonExportStructureProps {
+    data?: IFieldStructure[];
+    fileName?: string;
+    buttonProps?: ButtonProps;
+}
+
+interface MyButtonModalProps {
     children?: ReactNode;
     disclosure: ReturnType<typeof useDisclosure>;
-    buttonProps?: ButtonProps;
-    modalProps?: ModalProps;
+    buttonProps?: MyButtonProps;
+    actionIconProps?: MyActionIconProps;
+    modalProps?: Omit<ModalProps, "opened" | "onClose">;
+    isActionIcon?: boolean;
+}
+declare function MyButtonModal({ disclosure, children, buttonProps, actionIconProps, modalProps, isActionIcon }: MyButtonModalProps): react_jsx_runtime.JSX.Element;
+
+interface MyButtonModalCreateUpdateProps extends Omit<MyButtonModalProps, "disclosure"> {
 }
-declare function MyButtonModal({ disclosure, children, buttonProps, modalProps, }: CoreButtonModalProps): react_jsx_runtime.JSX.Element;
+declare function MyButtonModalCreateUpdate(props?: MyButtonModalCreateUpdateProps): react_jsx_runtime.JSX.Element;
 
 declare function MyDataTableSelectOne<TData extends MRT_RowData>({ columns, queryResult, idSelection, setIdSelection }: {
     columns: MRT_ColumnDef<TData>[];
@@ -151,4 +167,9 @@ interface IMyFlexColumn extends FlexProps {
 }
 declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+interface MyFlexEndProps extends GroupProps {
+    children: ReactNode;
+}
+declare function MyFlexEnd({ children, ...rest }: MyFlexEndProps): react_jsx_runtime.JSX.Element;
+
+export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalCreateUpdate, type MyButtonModalProps, type MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -3,9 +3,11 @@ import {
   MyButton,
   MyButtonCreateUpdate,
   MyButtonModal,
+  MyButtonModalCreateUpdate,
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyFlexColumn,
+  MyFlexEnd,
   MyInfoBox,
   MyLabelValueRow,
   MyRichTextEditor,
@@ -14,9 +16,11 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-M6C567QA.mjs";
+} from "../chunk-F32DBM65.mjs";
+import "../chunk-562G3GRP.mjs";
+import "../chunk-U62R2QKJ.mjs";
+import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";
-import "../chunk-RZBHPPQT.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-K6S7R6LU.mjs";
 import "../chunk-KFSAV44B.mjs";
@@ -27,9 +31,11 @@ export {
   MyButton,
   MyButtonCreateUpdate,
   MyButtonModal,
+  MyButtonModalCreateUpdate,
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
   MyFlexColumn,
+  MyFlexEnd,
   MyInfoBox,
   MyLabelValueRow,
   MyRichTextEditor,

package/dist/modules-features/index.mjs

@@ -11,6 +11,11 @@ import {
 import {
   U0DateToDDMMYYYString
 } from "../chunk-EWDS5IOF.mjs";
+import {
+  MyButton as MyButton2,
+  MyDataTableSelectOne,
+  MyTextInput as MyTextInput2
+} from "../chunk-F32DBM65.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -21,10 +26,13 @@ import {
   MyButtonModal,
   MyButtonViewPDF,
   MyCenterFull,
+  MyDataTable,
   MyDateInput,
   MyFieldset,
   MyFileInput,
+  MyFlexColumn,
   MyFlexEnd,
+  MyFlexRow,
   MyNumberInput,
   MyPageContent,
   MySelect,
@@ -33,24 +41,14 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-WUXEUR7R.mjs";
+} from "../chunk-562G3GRP.mjs";
 import {
   createGenericStore
 } from "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import {
-  MyButton as MyButton2,
-  MyDataTableSelectOne,
-  MyTextInput as MyTextInput2
-} from "../chunk-M6C567QA.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.mjs";
-import {
-  MyDataTable,
-  MyFlexColumn,
-  MyFlexRow
-} from "../chunk-RZBHPPQT.mjs";
 import {
   const_object_colors
 } from "../chunk-OMJJAHOC.mjs";

package/package.json

@@ -42,7 +42,7 @@
       "types": "./dist/columns/index.d.mts"
     }
   },
-  "version": "0.1.452",
+  "version": "0.1.454",
   "private": false,
   "files": [
     "dist"

package/dist/chunk-RZBHPPQT.mjs

@@ -1,178 +0,0 @@
-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: pagination ? true : false,
-    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(__spreadValues({
-      density: "md",
-      columnPinning: { right: ["mrt-row-actions"] },
-      columnVisibility: {
-        modifiedWhen: false,
-        modifiedFullName: false
-      }
-    }, pagination ? {} : { pagination: { pageIndex: 0, pageSize: 30 } }), 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
-};