@m4l/components 0.1.88 → 0.1.89

package/components/areas/components/AreasViewer/{index.df370ebe.js → index.1eef603d.js}

@@ -13,11 +13,11 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.4726ee2e.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.1f112e0b.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.bb108329.js";
-import "../../../mui_extended/Accordion/index.284b6cd3.js";
-import { I as Icon } from "../../../Icon/index.6459c16b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
+import "../../../mui_extended/Accordion/index.0e0090ca.js";
+import { I as Icon } from "../../../Icon/index.a70c4729.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
@@ -25,14 +25,14 @@ import "react-router-dom";
 import "@mui/material/Button";
 import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.8c2b8b66.js";
-import { I as Image } from "../../../Image/index.c18ebf5a.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.35095da9.js";
+import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../../mui_extended/Pager/index.68e5c360.js";
+import "../../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../../mui_extended/Pager/index.ac2a21f0.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
@@ -42,57 +42,57 @@ import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.c312fca2.js";
-import "../../../../contexts/RHFormContext/index.ea2758ed.js";
-import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
-import { S as SizeProvider } from "../../../GridLayout/index.2383aaf9.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.a5dab72c.js";
+import "../../../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../../../contexts/RHFormContext/index.1755b324.js";
+import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
+import { S as SizeProvider } from "../../../GridLayout/index.8ae34c50.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.7a2d5394.js";
 import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.3b358ff4.js";
+import "../AreasAdmin/index.cb3d7bd6.js";
 import "../../../ScrollBar/index.65bb2930.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.c6f46842.js";
-import "../../../HelperText/index.e47a7ccf.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.4c52e870.js";
-import "../../../hook-form/RHFCheckbox/index.066c715f.js";
+import "../../../hook-form/RHFAutocomplete/index.5c23bd25.js";
+import "../../../HelperText/index.69791151.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
+import "../../../hook-form/RHFCheckbox/index.a136882e.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.3661a6c9.js";
-import "../../../hook-form/RHFTextField/index.0a784644.js";
-import "../../../hook-form/RHFPeriod/index.4c9a1646.js";
-import "../../../Period/index.ba2a843b.js";
-import "../../../CommonActions/components/Actions/index.e3be92cf.js";
+import "../../../hook-form/RHFDateTime/index.1ca795b0.js";
+import "../../../hook-form/RHFTextField/index.ccea64e7.js";
+import "../../../hook-form/RHFPeriod/index.90777c53.js";
+import "../../../Period/index.972dbe64.js";
+import "../../../CommonActions/components/Actions/index.366cb775.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c997f1df.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.676c96fe.js";
+import "../../../modal/index.dbdb6ac0.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.a98e961d.js";
-import "../../../DataGrid/index.31c6039a.js";
+import "../../../hook-form/RHFUpload/index.85e59119.js";
+import "../../../DataGrid/index.8c887df9.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DataGrid/subcomponents/Actions/index.bc07737f.js";
+import "../../../DataGrid/subcomponents/Actions/index.895fc73f.js";
 import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import "../../../DynamicFilter/index.cdc90c70.js";
+import "../../../DynamicFilter/index.d2e7bdcc.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.6cfff34e.js";
-import "../../../NavLink/index.7f33ec07.js";
-import "../../../NoItemSelected/index.a2807715.js";
-import "../../../ObjectLogs/index.253ca560.js";
+import "../../../LanguagePopover/index.349d359c.js";
+import "../../../NavLink/index.8fe407ef.js";
+import "../../../NoItemSelected/index.1eaf72d8.js";
+import "../../../ObjectLogs/index.98d3400e.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.2ba09776.js";
+import "../../../PaperForm/index.e02c772c.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.ba3a1a95.js";
+import "../../../PropertyValue/index.d3d71d50.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SideBar/index.4e3fd5fc.js";
-import "../../../AppBar/index.86f39e7f.js";
-import "../../../AccountPopover/index.f792f60a.js";
+import "../../../SideBar/index.2dfc5445.js";
+import "../../../AppBar/index.58233583.js";
+import "../../../AccountPopover/index.bb2c369d.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -472,9 +472,9 @@ function getMenuActions(options) {
     saveModuleCookies,
     resetModuleCookies,
     version,
-    windowOptions = { allowPersistCookies: false }
+    windowOptions = { allowPersistCookies: false },
+    getLabel
   } = options;
