@m4l/components 0.1.72 → 0.1.74

package/components/areas/contexts/AreasContext/{index.0b50676d.js → index.a88b73a6.js}

@@ -5,8 +5,8 @@ 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, a as areasViewerClasses } from "../../components/AreasViewer/index.51ee3d38.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.218451cf.js";
+import { u as useAreasViewerUtilityClasses, a as areasViewerClasses } from "../../components/AreasViewer/index.eddc9945.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.1eda80b9.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary } from "../../dictionary.e72db809.js";
 import { debounce, cloneDeep } from "lodash";
@@ -26,7 +26,8 @@ const DEFAULT_WINDOW = {
   moduleActions: [],
   cookies: { moduleCookies: {}, windowCookies: {} },
   loading: false,
-  tosties: [],
+  toasties: [],
+  hashToasties: {},
   toastyCount: 0
 };
 const DEFAULT_AREA = {
@@ -182,6 +183,7 @@ function getDataFromResponse(data, state, areaId) {
         newWindowsLayouts.push(element["layoutProps"]);
         const onClose = state.areaActions.closeWindowLayout;
         newHashWindowLayouts[key] = {
+          ...DEFAULT_WINDOW,
           ...element,
           windowId: key,
           emergeType: "layout",
@@ -190,11 +192,7 @@ function getDataFromResponse(data, state, areaId) {
             dynamicMFParameters: element.dynamicParams,
             windowId: key
           }),
-          onClose: () => onClose(areaId, key),
-          status: "init",
-          moduleActions: [],
-          cookies: { moduleCookies: {}, windowCookies: {} },
-          loading: false
+          onClose: () => onClose(areaId, key)
         };
         state.hashWindows[key] = newHashWindowLayouts[key];
       }
