@m4l/components 0.1.74 → 0.1.75

package/components/ObjectLogs/{index.e1a1b27c.js → index.c31b3f8b.js}

@@ -1,36 +1,36 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.dbae54dd.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.c0c626cd.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.c6069beb.js";
-import { I as Icon } from "../Icon/index.d214a74d.js";
-import "../../react-draggable.17b4ec8a.js";
-import "../ModalDialog/index.6c35e653.js";
-import "../Resizeable/index.834a9144.js";
-import "../CommonActions/components/Actions/index.51b9c92a.js";
+import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
+import { I as Icon } from "../Icon/index.f9119f5e.js";
+import "../../react-draggable.e625b0d1.js";
+import "../ModalDialog/index.f652ea12.js";
+import "../Resizeable/index.41a8048b.js";
+import "../CommonActions/components/Actions/index.37ffde59.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f9d54780.js";
+import "../mui_extended/Button/index.aebbab34.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.822cdaac.js";
+import "../mui_extended/IconButton/index.3b05af71.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.a88b73a6.js";
-import "../areas/components/AreasAdmin/index.1eda80b9.js";
+import "../areas/contexts/AreasContext/index.d98b89fc.js";
+import "../areas/components/AreasAdmin/index.158621e0.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.eddc9945.js";
+import "../areas/components/AreasViewer/index.621c0de4.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.e2d9e3f2.js";
-import "../modal/WindowConfirm.7ec9dcd3.js";
-import { W as WindowBase } from "../modal/WindowBase.9b93578e.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cb7fd1b6.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../modal/WindowConfirm.023e293f.js";
+import { W as WindowBase } from "../modal/WindowBase.c223e4da.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.3034c6ba.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.76bd3a6d.js → index.d79c6f76.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.d214a74d.js";
+import { I as Icon } from "../Icon/index.f9119f5e.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.b93d22fa.js → index.ff110093.js}

@@ -1,37 +1,37 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.d214a74d.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.51b9c92a.js";
+import { I as Icon } from "../Icon/index.f9119f5e.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.37ffde59.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f9d54780.js";
+import "../mui_extended/Button/index.aebbab34.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.0484ca54.js";
-import "../../react-draggable.17b4ec8a.js";
-import "../ModalDialog/index.6c35e653.js";
-import "../Resizeable/index.834a9144.js";
+import "../../contexts/ModalContext/index.a0de81f0.js";
+import "../../react-draggable.e625b0d1.js";
+import "../ModalDialog/index.f652ea12.js";
+import "../Resizeable/index.41a8048b.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.7ec9dcd3.js";
-import "../modal/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 "../modal/WindowConfirm.023e293f.js";
+import "../modal/WindowBase.c223e4da.js";
+import "../mui_extended/IconButton/index.3b05af71.js";
+import "../mui_extended/Accordion/index.03bd0e2a.js";
+import "../mui_extended/Avatar/index.1e1a91a3.js";
 import "react-router-dom";
-import "../Image/index.1af119da.js";
+import "../Image/index.8aae9322.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.e2d9e3f2.js";
+import "../mui_extended/Typography/index.443590d6.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/MenuActions/index.ca5ce35a.js";
+import "../mui_extended/Pager/index.80ec975a.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 "../areas/contexts/AreasContext/index.d98b89fc.js";
+import "../areas/components/AreasAdmin/index.158621e0.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.eddc9945.js";
+import "../areas/components/AreasViewer/index.621c0de4.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 const ContainerPeriod = styled("div")(({

package/components/Resizeable/{index.834a9144.js → index.41a8048b.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.ffd7c2aa.js";
+import { R as ResizableBox } from "../../react-resizable.24367d77.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/classes/index.d.ts

@@ -4,6 +4,7 @@ export declare const SideBarClasses: SideBarClassesType;
 export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     root: string;
     drawer: string;
+    popover: string;
     containerSideBarLogo: string;
     contentDesktop: string;
     contentMobile: string;
@@ -35,5 +36,4 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     collapseButtontriangleBottom: string;
     subItemCollapseActive: string;
     contentGroupsLine: string;
-    popover: string;
 };

package/components/SideBar/{index.ff7cbe91.js → index.1ae13a73.js}

