@m4l/components 0.1.7 → 0.1.9

package/components/hook-form/RHFCheckbox/index.js

@@ -1,44 +1,65 @@
 import { useFormContext, Controller } from "react-hook-form";
-import { Skeleton, FormControlLabel, Checkbox } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
+import { Skeleton, FormControlLabel, Checkbox } from "@mui/material";
+import { useModuleSkeleton } from "@m4l/core";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperSKTRHFCheckbox = styled("div")(() => ({
-  display: "flex"
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: "8px"
+}));
+const SKTCheckSkeleton = styled(Skeleton)(() => ({
+  width: "20px",
+  height: "20px",
+  borderRadius: "4px"
+}));
+const ErrorLabel = styled("p")(({
+  theme
+}) => ({
+  ...theme.typography.caption,
+  color: theme.palette.error.main,
+  marginRight: 14,
+  marginLeft: 14
 }));
-function SKTRHFCheckbox() {
-  return /* @__PURE__ */ jsx(WrapperSKTRHFCheckbox, {
-    children: /* @__PURE__ */ jsx(Skeleton, {
-      variant: "rectangular",
-      width: 16,
-      height: 16
-    })
-  });
-}
 function RHFCheckbox({
   name,
   sizeCheck = "small",
-  isSkeleton = false,
   ...other
 }) {
   const {
     control
   } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ jsx(Controller, {
-        name,
-        control,
-        render: ({
-          field
-        }) => isSkeleton ? /* @__PURE__ */ jsx(SKTRHFCheckbox, {}) : /* @__PURE__ */ jsx(Checkbox, {
-          size: sizeCheck,
-          ...field,
-          checked: field.value
-        })
-      }),
-      ...other
-    }
-  );
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx(FormControlLabel, {
+    control: /* @__PURE__ */ jsx(Controller, {
+      name,
+      control,
+      render: ({
+        field,
+        fieldState: {
+          error
+        }
+      }) => {
+        if (isSkeleton) {
+          return /* @__PURE__ */ jsx(WrapperSKTRHFCheckbox, {
+            children: /* @__PURE__ */ jsx(SKTCheckSkeleton, {
+              variant: "rectangular"
+            })
+          });
+        }
+        return /* @__PURE__ */ jsxs(Fragment, {
+          children: [/* @__PURE__ */ jsx(Checkbox, {
+            size: sizeCheck,
+            ...field,
+            checked: field.value
+          }), error?.message && /* @__PURE__ */ jsx(ErrorLabel, {
+            children: error?.message + ""
+          })]
+        });
+      }
+    }),
+    ...other
+  });
 }
 export { RHFCheckbox as R };

package/components/hook-form/RHFCheckbox/styles.d.ts

@@ -1,2 +1,13 @@
 /// <reference types="react" />
-export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTCheckSkeleton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "wave" | "pulse" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "width" | "height" | "animation" | "children" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/hook-form/RHFCheckbox/types.d.ts

@@ -2,7 +2,6 @@ import { FormControlLabelProps } from '@mui/material';
 export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {
     name: string;
     sizeCheck?: 'small' | 'medium';
-    isSkeleton?: boolean;
 }
 export interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
     name: string;

package/components/hook-form/RHFDateTime/index.js

@@ -2,7 +2,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, TextField } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { DateTimePicker } from "@mui/x-date-pickers";
-import { useEnvironment } from "@m4l/core";
+import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
@@ -21,10 +21,10 @@ function RHFDateTime(props) {
     skeletonProps: skeletoProps = {}
   } = props;
   const {
-    isSkeleton = false,
     width = "100%",
     height = 14
   } = skeletoProps;
+  const isSkeleton = useModuleSkeleton();
   const {
     control
   } = useFormContext();

package/components/hook-form/RHFDateTime/types.d.ts

@@ -1,5 +1,4 @@
 export interface SkeletonProps {
-    isSkeleton?: boolean;
     width?: string | number;
     height?: string | number;
 }

package/components/hook-form/RHFPeriod/dictionary.d.ts

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getPeriodComponetsDictionary(): string[];
+export declare const defaultPeriodDictionary: Dictionary;

package/components/hook-form/RHFPeriod/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RHFPeriodProps } from './types';
+export declare const RHFPeriod: (props: RHFPeriodProps) => JSX.Element;

package/components/hook-form/RHFPeriod/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WrapperProps } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Gap: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFPeriod/types.d.ts

@@ -0,0 +1,29 @@
+export declare type PeriodProps = {
+    name: string;
+    variant?: 'single';
+};
+export declare enum ETimePeriods {
+    YEARS = 0,
+    MONTHS = 1,
+    DAYS = 2
+}
+export declare type PeriodVariant = 'monoperiod' | 'multiperiod';
+export declare type PeriodTime = {
+    id: number;
+    label: string;
+};
+export declare type PeriodType = {
+    variant: PeriodVariant;
+    selPeriodTime: ETimePeriods;
+    singleValue: number | '';
+    years?: number;
+    months?: number;
+    days?: number;
+};
+export interface WrapperProps {
+    error: boolean;
+}
+export declare type RHFPeriodProps = {
+    name: string;
+    variant?: PeriodVariant;
+};

package/components/hook-form/RHFTextField/index.js

@@ -2,6 +2,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, TextField } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { forwardRef } from "react";
+import { useModuleSkeleton } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
@@ -13,18 +14,19 @@ const SKTRHFWrapperTextField = styled("div")(({
   padding: "12px 14px",
   borderRadius: theme.spacing(1)
 }));
-const RHFTextField = forwardRef((props, ref) => {
+const RHFTextField = forwardRef((props, inputRef) => {
   const {
-    name,
+    name: nameRHF,
     autoComplete = "off",
     skeletonProps: skeletoProps = {},
+    type,
     ...other
   } = props;
   const {
-    isSkeleton = false,
     width = "100%",
     height = 14
   } = skeletoProps;
+  const isSkeleton = useModuleSkeleton();
   const {
     control
   } = useFormContext();
@@ -38,25 +40,47 @@ const RHFTextField = forwardRef((props, ref) => {
     });
   }
   return /* @__PURE__ */ jsx(Controller, {
-    name,
+    name: nameRHF,
     control,
     render: ({
-      field,
+      field: {
+        onChange,
+        onBlur,
+        value,
+        name,
+        ref
+      },
       fieldState: {
         error
       }
-    }) => /* @__PURE__ */ jsx(
-      TextField,
-      {
-        inputRef: ref,
-        autoComplete,
-        ...field,
-        fullWidth: true,
-        error: !!error,
-        helperText: error?.message,
-        ...other
-      }
-    )
+    }) => {
+      const onInternalChange = (event) => {
+        if (type === "number") {
+          if (event.target.value) {
+            onChange(Number(event.target.value));
+            return;
+          }
+        }
+        onChange(event);
+      };
+      return /* @__PURE__ */ jsx(
+        TextField,
+        {
+          inputRef,
+          autoComplete,
+          onChange: onInternalChange,
+          onBlur,
+          value,
+          name,
+          ref,
+          fullWidth: true,
+          error: !!error,
+          helperText: error?.message,
+          type,
+          ...other
+        }
+      );
+    }
   });
 });
 RHFTextField.displayName = "RHFTextField";

package/components/hook-form/RHFTextField/types.d.ts

@@ -1,5 +1,4 @@
 export interface SkeletonProps {
-    isSkeleton?: boolean;
     width?: string | number;
     height?: string | number;
 }

package/components/hook-form/RHFUpload/index.js

