@m4l/components 0.1.85 → 0.1.87

package/components/HelperText/{index.8b5911d1.js → index.d00b45e5.js}

@@ -1,26 +1,26 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.c3a579e7.js";
+import "../Icon/index.435df215.js";
 import "clsx";
 import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/Accordion/index.1d182a0e.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/Button/index.f79eb74e.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/MenuActions/index.c53370f6.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/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const HelperTextRoot = styled("div")(({

package/components/Icon/{index.c3a579e7.js → index.435df215.js}

@@ -3,7 +3,7 @@ import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.e0587639.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.387a2fa1.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 const IconRoot = styled("div")(({

package/components/LanguagePopover/{index.7681b08e.js → index.3f25054a.js}

@@ -3,26 +3,26 @@ import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem }
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.c3a579e7.js";
+import "../Icon/index.435df215.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be111a34.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/Accordion/index.1d182a0e.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { I as ImageButton } from "../mui_extended/Button/index.40af964e.js";
+import { I as ImageButton } from "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.b16e84c1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import { P as Popover } from "../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/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({

package/components/ModalDialog/{index.b85ee3cb.js → index.df9b1e97.js}

@@ -1,14 +1,14 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
+import { u as useModal } from "../../hooks/useModal/index.caaeaddd.js";
 import { R as ResizeableWindow } from "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import { useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { m as modalUtilityClasses } from "../modal/index.c7e4beba.js";
+import { m as modalUtilityClasses } from "../modal/index.8d846036.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c91c27f9.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.018d4c62.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.bb879650.js → index.cc66f31f.js}

@@ -2,26 +2,26 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.c3a579e7.js";
+import "../Icon/index.435df215.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/Accordion/index.1d182a0e.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.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/MenuActions/index.c53370f6.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/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

package/components/ObjectLogs/{index.2ed38a84.js → index.ca98686d.js}

@@ -1,29 +1,29 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.37e14e83.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.c348b106.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 { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { u as useModal } from "../../hooks/useModal/index.caaeaddd.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.c7e4beba.js";
-import "../CommonActions/components/Actions/index.c91c27f9.js";
+import "../modal/index.8d846036.js";
+import "../CommonActions/components/Actions/index.018d4c62.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.6f56b1da.js";
-import "../areas/components/AreasAdmin/index.f505897a.js";
+import "../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../areas/components/AreasAdmin/index.f0fd024a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.1247c1c5.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/Accordion/index.1d182a0e.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -31,27 +31,26 @@ 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/MenuActions/index.c53370f6.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/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.cacec884.js";
+import "../areas/components/AreasViewer/index.6c28b2c0.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../modal/WindowBase.d485315d.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.a8c2609c.js";
+import { W as WindowBase } from "../modal/WindowBase.f568bcac.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.20ee6e21.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-const Container$1 = styled("div")(() => ({
+const Container = styled("div")(() => ({
   height: "100%",
   width: "100%",
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-start",
-  gap: "4px",
-  padding: "4px"
+  gap: "4px"
 }));
 const Actions = styled("div")(({
   theme
@@ -76,20 +75,6 @@ const GridWrapper = styled("div")(() => ({
   flexGrow: "1",
   width: "100%"
 }));
-const Container = styled("div")(({ theme }) => ({
-  color: theme.palette.text.primary,
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-styled("span")(({ theme }) => ({
-  color: theme.palette.text.primary,
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
 function DetailDialog(props) {
   const {
     log_id
@@ -117,8 +102,7 @@ function DetailDialog(props) {
     };
   }, []);
   const modeTheme = hostThemeOptions.palette?.mode;
-  return /* @__PURE__ */ jsx(Container, {
-    id: "objectLogsDetail",
+  return /* @__PURE__ */ jsx(ScrollBar, {
     children: /* @__PURE__ */ jsx(ReactJson, {
       theme: modeTheme === "dark" ? "summerfruit" : "rjv-default",
       name: null,
@@ -146,11 +130,11 @@ function DetailFormatter(props) {
   const isDesktop = useResponsiveDesktop();
   const onClickDetail = () => {
     openModal({
-      window: /* @__PURE__ */ jsxs(WindowBase, {
+      window: /* @__PURE__ */ jsx(WindowBase, {
         title: getLabel("data_grid.settings_title"),
-        children: [/* @__PURE__ */ jsx(DetailDialog, {
+        children: /* @__PURE__ */ jsx(DetailDialog, {
           log_id
-        }), ","]
+        })
       }),
       fullScreen: !isDesktop ? true : false
     });
@@ -248,7 +232,7 @@ function ObjectLogs(props) {
     }));
     Refresh();
   };
-  return /* @__PURE__ */ jsxs(Container$1, {
+  return /* @__PURE__ */ jsxs(Container, {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: `m4ldatagrid-${dataTestId}`
     } : {},

package/components/PaperForm/{index.989377a5.js → index.ad703ab6.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.061c9b2f.js → index.83b88249.js}

@@ -1,39 +1,39 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c91c27f9.js";
+import { I as Icon } from "../Icon/index.435df215.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.018d4c62.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.1ea79d7e.js";
+import "../../contexts/ModalContext/index.9fb8e0a2.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.c7e4beba.js";
+import "../modal/index.8d846036.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.be111a34.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/Accordion/index.1d182a0e.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_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.b16e84c1.js";
+import "../mui_extended/MenuActions/index.c53370f6.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/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.6f56b1da.js";
-import "../areas/components/AreasAdmin/index.f505897a.js";
+import "../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../areas/components/AreasAdmin/index.f0fd024a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.1247c1c5.js";
-import "../areas/components/AreasViewer/index.cacec884.js";
+import "../ScrollBar/index.65bb2930.js";
+import "../areas/components/AreasViewer/index.6c28b2c0.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/PropertyValue/{index.ac46f441.js → index.45b365c3.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.f27b86c9.js";
+import { g as getNameDataTestId } from "../../vendor.15beabcd.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

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

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

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

@@ -0,0 +1,6 @@
+import { ScrollBarClassesType } from './types';
+export declare const scrollBarClasses: ScrollBarClassesType;
+export declare function getScrollBarUtilityClass(slot: string): string;
+export declare const useScrollBarUtilityClasses: () => {
+    root: string;
+};

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

@@ -0,0 +1,6 @@
+import { useScrollBarUtilityClasses } from ".";
+export interface ScrollBarClassesType {
+    root: string;
+}
+export declare type StackClassesKey = keyof ScrollBarClassesType;
+export declare type ScrollBarClasses = ReturnType<typeof useScrollBarUtilityClasses>;

package/components/ScrollBar/{index.1247c1c5.js → index.65bb2930.js}

@@ -1,8 +1,17 @@
-import { Box } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material";
 import { styled, alpha } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
 import simpleBarCss from "simplebar/dist/simplebar.min.css?used";
+import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";
+const RootStyle = styled("div")(({
+  theme
+}) => ({
+  flexGrow: "1",
+  height: "100%",
+  overflow: "hidden",
+  ...theme.components?.M4LScrollBar?.styleOverrides
+}));
 const SimpleBarStyle = styled(SimpleBarReact)`
     /* flex-grow: 1;
     height: 100%;
@@ -11,9 +20,7 @@ const SimpleBarStyle = styled(SimpleBarReact)`
     height: 100%;
 
     .simplebar-scrollbar {
-        :before: {
-            background-color: ${(props) => alpha(props.theme.palette.grey[600], 0.48)};
-        }
+      
         .simplebar-visible:before {
             opacity: 1;
         }
@@ -41,11 +48,6 @@ const SimpleBarStyle = styled(SimpleBarReact)`
         }
     }
 `;
-const RootStyle = styled("div")(() => ({
-  flexGrow: 1,
-  height: "100%",
-  overflow: "hidden"
-}));
 styled(SimpleBarReact)(({
   theme
 }) => ({
@@ -74,6 +76,22 @@ styled(SimpleBarReact)(({
     }
   }
 }));
+const componentName = "M4LScrollBar";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getScrollBarUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useScrollBarUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getScrollBarUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
 function ScrollBar({
   children
 }) {
@@ -88,8 +106,10 @@ function ScrollBar({
       children
     });
   }
+  const classes = useScrollBarUtilityClasses();
   return /* @__PURE__ */ jsx(RootStyle, {
     id: "RootStyle",
+    className: classes.root,
     children: /* @__PURE__ */ jsx(SimpleBarStyle, {
       autoHide: false,
       children

package/components/SideBar/{index.e0587639.js → index.387a2fa1.js}

@@ -3,15 +3,15 @@ import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { createContext, useContext, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.be111a34.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.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.c3a579e7.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.435df215.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { S as ScrollBar } from "../ScrollBar/index.1247c1c5.js";
+import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";

package/components/areas/components/AreasAdmin/{index.f505897a.js → index.f0fd024a.js}

@@ -1,27 +1,27 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.be111a34.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.4baec91c.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.e4e54402.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import { generateUtilityClasses, useTheme } from "@mui/material";
-import "../../../mui_extended/Accordion/index.854f4c90.js";
-import { I as Icon } from "../../../Icon/index.c3a579e7.js";
+import "../../../mui_extended/Accordion/index.1d182a0e.js";
+import { I as Icon } from "../../../Icon/index.435df215.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 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 { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
+import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.b16e84c1.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.c53370f6.js";
 import { P as Popover } from "../../../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/Tab/index.8592b93c.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
@@ -29,39 +29,39 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.1ea79d7e.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.e019f87d.js";
+import "../../../../contexts/ModalContext/index.9fb8e0a2.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.ea2758ed.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.aca6984f.js";
-import "../../../HelperText/index.8b5911d1.js";
+import "../../../hook-form/RHFAutocomplete/index.f4eb65ce.js";
+import "../../../HelperText/index.d00b45e5.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.8511bcf8.js";
-import "../../../hook-form/RHFCheckbox/index.0f45e6b0.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.8ecce8fd.js";
+import "../../../hook-form/RHFCheckbox/index.45b6ee0b.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.07412ef0.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.94c8c59b.js";
-import "../../../hook-form/RHFPeriod/index.15b8f11e.js";
-import "../../../Period/index.061c9b2f.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 "../../../hook-form/RHFDateTime/index.802fb228.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.75129118.js";
+import "../../../hook-form/RHFPeriod/index.6395b24a.js";
+import "../../../Period/index.83b88249.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.018d4c62.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e66f9b5f.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.33892c01.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c7e4beba.js";
+import "../../../modal/index.8d846036.js";
 import { shallow } from "zustand/shallow";
 import { styled } from "@mui/material/styles";
-import { S as ScrollBar } from "../../../ScrollBar/index.1247c1c5.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import "../AreasViewer/index.cacec884.js";
+import "../AreasViewer/index.6c28b2c0.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.6f56b1da.js";
+import "../../contexts/AreasContext/index.060aa7b0.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.7ef1e124.js";
-import { u as useOnClickOutside } from "../../index.3088f99e.js";
+import "../../../hook-form/RHFUpload/index.fead1c63.js";
+import { u as useOnClickOutside } from "../../index.e9f2274c.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",
@@ -322,7 +322,7 @@ const AreaChip = (props) => {
           validationSchema,
           children: [/* @__PURE__ */ jsxs(EditAreaHeader, {
             children: [/* @__PURE__ */ jsx(Typography, {
-              children: getLabel(DICCTIONARY.label_edit_area)
+              children: getLabel(getAreasDictionary(DICCTIONARY.label_edit_area))
             }), /* @__PURE__ */ jsx(IconButton, {
               src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
               size: "small",
@@ -514,7 +514,7 @@ const ChipMobile = (props) => {
           validationSchema,
           children: [/* @__PURE__ */ jsxs(EditAreaHeader, {
             children: [/* @__PURE__ */ jsx(Typography, {
-              children: getLabel(DICCTIONARY.label_edit_area)
+              children: getLabel(getAreasDictionary(DICCTIONARY.label_edit_area))
             }), /* @__PURE__ */ jsx(IconButton, {
               src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
               size: "small",