@@ -1,19 +1,19 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
-import { T as TEST_PROP_ID } from "../../vendor.99e0c856.js";
-import { I as Image } from "../Image/index.1af119da.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.822cdaac.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { I as Image } from "../Image/index.8aae9322.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3b05af71.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.d214a74d.js";
-import { T as Typography } from "../mui_extended/Typography/index.e2d9e3f2.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.f9119f5e.js";
+import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.aca80f3a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.b61dccbe.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({

package/components/SplitLayout/SplitLayout.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SplitLayoutProps } from './types';
+export declare function SplitLayout(props: SplitLayoutProps): import("react").JSX.Element;

package/components/SplitLayout/classes/constants.d.ts

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

package/components/SplitLayout/classes/index.d.ts

@@ -0,0 +1,9 @@
+import { SplitLayoutClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const splitLayoutClasses: SplitLayoutClassesType;
+export declare function getSplitLayoutUtilityClass(slot: string): string;
+export declare const useSplitLayoutUtilityClasses: (ownerState: OwnerState) => {
+    root: string;
+    firstPart: string;
+    secondPart: string;
+};

package/components/SplitLayout/classes/types.d.ts

@@ -0,0 +1,10 @@
+import { useSplitLayoutUtilityClasses } from "./index";
+export interface SplitLayoutClassesType {
+    root: string;
+    firstPart: string;
+    secondPart: string;
+    stateVertical: string;
+    stateHorizontal: string;
+}
+export declare type SplitLayoutClassesKey = keyof SplitLayoutClassesType;
+export declare type Classes = ReturnType<typeof useSplitLayoutUtilityClasses>;

package/components/SplitLayout/index.9ef430f6.js

@@ -0,0 +1,99 @@
+import { styled } from "@mui/material/styles";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const SplitLayoutRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LSplitLayout?.styleOverrides
+}));
+const SplitMaster = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  overflow: "hidden"
+}));
+const SplitDetail = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  overflow: "hidden",
+  position: "absolute",
+  left: "0px",
+  right: "0px",
+  top: "0px",
+  bottom: "0px"
+}));
+const componentName = "M4LSplitLayout";
+generateUtilityClasses(componentName, [
+  "root",
+  "firstPart",
+  "secondPart",
+  "stateVertical",
+  "stateHorizontal"
+]);
+function getSplitLayoutUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useSplitLayoutUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.splitPosition === "vertical" && "stateVertical", ownerState.splitPosition === "horizontal" && "stateHorizontal"],
+    firstPart: ["firstPart"],
+    secondPart: ["secondPart"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getSplitLayoutUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
+const getNameSplitLayoutDataTestId = (KEY) => {
+  return `${SPLITLAYOUT_PREFIX}-${KEY}`;
+};
+function SplitLayout(props) {
+  const {
+    splitPosition,
+    firstPart,
+    secondPart,
+    secondParrtInitialSize = 50,
+    percentage = true,
+    className
+  } = props;
+  const ownerState = {
+    splitPosition
+  };
+  const classes = useSplitLayoutUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(SplitLayoutRoot, {
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameSplitLayoutDataTestId("root")
+    } : {},
+    children: SplitterLayout ? /* @__PURE__ */ jsxs(SplitterLayout, {
+      vertical: splitPosition === "vertical",
+      percentage,
+      secondaryInitialSize: secondParrtInitialSize,
+      children: [/* @__PURE__ */ jsx(SplitMaster, {
+        className: classes.firstPart,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("firstPart")
+        } : {},
+        children: typeof firstPart === "function" ? firstPart() : firstPart
+      }), splitPosition !== "none" && /* @__PURE__ */ jsx(SplitDetail, {
+        className: classes.secondPart,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("secondPart")
+        } : {},
+        children: typeof secondPart === "function" ? secondPart() : secondPart
+      })]
+    }) : null
+  });
+}
+export {
+  SplitLayout as S
+};

package/components/SplitLayout/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { SplitLayoutProps } from './types';
-export declare function SplitLayout(props: SplitLayoutProps): import("react").JSX.Element;
+export { SplitLayout } from './SplitLayout';
+export type { SplitLayoutProps } from './types';

package/components/SplitLayout/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const WrapperSplit: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SplitLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SplitMaster: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SplitDetail: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SplitLayout/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const SPLITLAYOUT_PREFIX = "M4LSplitLayout";

package/components/SplitLayout/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { SplitLayoutClassesKey } from "../classes/types";
+export declare const getNameSplitLayoutDataTestId: (KEY: SplitLayoutClassesKey) => string;

package/components/SplitLayout/types.d.ts

@@ -6,4 +6,6 @@ export interface SplitLayoutProps {
     secondParrtInitialSize?: number;
     firstPart: ((props?: any) => JSX.Element) | ReactNode;
     secondPart: ((props?: any) => JSX.Element) | ReactNode;
+    className?: string;
 }
+export declare type OwnerState = Pick<SplitLayoutProps, 'splitPosition'>;

package/components/animate/PropagateLoader/{index.be5b02c3.js → index.7fab43c8.js}

@@ -1,6 +1,6 @@
 import { styled, useTheme } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
