@m4l/components 0.1.52 → 0.1.53

package/components/areas/components/Window/{index.e34225ae.js → index.2b9f12fe.js}

@@ -1,5 +1,5 @@
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
-import { I as Icon } from "../../../Icon/index.f6e8d810.js";
+import { I as Icon } from "../../../Icon/index.b29ff2d9.js";
 import { m } from "framer-motion";
 import { Skeleton, Typography, styled as styled$1, Dialog, Paper } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -7,71 +7,70 @@ import { styled } from "@mui/material/styles";
 import "react-router-dom";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.be5b02c3.js";
-import "../index.6d863764.js";
-import "../AreasAdmin/index.dbab59f1.js";
+import "../index.912056a0.js";
+import "../AreasAdmin/index.25e50e70.js";
 import { useEnvironment, useModuleSkeleton, useModuleDictionary, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.1318a283.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../../contexts/AreasContext/index.7406c20f.js";
+import "../../contexts/AreasContext/index.fb21af84.js";
 import { shallow } from "zustand/shallow";
-import "../AreasContainer/index.f3f921b9.js";
+import "../AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.bb58c8fc.js";
-import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.e80d8f0f.js";
+import "../../../../react-resizable.b620abed.js";
+import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.1e46147e.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.74add0d0.js";
+import "../../../hook-form/RHFAutocomplete/index.0ffa2185.js";
 import { I as Image } from "../../../Image/index.aa24e982.js";
 import debounce from "lodash/debounce";
-import "../../../hook-form/RHFCheckbox/index.ca94a050.js";
-import "../../../mui_extended/Accordion/index.1d513477.js";
+import "../../../hook-form/RHFCheckbox/index.1fcf42c8.js";
+import "../../../mui_extended/Accordion/index.002bad72.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
 import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.58c49cc0.js";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1261168c.js";
-import "../../../mui_extended/Pager/index.984aac44.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.aaafafc3.js";
+import "../../../mui_extended/Pager/index.458f9f0d.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
 import "../../../mui_extended/Typography/index.be3a279a.js";
-import "../../../ErrorLabel/index.78553a1e.js";
+import "../../../ErrorLabel/index.12994bff.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.7f1cbd85.js";
+import "../../../hook-form/RHFDateTime/index.6c129ce4.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
-import "../../../hook-form/RHFTextField/index.bef7eced.js";
-import "../../../hook-form/RHFPeriod/index.5d2a2071.js";
-import "../../../Period/index.85fe764a.js";
-import "../../../CommonActions/components/Actions/index.f0a3167b.js";
-import "../../../../contexts/ModalContext/index.3d92d9f9.js";
-import { c as cjs } from "../../../../react-draggable.0eef011c.js";
-import "../../../ModalDialog/index.5a307e29.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.8a442a8b.js";
-import "../../../modal/WindowConfirm.cbc7720c.js";
-import "../../../modal/WindowBase.b5e29758.js";
+import "../../../hook-form/RHFTextField/index.a021a2b3.js";
+import "../../../hook-form/RHFPeriod/index.1f6aa4c6.js";
+import "../../../Period/index.4f6e419d.js";
+import "../../../CommonActions/components/Actions/index.93c9823a.js";
+import "../../../../contexts/ModalContext/index.d1aaddbc.js";
+import { c as cjs } from "../../../../react-draggable.6471b07e.js";
+import "../../../ModalDialog/index.49c40899.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.04fa8de5.js";
+import "../../../modal/WindowConfirm.b31ed329.js";
+import "../../../modal/WindowBase.66ef3c9a.js";
 import "lodash/isString";
 import "react-dropzone";
 import "../../../hook-form/RHFUpload/index.7fdff30f.js";
-import "../../../DataGrid/index.85390177.js";
+import "../../../DataGrid/index.1a6508e2.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../ScrollBar/index.39eeb2de.js";
-import "../../../DynamicFilter/index.cddd7472.js";
+import "../../../DynamicFilter/index.2189989e.js";
+import "../../../ScrollBar/index.35ebe9a1.js";
+import "yup";
 import "clsx";
-import "simplebar/dist/simplebar.min.css";
 import "@hookform/resolvers/yup";
-import "../../../../contexts/RHFormContext/index.828b60ad.js";
-import "yup";
-import "../../../LanguagePopover/index.5047b444.js";
+import "../../../../contexts/RHFormContext/index.3dc6e2f5.js";
+import "../../../LanguagePopover/index.628fe97f.js";
 import "../../../NoItemSelected/index.9636ec8a.js";
-import "../../../ObjectLogs/index.1315af37.js";
+import "../../../ObjectLogs/index.d7c0092a.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.0114aa9b.js";
+import "../../../PaperForm/index.c04000a9.js";
 import "../../../Page/index.4237c241.js";
 import "../../../PropertyValue/index.dfcfe1ba.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SplitLayout/index.5a8355d8.js";
-import { a as useAreaStore } from "../../hooks/useArea/index.7bdbbb79.js";
-import { a as useWindow, b as useWindowStore } from "../../hooks/index.0fd57f88.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.6f45f930.js";
+import { a as useWindow, b as useWindowStore } from "../../hooks/index.5feefc73.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { v as varBounce } from "../../../animate/variants/bounce.784aaaaa.js";
 const WrapperWindow = styled("div", {

package/components/areas/components/WindowPopUp/{index.90eb0348.js → index.d5fa0d74.js}

@@ -1,5 +1,5 @@
 import React__default from "react";
-import "../../../Icon/index.f6e8d810.js";
+import "../../../Icon/index.b29ff2d9.js";
 import "framer-motion";
 import "@mui/material";
 import { jsx } from "react/jsx-runtime";
@@ -7,72 +7,71 @@ import "@mui/material/styles";
 import "react-router-dom";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.be5b02c3.js";
-import "../index.6d863764.js";
-import "../AreasAdmin/index.dbab59f1.js";
+import "../index.912056a0.js";
+import "../AreasAdmin/index.25e50e70.js";
 import "@m4l/core";
-import "../../../mui_extended/IconButton/index.1318a283.js";
+import "../../../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../../contexts/AreasContext/index.7406c20f.js";
+import "../../contexts/AreasContext/index.fb21af84.js";
 import "zustand/shallow";
-import "../AreasContainer/index.f3f921b9.js";
+import "../AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.bb58c8fc.js";
-import "../../contexts/index.e80d8f0f.js";
+import "../../../../react-resizable.b620abed.js";
+import "../../contexts/index.1e46147e.js";
 import "../../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.74add0d0.js";
+import "../../../hook-form/RHFAutocomplete/index.0ffa2185.js";
 import "../../../Image/index.aa24e982.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFCheckbox/index.ca94a050.js";
-import "../../../mui_extended/Accordion/index.1d513477.js";
+import "../../../hook-form/RHFCheckbox/index.1fcf42c8.js";
+import "../../../mui_extended/Accordion/index.002bad72.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
 import "../../../mui_extended/Button/index.8406ed5b.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.58c49cc0.js";
-import "../../../mui_extended/MenuActions/index.1261168c.js";
-import "../../../mui_extended/Pager/index.984aac44.js";
+import "../../../mui_extended/MenuActions/index.aaafafc3.js";
+import "../../../mui_extended/Pager/index.458f9f0d.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
 import "../../../mui_extended/Typography/index.be3a279a.js";
-import "../../../ErrorLabel/index.78553a1e.js";
+import "../../../ErrorLabel/index.12994bff.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.7f1cbd85.js";
+import "../../../hook-form/RHFDateTime/index.6c129ce4.js";
 import "@m4l/graphics";
-import "../../../hook-form/RHFTextField/index.bef7eced.js";
-import "../../../hook-form/RHFPeriod/index.5d2a2071.js";
-import "../../../Period/index.85fe764a.js";
-import "../../../CommonActions/components/Actions/index.f0a3167b.js";
-import "../../../../contexts/ModalContext/index.3d92d9f9.js";
-import "../../../../react-draggable.0eef011c.js";
-import "../../../ModalDialog/index.5a307e29.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.8a442a8b.js";
-import "../../../modal/WindowConfirm.cbc7720c.js";
-import "../../../modal/WindowBase.b5e29758.js";
+import "../../../hook-form/RHFTextField/index.a021a2b3.js";
+import "../../../hook-form/RHFPeriod/index.1f6aa4c6.js";
+import "../../../Period/index.4f6e419d.js";
+import "../../../CommonActions/components/Actions/index.93c9823a.js";
+import "../../../../contexts/ModalContext/index.d1aaddbc.js";
+import "../../../../react-draggable.6471b07e.js";
+import "../../../ModalDialog/index.49c40899.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.04fa8de5.js";
+import "../../../modal/WindowConfirm.b31ed329.js";
+import "../../../modal/WindowBase.66ef3c9a.js";
 import "lodash/isString";
 import "react-dropzone";
 import "../../../hook-form/RHFUpload/index.7fdff30f.js";
-import "../../../DataGrid/index.85390177.js";
+import "../../../DataGrid/index.1a6508e2.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../ScrollBar/index.39eeb2de.js";
-import "../../../DynamicFilter/index.cddd7472.js";
+import "../../../DynamicFilter/index.2189989e.js";
+import "../../../ScrollBar/index.35ebe9a1.js";
+import "yup";
 import "clsx";
-import "simplebar/dist/simplebar.min.css";
 import "@hookform/resolvers/yup";
-import "../../../../contexts/RHFormContext/index.828b60ad.js";
-import "yup";
-import { DraggableWindow } from "../../../../index.js";
-import "../../../LanguagePopover/index.5047b444.js";
+import "../../../../contexts/RHFormContext/index.3dc6e2f5.js";
+import { D as DraggableWindow } from "../../../../vendor.d5904857.js";
+import "../../../LanguagePopover/index.628fe97f.js";
 import "../../../NoItemSelected/index.9636ec8a.js";
-import "../../../ObjectLogs/index.1315af37.js";
+import "../../../ObjectLogs/index.d7c0092a.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.0114aa9b.js";
+import "../../../PaperForm/index.c04000a9.js";
 import "../../../Page/index.4237c241.js";
 import "../../../PropertyValue/index.dfcfe1ba.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SplitLayout/index.5a8355d8.js";
-import { a as useAreaStore } from "../../hooks/useArea/index.7bdbbb79.js";
-import { W as Window } from "../Window/index.e34225ae.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.6f45f930.js";
+import { W as Window } from "../Window/index.2b9f12fe.js";
 const WindowPopUp = (props) => {
   const {
     windowProps,

package/components/areas/components/{index.6d863764.js → index.912056a0.js}

@@ -1,22 +1,22 @@
-import { A as AreaProvider } from "../contexts/AreaContext/index.f25f7180.js";
+import { A as AreaProvider } from "../contexts/AreaContext/index.b1439daf.js";
 import { styled } from "@mui/material/styles";
-import { G as GridLayout } from "./GridLayout/index.9953146d.js";
-import { a as useAreaStore } from "../hooks/useArea/index.7bdbbb79.js";
+import { G as GridLayout } from "./GridLayout/index.359e777e.js";
+import { a as useAreaStore } from "../hooks/useArea/index.6f45f930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { b as WindowsPanel } from "./Window/index.e34225ae.js";
+import { b as WindowsPanel } from "./Window/index.2b9f12fe.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "./AreasAdmin/index.dbab59f1.js";
+import "./AreasAdmin/index.25e50e70.js";
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../../Icon/index.f6e8d810.js";
-import "../../mui_extended/IconButton/index.1318a283.js";
+import "../../Icon/index.b29ff2d9.js";
+import "../../mui_extended/IconButton/index.460c0476.js";
 import "zustand";
-import "../contexts/AreasContext/index.7406c20f.js";
+import "../contexts/AreasContext/index.fb21af84.js";
 import "zustand/shallow";
-import "./AreasContainer/index.f3f921b9.js";
+import "./AreasContainer/index.432b9d4c.js";
 import "react-grid-layout/css/styles.css";
-import "../../../react-resizable.bb58c8fc.js";
+import "../../../react-resizable.b620abed.js";
 const WrapperArea = styled("div", {
   shouldForwardProp: (props) => props !== "isDesktop"
 })(({

package/components/areas/contexts/AreaContext/{index.f25f7180.js → index.b1439daf.js}

@@ -6,7 +6,7 @@ import { immer } from "zustand/middleware/immer";
 import { devtools } from "zustand/middleware";
 import debounce from "lodash/debounce";
 import cloneDeep from "lodash.clonedeep";
-import { u as useAreasStore } from "../../hooks/useArea/index.7bdbbb79.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.6f45f930.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { jsx } from "react/jsx-runtime";
 const ROW_HEIGTH_GRIDLAYOUT = 100;

package/components/areas/contexts/AreasContext/{index.7406c20f.js → index.fb21af84.js}

@@ -3,7 +3,7 @@ import { useHostTools, useModuleDictionary, useNetwork, EmitEvents } from "@m4l/
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { L as LABEL_NEW_AREA } from "../../index.6f09d168.js";
+import { L as LABEL_NEW_AREA } from "../../index.3df8c6d4.js";
 import { shallow } from "zustand/shallow";
 import { useFirstRender } from "@m4l/graphics";
 import { jsx } from "react/jsx-runtime";

package/components/areas/contexts/{index.e80d8f0f.js → index.1e46147e.js}

@@ -6,7 +6,7 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import cloneDeep from "lodash.clonedeep";
 import { jsx } from "react/jsx-runtime";
-import "./AreasContext/index.7406c20f.js";
+import "./AreasContext/index.fb21af84.js";
 function getCookiesContainer(data, containerId) {
   const cookies = {};
   try {

package/components/areas/hooks/{index.0fd57f88.js → index.5feefc73.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.e80d8f0f.js";
+import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.1e46147e.js";
 import "../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const useWindow = () => {
   const context = useContext(WindowContext);

package/components/areas/hooks/useArea/{index.7bdbbb79.js → index.6f45f930.js}

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.7406c20f.js";
-import { a as AreaContext } from "../../contexts/AreaContext/index.f25f7180.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.fb21af84.js";
+import { a as AreaContext } from "../../contexts/AreaContext/index.b1439daf.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/index.3df8c6d4.js

@@ -0,0 +1,21 @@
+import "./components/index.912056a0.js";
+import "./components/AreasAdmin/index.25e50e70.js";
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.b29ff2d9.js";
+import "@mui/material/styles";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.460c0476.js";
+import "zustand";
+import "./contexts/AreasContext/index.fb21af84.js";
+import "zustand/shallow";
+import "./components/AreasContainer/index.432b9d4c.js";
+import "react-grid-layout/css/styles.css";
+import "../../react-resizable.b620abed.js";
+import "./contexts/index.1e46147e.js";
+import "./contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+const LABEL_NEW_AREA = "label_new_area";
+export {
+  LABEL_NEW_AREA as L
+};

package/components/formatters/BooleanFormatter/{index.b3fb8a75.js → index.a50933fb.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.f6e8d810.js";
+import { I as Icon } from "../../Icon/index.b29ff2d9.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 function BooleanFormatter(props) {

package/components/formatters/{index.90a19f9f.js → index.7d2ad9ca.js}

@@ -2,8 +2,9 @@ import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import "react";
-import "../Icon/index.f6e8d810.js";
+import "../Icon/index.b29ff2d9.js";
 import "@mui/material/styles";
+import "@mui/material";
 import "@m4l/graphics";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";

package/components/hook-form/RHFAutocomplete/{index.74add0d0.js → index.0ffa2185.js}

@@ -5,6 +5,7 @@ import { styled } from "@mui/material/styles";
 import { I as Image } from "../../Image/index.aa24e982.js";
 import { useMemo, useState, useEffect } from "react";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { T as TEST_PROP_ID } from "../../../vendor.d5904857.js";
 const WrapperAutocomplete = styled("div")(({
   theme
 }) => ({
@@ -113,6 +114,7 @@ const SkeletonRHFAutocomplete = (props) => {
     })]
   });
 };
+const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
 function RHFAutocomplete(props) {
   const {
     name,
@@ -184,7 +186,8 @@ function RHFAutocomplete(props) {
     render: ({
       field: {
         onChange,
-        value
+        value,
+        ref
       },
       fieldState: {
         error
@@ -204,68 +207,75 @@ function RHFAutocomplete(props) {
           e.preventDefault();
       };
       return /* @__PURE__ */ jsx(WrapperAutocomplete, {
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${name}`
+        } : {},
         className: "m4l_rhf_autocomplete",
-        children: /* @__PURE__ */ jsx(Autocomplete, {
-          onKeyDown: checkKeyDown,
-          autoComplete: true,
-          autoSelect: false,
-          options,
-          getOptionLabel: getOptionLabelLocal,
-          inputValue,
-          clearOnBlur: false,
-          onInputChange: (_event, newValue, reason) => {
-            if (reason === "input") {
-              setInputValue(newValue);
-              if (onChangeFilterParmsLocal) {
-                onChangeFilterParmsLocal(newValue, reason);
+        children: /* @__PURE__ */ jsx(
+          Autocomplete,
+          {
+            onKeyDown: checkKeyDown,
+            autoComplete: true,
+            autoSelect: false,
+            options,
+            getOptionLabel: getOptionLabelLocal,
+            inputValue,
+            clearOnBlur: false,
+            onInputChange: (_event, newValue, reason) => {
+              if (reason === "input") {
+                setInputValue(newValue);
+                if (onChangeFilterParmsLocal) {
+                  onChangeFilterParmsLocal(newValue, reason);
+                }
               }
+              onChange(null);
+            },
+            isOptionEqualToValue: isOptionEqualToValueLocal,
+            disableClearable: true,
+            value: value || null,
+            onOpen: onOpenLocal,
+            onClose: onCloseLocal,
+            onChange: (_e, val) => {
+              setInputValue(getOptionLabelLocal(val));
+              onChange(val);
+            },
+            filterOptions: onChangeFilterParmsLocal ? (x) => x : void 0,
+            loading,
+            loadingText: getLabel("rhf_autocomplete.loading_options"),
+            disabled,
+            noOptionsText: getLabel("rhf_autocomplete.no_options"),
+            renderOption: withImage ? withRenderOption(getOptionUrlImageLocal, imageWidth, imageHeight) : void 0,
+            renderInput: (params) => {
+              return /* @__PURE__ */ jsx(TextField, {
+                ...params,
+                inputRef: ref,
+                label,
+                fullWidth: true,
+                SelectProps: {
+                  native: true
+                },
+                InputProps: {
+                  ...params.InputProps,
+                  startAdornment: withImage && value ? /* @__PURE__ */ jsx(Image, {
+                    src: getOptionUrlImageLocal(value),
+                    width: imageWidth,
+                    height: imageHeight
+                  }, "ImageTextField") : null,
+                  endAdornment: /* @__PURE__ */ jsxs(Fragment, {
+                    children: [loading ? /* @__PURE__ */ jsx(CircularProgress, {
+                      color: "inherit",
+                      size: 20
+                    }) : null, params.InputProps.endAdornment]
+                  })
+                },
+                autoComplete: "off",
+                error: !!error,
+                helperText: error?.message,
+                ...other
+              });
             }
-            onChange(null);
-          },
-          isOptionEqualToValue: isOptionEqualToValueLocal,
-          disableClearable: true,
-          value: value || null,
-          onOpen: onOpenLocal,
-          onClose: onCloseLocal,
-          onChange: (_e, val) => {
-            setInputValue(getOptionLabelLocal(val));
-            onChange(val);
-          },
-          filterOptions: onChangeFilterParmsLocal ? (x) => x : void 0,
-          loading,
-          loadingText: getLabel("rhf_autocomplete.loading_options"),
-          disabled,
-          noOptionsText: getLabel("rhf_autocomplete.no_options"),
-          renderOption: withImage ? withRenderOption(getOptionUrlImageLocal, imageWidth, imageHeight) : void 0,
-          renderInput: (params) => {
-            return /* @__PURE__ */ jsx(TextField, {
-              ...params,
-              label,
-              fullWidth: true,
-              SelectProps: {
-                native: true
-              },
-              InputProps: {
-                ...params.InputProps,
-                startAdornment: withImage && value ? /* @__PURE__ */ jsx(Image, {
-                  src: getOptionUrlImageLocal(value),
-                  width: imageWidth,
-                  height: imageHeight
-                }, "ImageTextField") : null,
-                endAdornment: /* @__PURE__ */ jsxs(Fragment, {
-                  children: [loading ? /* @__PURE__ */ jsx(CircularProgress, {
-                    color: "inherit",
-                    size: 20
-                  }) : null, params.InputProps.endAdornment]
-                })
-              },
-              autoComplete: "off",
-              error: !!error,
-              helperText: error?.message,
-              ...other
-            });
           }
-        })
+        )
       });
     }
   });

package/components/hook-form/RHFAutocomplete/test/contants.d.ts

@@ -0,0 +1 @@
+export declare const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";

package/components/hook-form/RHFAutocompleteAsync/{index.0aa3c224.js → index.2dfbe7aa.js}

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash/debounce";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.74add0d0.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.0ffa2185.js";
 import { jsx } from "react/jsx-runtime";
 function RHFAutocompleteAsync(props) {
   const {

package/components/hook-form/RHFCheckbox/{index.ca94a050.js → index.1fcf42c8.js}

@@ -4,7 +4,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { E as ErrorLabel } from "../../ErrorLabel/index.78553a1e.js";
+import { E as ErrorLabel } from "../../ErrorLabel/index.12994bff.js";
 import { T as Typography } from "../../mui_extended/Typography/index.be3a279a.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFDateTime/{index.7f1cbd85.js → index.6c129ce4.js}

@@ -1,7 +1,7 @@
 import { useFormContext, Controller } from "react-hook-form";
-import { Skeleton, TextField } from "@mui/material";
 import { DateTimePicker } from "@mui/x-date-pickers";
 import { useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
@@ -37,10 +37,8 @@ const SkeletonRHFDateTime = (props) => {
 function RHFDateTime(props) {
   const {
     name,
-    autoComplete = "off",
     skeletonWidth = "50%",
-    skeletonHeight = 14,
-    withMask = true
+    skeletonHeight = 14
   } = props;
   const isSkeleton = useModuleSkeleton();
   const {
@@ -48,8 +46,7 @@ function RHFDateTime(props) {
   } = useFormContext();
   const {
     dateFormatter: {
-      datetimeFormat,
-      datetimeMask
+      datetimeFormat
     }
   } = useFormatter();
   if (isSkeleton) {
@@ -64,38 +61,30 @@ function RHFDateTime(props) {
     render: ({
       field: {
         value,
-        onChange
+        onChange,
+        ref
       },
       fieldState: {
         error
       }
     }) => {
       return /* @__PURE__ */ jsx(DateTimePicker, {
+        className: "OLEEEEE ",
+        inputRef: ref,
         ampm: false,
-        ...(() => {
-          return withMask ? {
-            inputFormat: datetimeFormat,
-            mask: datetimeMask
-          } : {};
-        })(),
         label: "",
         value,
         onChange: (newValue) => {
           onChange(newValue);
         },
-        renderInput: (params) => {
-          const checkKeyDown = (e) => {
-            if (e.code === "Enter")
-              e.preventDefault();
-          };
-          return /* @__PURE__ */ jsx(TextField, {
-            ...params,
-            autoComplete,
-            fullWidth: true,
+        slotProps: {
+          textField: {
             error: !!error,
-            helperText: error?.message,
-            onKeyDown: checkKeyDown
-          });
+            helperText: error?.message
+          },
+          field: {
+            format: datetimeFormat
+          }
         }
       });
     }

package/components/hook-form/RHFPeriod/{index.5d2a2071.js → index.1f6aa4c6.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { E as ErrorLabel } from "../../ErrorLabel/index.78553a1e.js";
-import { P as Period } from "../../Period/index.85fe764a.js";
+import { E as ErrorLabel } from "../../ErrorLabel/index.12994bff.js";
+import { P as Period } from "../../Period/index.4f6e419d.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme