@m4l/components 0.1.83 → 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;
 };
@@ -55,6 +56,11 @@ export declare type OwnerState = {
      *  "isSkeleton" indica si el componente está en skeleton.
      */
     isSkeleton: boolean;
+    /**
+     * focus: Estado de selección asignado por el usuario.
+     *
+     */
+    focus: boolean;
 };
 /**
  * @type
@@ -102,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
      */
@@ -117,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
      */
@@ -125,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
          */
@@ -197,9 +214,12 @@ export interface AreasStateWithActions extends AreasState {
         pinToast: (windowId: string, toastyId: number) => void;
         setFnQueryClose: (windowId: string, fnQueryClose: () => void) => void;
     };
+    areaAdminActions: {
+        setFocus: (value: boolean) => void;
+    };
 }
 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.68c53fc9.js → index.999e8b1e.js}

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

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

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.36fe6953.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.3088f99e.js

@@ -0,0 +1,54 @@
+import { useEffect } from "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.c3a579e7.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.be111a34.js";
+import "@m4l/graphics";
+import "zustand";
+import "./contexts/AreasContext/index.6f56b1da.js";
+import "./components/AreasAdmin/index.f505897a.js";
+import "zustand/shallow";
+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.8c2b8b66.js";
+import "../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
+import "../mui_extended/Popover/index.9f35d0eb.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.cacec884.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";
+function useOnClickOutside(ref, handler, noRef) {
+  useEffect(() => {
+    const listener = (event) => {
+      const el = ref?.current;
+      const noEl = noRef?.current;
+      if (!el || el.contains(event.target) || noEl && noEl.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+export {
+  useOnClickOutside as u
+};

package/components/areas/utils/useOnClickOutside/index.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+declare type AnyEvent = MouseEvent | TouchEvent;
+declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: AnyEvent) => void, noRef?: RefObject<T>): void;
+export default useOnClickOutside;

package/components/formatters/BooleanFormatter/{index.32de0803.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.2414ff25.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.d16d2331.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.2414ff25.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.32de0803.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.42df8eb4.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.28e9105d.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.a318316e.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.2414ff25.js";
-import "../../mui_extended/Accordion/index.5111314b.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.5f6c78b0.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.da26e9d4.js";
-import "../../mui_extended/Tab/index.0989d15d.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
@@ -252,6 +253,7 @@ function RHFAutocomplete(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
+  console.log("RHFAutocomplete");
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFAutocompleteAsync/{index.0441524c.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.42df8eb4.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.c66147f7.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.28e9105d.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.2414ff25.js";
+import "../../Icon/index.c3a579e7.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.a318316e.js";
-import "../../mui_extended/Accordion/index.5111314b.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.5f6c78b0.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.da26e9d4.js";
-import "../../mui_extended/Tab/index.0989d15d.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.4698ca29.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.2414ff25.js";
+import "../../Icon/index.c3a579e7.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.a318316e.js";
-import "../../mui_extended/Accordion/index.5111314b.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.5f6c78b0.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.da26e9d4.js";
-import "../../mui_extended/Tab/index.0989d15d.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.28e9105d.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.f653934b.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.28e9105d.js";
-import { P as Period } from "../../Period/index.0e6512b2.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.1fa07688.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.a318316e.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.2414ff25.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.28e9105d.js";
+import { H as HelperText } from "../../HelperText/index.8b5911d1.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.93c2dcb5.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.28e9105d.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.2414ff25.js";
-import "../../mui_extended/IconButton/index.a318316e.js";
+import "../../Icon/index.c3a579e7.js";
+import "../../mui_extended/IconButton/index.be111a34.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.5111314b.js";
+import "../../mui_extended/Accordion/index.854f4c90.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_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../../mui_extended/MenuActions/index.b16e84c1.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.da26e9d4.js";
-import "../../mui_extended/Tab/index.0989d15d.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.92ce9b8f.js → WindowBase.d485315d.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7a07c208.js";
-import { m as modalUtilityClasses } from "./index.1bd35bd5.js";
-import { I as Icon } from "../Icon/index.2414ff25.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.a318316e.js";
-import "../mui_extended/Accordion/index.5111314b.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";
@@ -13,15 +13,16 @@ import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
-import "@m4l/graphics";
-import "../mui_extended/CheckBox.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.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/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {
@@ -34,6 +35,10 @@ const Header = (props) => {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  const handlerClick = (e) => {
+    e.stopPropagation();
+    onClickCancel && onClickCancel();
+  };
   return /* @__PURE__ */ jsxs("div", {
     id: "Header",
     className: clsx(classes.headerContainer, "m4l_draggable_handle"),
@@ -48,7 +53,7 @@ const Header = (props) => {
     }), /* @__PURE__ */ jsx(IconButton, {
       className: classes.iconCloseHeader,
       src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
-      onClick: onClickCancel,
+      onClick: (e) => handlerClick(e),
       "aria-label": "click"
     })]
   });

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

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7a07c208.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.23a2d6ae.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.b2fc495d.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.724d8e17.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.2414ff25.js";
-import { m as modalUtilityClasses } from "./index.1bd35bd5.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.a318316e.js";
-import "../mui_extended/Accordion/index.5111314b.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.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.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.36fe6953.js";
-import "../areas/components/AreasAdmin/index.7bfec13f.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.9ed7dfd7.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.1bd35bd5.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.577bf36b.js";
+import "../../contexts/ModalContext/index.1ea79d7e.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.2414ff25.js";
+import "../Icon/index.c3a579e7.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.23a2d6ae.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.a318316e.js";
-import "../mui_extended/Accordion/index.5111314b.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.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.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.36fe6953.js";
-import "../areas/components/AreasAdmin/index.7bfec13f.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.9ed7dfd7.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.5111314b.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.a318316e.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.2414ff25.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.5365cc7e.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/CheckBox/CheckBox.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckboxProps } from './types';
-export declare const CheckBox: (props: CheckboxProps) => import("react").JSX.Element;
+export declare const CheckBox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;