-  const { getLabel } = useModuleDictionary();
   let menuActions = [...moduleActions.filter((action) => action.visibility !== "allways")];
   if (isDesktop !== void 0 && isDesktop) {
     menuActions = menuActions.filter((action) => action.visibility === "normal");
@@ -533,7 +533,6 @@ function MainActions(props) {
     children: mainActions.map((mainAction) => {
       const tooltip = mainAction.label !== void 0 ? mainAction.label : getLabel(mainAction.dictionaryId || "");
       const onClick = (e) => {
-        console.log("onClick MainActions");
         mainAction.onClick(e);
         e.stopPropagation();
       };
@@ -658,7 +657,8 @@ function Header(props) {
       saveModuleCookies,
       resetModuleCookies,
       version,
-      windowOptions
+      windowOptions,
+      getLabel
     });
   }, [moduleActions, isDesktop]);
   const onCloseLocal = () => {
@@ -697,12 +697,12 @@ function Header(props) {
         children: `${title}`
       }), /* @__PURE__ */ jsxs("div", {
         className: areasViewerClasses.windowHeaderCancelHandle,
-        children: [/* @__PURE__ */ jsx(MainActions, {
+        children: [!colapsed && /* @__PURE__ */ jsx(MainActions, {
           windowId
-        }), emergeType === "layout" ? /* @__PURE__ */ jsx(WindowPopUpsList, {
+        }), !colapsed && emergeType === "layout" ? /* @__PURE__ */ jsx(WindowPopUpsList, {
           areaId,
           windowId
-        }) : null, menuActions.length > 0 && /* @__PURE__ */ jsx(MemonizedMenuActions, {
+        }) : null, !colapsed && menuActions.length > 0 && /* @__PURE__ */ jsx(MemonizedMenuActions, {
           arrowType: "no-arrow",
           marginTop: "12px!important",
           marginLeft: "14px!important",
@@ -752,7 +752,6 @@ const ProggessLoadingMF = (props) => {
           value: loadingProgress
         })
       });
-    } else {
     }
   } catch (error) {
   }
@@ -1325,19 +1324,10 @@ const ResizeHandle = React__default.forwardRef((props, ref) => {
     handleAxis,
     ...restProps
   } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
   return /* @__PURE__ */ jsx("div", {
     ref,
     className: clsx(`react-resizable-handle react-resizable-handle-${handleAxis}`, areasViewerClasses.resizeHandle),
-    ...restProps,
-    children: /* @__PURE__ */ jsx(Image, {
-      width: "12px",
-      height: "12px",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/control_size.svg`
-    })
+    ...restProps
   });
 });
 const ResponsiveGridLayout = SizeProvider(Responsive);
@@ -1546,17 +1536,15 @@ const WindowModal = (props) => {
 };
 const MemonizedWindowModal = React__default.memo(WindowModal);
 function AreasViewer() {
-  const areas = useAreasStore((state2) => state2.areasIds, shallow);
-  const windowsModals = useAreasStore((state2) => state2.windowsModals);
-  const hashWindowsModals = useAreasStore((state2) => state2.hashWindowsModals);
-  const currentArea = useAreasStore((state2) => state2.currentAreaId);
-  const status = useAreasStore((state2) => state2.ownerState.status);
-  const classesRoot = useAreasStore((state2) => state2.viwerClasses.root);
-  const state = useAreasStore((state2) => state2);
-  console.log("Areas state >>>>", state);
+  const areas = useAreasStore((state) => state.areasIds, shallow);
+  const windowsModals = useAreasStore((state) => state.windowsModals);
+  const hashWindowsModals = useAreasStore((state) => state.hashWindowsModals);
+  const currentArea = useAreasStore((state) => state.currentAreaId);
+  const status = useAreasStore((state) => state.ownerState.status);
+  const classesRoot = useAreasStore((state) => state.viwerClasses.root);
   const {
     init
-  } = useAreasStore((state2) => state2.areasActions);
+  } = useAreasStore((state) => state.areasActions);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx(AreasViewerRoot, {
       className: classesRoot,

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts

@@ -1,3 +1,4 @@
+import { GetLabelType } from '@m4l/core';
 import { AreaWindowAction, WindowOptions } from '../../../../../../../../types';
 export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: AreaWindowAction[]): AreaWindowAction[];
 declare type GetMenuActionsType = {
@@ -9,6 +10,7 @@ declare type GetMenuActionsType = {
     resetModuleCookies: (wd: string) => void;
     version?: string;
     windowOptions?: WindowOptions;
+    getLabel: GetLabelType;
 };
 export declare function getMenuActions(options: GetMenuActionsType): AreaWindowAction[];
 export {};

package/components/areas/components/{index.ad764f53.js → index.44ec162f.js}

@@ -1,31 +1,31 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../../Icon/index.6459c16b.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.bb108329.js";
+import "../../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.a5dab72c.js";
-import "./AreasAdmin/index.3b358ff4.js";
+import "../contexts/AreasContext/index.7a2d5394.js";
+import "./AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.65bb2930.js";
-import "../../mui_extended/Accordion/index.284b6cd3.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.35095da9.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../mui_extended/Pager/index.68e5c360.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.df370ebe.js";
+import "./AreasViewer/index.1eef603d.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

package/components/areas/contexts/AreasContext/{index.a5dab72c.js → index.7a2d5394.js}

@@ -5,15 +5,15 @@ 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.df370ebe.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.3b358ff4.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.1eef603d.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cb3d7bd6.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import "clsx";
-import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
-import { z as isEqualLayouts } from "../../../GridLayout/index.2383aaf9.js";
+import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.8ae34c50.js";
 import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
 import { debounce, cloneDeep } from "lodash";
 import { useNavigate } from "react-router-dom";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
@@ -154,12 +154,6 @@ function getDataFromResponse(data, state, areaId) {
   if (!newBreakPointsLayouts) {
     newBreakPointsLayouts = {};
   }
-  console.log(
-    "getDataFromResponse before start",
-    windows,
-    newBreakPointsLayouts,
-    BREAKPOINT_SIZES
-  );
   for (const breakPoint in BREAKPOINT_SIZES) {
     if (!newBreakPointsLayouts[breakPoint]) {
       newBreakPointsLayouts[breakPoint] = [];
@@ -464,12 +458,12 @@ const createAreasStore = (initProps) => {
                 area.layoutItemsIds.push(windowId);
                 if (newWindowProps.emergeType === "layout") {
                   area.currentLayoutId = windowId;
-                  if (area.maximizedId) {
-                    area.maximizedId = windowId;
-                  }
                 } else {
                   area.currentPopUpId = windowId;
                 }
+                if (area.maximizedId) {
+                  area.maximizedId = windowId;
+                }
                 area.layouts = addLayoutItemToBreakPoints(
                   area.layouts,
                   newLayoutItem,

package/components/areas/contexts/{index.7ac0a3bf.js → index.7bae4208.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.a5dab72c.js";
+import "./AreasContext/index.7a2d5394.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.4726ee2e.js → index.1f112e0b.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.a5dab72c.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.7a2d5394.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{index.e380a1f6.js → index.aaaa1f62.js}

@@ -1,33 +1,33 @@
 import { useEffect } from "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.6459c16b.js";
+import "../Icon/index.a70c4729.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.bb108329.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.a5dab72c.js";
-import "./components/AreasAdmin/index.3b358ff4.js";
+import "./contexts/AreasContext/index.7a2d5394.js";
+import "./components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.284b6cd3.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.35095da9.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.7a8aef3b.js";
-import "../mui_extended/Pager/index.68e5c360.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.df370ebe.js";
+import "./components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.294f4b01.js → index.a013b080.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.6459c16b.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.fc14c9fe.js → index.576922c9.js}

@@ -2,11 +2,11 @@ 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.6459c16b.js";
+import "../Icon/index.a70c4729.js";
 import "@mui/material";
 import "clsx";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.294f4b01.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.a013b080.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.c6f46842.js → index.5c23bd25.js}

@@ -6,26 +6,26 @@ import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.bb108329.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.76624519.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.6459c16b.js";
-import "../../mui_extended/Accordion/index.284b6cd3.js";
+import "../../Icon/index.a70c4729.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.35095da9.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../mui_extended/Pager/index.68e5c360.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -253,7 +253,6 @@ function RHFAutocomplete(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
-  console.log("RHFAutocomplete");
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFAutocompleteAsync/{index.4c52e870.js → index.85b11f3a.js}

@@ -5,7 +5,7 @@ import { styled } from "@mui/material/styles";
 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 { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.c6f46842.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.5c23bd25.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.066c715f.js → index.a136882e.js}

@@ -2,30 +2,30 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "react";
 import "@m4l/core";
-import "../../Icon/index.6459c16b.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.bb108329.js";
-import "../../mui_extended/Accordion/index.284b6cd3.js";
+import "../../mui_extended/IconButton/index.76624519.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.35095da9.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../mui_extended/Pager/index.68e5c360.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
@@ -123,6 +123,7 @@ function RHFCheckbox(props) {
               label
             })
           }), error?.message && /* @__PURE__ */ jsx(HelperText, {
+            variant: "error",
             message: error?.message + ""
           })]
         });

package/components/hook-form/RHFDateTime/{index.3661a6c9.js → index.1ca795b0.js}

@@ -6,26 +6,26 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.6459c16b.js";
+import "../../Icon/index.a70c4729.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.bb108329.js";
-import "../../mui_extended/Accordion/index.284b6cd3.js";
+import "../../mui_extended/IconButton/index.76624519.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.35095da9.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.7a8aef3b.js";
-import "../../mui_extended/Pager/index.68e5c360.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -173,8 +173,6 @@ function RHFDateTime(props) {
             slots: {},
             slotProps: {
               textField: {
-                error: !!error,
-                helperText: error?.message,
                 onFocus: handlerFocus,
                 onBlur: handlerBlur
               },

package/components/hook-form/RHFPeriod/{index.4c9a1646.js → index.90777c53.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
-import { P as Period } from "../../Period/index.ba2a843b.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
+import { P as Period } from "../../Period/index.972dbe64.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.0a784644.js → index.ccea64e7.js}

@@ -1,10 +1,10 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.bb108329.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.76624519.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.6459c16b.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
@@ -12,7 +12,7 @@ import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.e47a7ccf.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",