@m4l/components 0.0.6 → 0.0.9

package/dist/can-use-dom.js

@@ -0,0 +1,3 @@
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+var canUseDom = canUseDOM;
+export { canUseDom as c };

package/dist/components/DataGrid/components/Actions/types.d.ts

@@ -1,4 +1,4 @@
-import { PagerProps } from '@mui_extended/Pager/types';
+import type { PagerProps } from '../../../mui_extended/Pager/types';
 import { SettingsProps } from './components/Settings/types';
 export interface ActionsProps {
     withSettings?: boolean;

package/dist/components/DataGrid/contexts/BaseContext/types.d.ts

@@ -1,4 +1,4 @@
-import { MenuAction } from '@mui_extended/MenuActions/types';
+import { MenuAction } from '../../../mui_extended/MenuActions/types';
 import { ReactNode } from 'react';
 import { Column } from 'react-data-grid';
 import { Maybe } from '@m4l/core';

package/dist/components/DataGrid/index.js

@@ -6,11 +6,10 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useEnvironment } from "@m4l/core";
-import { MenuActions } from "@mui_extended";
+import { M as MenuActions } from "../mui_extended/MenuActions/index.js";
 import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
-import { M as MenuActions$1 } from "../mui_extended/MenuActions/index.js";
 import { u as useResponsiveDesktop } from "../../vendor.js";
 import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.js";
 import { format } from "date-fns";