-import { P as PropagateLoader$1 } from "../../../node_modules.416f1da3.js";
+import { P as PropagateLoader$1 } from "../../../react-spinners.342a6578.js";
 const WrapperPropageteLoader = styled("div")(({
   theme
 }) => ({

package/components/animate/index.1f8eadd4.js

@@ -0,0 +1,66 @@
+import { m } from "framer-motion";
+import { forwardRef } from "react";
+import { IconButton, Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import "@mui/material/styles";
+import "react-router-dom";
+import "./LoadingScreen/index.1d0c4307.js";
+import "./PropagateLoader/index.7fab43c8.js";
+const varSmall = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+};
+const varMedium = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+};
+const varLarge = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function AnimateWrap({
+  size,
+  children
+}) {
+  const isSmall = size === "small";
+  const isLarge = size === "large";
+  return /* @__PURE__ */ jsx(Box, {
+    component: m.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: isSmall && varSmall || isLarge && varLarge || varMedium,
+    sx: {
+      display: "inline-flex"
+    },
+    children
+  });
+}
+const IconButtonAnimate = forwardRef(({
+  children,
+  size = "medium",
+  ...other
+}, ref) => /* @__PURE__ */ jsx(AnimateWrap, {
+  size,
+  children: /* @__PURE__ */ jsx(IconButton, {
+    size,
+    ref,
+    ...other,
+    children
+  })
+}));
+IconButtonAnimate.displayName = "IconButtonAnimate";
+export {
+  IconButtonAnimate as I
+};

package/components/areas/components/AreasAdmin/{index.1eda80b9.js → index.158621e0.js}

@@ -1,62 +1,62 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.822cdaac.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.7a37ede8.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3b05af71.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.a7b597fb.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import { generateUtilityClasses } from "@mui/material";
-import { I as Icon } from "../../../Icon/index.d214a74d.js";
+import { I as Icon } from "../../../Icon/index.f9119f5e.js";
 import clsx from "clsx";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../../mui_extended/Avatar/index.fe06afd7.js";
+import "../../../mui_extended/Accordion/index.03bd0e2a.js";
+import "../../../mui_extended/Avatar/index.1e1a91a3.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.f9d54780.js";
-import "../../../Image/index.1af119da.js";
+import "../../../mui_extended/Button/index.aebbab34.js";
+import "../../../Image/index.8aae9322.js";
 import "@mui/lab";
-import { T as Typography } from "../../../mui_extended/Typography/index.e2d9e3f2.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.03403529.js";
-import "../../../mui_extended/Pager/index.6428b07c.js";
+import "../../../mui_extended/MenuActions/index.ca5ce35a.js";
+import "../../../mui_extended/Pager/index.80ec975a.js";
 import "../../../mui_extended/Tab/index.e0653a0a.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.aca80f3a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.b61dccbe.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.3ec589d3.js";
 import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.0484ca54.js";
+import "../../../../contexts/ModalContext/index.a0de81f0.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.a7511399.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.72437d8a.js";
-import "../../../HelperText/index.d449d124.js";
+import "../../../hook-form/RHFAutocomplete/index.af3296ac.js";
+import "../../../HelperText/index.ec9b3e6a.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.2a84f2b2.js";
-import "../../../hook-form/RHFCheckbox/index.6e6389e7.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.76864056.js";
+import "../../../hook-form/RHFCheckbox/index.865ba239.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.745b101b.js";
+import "../../../hook-form/RHFDateTime/index.fd9c5aca.js";
 import "@m4l/graphics";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ca7393a7.js";
-import "../../../hook-form/RHFPeriod/index.6969af99.js";
-import "../../../Period/index.b93d22fa.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-draggable.17b4ec8a.js";
-import "../../../ModalDialog/index.6c35e653.js";
-import "../../../Resizeable/index.834a9144.js";
-import "../../../modal/WindowConfirm.7ec9dcd3.js";
-import "../../../modal/WindowBase.9b93578e.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.abcbc2d3.js";
+import "../../../hook-form/RHFPeriod/index.77486f61.js";
+import "../../../Period/index.ff110093.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.37ffde59.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.574ea031.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.d635cbc4.js";
+import "../../../../react-draggable.e625b0d1.js";
+import "../../../ModalDialog/index.f652ea12.js";
+import "../../../Resizeable/index.41a8048b.js";
+import "../../../modal/WindowConfirm.023e293f.js";
+import "../../../modal/WindowBase.c223e4da.js";
 import { shallow } from "zustand/shallow";
 import { styled } from "@mui/material/styles";
 import { S as ScrollBar } from "../../../ScrollBar/index.bbe48f4d.js";
-import "../AreasViewer/index.eddc9945.js";
-import "../../contexts/AreasContext/index.a88b73a6.js";
+import "../AreasViewer/index.621c0de4.js";
+import "../../contexts/AreasContext/index.d98b89fc.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.e72db809.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.d74ca00d.js";
+import "../../../hook-form/RHFUpload/index.522bcad5.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "areaChipRoot",