@m4l/components 0.1.80 → 0.1.81

package/components/areas/components/AreasViewer/{index.fd49f06c.js → index.1004b7a0.js}

@@ -13,10 +13,10 @@ 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.c6eb2569.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.c77a2416.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../../mui_extended/Accordion/index.fa658639.js";
 import { I as Icon } from "../../../Icon/index.9fcd1476.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ import "@mui/lab";
 import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Pager/index.82e89328.js";
-import "../../../mui_extended/Tab/index.c39a6681.js";
+import "../../../mui_extended/Tab/index.f94d233e.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
@@ -41,55 +41,58 @@ 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.89805978.js";
+import "../../../../contexts/ModalContext/index.66e060a3.js";
 import "../../../../contexts/RHFormContext/index.fe175bab.js";
-import "../../../GridLayout/index.a792aacb.js";
-import { R as Responsive } from "../../../GridLayout/Responsive/index.1671380a.js";
-import { W as WidthProvider } from "../../../GridLayout/WidthProvider/index.9a26dfe4.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.0a08a08b.js";
+import "../../../GridLayout/subcomponents/Griditem/index.01fc14c3.js";
+import "../../../GridLayout/index.76bccc4f.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.e589d8bf.js";
+import { W as WidthProvider } from "../../../GridLayout/subcomponents/WidthProvider/index.50dafd87.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.4bf1eabe.js";
 import "../../../animate/index.1f8eadd4.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.7a0dabbe.js";
+import "../AreasAdmin/index.5562f65f.js";
 import "../../../ScrollBar/index.bbe48f4d.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.d1bbb015.js";
-import "../../../HelperText/index.6ef76993.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.f9a9ef48.js";
-import "../../../hook-form/RHFCheckbox/index.7b4a21d7.js";
+import "../../../hook-form/RHFAutocomplete/index.9a9d7c73.js";
+import "../../../HelperText/index.2c408d8a.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.172df421.js";
+import "../../../hook-form/RHFCheckbox/index.47f0157b.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.46cf616e.js";
-import "../../../hook-form/RHFTextField/index.f7ee202c.js";
-import "../../../hook-form/RHFPeriod/index.ce513149.js";
-import "../../../Period/index.26071a16.js";
-import "../../../CommonActions/components/Actions/index.19d67bc6.js";
+import "../../../hook-form/RHFDateTime/index.f46e987f.js";
+import "../../../hook-form/RHFTextField/index.253620eb.js";
+import "../../../hook-form/RHFPeriod/index.2e07ba7b.js";
+import "../../../Period/index.7d44c0e5.js";
+import "../../../CommonActions/components/Actions/index.265d99c8.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.b0a7236c.js";
+import "../../../modal/index.c8e23b8d.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.1befd5bb.js";
-import "../../../DataGrid/index.2f175eba.js";
+import "../../../hook-form/RHFUpload/index.9f00121f.js";
+import "../../../DataGrid/index.820e0043.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.c1f9d560.js";
+import "../../../DataGrid/subcomponents/Actions/index.43325b59.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.2b80238b.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.1564bd08.js";
-import "../../../NavLink/index.6c9c2588.js";
+import "../../../LanguagePopover/index.4596bf54.js";
+import "../../../NavLink/index.68392bd4.js";
 import "../../../NoItemSelected/index.23dfc897.js";
-import "../../../ObjectLogs/index.eab1c15f.js";
+import "../../../ObjectLogs/index.665e043d.js";
 import "../../../../react-json-view.57125fcf.js";
 import "../../../PaperForm/index.ba38a0bd.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.18d3c0fd.js";
+import "../../../PropertyValue/index.a66988e1.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SideBar/index.2f497e6c.js";
-import "../../../AppBar/index.c85b100d.js";
-import "../../../AccountPopover/index.00d1d15f.js";
+import "../../../AppBar/index.6bdee075.js";
+import "../../../AccountPopover/index.fea740a5.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -297,121 +300,6 @@ const AreasViewerRoot = styled("div")`
         padding: 16px;
     }
 