@@ -220,13 +218,21 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
-const removeToasty = (state, toastyId) => {
-  const tosties = state.tosties;
-  for (let i = 0; i < tosties.length; i++) {
-    const findToasty = tosties[i];
-    if (findToasty.id === toastyId) {
-      state.tosties.splice(i, 1);
-      return;
+const verifyRemoveToasty = (state, toastyId, forceRemove) => {
+  const tfy = state.hashToasties[toastyId];
+  if (tfy) {
+    tfy.percentExecuted = (1 - (tfy.timeStart + tfy.timeoutMs - new Date().getTime()) / tfy.timeoutMs) * 100;
+    console.log("verifyRemoveToasty", tfy.percentExecuted);
+    if (tfy.percentExecuted >= 100 || forceRemove) {
+      const tosties = state.toasties;
+      for (let i = 0; i < tosties.length; i++) {
+        const findToasty = tosties[i];
+        if (findToasty.id === toastyId) {
+          state.toasties.splice(i, 1);
+          delete state.hashToasties[toastyId];
+          return;
+        }
+      }
     }
   }
 };
@@ -955,22 +961,25 @@ const createAreasStore = (initProps) => {
             const hW = get().hashWindows[windowId];
             if (hW) {
               if (options.replaceMeId) {
-                for (let index = 0; index < hW.tosties.length; index++) {
-                  const t = hW.tosties[index];
+                for (const key in hW.hashToasties) {
+                  const t = hW.hashToasties[key];
                   if (options.replaceMeId === t.replaceMeId) {
                     const toastyId = t.id;
                     if (t.timer) {
                       clearTimeout(t.timer);
                     }
-                    set((stateSetTimer) => {
-                      stateSetTimer.hashWindows[windowId].tosties[index].timer = setTimeout(() => {
-                        set((state) => {
-                          removeToasty(
-                            state.hashWindows[windowId],
+                    set((state2) => {
+                      const hw2 = state2.hashWindows[windowId].hashToasties[toastyId];
+                      hw2.timeStart = new Date().getTime();
+                      hw2.percentExecuted = 0;
+                      hw2.timer = setInterval(() => {
+                        set((state3) => {
+                          verifyRemoveToasty(
+                            state3.hashWindows[windowId],
                             toastyId
                           );
                         });
-                      }, t.timeoutMs);
+                      }, 1e3);
                     });
                     return;
                   }
@@ -984,18 +993,48 @@ const createAreasStore = (initProps) => {
                   id: state.hashWindows[windowId].toastyCount,
                   ...options,
                   timeoutMs,
-                  timer: setTimeout(() => {
+                  timeStart: new Date().getTime(),
+                  percentExecuted: 0,
+                  timer: setInterval(() => {
                     set((stateRemoveToasty) => {
-                      removeToasty(
+                      verifyRemoveToasty(
                         stateRemoveToasty.hashWindows[windowId],
                         toastyId
                       );
                     });
-                  }, timeoutMs)
+                  }, 1e3)
                 };
-                state.hashWindows[windowId].tosties.push(newToasty);
+                state.hashWindows[windowId].hashToasties[toastyId] = newToasty;
+                state.hashWindows[windowId].toasties.push(newToasty);
               });
             }
+          },
+          closeToasty: (windowId, toastyId) => {
+            set((state) => {
+              verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
+            });
+          },
+          pinToasty: (windowId, toastyId) => {
+            set((state) => {
+              const t = state.hashWindows[windowId].hashToasties[toastyId];
+              if (t) {
+                if (t.timer) {
+                  clearInterval(t.timer);
+                  t.timer = void 0;
+                } else {
+                  t.timeStart = new Date().getTime();
+                  t.percentExecuted = 0;
+                  t.timer = setInterval(() => {
+                    set((state2) => {
+                      verifyRemoveToasty(
+                        state2.hashWindows[windowId],
+                        toastyId
+                      );
+                    });
+                  }, 1e3);
+                }
+              }
+            });
           }
         }
       })),

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

@@ -190,6 +190,8 @@ export interface AreasStateWithActions extends AreasState {
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
         toasty: (windowId: string, options: ToastyOptions) => void;
+        closeToasty: (windowId: string, toastyId: number) => void;
+        pinToasty: (windowId: string, toastyId: number) => void;
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { CookieType, AreaWindowAction } from '../../types';
+import type { CookieType, AreaWindowAction, ToastyOptions } from '../../types';
 export interface WindowToolsMF {
     getCookie: (id: string) => Record<string, any> | undefined;
     getWindowId: () => string;
@@ -7,6 +7,7 @@ export interface WindowToolsMF {
     setActions: (newActions: AreaWindowAction[], version?: string) => void;
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
     setLoading: (isLoading: boolean) => void;
+    toasty: (options: ToastyOptions) => void;
     close: () => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {

package/components/areas/contexts/{index.b0ce327e.js → index.7dd01403.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.0b50676d.js";
+import "./AreasContext/index.a88b73a6.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.e868e3d9.js → index.7a37ede8.js}

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

package/components/areas/{icons.b36751f2.js → icons.3ec589d3.js}

@@ -10,7 +10,9 @@ const ICONS = {
   EDIT_AREA: "edit.svg",
   CHECK: "checkmarkInCircle.svg",
   RESIZE: "controlSize.svg",
-  VERSION: "version.svg"
+  VERSION: "version.svg",
+  TOASTY_CLOSE: "close.svg",
+  TOASTY_PIN: "pin.svg"
 };
 export {
   ICONS as I

package/components/areas/icons.d.ts

@@ -11,4 +11,6 @@ export declare const ICONS: {
     CHECK: string;
     RESIZE: string;
     VERSION: string;
+    TOASTY_CLOSE: string;
+    TOASTY_PIN: string;
 };

package/components/areas/{index.05b7b8e2.js → index.95c4ed37.js}

@@ -1,16 +1,16 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.9839297c.js";
+import "../Icon/index.d214a74d.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.590049b4.js";
+import "../mui_extended/IconButton/index.822cdaac.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.0b50676d.js";
-import "./components/AreasAdmin/index.218451cf.js";
+import "./contexts/AreasContext/index.a88b73a6.js";
+import "./components/AreasAdmin/index.1eda80b9.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "./components/AreasViewer/index.51ee3d38.js";
+import "./components/AreasViewer/index.eddc9945.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
+export type { ToastyOptions } from './types';
 export * from './dictionary';

package/components/areas/types.d.ts

@@ -31,7 +31,9 @@ export declare type Toasty = {
     timeoutMs: number;
     type: ToastyType;
     message: string;
-    timer?: ReturnType<typeof setTimeout>;
+    timeStart: number;
+    percentExecuted: number;
+    timer?: ReturnType<typeof setInterval>;
     replaceMeId?: string;
 };
 export interface ToastyOptions extends Pick<Toasty, 'message' | 'type' | 'replaceMeId'> {
@@ -44,7 +46,8 @@ export declare type WindowState = {
     version?: string;
     moduleActions: AreaWindowAction[];
     cookies: Cookies;
-    tosties: Toasty[];
+    toasties: Toasty[];
+    hashToasties: Record<number, Toasty>;
     toastyCount: number;
 };
 export interface WindowBaseProps {

package/components/formatters/BooleanFormatter/{index.e610de08.js → index.820a2130.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.9839297c.js";
+import { I as Icon } from "../../Icon/index.d214a74d.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.982e909b.js → index.0c692a4b.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.9839297c.js";
+import "../Icon/index.d214a74d.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.e610de08.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.820a2130.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.b185393e.js → index.72437d8a.js}

@@ -1,27 +1,27 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.a88f6341.js";
+import { I as Image } from "../../Image/index.1af119da.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
+import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
-import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
+import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
+import { H as HelperText } from "../../HelperText/index.d449d124.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.9839297c.js";
-import "../../mui_extended/IconButton/index.590049b4.js";
+import "../../Icon/index.d214a74d.js";
+import "../../mui_extended/IconButton/index.822cdaac.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.d420b666.js";
+import "../../mui_extended/Accordion/index.09a89d3d.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.1cd0c4e4.js";
+import "../../mui_extended/Button/index.f9d54780.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f9eb6463.js";
-import "../../mui_extended/Pager/index.c058b933.js";
+import "../../mui_extended/MenuActions/index.03403529.js";
+import "../../mui_extended/Pager/index.6428b07c.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.7a569646.js → index.2a84f2b2.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 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 "../../../vendor.d194839d.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.b185393e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.72437d8a.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.7a9ea396.js → index.6e6389e7.js}

@@ -1,12 +1,12 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
+import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
-import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
+import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFDateTime/{index.2fd1d56b.js → index.745b101b.js}

@@ -6,21 +6,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.9839297c.js";
-import "../../mui_extended/IconButton/index.590049b4.js";
-import "../../mui_extended/Accordion/index.d420b666.js";
+import "../../Icon/index.d214a74d.js";
+import "../../mui_extended/IconButton/index.822cdaac.js";
+import "../../mui_extended/Accordion/index.09a89d3d.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.1cd0c4e4.js";
-import "../../Image/index.a88f6341.js";
+import "../../mui_extended/Button/index.f9d54780.js";
+import "../../Image/index.1af119da.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
+import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f9eb6463.js";
-import "../../mui_extended/Pager/index.c058b933.js";
+import "../../mui_extended/MenuActions/index.03403529.js";
+import "../../mui_extended/Pager/index.6428b07c.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
+import { H as HelperText } from "../../HelperText/index.d449d124.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.df3d3f69.js → index.6969af99.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
-import { P as Period } from "../../Period/index.2ab4f2a1.js";
+import { H as HelperText } from "../../HelperText/index.d449d124.js";
+import { P as Period } from "../../Period/index.b93d22fa.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.e1b50c30.js → index.ca7393a7.js}

@@ -1,18 +1,18 @@
 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.590049b4.js";
-import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.822cdaac.js";
+import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.9839297c.js";
+import "../../Icon/index.d214a74d.js";
 import "clsx";
 import "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.8608d16c.js";
-import { T as Typography } from "../../mui_extended/Typography/index.1659d310.js";
-import { H as HelperText } from "../../HelperText/index.4c27bfc1.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.aca80f3a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.e2d9e3f2.js";
+import { H as HelperText } from "../../HelperText/index.d449d124.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.ec977af6.js → index.d74ca00d.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.a88f6341.js";
+import { I as Image } from "../../Image/index.1af119da.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/modal/{WindowBase.e5ec6128.js → WindowBase.9b93578e.js}

@@ -1,24 +1,24 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.18a7cb8f.js";
+import { u as useModal } from "../../hooks/useModal/index.c6069beb.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.8608d16c.js";
-import { I as Icon } from "../Icon/index.9839297c.js";
+import { a as getThemeVariantColor } from "../../utils/index.aca80f3a.js";
+import { I as Icon } from "../Icon/index.d214a74d.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.590049b4.js";
-import "../mui_extended/Accordion/index.d420b666.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.822cdaac.js";
+import "../mui_extended/Accordion/index.09a89d3d.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.1cd0c4e4.js";
+import "../mui_extended/Button/index.f9d54780.js";
 import "clsx";
-import "../Image/index.a88f6341.js";
+import "../Image/index.1af119da.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.1659d310.js";
+import "../mui_extended/Typography/index.e2d9e3f2.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f9eb6463.js";
-import "../mui_extended/Pager/index.c058b933.js";
+import "../mui_extended/MenuActions/index.03403529.js";
+import "../mui_extended/Pager/index.6428b07c.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.b89712de.js → WindowConfirm.7ec9dcd3.js}

@@ -1,34 +1,34 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.18a7cb8f.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.e190561b.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.07ba5a89.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a454d0e4.js";
+import { u as useModal } from "../../hooks/useModal/index.c6069beb.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.51b9c92a.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.fad4a0dc.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0fb6efbe.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.1cd0c4e4.js";
+import "../mui_extended/Button/index.f9d54780.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.21aa9ee1.js";
-import "../ModalDialog/index.75ddf6de.js";
-import "../Resizeable/index.086ff29e.js";
+import "../../react-draggable.17b4ec8a.js";
+import "../ModalDialog/index.6c35e653.js";
+import "../Resizeable/index.834a9144.js";
 import "@m4l/graphics";
-import { I as Icon } from "../Icon/index.9839297c.js";
+import { I as Icon } from "../Icon/index.d214a74d.js";
 import { styled } from "@mui/material/styles";
-import { b as getVariantColor } from "../../utils/index.8608d16c.js";
-import { W as WindowBase } from "./WindowBase.e5ec6128.js";
-import "../mui_extended/IconButton/index.590049b4.js";
+import { b as getVariantColor } from "../../utils/index.aca80f3a.js";
+import { W as WindowBase } from "./WindowBase.9b93578e.js";
+import "../mui_extended/IconButton/index.822cdaac.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0b50676d.js";
-import "../areas/components/AreasAdmin/index.218451cf.js";
+import "../areas/contexts/AreasContext/index.a88b73a6.js";
+import "../areas/components/AreasAdmin/index.1eda80b9.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.51ee3d38.js";
+import "../areas/components/AreasViewer/index.eddc9945.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.1659d310.js";
+import "../mui_extended/Typography/index.e2d9e3f2.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.dba72820.js

@@ -0,0 +1,36 @@
+import "@mui/material";
+import "../../react-draggable.17b4ec8a.js";
+import "react";
+import "../../contexts/ModalContext/index.0484ca54.js";
+import "../ModalDialog/index.6c35e653.js";
+import "../Resizeable/index.834a9144.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "../Icon/index.d214a74d.js";
+import "clsx";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.51b9c92a.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f9d54780.js";
+import "react-hook-form";
+import "./WindowBase.9b93578e.js";
+import "../mui_extended/IconButton/index.822cdaac.js";
+import "../mui_extended/Accordion/index.09a89d3d.js";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "../Image/index.1af119da.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.e2d9e3f2.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.03403529.js";
+import "../mui_extended/Pager/index.6428b07c.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.a88b73a6.js";
+import "../areas/components/AreasAdmin/index.1eda80b9.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.eddc9945.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./WindowConfirm.7ec9dcd3.js";

package/components/mui_extended/Accordion/{index.d420b666.js → index.09a89d3d.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.590049b4.js";
+import { I as IconButton } from "../IconButton/index.822cdaac.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.9839297c.js";
+import { I as Icon } from "../../Icon/index.d214a74d.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/{index.1cd0c4e4.js → index.f9d54780.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.a88f6341.js";
+import { I as Image } from "../../Image/index.1af119da.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.d194839d.js";
+import { T as TEST_PROP_ID } from "../../../vendor.99e0c856.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.1659d310.js";
+import { T as Typography } from "../Typography/index.e2d9e3f2.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({

package/components/mui_extended/IconButton/{index.590049b4.js → index.822cdaac.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.9839297c.js";
+import { I as Icon } from "../../Icon/index.d214a74d.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.f9eb6463.js → index.03403529.js}

@@ -3,8 +3,8 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem } 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.9839297c.js";
-import { I as IconButton$1 } from "../IconButton/index.590049b4.js";
+import { I as Icon } from "../../Icon/index.d214a74d.js";
+import { I as IconButton$1 } from "../IconButton/index.822cdaac.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({