aq-fe-framework 0.1.1028 → 0.1.1029

package/dist/{chunk-YESUM3O7.mjs → chunk-RTULEWWM.mjs}

@@ -4,13 +4,6 @@ import {
   useStore_Permission,
   useStore_ProjectInfo
 } from "./chunk-WW55EZ4B.mjs";
-import {
-  utils_date,
-  utils_excel,
-  utils_file,
-  utils_mantineReactTable,
-  utils_text
-} from "./chunk-7ZI7IOEP.mjs";
 import {
   utils_aq_mapBaseEntityToDomain,
   utils_aq_mapDomainToEntity,
@@ -25,17 +18,24 @@ import {
   utils_notification_show,
   utils_pdf_download
 } from "./chunk-KGBXMHKR.mjs";
+import {
+  utils_date,
+  utils_excel,
+  utils_file,
+  utils_mantineReactTable,
+  utils_text
+} from "./chunk-7ZI7IOEP.mjs";
 import {
   createGenericStore
 } from "./chunk-BTITP4TN.mjs";
-import {
-  enumLabel_gender,
-  enum_daysOfWeek
-} from "./chunk-J4WTZ3B4.mjs";
 import {
   const_object_colors,
   const_object_documentTypes
 } from "./chunk-OHAOJE5F.mjs";
+import {
+  enumLabel_gender,
+  enum_daysOfWeek
+} from "./chunk-J4WTZ3B4.mjs";
 import {
   baseAxios_default,
   createBaseApi,
@@ -18601,6 +18601,38 @@ import { jsx as jsx245, jsxs as jsxs138 } from "react/jsx-runtime";
 import { Group as Group43 } from "@mantine/core";
 import { useMemo as useMemo35 } from "react";
 import { jsx as jsx246, jsxs as jsxs139 } from "react/jsx-runtime";
+function CustomDataTableAPI(_a) {
+  var _b = _a, {
+    deleteAxiosFn,
+    buttonCreateUpdateProps,
+    columns,
+    reactQueryProps
+  } = _b, rest = __objRest(_b, [
+    "deleteAxiosFn",
+    "buttonCreateUpdateProps",
+    "columns",
+    "reactQueryProps"
+  ]);
+  const query = useMyReactQuery(reactQueryProps);
+  const memoizedColumns = useMemo35(
+    () => columns,
+    [columns]
+  );
+  return /* @__PURE__ */ jsx246(
+    MyDataTable,
+    __spreadValues({
+      isError: query.isError,
+      isLoading: query.isLoading,
+      data: query.data || [],
+      renderTopToolbarCustomActions: () => /* @__PURE__ */ jsx246(Group43, { children: buttonCreateUpdateProps && /* @__PURE__ */ jsx246(MyButtonCreateUpdate, __spreadValues({}, buttonCreateUpdateProps)) }),
+      renderRowActions: ({ row }) => /* @__PURE__ */ jsxs139(MyCenterFull, { children: [
+        buttonCreateUpdateProps && /* @__PURE__ */ jsx246(MyButtonCreateUpdate, __spreadValues({ isUpdate: true }, buttonCreateUpdateProps)),
+        deleteAxiosFn && /* @__PURE__ */ jsx246(MyActionIconDelete, { contextData: row.original.code, onSubmit: () => deleteAxiosFn(row.original.id) })
+      ] }),
+      columns: memoizedColumns
+    }, rest)
+  );
+}
 
 // src/core/withAPI/MyButtonViewFileAPI.tsx
 import { useDisclosure as useDisclosure23 } from "@mantine/hooks";
@@ -18683,6 +18715,7 @@ export {
   CustomTabs,
   MyPrintContent,
   MyModalImport,
+  CustomDataTableAPI,
   MyButtonViewFileAPI,
   AQButtonExportData,
   MyButtonCreate,

package/dist/components/index.mjs

@@ -69,14 +69,14 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   useStore_BasicAppShell
-} from "../chunk-YESUM3O7.mjs";
+} from "../chunk-RTULEWWM.mjs";
 import "../chunk-WW55EZ4B.mjs";
-import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-NYAWQRB7.mjs";
 import "../chunk-BTITP4TN.mjs";
-import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-OHAOJE5F.mjs";
+import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-Z76CSZFI.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-JD6AELXS.mjs";

package/dist/core/index.d.mts

@@ -17,6 +17,7 @@ import { UseEditorOptions } from '@tiptap/react';
 import { M as MySelectProps } from '../MySelect-CEgpggSF.mjs';
 export { a as MySelect } from '../MySelect-CEgpggSF.mjs';
 import { I as IBaseEntity } from '../IBaseEntity-Am9Cgybw.mjs';
+import { M as MyReactQueryProps } from '../useMyReactQuery-io2elEak.mjs';
 import '../type_action-hMF6_2Mr.mjs';
 import '@tanstack/react-table';
 import '../type_mutation-CCtnyeP3.mjs';
@@ -302,8 +303,15 @@ interface ValidationResult {
     rows?: RowDetail[];
 }
 
+interface CustomDataTableAPIProps<TData extends MRT_RowData, IReq, IRes> extends Omit<MyDataTableProps<TData>, "data"> {
+    reactQueryProps: MyReactQueryProps<IRes, IReq, TData[]>;
+    deleteAxiosFn?: (id: number) => Promise<AxiosResponse<MyApiResponse<IRes>>> | void;
+    buttonCreateUpdateProps?: MyButtonCreateUpdateProps<IReq, IRes>;
+}
+declare function CustomDataTableAPI<TData extends MRT_RowData, IReq = any, IRes = TData[]>({ deleteAxiosFn, buttonCreateUpdateProps, columns, reactQueryProps, ...rest }: CustomDataTableAPIProps<TData, IReq, IRes>): react_jsx_runtime.JSX.Element;
+
 declare function MyButtonViewFileAPI({ filePath }: {
     filePath?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { CustomAutocomplete, CustomEnumBadge, CustomNumberInput, type CustomNumberInputProps, CustomPhoneNumberInput, CustomSwitchTheme, CustomTabs, CustomThemeIconSquareCheck, DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIconProps, MyButtonCreateUpdate, type MyButtonCreateUpdateProps, type MyButtonExportStructureProps, MyButtonModalForm, type MyButtonModalFormProps, MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelectFromAPI, type MySelectFromAPIProps, MySelectProps, MyStatsCard, MyTextInput, type MyTextInputProps, MyWeeklySessionSchedulerPicker, type RowDetail, type StagedChange, type ValidationResult, type WeeklySessionSchedulerProps };
+export { CustomAutocomplete, CustomDataTableAPI, CustomEnumBadge, CustomNumberInput, type CustomNumberInputProps, CustomPhoneNumberInput, CustomSwitchTheme, CustomTabs, CustomThemeIconSquareCheck, DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIconProps, MyButtonCreateUpdate, type MyButtonCreateUpdateProps, type MyButtonExportStructureProps, MyButtonModalForm, type MyButtonModalFormProps, MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelectFromAPI, type MySelectFromAPIProps, MySelectProps, MyStatsCard, MyTextInput, type MyTextInputProps, MyWeeklySessionSchedulerPicker, type RowDetail, type StagedChange, type ValidationResult, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -1,5 +1,6 @@
 import {
   CustomAutocomplete,
+  CustomDataTableAPI,
   CustomEnumBadge,
   CustomNumberInput,
   CustomPhoneNumberInput,
@@ -32,19 +33,20 @@ import {
   MyStatsCard,
   MyTextInput2 as MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-YESUM3O7.mjs";
+} from "../chunk-RTULEWWM.mjs";
 import "../chunk-WW55EZ4B.mjs";
-import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-NYAWQRB7.mjs";
 import "../chunk-BTITP4TN.mjs";
-import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-OHAOJE5F.mjs";
+import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-Z76CSZFI.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-JD6AELXS.mjs";
 export {
   CustomAutocomplete,
+  CustomDataTableAPI,
   CustomEnumBadge,
   CustomNumberInput,
   CustomPhoneNumberInput,

package/dist/hooks/index.d.mts

@@ -4,8 +4,9 @@ import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/di
 import { B as BaseApiType, M as MyApiResponse } from '../useMyReactMutation-XkhMBQeB.mjs';
 export { I as IPagingParams, a as MyReactMutationProps, c as createBaseApi, u as useMyReactMutation } from '../useMyReactMutation-XkhMBQeB.mjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { QueryKey, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
-import { AxiosInstance, AxiosResponse } from 'axios';
+import { QueryKey } from '@tanstack/react-query';
+import { AxiosInstance } from 'axios';
+export { M as MyReactQueryProps, u as useMyReactQuery } from '../useMyReactQuery-io2elEak.mjs';
 import { I as IAQModule } from '../IAQModule-bW0dxQvX.mjs';
 import '../type_mutation-CCtnyeP3.mjs';
 import '../IBaseEntity-Am9Cgybw.mjs';
@@ -74,18 +75,6 @@ declare const useLoadAxiosConfig: ({ axiosInstance, url, prefix }: {
     setFlag: react.Dispatch<react.SetStateAction<boolean>>;
 };
 
-interface MyReactQueryProps<IRes, IBody, TData = IRes> {
-    queryKey?: QueryKey;
-    axiosFn?: () => Promise<AxiosResponse<MyApiResponse<IRes>, IBody>>;
-    options?: Omit<UseQueryOptions<IRes, Error, TData>, "queryKey">;
-    mockData?: IRes;
-    isPrototype?: boolean;
-}
-declare function useMyReactQuery<IRes, IBody, TData = IRes>({ queryKey, axiosFn, options, mockData, isPrototype, }: MyReactQueryProps<IRes, IBody, TData>): UseQueryResult<TData, Error> & {
-    dataCount: number;
-    rawData: MyApiResponse<IRes> | null;
-};
-
 declare function useQ_AQ_GetAQModule(): _tanstack_react_query.UseQueryResult<IAQModule, Error>;
 
-export { BaseApiType, MyApiResponse, type MyReactQueryProps, useConfig, useCrudService, useEditableRows, useExportData, useLoadAxiosConfig, useMyDevice, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };
+export { BaseApiType, MyApiResponse, useConfig, useCrudService, useEditableRows, useExportData, useLoadAxiosConfig, useMyDevice, useMyRouter, useQ_AQ_GetAQModule };

package/dist/modules-features/index.mjs

@@ -97,14 +97,14 @@ import {
   MailTemplateDeleteButton,
   useS_moduleConfig,
   useStore_Authenticate
-} from "../chunk-YESUM3O7.mjs";
+} from "../chunk-RTULEWWM.mjs";
 import "../chunk-WW55EZ4B.mjs";
-import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-7ZI7IOEP.mjs";
 import "../chunk-NYAWQRB7.mjs";
 import "../chunk-BTITP4TN.mjs";
-import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-OHAOJE5F.mjs";
+import "../chunk-J4WTZ3B4.mjs";
 import "../chunk-Z76CSZFI.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import "../chunk-JD6AELXS.mjs";

package/dist/shared/index.mjs

@@ -1,19 +1,19 @@
 import "../chunk-NMY3UEY5.mjs";
 import {
   MySelect
-} from "../chunk-YESUM3O7.mjs";
+} from "../chunk-RTULEWWM.mjs";
 import "../chunk-WW55EZ4B.mjs";
+import "../chunk-KGBXMHKR.mjs";
 import {
   utils_converter
 } from "../chunk-7ZI7IOEP.mjs";
-import "../chunk-KGBXMHKR.mjs";
 import "../chunk-NYAWQRB7.mjs";
 import "../chunk-BTITP4TN.mjs";
+import "../chunk-OHAOJE5F.mjs";
 import {
   enumLabel_gender,
   enum_gender
 } from "../chunk-J4WTZ3B4.mjs";
-import "../chunk-OHAOJE5F.mjs";
 import "../chunk-Z76CSZFI.mjs";
 import "../chunk-WZ6PXGGC.mjs";
 import {

package/dist/useMyReactQuery-io2elEak.d.mts

@@ -0,0 +1,17 @@
+import { QueryKey, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { AxiosResponse } from 'axios';
+import { M as MyApiResponse } from './useMyReactMutation-XkhMBQeB.mjs';
+
+interface MyReactQueryProps<IRes, IBody, TData = IRes> {
+    queryKey?: QueryKey;
+    axiosFn?: () => Promise<AxiosResponse<MyApiResponse<IRes>, IBody>>;
+    options?: Omit<UseQueryOptions<IRes, Error, TData>, "queryKey">;
+    mockData?: IRes;
+    isPrototype?: boolean;
+}
+declare function useMyReactQuery<IRes, IBody, TData = IRes>({ queryKey, axiosFn, options, mockData, isPrototype, }: MyReactQueryProps<IRes, IBody, TData>): UseQueryResult<TData, Error> & {
+    dataCount: number;
+    rawData: MyApiResponse<IRes> | null;
+};
+
+export { type MyReactQueryProps as M, useMyReactQuery as u };

package/package.json

@@ -54,7 +54,7 @@
       "types": "./dist/build-object/index.d.mts"
     }
   },
-  "version": "0.1.1028",
+  "version": "0.1.1029",
   "private": false,
   "files": [
     "dist"