@@ -1478,7 +1477,7 @@ function Density() {
   }
   return /* @__PURE__ */ jsx(WrapperDensity, {
     id: "WrapperDensity",
-    children: /* @__PURE__ */ jsx(MenuActions$1, {
+    children: /* @__PURE__ */ jsx(MenuActions, {
       arrow: "right-top",
       anchorOrigin: {
         vertical: "top",
@@ -1589,7 +1588,7 @@ function DataGrid(props) {
 function getGridComponentsDictionary() {
   return ["grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
 }
-const defaultGridDictionary = {
+({
   grid: {
     actions: "Actions",
     settings_tooltip: "Settings",
@@ -1617,7 +1616,7 @@ const defaultGridDictionary = {
   },
   ...defaultPagerDictionary,
   ...defaultModalDialogDictionary
-};
+});
 function DateFormatter(props) {
   const {
     presentationType,
@@ -1653,4 +1652,4 @@ const initialPagerState = {
   rowsPerPage: 25,
   totalRecords: 0
 };
-export { DateFormatter as D, DataGrid as a, defaultGridDictionary as d, getGridComponentsDictionary as g, initialPagerState as i };
+export { DateFormatter as D, DataGrid as a, getGridComponentsDictionary as g, initialPagerState as i };

package/dist/components/DataGrid/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MenuAction } from '@mui_extended/MenuActions/types';
 import { Column } from 'react-data-grid';
+import type { MenuAction } from '../mui_extended/MenuActions/types';
 import { ActionsProps } from './components/Actions/types';
 export declare type ColumnType = 'text' | 'date' | 'number' | 'boolean' | 'custom';
 export declare type ColumnAlign = 'left' | 'center' | 'right';

package/dist/components/FormActions/types.d.ts

@@ -1,4 +1,4 @@
-import { ModalOpenOptions } from "src/contexts/ModalContext/types";
+import { ModalOpenOptions } from "../../contexts/ModalContext/types";
 declare type ImodalOpt = Pick<ModalOpenOptions, 'actionComponents' | 'standardActions'>;
 export interface ActionsProps extends ImodalOpt {
     variant?: string | undefined;

package/dist/components/ModalDialog/components/Header/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { VariantModal } from 'src/contexts/ModalContext/types';
+import { VariantModal } from '../../../../contexts/ModalContext/types';
 export interface HeaderProps {
     variant?: VariantModal;
     title: string;

package/dist/components/ModalDialog/index.js

@@ -6,12 +6,7 @@ import { R as Resizeable } from "../Resizeable/index.js";
 import { u as useResponsiveDesktop } from "../../vendor.js";
 import { useEnvironment } from "@m4l/core";
 import { B as BoxIcon } from "../mui_extended/BoxIcon/index.js";
-import "../mui_extended/MenuPopover/index.js";
-import "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "react-router-dom";
-import "../mui_extended/MenuActions/index.js";
-import "../mui_extended/Pager/index.js";
 import { F as FormActions, g as getActionnsComponentsDictionary } from "../FormActions/index.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({

package/dist/components/NoItemSelected/dictionary.d.ts

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

package/dist/components/NoItemSelected/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function NoItemSelected(): JSX.Element;

package/dist/components/NoItemSelected/index.js

@@ -0,0 +1,76 @@
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { styled } from "@mui/material/styles";
+import { jsxs, jsx } from "react/jsx-runtime";
+const WrapperNoItemSelected = styled("div")(({
+  theme
+}) => ({
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "auto",
+  padding: theme.spacing(3)
+}));
+const Image = styled("span", {
+  shouldForwardProp: (prop) => prop !== "src"
+})(({
+  src,
+  theme
+}) => ({
+  zIndex: 9,
+  top: 0,
+  height: "100%",
+  width: "100%",
+  maxWidth: "500px",
+  maxHeight: "200px",
+  ".split_horizontal &": {
+    bruces: "sss",
+    minWidth: "150px"
+  },
+  ".split_vertical &": {
+    bruces: "sss",
+    minHeight: "150px"
+  },
+  padding: `0px ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
+  display: "inline-block",
+  backgroundColor: theme.palette.divider,
+  justifyContent: "center",
+  mask: `url(${src}) no-repeat center / contain`,
+  WebkitMask: `url(${src}) no-repeat center / contain`
+}));
+const Label = styled("span")(({
+  theme
+}) => ({
+  ...theme.typography.body2,
+  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
+  color: theme.palette.text.primary
+}));
+function NoItemSelected() {
+  const {
+    host_static_assets,
+    environment
+  } = useEnvironment();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const src = `${host_static_assets}/${environment}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
+    id: "Wrapper",
+    children: [/* @__PURE__ */ jsx(Image, {
+      src
+    }), /* @__PURE__ */ jsx(Label, {
+      children: getLabel("no_item_selected.message")
+    })]
+  });
+}
+function getNoItemSelectedComponentsDictionary() {
+  return ["no_item_selected"];
+}
+const defaultNoItemSelectedDictionary = {
+  no_item_selected: {
+    message: "Please select a item to show detail"
+  }
+};
+export { NoItemSelected as N, defaultNoItemSelectedDictionary as d, getNoItemSelectedComponentsDictionary as g };

package/dist/components/NoItemSelected/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ImageProps } from './types';
+export declare const WrapperNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ImageProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+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/dist/components/NoItemSelected/types.d.ts

@@ -0,0 +1,5 @@
+export interface NoItemSelectedProps {
+}
+export interface ImageProps extends NoItemSelectedProps {
+    src: string;
+}

package/dist/components/PropertyValue/index.d.ts

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

package/dist/components/PropertyValue/index.js

@@ -0,0 +1,108 @@
+import { styled } from "@mui/material/styles";
+import { Skeleton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+const WrapperPropertyValue = styled("div", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
+})(({
+  propertyHeight,
+  isForm,
+  theme
+}) => ({
+  display: "flex",
+  alignItems: "flex-start",
+  width: "100%",
+  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+  height: propertyHeight || "auto",
+  ":hover": {
+    backgroundColor: isForm ? "unset" : theme.palette.grid?.rowHover
+  },
+  borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+  flexDirection: "column",
+  [theme.breakpoints.up("sm")]: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+}));
+const Property = styled("span", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
+})(({
+  propertyWidth,
+  isForm,
+  theme
+}) => ({
+  width: propertyWidth || "150px",
+  minWidth: propertyWidth || "150px",
+  ...theme.typography.subtitle2,
+  color: theme.palette.text.primary,
+  position: "relative",
+  [theme.breakpoints.up("sm")]: {
+    borderRight: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+    paddingRight: theme.spacing(2),
+    textAlign: "right"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+}));
+const Value = styled("div", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight"
+})(({
+  propertyHeight,
+  theme
+}) => ({
+  flexGrow: "1",
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  position: "relative",
+  padding: "1px",
+  height: propertyHeight ? propertyHeight - 24 : "auto",
+  marginTop: theme.spacing(1),
+  width: "100%",
+  [theme.breakpoints.up("sm")]: {
+    marginLeft: theme.spacing(2),
+    marginTop: "0px"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+}));
+const SKTWrapperProperty = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-end"
+}));
+function SKTProperty() {
+  return /* @__PURE__ */ jsx(SKTWrapperProperty, {
+    children: /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 68,
+      height: 14
+    })
+  });
+}
+function PropertyValue(props) {
+  const {
+    property,
+    value,
+    propertyWidth,
+    propertyHeight,
+    isForm,
+    isSkeleton = false
+  } = props;
+  return /* @__PURE__ */ jsxs(WrapperPropertyValue, {
+    id: "ContainerPropertyValue",
+    isForm,
+    propertyWidth,
+    propertyHeight,
+    children: [/* @__PURE__ */ jsx(Property, {
+      id: "Property",
+      isForm,
+      propertyWidth,
+      propertyHeight,
+      children: isSkeleton ? /* @__PURE__ */ jsx(SKTProperty, {}) : property
+    }), /* @__PURE__ */ jsx(Value, {
+      id: "Value",
+      propertyWidth,
+      propertyHeight,
+      children: value
+    })]
+  });
+}
+export { PropertyValue as P };

package/dist/components/PropertyValue/skeleton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SKTProperty(): JSX.Element;

package/dist/components/PropertyValue/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PropertyProps } from './types';
+export declare const WrapperPropertyValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & PropertyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Property: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & PropertyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & PropertyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapperProperty: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/PropertyValue/types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface PropertyProps {
+    propertyWidth?: number;
+    propertyHeight?: number;
+    isForm?: boolean;
+}
+export interface PropertyValueProps extends PropertyProps {
+    isSkeleton?: boolean;
+    property: string;
+    value: number | string | ReactNode;
+}

package/dist/components/ScrollBar/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ScrollBarProps } from './types';
+export declare function ScrollBar({ children, sx, ...other }: ScrollBarProps): JSX.Element;

package/dist/components/ScrollBar/index.js

@@ -0,0 +1,60 @@
+import { Box } from "@mui/material";
+import { styled, alpha } from "@mui/material/styles";
+import { S as SimpleBar } from "../../simplebar.js";
+import { jsx } from "react/jsx-runtime";
+const RootStyle = styled("div")(() => ({
+  flexGrow: 1,
+  height: "100%",
+  overflow: "hidden"
+}));
+const SimpleBarStyle = styled(SimpleBar)(({
+  theme
+}) => ({
+  maxHeight: "100%",
+  "& .simplebar-scrollbar": {
+    "&:before": {
+      backgroundColor: alpha(theme.palette.grey[600], 0.48)
+    },
+    "&.simplebar-visible:before": {
+      opacity: 1
+    }
+  },
+  "& .simplebar-track.simplebar-vertical": {
+    width: 10
+  },
+  "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
+    height: 6
+  },
+  "& .simplebar-mask": {
+    zIndex: "inherit"
+  }
+}));
+function ScrollBar({
+  children,
+  sx,
+  ...other
+}) {
+  const userAgent = typeof navigator === "undefined" ? "SSR" : navigator.userAgent;
+  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Box, {
+      sx: {
+        overflowX: "auto",
+        ...sx
+      },
+      ...other,
+      children
+    });
+  }
+  return /* @__PURE__ */ jsx(RootStyle, {
+    id: "RootStyle",
+    children: /* @__PURE__ */ jsx(SimpleBarStyle, {
+      timeout: 500,
+      clickOnTrack: false,
+      sx,
+      ...other,
+      children
+    })
+  });
+}
+export { ScrollBar as S };

package/dist/components/ScrollBar/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import SimpleBarReact from 'simplebar-react';
+export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
+    ref?: import("react").Ref<SimpleBarReact> | undefined;
+}>;

package/dist/components/ScrollBar/types.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { Props as SimpleProps } from 'simplebar-react';
+export interface ScrollBarProps extends SimpleProps {
+    children: ReactNode;
+    sx?: SxProps;
+}

package/dist/components/hook-form/FormProvider/components/FormActions/index.d.ts

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

package/dist/components/hook-form/FormProvider/components/FormActions/skeleton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SKTFormActions(): JSX.Element;

package/dist/components/hook-form/FormProvider/components/FormActions/styles.d.ts

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

package/dist/components/hook-form/FormProvider/components/FormActions/types.d.ts

@@ -0,0 +1,4 @@
+export interface FormActionsProps {
+    withIntro?: boolean;
+    urlCancel?: string | number;
+}

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

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

package/dist/components/hook-form/FormProvider/index.js

@@ -0,0 +1,162 @@
+import { useCallback, useEffect } from "react";
+import { useFormContext, useFormState, useForm, FormProvider as FormProvider$1 } from "react-hook-form";
+import { o } from "../../../node_modules.js";
+import { styled } from "@mui/material/styles";
+import { useNavigate } from "react-router-dom";
+import { useModuleDictionary, useFlagsPresent } from "@m4l/core";
+import { LoadingButton } from "@mui/lab";
+import { Skeleton, Button } from "@mui/material";
+import { u as useModal } from "../../../hooks/useModal/index.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+const WrapperFormProvider = styled("form")(({
+  theme
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  overflow: "scroll",
+  marginBottom: theme.spacing(1)
+}));
+const WrapperFormActions = styled("div")(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(3),
+  marginRight: theme.spacing(1.5),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  },
+  "& .MuiLoadingButton-root ": {
+    minWidth: "80px"
+  }
+}));
+const WrapperSKTFormActions = styled("div")(({
+  theme
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "auto auto",
+  margin: "0px",
+  gridGap: `${theme.spacing(3)}`,
+  justifyContent: "flex-end",
+  paddingTop: `${theme.spacing(3)}`,
+  borderTop: `1px solid ${theme.palette.divider}`,
+  [theme.breakpoints.up("sm")]: {
+    margin: `0 ${theme.spacing(4.5)}`
+  }
+}));
+function SKTFormActions() {
+  return /* @__PURE__ */ jsxs(WrapperSKTFormActions, {
+    children: [/* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    }), /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    })]
+  });
+}
+function FormActions(props) {
+  const {
+    withIntro,
+    urlCancel
+  } = props;
+  const navigate = useNavigate();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = !useFlagsPresent(["dictionary_loaded", "form_loaded"]);
+  const {
+    openModalConfirm
+  } = useModal();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isDirty,
+    isSubmitting
+  } = useFormState({
+    control
+  });
+  const onConfirmCancel = useCallback(() => {
+    if (typeof urlCancel === "number") {
+      navigate(urlCancel);
+    }
+    if (urlCancel && typeof urlCancel === "undefined") {
+      navigate(urlCancel, {
+        replace: false
+      });
+    }
+  }, [navigate, urlCancel]);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModalConfirm({
+        variant: "warning",
+        title: getLabel("form_provider.confirm_quit_title"),
+        msg: getLabel("form_provider.confirm_quit_msg"),
+        onClickIntro: onConfirmCancel
+      });
+    } else {
+      onConfirmCancel();
+    }
+  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTFormActions, {});
+  }
+  return /* @__PURE__ */ jsxs(WrapperFormActions, {
+    children: [urlCancel && /* @__PURE__ */ jsx(Button, {
+      variant: "outlined",
+      color: "inherit",
+      onClick: onClickCancel,
+      children: getLabel("actions.action_cancel")
+    }), withIntro && /* @__PURE__ */ jsx(LoadingButton, {
+      variant: "contained",
+      type: "submit",
+      loading: isSubmitting,
+      children: getLabel("actions.action_accept")
+    })]
+  });
+}
+function FormProvider(props) {
+  const {
+    children,
+    onSubmit,
+    values,
+    validationSchema,
+    withIntro,
+    urlCancel = -1
+  } = props;
+  const methods = useForm({
+    resolver: o(validationSchema),
+    defaultValues: values
+  });
+  useEffect(() => {
+    if (values.initial) {
+      return;
+    }
+    console.log("****\xB7\xB7\xB7\xB7\xB7\xB7useEffect FormProvider", values);
+    const keys = Object.keys(values);
+    keys.forEach((key) => {
+      methods.setValue(key, values[key], {
+        shouldValidate: false,
+        shouldDirty: false,
+        shouldTouch: false
+      });
+    });
+  }, [methods, values]);
+  return /* @__PURE__ */ jsx(FormProvider$1, {
+    ...methods,
+    children: /* @__PURE__ */ jsxs(WrapperFormProvider, {
+      id: "formProvider",
+      onSubmit: methods.handleSubmit(onSubmit),
+      children: [children, withIntro && /* @__PURE__ */ jsx(FormActions, {
+        withIntro,
+        urlCancel
+      })]
+    })
+  });
+}
+export { FormProvider as F };

package/dist/components/hook-form/FormProvider/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperFormProvider: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

package/dist/components/hook-form/FormProvider/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
+export interface FormProviderProps {
+    children: ReactNode;
+    onSubmit: (data: FieldValues) => void;
+    values: FieldValues;
+    validationSchema: any;
+    withIntro?: boolean;
+    urlCancel?: string | number;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TextFieldProps } from '@mui/material';
+import type { RHFAutocompleteAsyncProps } from './types';
+export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncProps<T> & TextFieldProps): JSX.Element;