@m4l/components 0.2.11 → 0.2.13

package/components/Period/{index.08e6f781.js → index.3bd05e05.js}

@@ -1,93 +1,93 @@
 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.29065051.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.9bf6a051.js";
+import { I as Icon } from "../Icon/index.e215d0f0.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.93e9112b.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f538e360.js";
+import "../mui_extended/Button/index.0f2552ed.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.6fe8dc84.js";
+import "../../contexts/ModalContext/index.ef38d747.js";
 import "../../react-draggable.ee21cb7e.js";
 import "../Resizeable/index.6478d7d8.js";
 import "@m4l/graphics";
-import "../modal/index.e956af6b.js";
+import "../modal/index.ac0c9093.js";
 import "../animate/index.4e9774a6.js";
 import "framer-motion";
 import "@mui/material/styles";
 import "react-router-dom";
 import "../animate/LoadingScreen/index.1d0c4307.js";
 import "../animate/PropagateLoader/index.7fab43c8.js";
-import "../mui_extended/IconButton/index.e295aa1f.js";
+import "../mui_extended/IconButton/index.5afe56b7.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.32bf901d.js";
-import "../areas/components/AreasAdmin/index.3b2795c4.js";
+import "../areas/contexts/AreasContext/index.cffa1526.js";
+import "../areas/components/AreasAdmin/index.c1539c1b.js";
 import "zustand/shallow";
 import "../ScrollBar/index.010f1b9d.js";
-import "../mui_extended/Accordion/index.d28e2432.js";
+import "../mui_extended/Accordion/index.3087f40e.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.cf640615.js";
+import "../Image/index.d684bdf2.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.69ac3618.js";
+import "../mui_extended/MenuActions/index.cc54c35c.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.51a68bcd.js";
-import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tab/index.ae9ea641.js";
+import "../mui_extended/Pager/index.5fbbefe2.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.26f5cb46.js";
+import "../areas/components/AreasViewer/index.e084d8e9.js";
 import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.209dc4ff.js";
+import "../LoadingError/index.b3e4e8e5.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand/middleware/immer";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../hook-form/RHFAutocomplete/index.b2e17b00.js";
-import "../HelperText/index.207eea15.js";
-import "../../node_modules.56dca1cf.js";
+import "../hook-form/RHFAutocomplete/index.01a8f57e.js";
+import "../HelperText/index.918bba47.js";
+import "../../node_modules.79f5ed2f.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
-import "../hook-form/RHFColorPicker/index.7170bbf9.js";
+import "../hook-form/RHFColorPicker/index.c7695748.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.4cd318d2.js";
-import "../hook-form/RHFCheckbox/index.f6b8a161.js";
+import "../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
+import "../hook-form/RHFCheckbox/index.23fc4851.js";
 import "@mui/x-date-pickers";
-import "../hook-form/RHFDateTime/index.082312da.js";
-import "../hook-form/RHFTextField/index.11acfb14.js";
-import "../hook-form/RHFPeriod/index.fcf1fadc.js";
+import "../hook-form/RHFDateTime/index.984b803f.js";
+import "../hook-form/RHFTextField/index.1167879e.js";
+import "../hook-form/RHFPeriod/index.1852e7d3.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.426af663.js";
-import "../formatters/index.57f0da1b.js";
-import "../DataGrid/index.35e65d9b.js";
+import "../hook-form/RHFUpload/index.49edcb02.js";
+import "../formatters/index.4426a315.js";
+import "../DataGrid/index.387652a9.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../DynamicFilter/index.e1ad0e47.js";
+import "../DynamicFilter/index.9e9885b0.js";
 import "yup";
 import "../../contexts/RHFormContext/index.7769076a.js";
 import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
 import "../GridLayout/index.68093cfb.js";
 import "fast-equals";
 import "lodash";
-import "../PrintingSystem/index.73dd98b3.js";
-import "../LanguagePopover/index.df17bd3b.js";
-import "../MFLoader/index.7e274375.js";
-import "../NavLink/index.35759d66.js";
-import "../NoItemSelected/index.50d06852.js";
-import "../ObjectLogs/index.5c07c159.js";
+import "../PrintingSystem/index.70234425.js";
+import "../LanguagePopover/index.424bad09.js";
+import "../MFLoader/index.3d17dfc3.js";
+import "../NavLink/index.ed4c0609.js";
+import "../NoItemSelected/index.5ed80b8e.js";
+import "../ObjectLogs/index.3a939c6b.js";
 import "../../react-json-view.5636414a.js";
-import "../PaperForm/index.6859d4e8.js";
-import "../PDFViewer/index.5e4d01af.js";
-import "../Page/index.5aefe8f7.js";
-import "../PropertyValue/index.c1d519a2.js";
+import "../PaperForm/index.013ed28b.js";
+import "../PDFViewer/index.4d16e5bc.js";
+import "../Page/index.890fbaac.js";
+import "../PropertyValue/index.45482ca3.js";
 import "../SplitLayout/index.30fd5861.js";
 import "../../react-splitter-layout.c5d98bf7.js";
-import "../ToastContainer/index.f67795cb.js";
-import "../SideBar/index.f322ee0b.js";
-import "../AppBar/index.0821efbc.js";
-import "../AccountPopover/index.bfacb05d.js";
+import "../ToastContainer/index.5e729fbb.js";
+import "../SideBar/index.614f85fb.js";
+import "../AppBar/index.c8e7b25c.js";
+import "../AccountPopover/index.7060320a.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 const ContainerPeriod = styled("div")(({

package/components/PrintingSystem/{index.73dd98b3.js → index.70234425.js}

@@ -3,18 +3,19 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { styled, useTheme } from "@mui/material/styles";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.56efaa0c.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.05d1fcf7.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.3894059c.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.0e23ffd4.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.cf640615.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.d70a5d24.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.4320bb03.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.f97e7aa6.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.7d3a3c8f.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.6cabbf31.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.4cd7f6d8.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.5aefe8f7.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.91e65ff6.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.25aeb4aa.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.2b632722.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.732d7c58.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.d684bdf2.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.1dd418aa.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.c2481749.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.1a20a9d4.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.8402e742.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.758d94d1.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.6aadd6b3.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.890fbaac.js";
+import { useBase, evaluateWithContext } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 const componentName = "M4LPrintingSystem";
@@ -104,6 +105,9 @@ const FactoryRender = (props) => {
     children,
     ...otherProps
   } = parent || {};