-    .react-grid-layout {
-        position: relative;
-        transition: height 200ms ease;
-    }
-    .react-grid-item {
-        transition: all 200ms ease;
-        transition-property: left, top;
-    }
-    .react-grid-item img {
-        pointer-events: none;
-        user-select: none;
-    }
-    .react-grid-item.cssTransforms {
-        transition-property: transform;
-    }
-    .react-grid-item.resizing {
-        z-index: 1;
-        will-change: width, height;
-    }
-
-    .react-grid-item.react-draggable-dragging {
-        transition: none;
-        z-index: 3;
-        will-change: transform;
-    }
-
-    .react-grid-item.dropping {
-        visibility: hidden;
-    }
-
-    .react-grid-item.react-grid-placeholder {
-        background: ${(props) => props.theme.palette.state.focus};
-        opacity: 0.2;
-        transition-duration: 100ms;
-        z-index: 2;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        -o-user-select: none;
-        user-select: none;
-    }
-
-    .react-grid-item > .react-resizable-handle {
-        position: absolute;
-        width: 20px;
-        height: 20px;
-    }
-
-    .react-grid-item > .react-resizable-handle::after {
-        content: '';
-        position: absolute;
-        right: 3px;
-        bottom: 3px;
-        width: 5px;
-        height: 5px;
-        border-right: 2px solid rgba(0, 0, 0, 0.4);
-        border-bottom: 2px solid rgba(0, 0, 0, 0.4);
-    }
-
-    .react-resizable-hide > .react-resizable-handle {
-        display: none;
-    }
-
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
-        bottom: 0;
-        left: 0;
-        cursor: sw-resize;
-        transform: rotate(90deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-se {
-        bottom: 0;
-        right: 0;
-        cursor: se-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
-        top: 0;
-        left: 0;
-        cursor: nw-resize;
-        transform: rotate(180deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
-        top: 0;
-        right: 0;
-        cursor: ne-resize;
-        transform: rotate(270deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-w,
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-        top: 50%;
-        margin-top: -10px;
-        cursor: ew-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-w {
-        left: 0;
-        transform: rotate(135deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-        right: 0;
-        transform: rotate(315deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-n,
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-        left: 50%;
-        margin-left: -10px;
-        cursor: ns-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-n {
-        top: 0;
-        transform: rotate(225deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-        bottom: 0;
-        transform: rotate(45deg);
-    }
-
     ${react_resizable_css}
 
     ${(props) => props.theme.components?.M4LAreasViewer?.styleOverrides}

package/components/areas/components/{index.7756928a.js → index.a441c8b1.js}

@@ -7,11 +7,11 @@ import "react/jsx-runtime";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.0a08a08b.js";
-import "./AreasAdmin/index.7a0dabbe.js";
+import "../contexts/AreasContext/index.4bf1eabe.js";
+import "./AreasAdmin/index.5562f65f.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.bbe48f4d.js";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.fa658639.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -24,7 +24,7 @@ import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tab/index.f94d233e.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.fd49f06c.js";
+import "./AreasViewer/index.1004b7a0.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

package/components/areas/contexts/AreasContext/helper.d.ts

@@ -3,7 +3,7 @@ import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
 export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
 export declare const PADDING_GRIDLAYOUT = 3;
-export declare const MARGIN_GRIDLAYOUT = 5;
+export declare const MARGIN_GRIDLAYOUT = 3;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
@@ -22,7 +22,7 @@ export declare const NORMALIZED_COLS: {
     xs: number;
     xxs: number;
 };
-import { Layouts } from '../../../GridLayout/subcomponents/Responsive/types';
+import { Layouts } from '../../../GridLayout/types';
 export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'toasties' | 'toastyCount' | 'hashToasties'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'loadWindows' | 'viewMode'>;
 /**

package/components/areas/contexts/AreasContext/{index.0a08a08b.js → index.4bf1eabe.js}

@@ -5,18 +5,19 @@ 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.fd49f06c.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.7a0dabbe.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.1004b7a0.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.5562f65f.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import "clsx";
-import "../../../GridLayout/index.a792aacb.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as isEqualLayouts } from "../../../GridLayout/Responsive/index.1671380a.js";
+import "../../../GridLayout/subcomponents/Griditem/index.01fc14c3.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.76bccc4f.js";
 import { jsx } from "react/jsx-runtime";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.e589d8bf.js";
 import { debounce, cloneDeep } from "lodash";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
 const PADDING_GRIDLAYOUT = 3;
-const MARGIN_GRIDLAYOUT = 5;
+const MARGIN_GRIDLAYOUT = 3;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
@@ -629,7 +630,7 @@ const createAreasStore = (initProps) => {
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
             if (!isEqualLayouts(get().hashAreas[areaId].layouts, newAllLayouts)) {
               set((state) => {
-                state.hashAreas[areaId].layouts = cloneDeep(newAllLayouts);
+                state.hashAreas[areaId].layouts = cloneLayouts(newAllLayouts);
               });
               if (!get().hashAreas[areaId].maximizedId) {
                 get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
@@ -637,6 +638,11 @@ const createAreasStore = (initProps) => {
             }
           },
           onContainerChange: (areaId, e) => {
+            console.log(
+              `onContainerChange [${e.containerWidth}, ${e.containerHeight}] Store`,
+              areaId,
+              e.breakpoint
+            );
             set((state) => {
               state.hashAreas[areaId].containerHeight = e.containerHeight;
               state.hashAreas[areaId].currentBreakpoint = e.breakpoint;

package/components/areas/contexts/AreasContext/types.d.ts

@@ -5,8 +5,8 @@ import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
 import { DebouncedFunc } from 'lodash';
 import { LayoutItem } from '../../../GridLayout';
-import { Breakpoint, ContainerChangeEvent, LayoutsNotReadonly } from '../../../GridLayout/subcomponents/Responsive/types';
-import { LayoutNotReadOnly } from '../../../GridLayout/types';
+import { ContainerChangeEvent } from '../../../GridLayout/subcomponents/Responsive/types';
+import { Layout, Breakpoint, Layouts } from '../../../GridLayout/types';
 export declare type WinLayoutItem = LayoutItem & {
     winType: WinType;
 };
@@ -29,7 +29,7 @@ export interface Area {
      */
     containerHeight?: number;
     currentBreakpoint?: Breakpoint;
-    layouts: LayoutsNotReadonly;
+    layouts: Layouts;
     maximizedId?: string | undefined;
     /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
     layoutItemsIds: string[];
@@ -172,7 +172,7 @@ export interface AreasStateWithActions extends AreasState {
         selectLayout: (areaId: string, layoutId: string) => void;
         addLayout: (areaId: string, windowId: string, newWindow: NewLayoutMagnetizableProps | NewLayoutMoveableProps) => void;
         saveLayouts: (areaId: string) => void;
-        onBreakpointsLayoutsChange: (areaId: string, currentLayout: LayoutNotReadOnly, newAllLayouts: LayoutsNotReadonly) => void;
+        onBreakpointsLayoutsChange: (areaId: string, currentLayout: Layout, newAllLayouts: Layouts) => void;
         onContainerChange: (areaId: string, e: ContainerChangeEvent) => void;
         bouncedSaveBreakpointsLayouts: DebouncedFunc<(areaId: string) => void>;
         colapseLayoutItem: (areaId: string, layoutId: string) => void;

package/components/areas/contexts/{index.b303b664.js → index.2938bc5a.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.0a08a08b.js";
+import "./AreasContext/index.4bf1eabe.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.c6eb2569.js → index.c77a2416.js}

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

package/components/areas/{index.6e67d89a.js → index.09851bae.js}

@@ -7,11 +7,11 @@ import "react/jsx-runtime";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.0a08a08b.js";
-import "./components/AreasAdmin/index.7a0dabbe.js";
+import "./contexts/AreasContext/index.4bf1eabe.js";
+import "./components/AreasAdmin/index.5562f65f.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/Accordion/index.fa658639.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -24,9 +24,9 @@ import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Tab/index.f94d233e.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.fd49f06c.js";
+import "./components/AreasViewer/index.1004b7a0.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/hook-form/RHFAutocomplete/{index.d1bbb015.js → index.9a9d7c73.js}

@@ -6,14 +6,14 @@ 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.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
 import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import "../../Icon/index.9fcd1476.js";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.fa658639.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
@@ -24,7 +24,7 @@ import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tab/index.f94d233e.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.f9a9ef48.js → index.172df421.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.d1bbb015.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.9a9d7c73.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.7b4a21d7.js → index.47f0157b.js}

@@ -2,7 +2,7 @@ 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.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "react";
@@ -11,7 +11,7 @@ import "../../Icon/index.9fcd1476.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.fa658639.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -24,7 +24,7 @@ import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tab/index.f94d233e.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFDateTime/{index.46cf616e.js → index.f46e987f.js}

@@ -9,7 +9,7 @@ import clsx from "clsx";
 import "../../Icon/index.9fcd1476.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.fa658639.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -22,9 +22,9 @@ import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tab/index.f94d233e.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.ce513149.js → index.2e07ba7b.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.6ef76993.js";
-import { P as Period } from "../../Period/index.26071a16.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
+import { P as Period } from "../../Period/index.7d44c0e5.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.f7ee202c.js → index.253620eb.js}

@@ -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.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.1befd5bb.js → index.9f00121f.js}

@@ -9,7 +9,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { B as Button } from "../../mui_extended/Button/index.4288f9fc.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.2c408d8a.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
@@ -17,7 +17,7 @@ import "@mui/material/Button";
 import "../../Icon/index.9fcd1476.js";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.fa658639.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.5f6c78b0.js";
@@ -26,7 +26,7 @@ import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tab/index.f94d233e.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.7e19843e.js → WindowBase.37b59511.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
-import { m as modalUtilityClasses } from "./index.b0a7236c.js";
+import { u as useModal } from "../../hooks/useModal/index.61968b84.js";
+import { m as modalUtilityClasses } from "./index.c8e23b8d.js";
 import { I as Icon } from "../Icon/index.9fcd1476.js";
 import "@mui/material";
 import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/Accordion/index.fa658639.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -21,7 +21,7 @@ import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Tab/index.f94d233e.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.12a9608a.js → WindowConfirm.1a8c8c21.js}

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.19d67bc6.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.1051a117.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bfe3256c.js";
+import { u as useModal } from "../../hooks/useModal/index.61968b84.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.265d99c8.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6928b5ae.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.8b1b3afc.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
@@ -14,10 +14,10 @@ import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
 import "../Icon/index.9fcd1476.js";
-import { m as modalUtilityClasses } from "./index.b0a7236c.js";
+import { m as modalUtilityClasses } from "./index.c8e23b8d.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/Accordion/index.fa658639.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -27,14 +27,14 @@ import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.c39a6681.js";
+import "../mui_extended/Tab/index.f94d233e.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0a08a08b.js";
-import "../areas/components/AreasAdmin/index.7a0dabbe.js";
+import "../areas/contexts/AreasContext/index.4bf1eabe.js";
+import "../areas/components/AreasAdmin/index.5562f65f.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fd49f06c.js";
+import "../areas/components/AreasViewer/index.1004b7a0.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";