@m4l/components 2.0.3 → 2.0.5

package/components/areas/contexts/AreasContext/{index.58db339a.js → index.43aadacb.js}

@@ -6,13 +6,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.30c06d82.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.eb7f0465.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.dab7e9c9.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.daf5521f.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.41358259.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.c10c0af7.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.fba6e114.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.991206c1.js";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;

package/components/areas/hooks/useAreas/{index.b155b0dd.js → index.ed67113b.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as AreasContext } from "../../contexts/AreasContext/index.58db339a.js";
+import { b as AreasContext } from "../../contexts/AreasContext/index.43aadacb.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/commercial/AppBarCommercial/{index.eda47057.js → index.4ab283a9.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.dbc66bb9.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index.b0676d6a.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/SectionCommercial/{index.f04720cd.js → index.5e808beb.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.dbc66bb9.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index.b0676d6a.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/TopBar/{index.09698b46.js → index.d5fc459d.js}

@@ -2,16 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, useTheme, Box, Grid, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.dbc66bb9.js";
-import { I as Icon } from "../../Icon/index.e79efafa.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.b0676d6a.js";
+import { I as Icon } from "../../Icon/index.0378f7b8.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.51a15c0e.js";
-import { B as Button } from "../../mui_extended/Button/index.ab6e0ce4.js";
-import { P as Popover } from "../../mui_extended/Popover/index.b0bfd9c7.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.56b0bded.js";
+import { B as Button } from "../../mui_extended/Button/index.67e1ea7f.js";
+import { P as Popover } from "../../mui_extended/Popover/index.71389b6e.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",