+  const {
+    sourceData
+  } = useBase();
   const strategiesComponents = {
     section: SectionNode,
     textBox: TextBoxNode,
@@ -129,7 +133,7 @@ const FactoryRender = (props) => {
       return /* @__PURE__ */ jsx(FactoryRender, {
         data: subComponent
       }, `${subComponent.key}-${Math.random().toString(36).substring(7)}`);
-    }) : null, typeof children === "string" ? children : null]
+    }) : null, typeof children === "string" ? evaluateWithContext(sourceData, children) : null]
   });
 };
 const PrintingSystem = forwardRef((props, ref) => {

package/components/PrintingSystem/subcomponents/BodyNode/{index.d70a5d24.js → index.1dd418aa.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.4cd7f6d8.js → index.6aadd6b3.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.73dd98b3.js";
+import { c as classes } from "../../index.70234425.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.56efaa0c.js → index.91e65ff6.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.73dd98b3.js";
+import { c as classes } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const DividerNode = (props) => {

package/components/PrintingSystem/subcomponents/FooterNode/{index.4320bb03.js → index.c2481749.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.6cabbf31.js → index.758d94d1.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {
@@ -54,7 +54,7 @@ const GridNode = (props) => {
                   minWidth: getSize(dataColumns[id].width || "auto", unitSize),
                   justifyContent: cell.alignX ? cell.alignX : "center"
                 },
-                children: isNested ? evaluateWithContext(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
+                children: isNested ? getPropertyByString(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
               }, `td-${Math.random().toString(36).substring(7)}`);
             })
           }, `tr-${Math.random().toString(36).substring(7)}`);

package/components/PrintingSystem/subcomponents/HeaderNode/{index.0e23ffd4.js → index.732d7c58.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.f97e7aa6.js → index.1a20a9d4.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.73dd98b3.js";
+import { c as classes } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.7d3a3c8f.js → index.8402e742.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {
@@ -7,7 +7,7 @@ const PropertyValueNode = (props) => {
     style = {},
     className = "",
     property,
-    value,
+    children,
     direction,
     propertyWidth = "auto"
   } = props;
@@ -17,7 +17,6 @@ const PropertyValueNode = (props) => {
     sourceData
   } = useBase();
   const propertyFormated = evaluateWithContext(sourceData, property);
-  const valueFormated = evaluateWithContext(sourceData, value);
   return /* @__PURE__ */ jsxs("div", {
     className: clsx(classes.propertyValueNodeRoot, direction === "column" ? classes.propertyValueNodeHorizontal : classes.propertyValueNodeVertical, className),
     style: {
@@ -33,7 +32,7 @@ const PropertyValueNode = (props) => {
       children: propertyFormated
     }), /* @__PURE__ */ jsx("div", {
       className: classes.propertyValueNodeContent,
-      children: valueFormated
+      children
     })]
   });
 };

package/components/PrintingSystem/subcomponents/SectionNode/{index.05d1fcf7.js → index.25aeb4aa.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.73dd98b3.js";
+import { c as classes, g as getSize } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.3894059c.js → index.2b632722.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.73dd98b3.js";
+import { c as classes } from "../../index.70234425.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/{packages/components → components}/PrintingSystem/types.d.ts

@@ -163,10 +163,10 @@ export interface PropertyValue extends Omit<BaseNode, 'children'> {
     type: 'propertyValue';
     property: string;
     propertyWidth?: number | string;
-    value: string;
+    children: string | NodePrintPropertyValue[];
     direction: Direction;
-    children?: string;
 }
+export declare type NodePrintPropertyValue = SectionNode | TextBoxNode | ImageNode | FooterNode | PaperNode | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
 /**
  * DividerNode: Componente que aporta una división gráfica.
  */

package/components/PropertyValue/{index.c1d519a2.js → index.45482ca3.js}

@@ -4,27 +4,27 @@ 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 { g as getNameDataTestId } from "../../vendor.2b182abe.js";
+import { g as getNameDataTestId } from "../../vendor.f0742647.js";
 import { useState } from "react";
 import "@m4l/core";
-import { I as Icon } from "../Icon/index.29065051.js";
+import { I as Icon } from "../Icon/index.e215d0f0.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.e295aa1f.js";
-import "../mui_extended/Accordion/index.d28e2432.js";
+import "../mui_extended/IconButton/index.5afe56b7.js";
+import "../mui_extended/Accordion/index.3087f40e.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.f538e360.js";
+import "../mui_extended/Button/index.0f2552ed.js";
 import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.cf640615.js";
+import "../Image/index.d684bdf2.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.69ac3618.js";
+import "../mui_extended/MenuActions/index.cc54c35c.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.51a68bcd.js";
-import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tab/index.ae9ea641.js";
+import "../mui_extended/Pager/index.5fbbefe2.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const PropertyValueRoot = styled("div")(({
   theme

package/components/SideBar/{index.f322ee0b.js → index.614f85fb.js}

@@ -2,11 +2,11 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 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.cf640615.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.e295aa1f.js";
+import { I as Image } from "../Image/index.d684bdf2.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.5afe56b7.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.29065051.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.e215d0f0.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";

package/components/ToastContainer/{index.f67795cb.js → index.5e729fbb.js}

@@ -1,6 +1,6 @@
-import { A } from "../../node_modules.56dca1cf.js";
+import { A } from "../../node_modules.79f5ed2f.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.29065051.js";
+import { I as Icon } from "../Icon/index.e215d0f0.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
 import { styled, generateUtilityClasses } from "@mui/material";

package/components/areas/components/AreasAdmin/{index.3b2795c4.js → index.c1539c1b.js}

@@ -1,11 +1,11 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.e295aa1f.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.773990cf.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.5afe56b7.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.00031ac3.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.d28e2432.js";
-import { I as Icon } from "../../../Icon/index.29065051.js";
+import "../../../mui_extended/Accordion/index.3087f40e.js";
+import { I as Icon } from "../../../Icon/index.e215d0f0.js";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -13,46 +13,46 @@ import { T as Typography } from "../../../mui_extended/Typography/index.443590d6
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { B as Button } from "../../../mui_extended/Button/index.f538e360.js";
+import { B as Button } from "../../../mui_extended/Button/index.0f2552ed.js";
 import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.cf640615.js";
+import "../../../Image/index.d684bdf2.js";
 import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.69ac3618.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.cc54c35c.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.51a68bcd.js";
-import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tab/index.ae9ea641.js";
+import "../../../mui_extended/Pager/index.5fbbefe2.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 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.6fe8dc84.js";
+import "../../../../contexts/ModalContext/index.ef38d747.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.b2e17b00.js";
-import "../../../HelperText/index.207eea15.js";
-import "../../../../node_modules.56dca1cf.js";
+import "../../../hook-form/RHFAutocomplete/index.01a8f57e.js";
+import "../../../HelperText/index.918bba47.js";
+import "../../../../node_modules.79f5ed2f.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
-import "../../../hook-form/RHFColorPicker/index.7170bbf9.js";
+import "../../../hook-form/RHFColorPicker/index.c7695748.js";
 import { styled } from "@mui/material/styles";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.4cd318d2.js";
-import "../../../hook-form/RHFCheckbox/index.f6b8a161.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
+import "../../../hook-form/RHFCheckbox/index.23fc4851.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.082312da.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.11acfb14.js";
-import "../../../hook-form/RHFPeriod/index.fcf1fadc.js";
-import "../../../Period/index.08e6f781.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.9bf6a051.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.5606420f.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.f85266eb.js";
+import "../../../hook-form/RHFDateTime/index.984b803f.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.1167879e.js";
+import "../../../hook-form/RHFPeriod/index.1852e7d3.js";
+import "../../../Period/index.3bd05e05.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.93e9112b.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.82313aef.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.c70ae272.js";
 import "../../../../react-draggable.ee21cb7e.js";
 import "../../../Resizeable/index.6478d7d8.js";
-import "../../../modal/index.e956af6b.js";
+import "../../../modal/index.ac0c9093.js";
 import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
@@ -61,43 +61,43 @@ import { shallow } from "zustand/shallow";
 import { S as ScrollBar } from "../../../ScrollBar/index.010f1b9d.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import "../AreasViewer/index.26f5cb46.js";
+import "../AreasViewer/index.e084d8e9.js";
 import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../../../LoadingError/index.209dc4ff.js";
-import "../../contexts/AreasContext/index.32bf901d.js";
+import "../../../LoadingError/index.b3e4e8e5.js";
+import "../../contexts/AreasContext/index.cffa1526.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import "zustand/middleware/immer";
-import "../../../formatters/index.57f0da1b.js";
-import "../../../DataGrid/index.35e65d9b.js";
+import "../../../formatters/index.4426a315.js";
+import "../../../DataGrid/index.387652a9.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.e1ad0e47.js";
+import "../../../DynamicFilter/index.9e9885b0.js";
 import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
 import "../../../GridLayout/index.68093cfb.js";
 import "fast-equals";
 import "lodash";
-import "../../../PrintingSystem/index.73dd98b3.js";
-import "../../../LanguagePopover/index.df17bd3b.js";
-import "../../../MFLoader/index.7e274375.js";
-import "../../../NavLink/index.35759d66.js";
-import "../../../NoItemSelected/index.50d06852.js";
-import "../../../ObjectLogs/index.5c07c159.js";
+import "../../../PrintingSystem/index.70234425.js";
+import "../../../LanguagePopover/index.424bad09.js";
+import "../../../MFLoader/index.3d17dfc3.js";
+import "../../../NavLink/index.ed4c0609.js";
+import "../../../NoItemSelected/index.5ed80b8e.js";
+import "../../../ObjectLogs/index.3a939c6b.js";
 import "../../../../react-json-view.5636414a.js";
-import "../../../PaperForm/index.6859d4e8.js";
-import "../../../PDFViewer/index.5e4d01af.js";
-import "../../../Page/index.5aefe8f7.js";
-import "../../../PropertyValue/index.c1d519a2.js";
+import "../../../PaperForm/index.013ed28b.js";
+import "../../../PDFViewer/index.4d16e5bc.js";
+import "../../../Page/index.890fbaac.js";
+import "../../../PropertyValue/index.45482ca3.js";
 import "../../../SplitLayout/index.30fd5861.js";
 import "../../../../react-splitter-layout.c5d98bf7.js";
-import "../../../ToastContainer/index.f67795cb.js";
-import "../../../SideBar/index.f322ee0b.js";
-import "../../../AppBar/index.0821efbc.js";
-import "../../../AccountPopover/index.bfacb05d.js";
+import "../../../ToastContainer/index.5e729fbb.js";
+import "../../../SideBar/index.614f85fb.js";
+import "../../../AppBar/index.c8e7b25c.js";
+import "../../../AccountPopover/index.7060320a.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.426af663.js";
-import { u as useOnClickOutside } from "../../index.4de63629.js";
+import "../../../hook-form/RHFUpload/index.49edcb02.js";
+import { u as useOnClickOutside } from "../../index.1b5b2267.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",