@m4l/components 0.1.84 → 0.1.85

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

@@ -7,6 +7,7 @@ import { DebouncedFunc } from 'lodash';
 import { LayoutItem } from '../../../GridLayout';
 import { ContainerChangeEvent } from '../../../GridLayout/subcomponents/Responsive/types';
 import { Layout, Breakpoint, Layouts } from '../../../GridLayout/types';
+import { NavigateFunction } from 'react-router-dom';
 export declare type WinLayoutItem = LayoutItem & {
     winType: WinType;
 };
@@ -107,9 +108,9 @@ export interface AreasState {
     hashWindowsModals: HashWindowsByModals;
     windowModal?: ModalStateProps;
     /**
-     *  "areas" Areas de trabajo
+     *  "areasIds" Areas de trabajo para saber en que orden se muestran en el AreasAdmin
      */
-    areas: string[];
+    areasIds: string[];
     /**
      *  "hashAreas" Areas de trabajo
      */
@@ -122,6 +123,10 @@ export interface AreasState {
      *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
      */
     networkOperation: (props: NetworkProps) => Promise<any>;
+    /**
+     *  "navigate" Funcion para modificar la ruta de navegación de la pápina
+     */
+    navigate: NavigateFunction;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
      */
@@ -130,27 +135,34 @@ export interface AreasState {
 export interface AreasStateWithActions extends AreasState {
     areasActions: {
         /**
-         * @description inicializa el componente, si la función onLoad está seteada, se invoca
+         * @description inicializa el store cargando las áreas de trabajo.
+         * Una vez termina el proceso, actualiza el estado de carga (ownerState.status) a "loaded".
+         * Normalmente es asyncrono en producción por el llamado al endpoint áreas.
          */
         init: () => void;
         /**
-         * @description Agrega un area de trabajo, si esta activa "loadAreasFromNetwork" llama al API de agregado
+         * @description Arega un area de trabajo y la selecciona. Adiconalmente limpia el currentModuleId
+         * Si esta habilitado "loadAreasFromNetwork" invoca al endpoint de POST de areas
          * @returns id del ara de trabajo
          */
         addArea: () => string;
         /**
-         * @description Edita el nombre del área de trabajo y sincroniza los cambios en la API.
+         * @description Edita el nombre del área de trabajo.
+         * Si está habilitado y sincroniza los cambios en la API.
          * @returns nombre del area de trabajo
          */
         editArea: (idArea: string, newName: string) => void;
         /**
-         *
+         * Selecciona el area y adicionalmente notifica si el camnbio de modulo para que
+         * Actualiza el currentModuleId por el layout seleccionado que tenga el area actualmente.
+         * Con el fin de poder lanzar el cambio de módulo y se vea reflejado en el menu.
+         * Carga adicionalmente las ventanas cuando se seleccione por primera vez si eestá habilitado el uso de API (loadAreasFromNetwork)
          * @param newAreaId Id de area a seleccionar
          * @returns
          */
         selectArea: (newAreaId: string) => void;
         /**
-         * @description Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama al API
+         * @description Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama a la API.
          * @param areaId Id de area a borrar
          * @returns void
          */
@@ -207,7 +219,7 @@ export interface AreasStateWithActions extends AreasState {
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;
-export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
+export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'navigate' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
 export interface AreasProviderProps {
     children: ReactNode;
     loadAreasFromNetwork: boolean;

package/components/areas/contexts/{index.f494e241.js → index.999e8b1e.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.230d1584.js";
+import "./AreasContext/index.6f56b1da.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.b8449343.js → index.4baec91c.js}

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

package/components/areas/{index.32db4fa7.js → index.3088f99e.js}

@@ -1,32 +1,33 @@
 import { useEffect } from "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.c3a579e7.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.62aea582.js";
+import "../mui_extended/IconButton/index.be111a34.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.230d1584.js";
-import "./components/AreasAdmin/index.8ab71eb9.js";
+import "./contexts/AreasContext/index.6f56b1da.js";
+import "./components/AreasAdmin/index.f505897a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../ScrollBar/index.1247c1c5.js";
+import "../mui_extended/Accordion/index.854f4c90.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.40af964e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.933e506b.js";
+import "./components/AreasViewer/index.cacec884.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.b2f02bc4.js → index.e7f0b76a.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d1402200.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.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.f9ad88b4.js → index.d911949d.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.d1402200.js";
+import "../Icon/index.c3a579e7.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.b2f02bc4.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.e7f0b76a.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.d5afb409.js → index.aca6984f.js}

@@ -6,25 +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.a47ff233.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.62aea582.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.be111a34.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.d1402200.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../Icon/index.c3a579e7.js";
+import "../../mui_extended/Accordion/index.854f4c90.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.40af964e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.c1dc7bbf.js";
+import "../../mui_extended/Pager/index.5b77fa4c.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.a4f00088.js → index.8511bcf8.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.d5afb409.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.aca6984f.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.9bf6edb0.js → index.0f45e6b0.js}

@@ -2,29 +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.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.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.d1402200.js";
+import "../../Icon/index.c3a579e7.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.62aea582.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/IconButton/index.be111a34.js";
+import "../../mui_extended/Accordion/index.854f4c90.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.40af964e.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.c1dc7bbf.js";
+import "../../mui_extended/Pager/index.5b77fa4c.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFDateTime/{index.a2c1ed2c.js → index.07412ef0.js}

@@ -6,25 +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.d1402200.js";
+import "../../Icon/index.c3a579e7.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.62aea582.js";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/IconButton/index.be111a34.js";
+import "../../mui_extended/Accordion/index.854f4c90.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.40af964e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.c1dc7bbf.js";
+import "../../mui_extended/Pager/index.5b77fa4c.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.b5204ce2.js → index.15b8f11e.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.a47ff233.js";
-import { P as Period } from "../../Period/index.e129cdec.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
+import { P as Period } from "../../Period/index.061c9b2f.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.5a0fa776.js → index.94c8c59b.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.62aea582.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.be111a34.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.d1402200.js";
+import "../../Icon/index.c3a579e7.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.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.b36539d6.js → index.7ef1e124.js}

@@ -9,24 +9,25 @@ 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.40af964e.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a47ff233.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.d1402200.js";
-import "../../mui_extended/IconButton/index.62aea582.js";
+import "../../Icon/index.c3a579e7.js";
+import "../../mui_extended/IconButton/index.be111a34.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.46771196.js";
+import "../../mui_extended/Accordion/index.854f4c90.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.a7f87c96.js";
-import "../../mui_extended/Tab/index.756fe693.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.c1dc7bbf.js";
+import "../../mui_extended/Pager/index.5b77fa4c.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.37158e8d.js → WindowBase.d485315d.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7611bf21.js";
-import { m as modalUtilityClasses } from "./index.6f281ef8.js";
-import { I as Icon } from "../Icon/index.d1402200.js";
+import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
+import { m as modalUtilityClasses } from "./index.c7e4beba.js";
+import { I as Icon } from "../Icon/index.c3a579e7.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -14,14 +14,15 @@ import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "@m4l/graphics";
-import "../mui_extended/Tab/index.756fe693.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.a68aa0f1.js → WindowConfirm.3d9cd6e1.js}

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7611bf21.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.e70e8779.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.29517521.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a9420126.js";
+import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.c91c27f9.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.67b91376.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.53e7fe2b.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
@@ -13,28 +13,29 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../Icon/index.d1402200.js";
-import { m as modalUtilityClasses } from "./index.6f281ef8.js";
+import "../Icon/index.c3a579e7.js";
+import { m as modalUtilityClasses } from "./index.c7e4beba.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.230d1584.js";
-import "../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../areas/contexts/AreasContext/index.6f56b1da.js";
+import "../areas/components/AreasAdmin/index.f505897a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../areas/components/AreasViewer/index.933e506b.js";
+import "../ScrollBar/index.1247c1c5.js";
+import "../areas/components/AreasViewer/index.cacec884.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.6f281ef8.js → index.c7e4beba.js}

@@ -1,38 +1,39 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.51da83de.js";
+import "../../contexts/ModalContext/index.1ea79d7e.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.c3a579e7.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.e70e8779.js";
+import "../CommonActions/components/Actions/index.c91c27f9.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.230d1584.js";
-import "../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../areas/contexts/AreasContext/index.6f56b1da.js";
+import "../areas/components/AreasAdmin/index.f505897a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../areas/components/AreasViewer/index.933e506b.js";
+import "../ScrollBar/index.1247c1c5.js";
+import "../areas/components/AreasViewer/index.cacec884.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.46771196.js → index.854f4c90.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.62aea582.js";
+import { I as IconButton } from "../IconButton/index.be111a34.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.d1402200.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.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.1af105d6.js";
+import { g as getNameDataTestId } from "../../../vendor.f27b86c9.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Badge/classes/constants.d.ts

@@ -1 +1 @@
-export declare const componentName = "M4LDataGrid";
+export declare const componentName = "M4LBadge";

package/components/mui_extended/Badge/{index.cad260fe.js → index.8c2b8b66.js}

@@ -2,7 +2,7 @@ import { generateUtilityClasses, styled, Badge as Badge$1 } from "@mui/material"
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import "@mui/base";
-const componentName = "M4LDataGrid";
+const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"
 ]);

package/components/mui_extended/IconButton/{index.62aea582.js → index.be111a34.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.d1402200.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.2493b1b1.js → index.b16e84c1.js}

@@ -3,8 +3,8 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem, Badge } from "@mui/material";
 import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.d1402200.js";
-import { I as IconButton$1 } from "../IconButton/index.62aea582.js";
+import { I as Icon } from "../../Icon/index.c3a579e7.js";
+import { I as IconButton$1 } from "../IconButton/index.be111a34.js";
 import clsx from "clsx";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
@@ -27,6 +27,7 @@ function MenuActions(props) {
     endListElement,
     menuActionSx,
     className,
+    iconButtonClassName = "",
     objItem = {},
     urlIcon,
     toolTip = "",
@@ -98,12 +99,14 @@ function MenuActions(props) {
       children: /* @__PURE__ */ jsx(IconButton$1, {
         src: urlFinalIcon,
         onClick: handleOpen,
-        tooltip: toolTip
+        tooltip: toolTip,
+        className: iconButtonClassName
       })
     }) : /* @__PURE__ */ jsx(IconButton$1, {
       src: urlFinalIcon,
       onClick: handleOpen,
-      tooltip: toolTip
+      tooltip: toolTip,
+      className: iconButtonClassName
     })
   });
   return /* @__PURE__ */ jsxs(Fragment, {

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

@@ -19,6 +19,7 @@ export declare type MenuAction = {
     className?: string;
 };
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
+    iconButtonClassName?: string;
     objItem?: any;
     urlIcon?: string;
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);

package/components/mui_extended/Pager/{index.a7f87c96.js → index.5b77fa4c.js}

@@ -3,7 +3,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../Typography/index.443590d6.js";
-import { I as IconButton } from "../IconButton/index.62aea582.js";
+import { I as IconButton } from "../IconButton/index.be111a34.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/Stack/Stack.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { StackProps } from "@mui/material";
+export declare const Stack: (props: StackProps) => import("react").JSX.Element;

package/components/mui_extended/Stack/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LStack";