aq-fe-framework 0.1.516 → 0.1.517

package/dist/{chunk-OIIBQARW.mjs → chunk-3XSLM5GI.mjs}

@@ -3,6 +3,50 @@ import {
   __spreadValues
 } from "./chunk-FWCSY2DS.mjs";
 
+// src/hooks/useMutationForm.ts
+import { useForm } from "@mantine/form";
+import { useDisclosure } from "@mantine/hooks";
+import { useEffect } from "react";
+function useCreateUpdate({
+  initValues,
+  createFn,
+  updateFn,
+  mapInitToForm,
+  mapFormToMutateValue,
+  validate
+}) {
+  const disclosure = useDisclosure();
+  const form = useForm({
+    mode: "uncontrolled",
+    validate
+  });
+  const mutation = useMyReactMutation({
+    axiosFn: (values) => initValues ? updateFn(values) : createFn(values),
+    mutationType: initValues ? "update" : "create",
+    options: {
+      onSuccess: () => {
+        disclosure[1].close();
+        form.reset();
+      }
+    }
+  });
+  useEffect(() => {
+    if (initValues) {
+      form.initialize(mapInitToForm(initValues));
+    }
+  }, [initValues]);
+  const handleSubmit = (formValues) => {
+    const entity = mapFormToMutateValue(formValues, initValues);
+    mutation.mutate(entity);
+  };
+  return {
+    form,
+    disclosure,
+    mutation,
+    handleSubmit
+  };
+}
+
 // src/hooks/useMyDevice.ts
 import { useMediaQuery } from "@mantine/hooks";
 function useMyDevice() {
@@ -119,13 +163,13 @@ baseAxios.interceptors.request.use(
 var baseAxios_default = baseAxios;
 
 // src/hooks/custom-hooks/useLoadAxiosConfig.ts
-import { useEffect, useState } from "react";
+import { useEffect as useEffect2, useState } from "react";
 var useLoadAxiosConfig = ({
   axiosInstance = baseAxios_default,
   url
 }) => {
   const [flag, setFlag] = useState(false);
-  useEffect(() => {
+  useEffect2(() => {
     const loadConfig = async () => {
       try {
         const res = await fetch("/config.json");
@@ -267,6 +311,7 @@ function useQ_SkillCenter_GetAll() {
 }
 
 export {
+  useCreateUpdate,
   useMyDevice,
   useMyRouter,
   createBaseApi,

package/dist/{chunk-AKZQQ7BT.mjs → chunk-CHSXCM2D.mjs}

@@ -1,6 +1,3 @@
-import {
-  createGenericStore
-} from "./chunk-U62R2QKJ.mjs";
 import {
   utils_pdf_download
 } from "./chunk-5U2JSHSJ.mjs";
@@ -11,10 +8,13 @@ import {
   baseAxios_default,
   useMyReactMutation,
   useQ_AQ_GetAQModule
-} from "./chunk-OIIBQARW.mjs";
+} from "./chunk-3XSLM5GI.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";
+import {
+  createGenericStore
+} from "./chunk-U62R2QKJ.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-6OZGJBBA.mjs → chunk-NVM7HSI6.mjs}

@@ -2,7 +2,7 @@ import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
-} from "./chunk-AKZQQ7BT.mjs";
+} from "./chunk-CHSXCM2D.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
@@ -12,7 +12,7 @@ import {
 import {
   useMyReactMutation,
   useMyReactQuery
-} from "./chunk-OIIBQARW.mjs";
+} from "./chunk-3XSLM5GI.mjs";
 import {
   utils_notification_show
 } from "./chunk-7ZCOFATU.mjs";

package/dist/components/index.d.mts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { ReactNode, ComponentProps } from 'react';
 import { t as type_action, a as type_mantineSize } from '../types-DbltiEAP.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-75GHCO22.mjs';
 import { AxiosResponse } from 'axios';
+import { M as MyApiResponse } from '../createBaseApi-75GHCO22.mjs';
 import { useDisclosure, useListState } from '@mantine/hooks';
 import { UseFormReturnType, useForm } from '@mantine/form';
 import { I as I_BasicAppShell_LinkItem } from '../BasicAppShell-BOu5-Gvr.mjs';

package/dist/components/index.mjs

@@ -67,12 +67,12 @@ import {
   useS_BasicAppShell,
   useS_ButtonImport,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-AKZQQ7BT.mjs";
-import "../chunk-U62R2QKJ.mjs";
+} from "../chunk-CHSXCM2D.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
-import "../chunk-OIIBQARW.mjs";
+import "../chunk-3XSLM5GI.mjs";
 import "../chunk-7ZCOFATU.mjs";
+import "../chunk-U62R2QKJ.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   AQButtonCreateByImportFile,

package/dist/core/index.d.mts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { t as type_action } from '../types-DbltiEAP.mjs';
 import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, PaperProps, GroupProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
 import { ReactNode, ButtonHTMLAttributes } from 'react';
-import { M as MyApiResponse } from '../createBaseApi-75GHCO22.mjs';
-import { AxiosResponse } from 'axios';
 import { UseFormReturnType } from '@mantine/form';
+import { AxiosResponse } from 'axios';
+import { M as MyApiResponse } from '../createBaseApi-75GHCO22.mjs';
 import { useDisclosure } from '@mantine/hooks';
 import { UseReactToPrintOptions } from 'react-to-print';
 import { UseQueryResult, QueryKey, UseQueryOptions } from '@tanstack/react-query';

package/dist/core/index.mjs

@@ -18,15 +18,15 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-6OZGJBBA.mjs";
-import "../chunk-AKZQQ7BT.mjs";
-import "../chunk-U62R2QKJ.mjs";
+} from "../chunk-NVM7HSI6.mjs";
+import "../chunk-CHSXCM2D.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import "../chunk-OMJJAHOC.mjs";
 import "../chunk-K6S7R6LU.mjs";
-import "../chunk-OIIBQARW.mjs";
+import "../chunk-3XSLM5GI.mjs";
 import "../chunk-7ZCOFATU.mjs";
+import "../chunk-U62R2QKJ.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   MyActionIcon,

package/dist/hooks/index.d.mts

@@ -1,13 +1,34 @@
-import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseMutationOptions, QueryKey, UseQueryOptions } from '@tanstack/react-query';
+import * as _mantine_form from '@mantine/form';
+import { FormValidateInput } from '@mantine/form';
+import { AxiosResponse, AxiosInstance } from 'axios';
 import { M as MyApiResponse } from '../createBaseApi-75GHCO22.mjs';
 export { I as IPagingParams, c as createBaseApi } from '../createBaseApi-75GHCO22.mjs';
+import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/dist/shared/lib/app-router-context.shared-runtime';
 import * as React from 'react';
-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-4U3n2emx.mjs';
 import '../IBaseEntity-ChMy9RzQ.mjs';
 
+interface UseCreateUpdateProps<TForm extends Record<string, any>, TEntity> {
+    initValues?: TEntity;
+    createFn: (initData: TEntity) => Promise<AxiosResponse<MyApiResponse<TEntity>>>;
+    updateFn: (initData: TEntity) => Promise<AxiosResponse<MyApiResponse<TEntity>>>;
+    mapInitToForm: (initData: TEntity) => TForm;
+    mapFormToMutateValue: (formData: TForm, initData?: TEntity) => TEntity;
+    validate?: FormValidateInput<TForm>;
+}
+declare function useCreateUpdate<TForm extends Record<string, any>, TEntity>({ initValues, createFn, updateFn, mapInitToForm, mapFormToMutateValue, validate, }: UseCreateUpdateProps<TForm, TEntity>): {
+    form: _mantine_form.UseFormReturnType<TForm, (values: TForm) => TForm>;
+    disclosure: readonly [boolean, {
+        readonly open: () => void;
+        readonly close: () => void;
+        readonly toggle: () => void;
+    }];
+    mutation: _tanstack_react_query.UseMutationResult<TEntity, Error, TEntity, unknown>;
+    handleSubmit: (formValues: TForm) => void;
+};
+
 declare function useMyDevice(): {
     isMobile: boolean | undefined;
     isTablet: boolean | undefined;
@@ -64,4 +85,4 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
 
 declare function useQ_AQ_GetAQModule(): _tanstack_react_query.UseQueryResult<IAQModule, Error>;
 
-export { MyApiResponse, type MyReactQueryProps, createBaseUrl, useLoadAxiosConfig, useMyDevice, useMyReactMutation, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };
+export { MyApiResponse, type MyReactQueryProps, createBaseUrl, useCreateUpdate, useLoadAxiosConfig, useMyDevice, useMyReactMutation, useMyReactQuery, useMyRouter, useQ_AQ_GetAQModule };

package/dist/hooks/index.mjs

@@ -1,18 +1,20 @@
 import {
   createBaseApi,
   createBaseUrl,
+  useCreateUpdate,
   useLoadAxiosConfig,
   useMyDevice,
   useMyReactMutation,
   useMyReactQuery,
   useMyRouter,
   useQ_AQ_GetAQModule
-} from "../chunk-OIIBQARW.mjs";
+} from "../chunk-3XSLM5GI.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
 export {
   createBaseApi,
   createBaseUrl,
+  useCreateUpdate,
   useLoadAxiosConfig,
   useMyDevice,
   useMyReactMutation,

package/dist/modules-features/index.mjs

@@ -16,7 +16,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-6OZGJBBA.mjs";
+} from "../chunk-NVM7HSI6.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -42,10 +42,7 @@ import {
   groupToTwoLevels,
   useS_authenticate,
   utils_layout_getItemsWithoutLinks
-} from "../chunk-AKZQQ7BT.mjs";
-import {
-  createGenericStore
-} from "../chunk-U62R2QKJ.mjs";
+} from "../chunk-CHSXCM2D.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import {
   const_object_documentTypes
@@ -66,10 +63,13 @@ import {
   useMyRouter,
   useQ_AQ_GetAQModule,
   useQ_SkillCenter_GetAll
-} from "../chunk-OIIBQARW.mjs";
+} from "../chunk-3XSLM5GI.mjs";
 import {
   utils_notification_show
 } from "../chunk-7ZCOFATU.mjs";
+import {
+  createGenericStore
+} from "../chunk-U62R2QKJ.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -86,7 +86,7 @@ var service_account = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER,
   }
 });
 
-// src/module/Account/adapter/Account_Table.tsx
+// src/module/Account/adapter/Adapter_AccountTable.tsx
 import { useEffect } from "react";
 
 // src/module/Account/usecase/UseCase_AccountTable.tsx
@@ -109,8 +109,7 @@ function UseCase_AccountTable(_a) {
     {
       header: "Email",
       accessorKey: "email"
-    },
-    ...baseColumns
+    }
   ], []);
   const columns = useMemo(() => {
     return utils_mantineDataTable_filterColumns(allColumns, visibleFields);
@@ -124,7 +123,7 @@ function UseCase_AccountTable(_a) {
   );
 }
 
-// src/module/Account/adapter/Account_Table.tsx
+// src/module/Account/adapter/Adapter_AccountTable.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function Account_Table(_a) {
   var rest = __objRest(_a, []);

package/package.json

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