package/components/commercial/{index.f2615c66.js → index.b17673f0.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.dbc66bb9.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index.b0676d6a.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.6b4343bd.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.f0c09b00.js";
+import { S as SideBar } from "../SideBar/index.c6664730.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.4a12de37.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.710d2b28.js → index.d792c9f4.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.e79efafa.js";
+import { I as Icon } from "../../Icon/index.0378f7b8.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.6ee697c8.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.e3314ffd.js";
 import clsx from "clsx";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;

package/components/formatters/{index.6ee697c8.js → index.e3314ffd.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { af as FormatterRootContainer } from "../../styles/index.dbc66bb9.js";
+import { af as FormatterRootContainer } from "../../styles/index.b0676d6a.js";
 import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.710d2b28.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.d792c9f4.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/{index.aa7d32dc.js → index.d37b96f4.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

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

@@ -9,6 +9,8 @@ export declare const useUtilityClasses: (ownerState: OwnerState) => {
     popper: string;
     skeletonRoot: string;
     skeletonContainerText: string;
+    containerRefreshDown: string;
+    iconRefresh: string;
     iconDown: string;
     chip: string;
 };

package/components/hook-form/RHFAutocomplete/classes/types.d.ts

@@ -7,6 +7,8 @@ export interface RHFAutocompleteClassesType {
     popper: string;
     skeletonRoot: string;
     skeletonContainerText: string;
+    containerRefreshDown: string;
+    iconRefresh: string;
     iconDown: string;
     variantInfo: string;
     isDisabled: string;

package/components/hook-form/RHFAutocomplete/{index.8f569ae5.js → index.e8d47108.js}

@@ -6,14 +6,14 @@ import { generateUtilityClasses, generateUtilityClass, Skeleton, useTheme, Autoc
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { unstable_composeClasses } from "@mui/base";
-import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.dbc66bb9.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.b0676d6a.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../../Image/index.27d3bf2a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.4ba02863.js";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
-import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
+import { I as Image } from "../../Image/index.7df7536b.js";
+import { T as Typography } from "../../mui_extended/Typography/index.978f5554.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
+import { F as FieldLabel } from "../../FieldLabel/index.c35e5984.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.967e70b7.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.f0c09b00.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.4a12de37.js";
 const componentName = "M4LRHFAutocomplete";
 generateUtilityClasses(
   componentName,
@@ -25,6 +25,8 @@ generateUtilityClasses(
     "popper",
     "skeletonRoot",
     "skeletonContainerText",
+    "containerRefreshDown",
+    "iconRefresh",
     "iconDown",
     "variantInfo",
     "isDisabled",
@@ -68,6 +70,8 @@ const useUtilityClasses = (ownerState) => {
     ],
     skeletonRoot: ["skeletonRoot"],
     skeletonContainerText: ["SkeletonContainerText"],
+    containerRefreshDown: ["containerRefreshDown"],
+    iconRefresh: ["iconRefresh"],
     iconDown: ["iconDown"],
     chip: [
       "chip",
@@ -144,6 +148,7 @@ function ComponentTypeImage(props) {
     multiple,
     imageScale = true,
     imageRepeat,
+    refresh,
     ...other
   } = props;
   const { getLabel } = useModuleDictionary();
@@ -160,7 +165,7 @@ function ComponentTypeImage(props) {
       onClose(event, reason);
   };
   const onOpenLocal = (event) => {
-    setOpen(true);
+    setOpen((currentState) => !currentState);
     if (onOpen)
       onOpen(event);
   };
@@ -264,7 +269,6 @@ function ComponentTypeImage(props) {
                   inputValue,
                   clearOnBlur: false,
                   PopperComponent: (popperProps) => {
-                    console.log("popper debug");
                     return /* @__PURE__ */ jsx(
                       Popper,
                       {
@@ -330,16 +334,28 @@ function ComponentTypeImage(props) {
                             ) : null,
                             params.InputProps.startAdornment
                           ] }),
-                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsx(
-                            IconButton,
-                            {
-                              className: classes.iconDown,
-                              src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
-                              onClick: (event) => onOpenLocal(event),
-                              disabled,
-                              size
-                            }
-                          )
+                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsxs("div", { className: classes.containerRefreshDown, children: [
+                            refresh && /* @__PURE__ */ jsx(
+                              IconButton,
+                              {
+                                className: classes.iconRefresh,
+                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg`,
+                                onClick: () => refresh(),
+                                disabled,
+                                size
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              IconButton,
+                              {
+                                className: classes.iconDown,
+                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
+                                onClick: (event) => onOpenLocal(event),
+                                disabled,
+                                size
+                              }
+                            )
+                          ] })
                         },
                         autoComplete: "off",
                         error: !!error,
@@ -402,6 +418,7 @@ function ComponentTypeText(props) {
     mandatory,
     mandatoryMessage,
     multiple,
+    refresh,
     ...other
   } = props;
   const { getLabel } = useModuleDictionary();
@@ -417,7 +434,7 @@ function ComponentTypeText(props) {
       onClose(event, reason);
   };
   const onOpenLocal = (event) => {
-    setOpen(true);
+    setOpen((currentState) => !currentState);
     if (onOpen)
       onOpen(event);
   };
@@ -569,16 +586,28 @@ function ComponentTypeText(props) {
                         InputProps: {
                           ...params.InputProps,
                           startAdornment: /* @__PURE__ */ jsx(Fragment, { children: params.InputProps.startAdornment }),
-                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsx(
-                            IconButton,
-                            {
-                              className: classes.iconDown,
-                              src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
-                              onClick: (event) => onOpenLocal(event),
-                              disabled,
-                              size
-                            }
-                          )
+                          endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsxs("div", { className: classes.containerRefreshDown, children: [
+                            refresh && /* @__PURE__ */ jsx(
+                              IconButton,
+                              {
+                                className: classes.iconRefresh,
+                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/round_refresh.svg`,
+                                onClick: () => refresh(),
+                                disabled,
+                                size
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              IconButton,
+                              {
+                                className: classes.iconDown,
+                                src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
+                                onClick: (event) => onOpenLocal(event),
+                                disabled,
+                                size
+                              }
+                            )
+                          ] })
                         },
                         autoComplete: "off",
                         error: !!error,

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

@@ -18,6 +18,7 @@ export interface RHFAutocompleteBaseProps<T> extends Omit<TextFieldProps, 'label
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     loading?: boolean;
+    refresh?: () => void;
     label?: string;
     variant?: RHFAutocompleteVariants;
     helperMessage?: string;

package/components/hook-form/RHFAutocompleteAsync/{index.9dcde1ca.js → index.10e23560.js}

@@ -4,9 +4,9 @@ import { useState, useCallback, useEffect } from "react";
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.dbc66bb9.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.b0676d6a.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.8f569ae5.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.e8d47108.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,
@@ -40,15 +40,18 @@ function ComponentTypeText(props) {
     size,
     isRemote = true,
     onChangeFilterParms,
-    type,
     ...other
   } = props;
   const { networkOperation } = useNetwork();
   const [options, setOptions] = useState([]);
-  const [open, setOpen] = useState(false);
+  const [firstOpen, setFirstOpen] = useState(0);
   const [loading, setIsloading] = useState(false);
+  const [newRefresh, setNewRefresh] = useState(0);
   const [canLoadOptions, setCanLoadOptions] = useState(true);
   const [filterParms, setFilterParms] = useState({});
+  const refresh = () => {
+    setNewRefresh((current) => current + 1);
+  };
   const debouncedFilter = useCallback(
     debounce(
       (newFilterParms) => {
@@ -67,34 +70,34 @@ function ComponentTypeText(props) {
   useEffect(() => {
     setCanLoadOptions(true);
   }, [parms, endPoint]);
-  useEffect(() => {
-    if (!open || loading) {
-      return;
+  const hanldeFirstOpen = () => {
+    if (firstOpen === 0) {
+      setFirstOpen(1);
     }
-    if (!canLoadOptions) {
-      return;
+  };
+  useEffect(() => {
+    if (!loading && canLoadOptions) {
+      setIsloading(true);
+      setOptions([]);
+      setCanLoadOptions(false);
+      networkOperation({
+        method: "GET",
+        endPoint,
+        timeout,
+        parms: { ...parms, ...filterParms },
+        isRemote
+      }).then((response) => {
+        const valueMaybeArray = getPropertyByString(response, resultField);
+        const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
+        setOptions(newOptions);
+      }).finally(() => {
+        setIsloading(false);
+        setCanLoadOptions(true);
+      });
     }
-    setIsloading(true);
-    setOptions([]);
-    setCanLoadOptions(false);
-    networkOperation({
-      method: "GET",
-      endPoint,
-      timeout,
-      parms: { ...parms, ...filterParms },
-      isRemote
-    }).then((response) => {
-      const valueMaybeArray = getPropertyByString(response, resultField);
-      const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
-      setOptions(newOptions);
-    }).catch(() => {
-      setCanLoadOptions(true);
-    }).finally(() => {
-      setIsloading(false);
-    });
     return () => {
     };
-  }, [open, parms, filterParms, endPoint]);
+  }, [firstOpen, parms, filterParms, endPoint, newRefresh]);
   const classes = useUtilityClasses();
   return /* @__PURE__ */ jsx(
     RHFAutocompleteAsyncRoot,
@@ -104,18 +107,13 @@ function ComponentTypeText(props) {
       children: /* @__PURE__ */ jsx(
         RHFAutocomplete,
         {
-          type: "text",
           name,
           loading,
           options,
           onChangeFilterParmsLocal: onChangeFilterParms ? onChangeFilterParmsLocal : void 0,
           size,
-          onOpen: () => {
-            setOpen(true);
-          },
-          onClose: () => {
-            setOpen(false);
-          },
+          refresh: () => refresh(),
+          onOpen: () => hanldeFirstOpen(),
           ...other
         }
       )
@@ -132,15 +130,18 @@ function ComponentTypeImage(props) {
     size,
     isRemote = true,
     onChangeFilterParms,
-    type,
     ...other
   } = props;
   const { networkOperation } = useNetwork();
   const [options, setOptions] = useState([]);
-  const [open, setOpen] = useState(false);
+  const [firstOpen, setFirstOpen] = useState(0);
   const [loading, setIsloading] = useState(false);
+  const [newRefresh, setNewRefresh] = useState(0);
   const [canLoadOptions, setCanLoadOptions] = useState(true);
   const [filterParms, setFilterParms] = useState({});
+  const refresh = () => {
+    setNewRefresh((current) => current + 1);
+  };
   const debouncedFilter = useCallback(
     debounce(
       (newFilterParms) => {
@@ -159,34 +160,34 @@ function ComponentTypeImage(props) {
   useEffect(() => {
     setCanLoadOptions(true);
   }, [parms, endPoint]);
-  useEffect(() => {
-    if (!open || loading) {
-      return;
+  const hanldeFirstOpen = () => {
+    if (firstOpen === 0) {
+      setFirstOpen(1);
     }
-    if (!canLoadOptions) {
-      return;
+  };
+  useEffect(() => {
+    if (!loading && canLoadOptions) {
+      setIsloading(true);
+      setOptions([]);
+      setCanLoadOptions(false);
+      networkOperation({
+        method: "GET",
+        endPoint,
+        timeout,
+        parms: { ...parms, ...filterParms },
+        isRemote
+      }).then((response) => {
+        const valueMaybeArray = getPropertyByString(response, resultField);
+        const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
+        setOptions(newOptions);
+      }).finally(() => {
+        setIsloading(false);
+        setCanLoadOptions(true);
+      });
     }
-    setIsloading(true);
-    setOptions([]);
-    setCanLoadOptions(false);
-    networkOperation({
-      method: "GET",
-      endPoint,
-      timeout,
-      parms: { ...parms, ...filterParms },
-      isRemote
-    }).then((response) => {
-      const valueMaybeArray = getPropertyByString(response, resultField);
-      const newOptions = Array.isArray(valueMaybeArray) ? valueMaybeArray : [];
-      setOptions(newOptions);
-    }).catch(() => {
-      setCanLoadOptions(true);
-    }).finally(() => {
-      setIsloading(false);
-    });
     return () => {
     };
-  }, [open, parms, filterParms, endPoint]);
+  }, [firstOpen, parms, filterParms, endPoint, newRefresh]);
   const classes = useUtilityClasses();
   return /* @__PURE__ */ jsx(
     RHFAutocompleteAsyncRoot,
@@ -196,18 +197,13 @@ function ComponentTypeImage(props) {
       children: /* @__PURE__ */ jsx(
         RHFAutocomplete,
         {
-          type: "image",
           name,
           loading,
           options,
           onChangeFilterParmsLocal: onChangeFilterParms ? onChangeFilterParmsLocal : void 0,
           size,
-          onOpen: () => {
-            setOpen(true);
-          },
-          onClose: () => {
-            setOpen(false);
-          },
+          refresh: () => refresh(),
+          onOpen: () => hanldeFirstOpen(),
           ...other
         }
       )

package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeImage/index.d.ts

@@ -1,3 +1,3 @@
-import { RHFAutocompleteAsyncBaseProps } from "../../types";
-import { ImageProps, RHFAutocompleteBaseProps } from "../../../RHFAutocomplete/types";
+import { RHFAutocompleteAsyncBaseProps } from '../../types';
+import { ImageProps, RHFAutocompleteBaseProps } from '../../../RHFAutocomplete/types';
 export declare function ComponentTypeImage<T>(props: Omit<RHFAutocompleteBaseProps<T>, 'options' | 'get'> & ImageProps<T> & RHFAutocompleteAsyncBaseProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeText/index.d.ts

@@ -1,2 +1,2 @@
-import { ComponentTextProps } from "../../types";
+import { ComponentTextProps } from '../../types';
 export declare function ComponentTypeText<T>(props: ComponentTextProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFCheckbox/{index.c83df993.js → index.ab66cde5.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
-import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.dbc66bb9.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.b0676d6a.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.e80fe5f3.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.71c728f8.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   "root",
   "checkTypography",

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

@@ -3,5 +3,5 @@ export declare const RHFCheckboxRoot: import("@emotion/styled").StyledComponent<
 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<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "variant" | "sx" | "classes"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ContainerCheckTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFColorPicker/{index.959c3cad.js → index.8224d965.js}

@@ -3,17 +3,17 @@ import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { SketchPicker } from "react-color";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index.dbc66bb9.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index.b0676d6a.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
-import { P as Popover } from "../../mui_extended/Popover/index.b0bfd9c7.js";
-import { I as Icon } from "../../Icon/index.e79efafa.js";
-import { B as Button } from "../../mui_extended/Button/index.ab6e0ce4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.c35e5984.js";
+import { P as Popover } from "../../mui_extended/Popover/index.71389b6e.js";
+import { I as Icon } from "../../Icon/index.0378f7b8.js";
+import { B as Button } from "../../mui_extended/Button/index.67e1ea7f.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.cf48b018.js → index.af136c35.js}

@@ -7,12 +7,12 @@ import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { am as RHFDateTimeRoot } from "../../../styles/index.dbc66bb9.js";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index.b0676d6a.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
-import { I as Icon } from "../../Icon/index.e79efafa.js";
+import { F as FieldLabel } from "../../FieldLabel/index.c35e5984.js";
+import { I as Icon } from "../../Icon/index.0378f7b8.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index.738d7bb0.js → index.cdad3414.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index.dbc66bb9.js";
+import { an as RHFPeriodRoot } from "../../../styles/index.b0676d6a.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { H as HelperText } from "../../HelperText/index.c0fc2bfb.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
-import { P as Period } from "../../Period/index.c6c42384.js";
+import { F as FieldLabel } from "../../FieldLabel/index.c35e5984.js";
+import { P as Period } from "../../Period/index.d08a64dd.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   "root",