@m4l/components 0.1.80 → 0.1.82

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.9820bc7f.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.51a52736.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.f011d49d.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.361acb6f.js}

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

package/components/areas/hooks/useAreas/{index.c6eb2569.js → index.b403f383.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.9820bc7f.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

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

@@ -1,32 +1,32 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.0a08a08b.js";
-import "./components/AreasAdmin/index.7a0dabbe.js";
+import "./contexts/AreasContext/index.9820bc7f.js";
+import "./components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.fd49f06c.js";
+import "./components/AreasViewer/index.51a52736.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.e8de8e4c.js → index.32de0803.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.9fcd1476.js";
+import { I as Icon } from "../../Icon/index.2414ff25.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.67aeb049.js → index.d16d2331.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.9fcd1476.js";
+import "../Icon/index.2414ff25.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.e8de8e4c.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.32de0803.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.d1bbb015.js → index.6edb51b1.js}

@@ -6,25 +6,25 @@ 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 { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a318316e.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 "../../Icon/index.2414ff25.js";
+import "../../mui_extended/Accordion/index.42cef1c7.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.js";
 import "../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.f9a9ef48.js → index.c2ca5c66.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.6edb51b1.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

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

@@ -2,29 +2,29 @@ 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.6c3adb40.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.9fcd1476.js";
+import "../../Icon/index.2414ff25.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/IconButton/index.a318316e.js";
+import "../../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../mui_extended/Badge/index.cad260fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

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

@@ -6,25 +6,25 @@ 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.9fcd1476.js";
+import "../../Icon/index.2414ff25.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/IconButton/index.a318316e.js";
+import "../../mui_extended/Accordion/index.42cef1c7.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.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.js";
 import "../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../mui_extended/Badge/index.cad260fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.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.72edef4d.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.6c3adb40.js";
+import { P as Period } from "../../Period/index.4fd9df2a.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.20daa95e.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.12f1a3c3.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a318316e.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.9fcd1476.js";
+import "../../Icon/index.2414ff25.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.6ef76993.js";
+import { H as HelperText } from "../../HelperText/index.6c3adb40.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

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

@@ -7,26 +7,26 @@ import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/cor
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 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 { B as Button } from "../../mui_extended/Button/index.40af964e.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.6c3adb40.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.9fcd1476.js";
-import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../Icon/index.2414ff25.js";
+import "../../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Accordion/index.42cef1c7.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.7e19843e.js → WindowBase.4016485b.js}

@@ -1,27 +1,27 @@
 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 { I as Icon } from "../Icon/index.9fcd1476.js";
+import { u as useModal } from "../../hooks/useModal/index.9b0cc3fe.js";
+import { m as modalUtilityClasses } from "./index.e9fece72.js";
+import { I as Icon } from "../Icon/index.2414ff25.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "@m4l/graphics";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

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

@@ -1,40 +1,40 @@
 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.9b0cc3fe.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.5abb6ac4.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6cf96d04.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.856df8ef.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 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 "../Icon/index.2414ff25.js";
+import { m as modalUtilityClasses } from "./index.e9fece72.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/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.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.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fd49f06c.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../areas/components/AreasViewer/index.51a52736.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.b0a7236c.js → index.e9fece72.js}

@@ -1,20 +1,20 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.89805978.js";
+import "../../contexts/ModalContext/index.efc1135a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.19d67bc6.js";
+import "../CommonActions/components/Actions/index.5abb6ac4.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.a6447bf8.js";
+import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -22,17 +22,17 @@ import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.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/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.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.9820bc7f.js";
+import "../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.fd49f06c.js";
+import "../ScrollBar/index.d4410cb5.js";
+import "../areas/components/AreasViewer/index.51a52736.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/mui_extended/Accordion/{index.a6447bf8.js → index.42cef1c7.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.12f1a3c3.js";
+import { I as IconButton } from "../IconButton/index.a318316e.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.9fcd1476.js";
+import { I as Icon } from "../../Icon/index.2414ff25.js";
 import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.f57d47a7.js";
+import { g as getNameDataTestId } from "../../../vendor.88ed58a5.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Avatar/types.d.ts

@@ -1,2 +1,4 @@
 import { AvatarProps as MUIAvatarProps } from '@mui/material';
-export declare type AvatarProps = MUIAvatarProps;
+export interface AvatarProps extends MUIAvatarProps {
+    dataTestId?: string;
+}

package/components/mui_extended/Button/classes/types.d.ts

@@ -7,5 +7,8 @@ export interface ButtonClassesType {
     variantContained: string;
     variantText: string;
     isDisabled: string;
+    colorError: string;
+    colorSuccess: string;
+    colorWarning: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;

package/components/mui_extended/Button/{index.4288f9fc.js → index.40af964e.js}

@@ -28,14 +28,17 @@ generateUtilityClasses(componentName$2, [
   "variantOutlined",
   "variantContained",
   "variantText",
-  "isDisabled"
+  "isDisabled",
+  "colorError",
+  "colorSuccess",
+  "colorWarning"
 ]);
 function getButtonUtilityClass(slot) {
   return generateUtilityClass(componentName$2, slot);
 }
 const useUtilityClasses$2 = (onwerState) => {
   const slots = {
-    root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled"],
+    root: ["root", onwerState.size === "small" && "sizeSmall", onwerState.size === "medium" && "sizeMedium", onwerState.variant === "outlined" && "variantOutlined", onwerState.variant === "contained" && "variantContained", onwerState.variant === "text" && "variantText", onwerState.isDisabled && "isDisabled", onwerState.colorState === "error" && "colorError", onwerState.colorState === "success" && "colorSuccess", onwerState.colorState === "warning" && "colorWarning"],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
@@ -51,13 +54,15 @@ const Button = (props) => {
     disabled,
     skeletonWidth = "100px",
     skeletonHeight = "28px",
+    colorState,
     ...others
   } = props;
   const isSkeleton = useModuleSkeleton();
   const ownerState = {
     size,
     variant,
-    isDisabled: disabled
+    isDisabled: disabled,
+    colorState
   };
   const classes = useUtilityClasses$2(ownerState);
   return /* @__PURE__ */ jsx(ButtonRoot, {

package/components/mui_extended/Button/types.d.ts

@@ -3,7 +3,8 @@ export interface ExtendButtonProps extends Omit<ButtonProps, 'size'> {
     size?: 'small' | 'medium';
     skeletonWidth?: number | string;
     skeletonHeight?: number | string;
+    colorState?: 'error' | 'success' | 'warning';
 }
-export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant'> {
+export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant' | 'colorState'> {
     isDisabled?: boolean;
 }

package/components/mui_extended/IconButton/{index.12f1a3c3.js → index.a318316e.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.9fcd1476.js";
+import { I as Icon } from "../../Icon/index.2414ff25.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";