@m4l/components 0.1.85 → 0.1.86

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.7d2ccfe4.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.d15e51bf.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.97d04d6b.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.b66c43e7.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.2387ea76.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.6cdf65c9.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.99a8e55e.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.bb879650.js → index.abbcb9b2.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.d15e51bf.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.97d04d6b.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.ad313913.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.d38e3b49.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.c906706c.js";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { u as useModal } from "../../hooks/useModal/index.2387ea76.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.6cdf65c9.js";
+import "../CommonActions/components/Actions/index.99a8e55e.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.8af3058c.js";
+import "../areas/components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../ScrollBar/index.1247c1c5.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../ScrollBar/index.65bb2930.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -31,18 +31,18 @@ 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.97d04d6b.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.68eb0f6b.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.0eea1a27.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.fddefc23.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",

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.32d475b8.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.99a8e55e.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.5c908fe3.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.c7e4beba.js";
+import "../modal/index.6cdf65c9.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.d15e51bf.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.97d04d6b.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.8af3058c.js";
+import "../areas/components/AreasAdmin/index.23a09c81.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.68eb0f6b.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.d52295d9.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.7751caf6.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.23a09c81.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.d1cf9820.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.d15e51bf.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.97d04d6b.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.5c908fe3.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.60c6f592.js";
+import "../../../HelperText/index.bbbe24c9.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.8511bcf8.js";
-import "../../../hook-form/RHFCheckbox/index.0f45e6b0.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.9a40fb06.js";
+import "../../../hook-form/RHFCheckbox/index.da4ebb03.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.c56219ea.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.413a74ca.js";
+import "../../../hook-form/RHFPeriod/index.ee6a3d61.js";
+import "../../../Period/index.32d475b8.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.99a8e55e.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.d995d986.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.98eb4b3b.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c7e4beba.js";
+import "../../../modal/index.6cdf65c9.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.68eb0f6b.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.6f56b1da.js";
+import "../../contexts/AreasContext/index.8af3058c.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.03faa7f0.js";
+import { u as useOnClickOutside } from "../../index.fd46ec65.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",

package/components/areas/components/AreasViewer/{index.cacec884.js → index.68eb0f6b.js}

@@ -13,26 +13,26 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.4baec91c.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.d1cf9820.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.be111a34.js";
-import "../../../mui_extended/Accordion/index.854f4c90.js";
-import { I as Icon } from "../../../Icon/index.c3a579e7.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../../mui_extended/Accordion/index.d15e51bf.js";
+import { I as Icon } from "../../../Icon/index.435df215.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 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 { I as Image } from "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.b16e84c1.js";
+import { M as MenuActions, a as MemonizedMenuActions } from "../../../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.97d04d6b.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
@@ -42,57 +42,57 @@ import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.1ea79d7e.js";
-import "../../../../contexts/RHFormContext/index.e019f87d.js";
+import "../../../../contexts/ModalContext/index.5c908fe3.js";
+import "../../../../contexts/RHFormContext/index.ea2758ed.js";
 import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
 import { S as SizeProvider } from "../../../GridLayout/index.2383aaf9.js";
 import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.6f56b1da.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.8af3058c.js";
 import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.f505897a.js";
-import "../../../ScrollBar/index.1247c1c5.js";
+import "../AreasAdmin/index.23a09c81.js";
+import "../../../ScrollBar/index.65bb2930.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.aca6984f.js";
-import "../../../HelperText/index.8b5911d1.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.8511bcf8.js";
-import "../../../hook-form/RHFCheckbox/index.0f45e6b0.js";
+import "../../../hook-form/RHFAutocomplete/index.60c6f592.js";
+import "../../../HelperText/index.bbbe24c9.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.9a40fb06.js";
+import "../../../hook-form/RHFCheckbox/index.da4ebb03.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.07412ef0.js";
-import "../../../hook-form/RHFTextField/index.94c8c59b.js";
-import "../../../hook-form/RHFPeriod/index.15b8f11e.js";
-import "../../../Period/index.061c9b2f.js";
-import "../../../CommonActions/components/Actions/index.c91c27f9.js";
+import "../../../hook-form/RHFDateTime/index.c56219ea.js";
+import "../../../hook-form/RHFTextField/index.413a74ca.js";
+import "../../../hook-form/RHFPeriod/index.ee6a3d61.js";
+import "../../../Period/index.32d475b8.js";
+import "../../../CommonActions/components/Actions/index.99a8e55e.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c7e4beba.js";
+import "../../../modal/index.6cdf65c9.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.7ef1e124.js";
-import "../../../DataGrid/index.37e14e83.js";
+import "../../../hook-form/RHFUpload/index.03faa7f0.js";
+import "../../../DataGrid/index.d38e3b49.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DataGrid/subcomponents/Actions/index.155c63af.js";
+import "../../../DataGrid/subcomponents/Actions/index.7015aadc.js";
 import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import "../../../DynamicFilter/index.a8c2609c.js";
+import "../../../DynamicFilter/index.fddefc23.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.7681b08e.js";
-import "../../../NavLink/index.bb879650.js";
+import "../../../LanguagePopover/index.7d2ccfe4.js";
+import "../../../NavLink/index.abbcb9b2.js";
 import "../../../NoItemSelected/index.a2807715.js";
-import "../../../ObjectLogs/index.2ed38a84.js";
+import "../../../ObjectLogs/index.ad313913.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.989377a5.js";
+import "../../../PaperForm/index.ad703ab6.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.ac46f441.js";
+import "../../../PropertyValue/index.d52295d9.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SideBar/index.e0587639.js";
-import "../../../AppBar/index.291da9fd.js";
-import "../../../AccountPopover/index.35c29a55.js";
+import "../../../SideBar/index.387a2fa1.js";
+import "../../../AppBar/index.4fac1368.js";
+import "../../../AccountPopover/index.09f33fee.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",