@@ -173,8 +173,9 @@ function UploadImage({
               opacity: 1
             },
             ...(isDragReject || error) && {
-              backgroundColor: alpha("error.main", 0.72),
-              color: "common.white"
+              bgcolor: "error.lighter",
+              borderColor: "error.light",
+              color: "error.main"
             }
           },
           children: /* @__PURE__ */ jsxs(ContainerUploadBody, {
@@ -218,10 +219,9 @@ function RHFUploadImage({
   const handleDrop = useCallback((acceptedFiles) => {
     const file = acceptedFiles[0];
     if (file) {
-      setValue(name, {
-        ...file,
+      setValue(name, Object.assign(file, {
         preview: URL.createObjectURL(file)
-      });
+      }));
     }
   }, [setValue]);
   return /* @__PURE__ */ jsx(Controller, {

package/components/hook-form/index.d.ts

@@ -1,4 +1,5 @@
 export { FormProvider } from './FormProvider';
+export type { FormInitialValues, FormStatusLoad } from './FormProvider/types';
 export { RHFAutocomplete } from './RHFAutocomplete';
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
 export { RHFCheckbox } from './RHFCheckbox';
@@ -7,4 +8,7 @@ export { RHFMultiCheckbox } from './RHFMultiCheckbox';
 export { RHFSelect } from './RHFSelect';
 export { RHFTextField } from './RHFTextField';
 export { RHFRadioGroup } from './RHFRadioGroup';
+export { RHFPeriod } from './RHFPeriod';
+export type { PeriodType } from './RHFPeriod/types';
+export { getPeriodComponetsDictionary } from './RHFPeriod/dictionary';
 export * from './RHFUpload';

package/components/index.d.ts

@@ -3,13 +3,17 @@ export * from '../components/hook-form';
 export * from '../components/mui_extended';
 export * from '../components/CompanyLogo';
 export * from './formatters';
+export * from './formatters/types';
 export * from './formatters/dicctionary';
 export { DataGrid } from '../components/DataGrid';
-export type { Column } from 'react-data-grid';
+export * from '../components/DataGrid/formatters';
+export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getDataGridComponentsDictionary as getGridComponentsDictionary } from '../components/DataGrid/dictionary';
+export { TextEditor, NumberEditor } from '../components/DataGrid/components/editors/TextEditor';
 export * from '../components/DynamicFilter';
 export * from '../components/DynamicFilter/dictionary';
+export * from '../components/ErrorLabel';
 export type { FilterFieldApply, RawFilterFieldApply, InitialFilterFieldApply, } from '../components/DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';

package/components/mui_extended/Accordion/components/AccordionLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AccordionLabelProps } from '../types';
+export declare const AccordionLabel: (props: AccordionLabelProps) => JSX.Element;

package/components/mui_extended/Accordion/index.js

@@ -1,21 +1,79 @@
-import { Accordion as Accordion$1, AccordionSummary, Skeleton, AccordionDetails } from "@mui/material";
+import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
 import { I as IconButton } from "../IconButton/index.js";
-import { useEnvironment } from "@m4l/core";
-import { jsxs, jsx } from "react/jsx-runtime";
-function Accordion(props) {
+import { useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { I as Icon } from "../../Icon/index.js";
+import { styled } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  borderRadius: theme.spacing(0.5),
+  height: theme.spacing(4.5),
+  minHeight: theme.spacing(4.5),
+  backgroundColor: theme.palette.background.header,
+  paddingLeft: theme.spacing(2),
+  paddingRight: theme.spacing(2),
+  marginBottom: "0px"
+}));
+const WrapperAccordionLabel = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  gap: theme.spacing(2)
+}));
+const Label = styled("span")(({
+  theme
+}) => ({
+  ...theme.typography.subtitle2
+}));
+const AccordionLabel = (props) => {
   const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
+    isSkeleton,
+    label,
+    SKTWidht,
+    SKTHeight,
+    labelIcon
+  } = props;
+  return /* @__PURE__ */ jsx("div", {
+    children: isSkeleton ? /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
+      children: [labelIcon && /* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: "16px",
+        height: "16px"
+      }), /* @__PURE__ */ jsx(Skeleton, {
+        variant: "text",
+        width: SKTWidht,
+        height: SKTHeight
+      })]
+    }) : /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
+      children: [labelIcon && /* @__PURE__ */ jsx(Icon, {
+        src: labelIcon
+      }), /* @__PURE__ */ jsx(Label, {
+        children: label
+      })]
+    })
+  });
+};
+function Accordion(props) {
   const {
     label,
-    isSkeleton,
     SKTWidht,
     SKTHeight,
     children,
     accordionProps,
-    summaryProps
+    summaryProps,
+    labelIcon
   } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const isSkeleton = useModuleSkeleton();
   return /* @__PURE__ */ jsxs(Accordion$1, {
     variant: "outlined",
     square: true,
@@ -32,11 +90,13 @@ function Accordion(props) {
         src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`
       }),
       ...summaryProps,
-      children: isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: SKTWidht,
-        height: SKTHeight
-      }) : label
+      children: /* @__PURE__ */ jsx(AccordionLabel, {
+        isSkeleton,
+        label,
+        SKTWidht,
+        SKTHeight,
+        labelIcon
+      })
     }), /* @__PURE__ */ jsx(AccordionDetails, {
       children
     })]

package/components/mui_extended/Accordion/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SKTAccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAccordionLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Accordion/types.d.ts

@@ -5,7 +5,10 @@ export declare type AccordionProps = {
     children: ReactNode;
     accordionProps?: MUIAccordionProps;
     summaryProps?: AccordionSummaryProps;
-    isSkeleton?: boolean;
+    labelIcon?: string;
     SKTWidht?: string | number;
     SKTHeight?: string | number;
 };
+export interface AccordionLabelProps extends Pick<AccordionProps, 'label' | 'SKTWidht' | 'SKTHeight' | 'labelIcon'> {
+    isSkeleton: boolean;
+}

package/components/mui_extended/Button/index.js

@@ -1,13 +1,31 @@
-import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { Skeleton, styled as styled$1 } from "@mui/material";
-import { styled, alpha } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import MuiButton from "@mui/material/Button";
+import { styled, Skeleton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { LoadingButton as LoadingButton$1 } from "@mui/lab";
+import { styled as styled$1, alpha } from "@mui/material/styles";
 import { I as IconButton } from "../IconButton/index.js";
 import { u as useBase } from "../../DynamicFilter/index.js";
 import { useMemo } from "react";
-const WrapperSKTLoadingButton = styled("div")(({
+const SKTButton = styled(Skeleton)(({
+  theme
+}) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+const Button = (props) => {
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTButton, {
+      variant: "rectangular",
+      width: "100px",
+      height: "36px"
+    });
+  }
+  return /* @__PURE__ */ jsx(MuiButton, {
+    ...props
+  });
+};
+const WrapperSKTLoadingButton = styled$1("div")(({
   theme
 }) => ({
   display: "flex",
@@ -37,25 +55,7 @@ const LoadingButton = (props) => {
     children
   });
 };
-const SKTButton = styled$1(Skeleton)(({
-  theme
-}) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTButton, {
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    });
-  }
-  return /* @__PURE__ */ jsx(MuiButton, {
-    ...props
-  });
-};
-const SKTWrapperFilterButton = styled("div")(({
+const SKTWrapperFilterButton = styled$1("div")(({
   theme
 }) => ({
   display: "flex",
@@ -65,7 +65,7 @@ const SKTWrapperFilterButton = styled("div")(({
   height: theme.spacing(3.75),
   background: alpha(theme.palette.primary.main, 0.3)
 }));
-const WrapperFilterButton = styled("div")(() => ({
+const WrapperFilterButton = styled$1("div")(() => ({
   "&.isDirty": {
     animationName: "dirtyEffect",
     animationDuration: "1s",

package/components/mui_extended/Tab/index.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare function Tab(props: any): JSX.Element;
+import { TabProps } from './types';
+export declare function Tab(props: TabProps): JSX.Element;

package/components/mui_extended/Tab/index.js

@@ -1,3 +1,4 @@
+import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, Tab as Tab$1 } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
@@ -8,11 +9,11 @@ const SKTTabWrapper = styled("div")(({
 }));
 function Tab(props) {
   const {
-    isSkeleton,
     SKTWidth,
     SKTHeight,
     ...other
   } = props;
+  const isSkeleton = useModuleSkeleton();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTTabWrapper, {
       children: /* @__PURE__ */ jsx(Skeleton, {

package/components/mui_extended/Tab/types.d.ts

@@ -0,0 +1,5 @@
+import { TabProps as MUITabProps } from '@mui/material';
+export interface TabProps extends MUITabProps {
+    SKTWidth: string | number;
+    SKTHeight: string | number;
+}

package/components/mui_extended/index.d.ts

@@ -4,6 +4,7 @@ export { type AvatarProps } from './Avatar/types';
 export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
+export { Button } from './Button';
 export { IconButton } from './IconButton';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';

package/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useFormAddEdit } from './useFormAddEdit';
+export { useModal } from './useModal';

package/hooks/useFormAddEdit/index.d.ts

@@ -0,0 +1,6 @@
+import { FormStatusLoad } from '../../components/hook-form/FormProvider/types';
+import { UseFormAddEditProps } from './types';
+export declare const useFormAddEdit: (props: UseFormAddEditProps) => {
+    formValues: import("react-hook-form").FieldValues;
+    statusLoad: FormStatusLoad;
+};

package/hooks/useFormAddEdit/types.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues } from 'react-hook-form';
+import { FormInitialValues } from '../../components/hook-form/FormProvider/types';
+export interface UseFormAddEditProps {
+    objectId?: number;
+    endPoint: string;
+    initialValues: FormInitialValues;
+    formatDataEnpoint?: (data: FieldValues) => FormInitialValues;
+}

package/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './contexts';
-export * from './hooks/useModal';
+export * from './hooks';
 export { Logo } from './assets/Logo';