@m4l/components 2.0.7 → 3.0.0

package/components/GridLayout/subcomponents/Griditem/{index.684c3f3c.js → index.10278655.js}

@@ -1,8 +1,8 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.df62ccbd.js";
-import { R as Resizable } from "../../../../react-resizable.c746880c.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.2b9bc85c.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.079122b0.js";
+import { R as Resizable } from "../../../../react-resizable.330f1499.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.dd291886.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 function GridItem(props) {

package/components/GridLayout/subcomponents/Responsive/{index.dc0a1ce0.js → index.24857a52.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.2b9bc85c.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.dd291886.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.15d0ca85.js → index.2f762118.js}

@@ -3,7 +3,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.2b9bc85c.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.dd291886.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;

package/components/HelperText/{index.2f4c6655.js → index.6818980e.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { H as HelperTextRoot } from "../../styles/index.ccd8acc4.js";
+import { H as HelperTextRoot } from "../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
+import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
 const componentName = "M4LHelperText";
 const errorLabelClasses = generateUtilityClasses(componentName, [
   "root",

package/components/Icon/{index.0f315ccd.js → index.c06685f4.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.df953487.js";
+import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.8c947175.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { I as IconRoot, e as DivIcon, f as ArrowIconRoot } from "../../styles/index.ccd8acc4.js";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.50868466.js";
+import { I as IconRoot, e as DivIcon, f as ArrowIconRoot } from "../../styles/index.db9e7ddb.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.990e8667.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";

package/components/Image/{index.32b58ce4.js → index.ae542f70.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { g as ImageRoot } from "../../styles/index.ccd8acc4.js";
+import { g as ImageRoot } from "../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.47e0ce83.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.800a7957.js";
 import QRCode from "qrcode.react";
 const ratioOptions = {
   "1.168:1": {

package/components/LanguagePopover/{index.6ac2473a.js → index.2a7e40fc.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.32b58ce4.js";
+import { I as Image } from "../Image/index.ae542f70.js";
 import { useLocales } from "@m4l/graphics";
-import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index.ccd8acc4.js";
-import { I as ImageButton } from "../mui_extended/Button/index.ca15c36e.js";
+import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index.db9e7ddb.js";
+import { I as ImageButton } from "../mui_extended/Button/index.3d14e3e9.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.1fafd106.js";
+import { P as Popover } from "../mui_extended/Popover/index.a7da93f1.js";
 const componentName = "M4LanguagePopover";
 generateUtilityClasses(
   componentName,

package/components/LinearProgressIndeterminate/{index.6d1605ff.js → index.ca78fd37.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.ebfbb70f.js";
-import { l as LinearProgressIndeterminateRoot } from "../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
+import { l as LinearProgressIndeterminateRoot } from "../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
 generateUtilityClasses(

package/components/LoadingError/{index.c5a70390.js → index.765ff885.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.8266ccc8.js";
+import { I as ICONS } from "../areas/icons.01fa3bcc.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { m as LoadingErrorRoot } from "../../styles/index.ccd8acc4.js";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.6d1605ff.js";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
-import { B as Button } from "../mui_extended/Button/index.ca15c36e.js";
+import { m as LoadingErrorRoot } from "../../styles/index.db9e7ddb.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.ca78fd37.js";
+import { I as Icon } from "../Icon/index.c06685f4.js";
+import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
+import { B as Button } from "../mui_extended/Button/index.3d14e3e9.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFIsolationApp/constants.d.ts

@@ -0,0 +1 @@
+export declare const TOAST_CONTAINER_ID = "toast-host";

package/components/MFIsolationApp/{index.56a12cde.js → index.677d9e93.js}

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useCallback } from "react";
 import { unstable_HistoryRouter } from "react-router-dom";
-import { ToastContainer, toast } from "react-toastify";
 import { createBrowserHistory } from "history";
 import EventEmitter from "eventemitter3";
 import NProgress from "nprogress";
 import { HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
 import { useAuth, DomainCountryProvider, EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
+import { c as createToaster, T as ToastContainer } from "../ToastContainer/index.c1657bde.js";
 import { format } from "date-fns";
 import { defaultThemeOptions, fnComponentsOverrides } from "@m4l/styles";
-import { B as BaseModule } from "../BaseModule/index.3f266927.js";
-import { A as AreasProvider } from "../areas/contexts/AreasContext/index.1a5c5df1.js";
+import { B as BaseModule } from "../BaseModule/index.f7a04fe7.js";
+import { A as AreasProvider } from "../areas/contexts/AreasContext/index.9edd84c3.js";
 function MFAuthApp(props) {
   const { children, user, pwd } = props;
   const { isAuthenticated, isInitialized, login, user: authUser } = useAuth();
@@ -35,32 +35,30 @@ function MFAuthApp(props) {
     domianCountry.decimal_symbol = authUser?.domain_country.decimal_symbol ?? domianCountry.decimal_symbol;
     domianCountry.thousands_symbol = authUser?.domain_country?.thousands_symbol ?? domianCountry.thousands_symbol;
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     HostThemeProvider,
     {
       hostThemeOptions: defaultThemeOptions,
       fnComponentsOverrides,
       isMicroFrontEnd: true,
-      children: [
-        /* @__PURE__ */ jsx(ToastContainer, {}),
-        /* @__PURE__ */ jsx(DomainCountryProvider, { ...domianCountry, isMicroFrontEnd: false, children: /* @__PURE__ */ jsx(
-          FormatterProvider,
-          {
-            isMicroFrontEnd: false,
-            dateFormatter: {
-              formatDate: format
-            },
-            currencyFormatter: {
-              code: domianCountry.currency,
-              decimalDigits: domianCountry.currency_decimal_digits
-            },
-            children
-          }
-        ) })
-      ]
+      children: /* @__PURE__ */ jsx(DomainCountryProvider, { ...domianCountry, isMicroFrontEnd: false, children: /* @__PURE__ */ jsx(
+        FormatterProvider,
+        {
+          isMicroFrontEnd: false,
+          dateFormatter: {
+            formatDate: format
+          },
+          currencyFormatter: {
+            code: domianCountry.currency,
+            decimalDigits: domianCountry.currency_decimal_digits
+          },
+          children
+        }
+      ) })
     }
   );
 }
+const TOAST_CONTAINER_ID = "toast-host";
 const history = createBrowserHistory({ window });
 function MFIsolationApp(props) {
   const {
@@ -127,10 +125,11 @@ function MFIsolationApp(props) {
     }),
     []
   );
+  const toaster = createToaster(TOAST_CONTAINER_ID);
   const hostTools = useMemo(
     () => ({
       history,
-      toast,
+      toast: toaster,
       startProgress,
       stopProgress,
       events_add_listener,
@@ -139,28 +138,31 @@ function MFIsolationApp(props) {
     }),
     []
   );
-  return /* @__PURE__ */ jsx(EnvironmentProvider, { ...environment, children: /* @__PURE__ */ jsx(HostToolsProvider, { ...hostTools, children: /* @__PURE__ */ jsx(NetworkProvider, { axiosOperation, children: /* @__PURE__ */ jsx(unstable_HistoryRouter, { history, children: /* @__PURE__ */ jsx(LocalesProvider, { isMicroFrontEnd: false, getLocaleFromNetwork, children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(MFAuthApp, { user, pwd, children: /* @__PURE__ */ jsx(
-    BaseModule,
-    {
-      moduleId,
-      privileges,
-      skeletonFlags,
-      componentsDictionary,
-      moduleNameField,
-      children: /* @__PURE__ */ jsx(
-        AreasProvider,
-        {
-          onLoad,
-          loadAreasFromNetwork: activeAreasNetwork,
-          loadCookiesFromNetwork: activeCookiesFromNetwork,
-          onSelectLayout: (modId) => {
-            console.log("onSelectLayout", modId);
-          },
-          children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children })
-        }
-      )
-    }
-  ) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(EnvironmentProvider, { ...environment, children: /* @__PURE__ */ jsx(HostToolsProvider, { ...hostTools, children: /* @__PURE__ */ jsx(NetworkProvider, { axiosOperation, children: /* @__PURE__ */ jsx(unstable_HistoryRouter, { history, children: /* @__PURE__ */ jsx(LocalesProvider, { isMicroFrontEnd: false, getLocaleFromNetwork, children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsxs(MFAuthApp, { user, pwd, children: [
+    /* @__PURE__ */ jsx(ToastContainer, { containerId: TOAST_CONTAINER_ID }),
+    /* @__PURE__ */ jsx(
+      BaseModule,
+      {
+        moduleId,
+        privileges,
+        skeletonFlags,
+        componentsDictionary,
+        moduleNameField,
+        children: /* @__PURE__ */ jsx(
+          AreasProvider,
+          {
+            onLoad,
+            loadAreasFromNetwork: activeAreasNetwork,
+            loadCookiesFromNetwork: activeCookiesFromNetwork,
+            onSelectLayout: (modId) => {
+              console.log("onSelectLayout", modId);
+            },
+            children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children })
+          }
+        )
+      }
+    )
+  ] }) }) }) }) }) }) });
 }
 export {
   MFIsolationApp as M

package/components/MFLoader/{index.cc350d72.js → index.6af7729c.js}

@@ -12,8 +12,8 @@ import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.4092bb69.js";
-import { L as LoadingError } from "../LoadingError/index.c5a70390.js";
-import { M as MFLoaderRoot } from "../../styles/index.ccd8acc4.js";
+import { L as LoadingError } from "../LoadingError/index.765ff885.js";
+import { M as MFLoaderRoot } from "../../styles/index.db9e7ddb.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ModalDialog/{index.580a88dc.js → index.a57ee020.js}

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.df62ccbd.js";
-import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
-import { R as ResizeableWindow } from "../Resizeable/index.0ffd46bc.js";
+import { c as cjs } from "../../react-draggable.079122b0.js";
+import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
+import { R as ResizeableWindow } from "../Resizeable/index.df2f3bb8.js";
 import { useIsMobile } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.81eb6def.js";
 import { useState, useEffect } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ea4c273b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f674be30.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
 };

package/components/NavLink/{index.c6fd316b.js → index.dd723dfd.js}

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { N as NavLinkRoot } from "../../styles/index.ccd8acc4.js";
+import { N as NavLinkRoot } from "../../styles/index.db9e7ddb.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
+import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"

package/components/NoItemSelected/{index.7274cdb1.js → index.b3e365b1.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index.ccd8acc4.js";
+import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.1b51e5f2.js → index.54fdee14.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index.ccd8acc4.js";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.1feaab04.js";
+import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index.db9e7ddb.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.b37d6cab.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.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.45b8db89.js";
-import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
-import { S as Stack } from "../mui_extended/Stack/index.b8c3b40b.js";
-import { W as WindowBase } from "../modal/WindowBase.cb284225.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.2033e755.js";
+import { S as ScrollBar } from "../ScrollBar/index.11feff65.js";
+import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
+import { I as Icon } from "../Icon/index.c06685f4.js";
+import { S as Stack } from "../mui_extended/Stack/index.99de8138.js";
+import { W as WindowBase } from "../modal/WindowBase.00b9e5f1.js";
+import { D as DynamicFilter } from "../DynamicFilter/index.b07b567a.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.a55d5bc2.js";
+import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.94a74eb3.js";
 function DetailDialog(props) {
   const { log_id } = props;
   const { networkOperation } = useNetwork();

package/components/PDFViewer/{index.eed9494a.js → index.7932d07b.js}

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { P as PDFVeiwerRoot } from "../../styles/index.ccd8acc4.js";
+import { P as PDFVeiwerRoot } from "../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Button } from "../mui_extended/Button/index.ca15c36e.js";
+import { B as Button } from "../mui_extended/Button/index.3d14e3e9.js";
 const componentName = "M4LPDFViewer";
 generateUtilityClasses(componentName, [
   "root",

package/components/Page/{index.f6884847.js → index.5f2963f3.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.47e0ce83.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.800a7957.js";
 import clsx from "clsx";
 import React__default from "react";
 import { Helmet } from "react-helmet-async";

package/components/PaperForm/{index.86c1f1d6.js → index.cdb1f846.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index.ccd8acc4.js";
+import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index.db9e7ddb.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
+import { I as Icon } from "../Icon/index.c06685f4.js";
 import { unstable_composeClasses } from "@mui/base";
 const Header = (props) => {
   const { urlIcon, title, classes } = props;

package/components/Period/{index.5757802b.js → index.b0b2a03b.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { z as ContainerPeriod } from "../../styles/index.ccd8acc4.js";
+import { z as ContainerPeriod } from "../../styles/index.db9e7ddb.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ea4c273b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f674be30.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
+import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
 var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
   ETimePeriods2[ETimePeriods2["YEARS"] = 0] = "YEARS";
   ETimePeriods2[ETimePeriods2["MONTHS"] = 1] = "MONTHS";

package/components/PrintingSystem/{index.47e0ce83.js → index.800a7957.js}

@@ -1,21 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.ebfbb70f.js";
-import { B as PrintingSystemRoot } from "../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
+import { B as PrintingSystemRoot } from "../../styles/index.db9e7ddb.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.13330f51.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.e80cce87.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.7fc92f43.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.0ed11227.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.32b58ce4.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.d58660a8.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.05da3e1d.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.0a0227e4.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.18931b6e.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.d68b5460.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.8e010873.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.f6884847.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.142bbf1a.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.642ab1b7.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.d8a2a0af.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.5581a84d.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.ae542f70.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.60ad80bd.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.d16d2c5e.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.2994c128.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.166d7264.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.044363bf.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.d4aa116e.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.5f2963f3.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { useTheme } from "@mui/material/styles";

package/components/PrintingSystem/subcomponents/BodyNode/{index.d58660a8.js → index.60ad80bd.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const BodyNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/ChartNode/{index.8e010873.js → index.d4aa116e.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index.800a7957.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.13330f51.js → index.142bbf1a.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index.800a7957.js";
 import clsx from "clsx";
 const DividerNode = (props) => {
   const { direction = "vertical", className = "", style = {} } = props;

package/components/PrintingSystem/subcomponents/FooterNode/{index.05da3e1d.js → index.d16d2c5e.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const FooterNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/GridNode/{index.d68b5460.js → index.044363bf.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const GridNode = (props) => {
   const { style = {}, className = "", rows, columns } = props;

package/components/PrintingSystem/subcomponents/HeaderNode/{index.0ed11227.js → index.5581a84d.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const HeaderNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/PaperNode/{index.0a0227e4.js → index.2994c128.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index.800a7957.js";
 import clsx from "clsx";
 const PaperNode = (props) => {
   const { children, style = {}, className = "", title, titleSecondary } = props;

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.18931b6e.js → index.166d7264.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const PropertyValueNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/SectionNode/{index.e80cce87.js → index.642ab1b7.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index.800a7957.js";
 import clsx from "clsx";
 const SectionNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.7fc92f43.js → index.d8a2a0af.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index.800a7957.js";
 import clsx from "clsx";
 const TextBoxNode = (props) => {
   const { variant = "body", style, className, textAlign = "start", children } = props;

package/components/PropertyValue/{index.ee9cf342.js → index.d81eae0a.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { E as PropertyValueRoot } from "../../styles/index.ccd8acc4.js";
+import { E as PropertyValueRoot } from "../../styles/index.db9e7ddb.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
@@ -7,8 +7,8 @@ import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";
 import { useState } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.972f989e.js";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
+import { F as FieldLabel } from "../FieldLabel/index.9a979def.js";
+import { I as Icon } from "../Icon/index.c06685f4.js";
 const componentName = "M4LPropertyValue";
 generateUtilityClasses(
   componentName,

package/components/Resizeable/{index.0ffd46bc.js → index.df2f3bb8.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { J as WrapperResizeable } from "../../styles/index.ccd8acc4.js";
+import { J as WrapperResizeable } from "../../styles/index.db9e7ddb.js";
 function ResizeableWindow(props) {
   const { children, width = 600, height = 400, maxHeigth, onResize, maxWidth, ...other } = props;
   return /* @__PURE__ */ jsx(

package/components/ScrollBar/{index.45b8db89.js → index.11feff65.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material";
-import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index.ccd8acc4.js";
+import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index.db9e7ddb.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LScrollBar";
 generateUtilityClasses(componentName, [

package/components/SideBar/{index.50868466.js → index.990e8667.js}

@@ -1,18 +1,18 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { O as NavItemMainRoot, Q as NavSubItemContentRoot, T as NavListSubItemRoot, U as ContainerListSubItem, V as ContentGroupsRoot, X as WrapperGroup, Y as WrapperGroupTitle, Z as CollapseButtonRoot, _ as WrapperContentMobile, $ as SideBarRoot } from "../../styles/index.ccd8acc4.js";
+import { O as NavItemMainRoot, Q as NavSubItemContentRoot, T as NavListSubItemRoot, U as ContainerListSubItem, V as ContentGroupsRoot, X as WrapperGroup, Y as WrapperGroupTitle, Z as CollapseButtonRoot, _ as WrapperContentMobile, $ as SideBarRoot } from "../../styles/index.db9e7ddb.js";
 import { createContext, useState, useContext, useEffect } from "react";
 import { generateUtilityClasses, Collapse, Drawer as Drawer$1, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.ebfbb70f.js";
+import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.0f315ccd.js";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.c06685f4.js";
+import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.32b58ce4.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
+import { I as Image } from "../Image/index.ae542f70.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
 import { useResponsive } from "@m4l/styles";
 const componentName = "M4LSideBar";
 generateUtilityClasses(