@m4l/components 0.2.27 → 0.2.28

package/components/AccountPopover/{index.3994a80b.js → index.7b7f3962.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AppBar/{index.23323f96.js → index.cb2f1763.js}

@@ -4,9 +4,9 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.fa98eb78.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.bd767c14.js → index.e03455db.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../../../mui_extended/Button/index.c6befaeb.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.16946bfd.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {

package/components/CommonActions/components/ActionFormCancel/{index.d737bddc.js → index.9120552e.js}

@@ -1,12 +1,12 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../../../mui_extended/Button/index.c6befaeb.js";
 import { useCallback, useEffect } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index.66a0c82e.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.16946bfd.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.3b0e842b.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.67ee36e9.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.d5b80747.js → index.48e7d28a.js}

@@ -1,7 +1,7 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.81367a73.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.c6befaeb.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.16946bfd.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {

package/components/CommonActions/components/ActionIntro/{index.9bd56cd0.js → index.5ba2ef5f.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../../../mui_extended/Button/index.c6befaeb.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.16946bfd.js";
 import { jsx } from "react/jsx-runtime";

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.29cf6542.js → index.ce8c7b9c.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.4bb3d2f9.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.477c6419.js";
 function ColumnBooleanFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.2c4fd22e.js → index.3a1ae54f.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.3e9e2305.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.ac0a547b.js";
 function ColumnConcatenatedValueFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.e30c976f.js → index.de32e830.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.a3792770.js";
+import { d as dataGridClasses } from "../../index.690184a8.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/{index.a3792770.js → index.690184a8.js}

@@ -1,5 +1,5 @@
 import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.86de725b.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.c843dde3.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.a024f67b.js";
 import { styled, SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
@@ -8,7 +8,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.a317b384.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.339ccf42.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";

package/components/DataGrid/subcomponents/Actions/{index.a317b384.js → index.339ccf42.js}

@@ -1,19 +1,19 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fdea20e7.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.a3792770.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.bca14ad9.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.690184a8.js";
 import { useTheme, styled, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.c843dde3.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.32fc9419.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.a024f67b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.63a9d74c.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.e30c976f.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.de32e830.js";
 import { u as useModal } from "../../../../hooks/useModal/index.66a0c82e.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd767c14.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.9bd56cd0.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e03455db.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.4881da1f.js";
+import { W as WindowBase } from "../../../modal/WindowBase.f38260ec.js";
 import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.16946bfd.js";
 function ActionsFormatter(props) {
   const {

package/components/DragResizeWindow/{index.bf1a4a47.js → index.be2fc1e0.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useCallback, useEffect, useMemo } fro
 import { D as DraggableCore_1 } from "../../react-draggable.ee21cb7e.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.47f1f3d4.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.aa97e825.js";
 import "@mui/base";
 import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
 import { R as Resizable } from "../../react-resizable.ee028152.js";

package/components/DynamicFilter/{index.cce92677.js → index.ad2460cf.js}

@@ -8,25 +8,25 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.16946bfd.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.f9be5465.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.24e4387c.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.ace3f52e.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.d4192912.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.f02f1122.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.81c4b52b.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.fdea20e7.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.bca14ad9.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { useTheme } from "@mui/material/styles";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7b2a8723.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bd767c14.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.9bd56cd0.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e03455db.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";

package/components/FieldLabel/{index.8d3d6bb4.js → index.61d55577.js}

@@ -5,7 +5,7 @@ import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/GridLayout/subcomponents/SizeProvider/{index.06986ab4.js → index.7669a2cd.js}

@@ -11,17 +11,13 @@ function withSizeProvider(ComposedComponent) {
       ...rest
     } = props;
     const refMounted = useRef(false);
-    const observedDivRef = useRef(null);
     const [currentState, setCurrentState] = useState({
       mounted: false,
       width: DEFAULT_CONTAINER_WIDTH,
       height: DEFAULT_CONTAINER_HEIGHT
     });
-    console.log("size w", currentState.width);
-    console.log("size h", currentState.height);
     const onWindowResizeMemo = useMemo(() => () => {
-      const node = observedDivRef.current;
-      console.log("onWindowResizeMemo");
+      const node = elementRef.current;
       if (node instanceof HTMLElement && node.clientWidth) {
         setCurrentState((prev) => ({
           ...prev,
@@ -29,7 +25,7 @@ function withSizeProvider(ComposedComponent) {
           height: node.offsetHeight
         }));
       }
-    }, [observedDivRef.current]);
+    }, []);
     const throttleResize = throttle(onWindowResizeMemo, THROTTLE_RESIZE_TIMEOUT, {
       leading: false,
       trailing: true
@@ -37,6 +33,7 @@ function withSizeProvider(ComposedComponent) {
     const onResize = useCallback((_target) => {
       throttleResize();
     }, []);
+    const elementRef = useResizeObserver(onResize);
     useEffect(() => {
       setCurrentState((prev) => ({
         ...prev,
@@ -45,16 +42,15 @@ function withSizeProvider(ComposedComponent) {
       refMounted.current = true;
       onWindowResizeMemo();
     }, []);
-    useResizeObserver(onResize, observedDivRef);
     if (measureBeforeMount && !currentState.mounted) {
       return /* @__PURE__ */ jsx("div", {
         className: clsx(props.className, COMPONENT_CLASS_NAME),
         style: props.style,
-        ref: observedDivRef
+        ref: elementRef
       });
     }
     return /* @__PURE__ */ jsx(ComposedComponent, {
-      innerRef: observedDivRef,
+      innerRef: elementRef,
       containerWidth: currentState.width,
       containerHeight: currentState.height,
       ...rest

package/components/HamburgerMenu/{index.06905db3.js → index.9f99b7c1.js}

@@ -5,8 +5,8 @@ import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as SideBar } from "../SideBar/index.0d49daff.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
+import { S as SideBar } from "../SideBar/index.3ea827ea.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 const HamburgerMenuRoot = styled("header")(({
   theme
 }) => ({

package/components/Icon/{index.58eaf354.js → index.1976cb37.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.0d49daff.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.3ea827ea.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";

package/components/Image/{index.fa98eb78.js → index.fd6f2c5f.js}

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.b3ed9375.js";
-import { Q as QRCode } from "../../node_modules.47f7709b.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.02517f9c.js";
+import { Q as QRCode } from "../../node_modules.4d80a09c.js";
 const ImageRoot = styled("div")(({
   theme
 }) => ({

package/components/LanguagePopover/{index.2740fb8e.js → index.f90fd1dc.js}

@@ -1,8 +1,8 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.fa98eb78.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.81367a73.js";
+import { I as ImageButton } from "../mui_extended/Button/index.c6befaeb.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";

package/components/LoadingError/{index.4f4724c4.js → index.2aa5daba.js}

@@ -4,9 +4,9 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../mui_extended/Button/index.c6befaeb.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.f6a46c70.js → index.1e56a845.js}

@@ -12,7 +12,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { L as LoadingError } from "../LoadingError/index.4f4724c4.js";
+import { L as LoadingError } from "../LoadingError/index.2aa5daba.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/NoItemSelected/{index.aa3679f1.js → index.16ff4e09.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { I as Image } from "../Image/index.fa98eb78.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/components/ObjectLogs/{index.0e365006.js → index.d200ba38.js}

@@ -1,17 +1,17 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.a3792770.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.690184a8.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useModal } from "../../hooks/useModal/index.66a0c82e.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.4881da1f.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.cce92677.js";
+import { W as WindowBase } from "../modal/WindowBase.f38260ec.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.ad2460cf.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PDFViewer/{index.85d4e010.js → index.3bffbae3.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as Button } from "../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../mui_extended/Button/index.c6befaeb.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/{index.aa33f20b.js → index.026d463c.js}

@@ -1,5 +1,5 @@
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.b3ed9375.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.02517f9c.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.b6811634.js → index.fe630839.js}

@@ -1,6 +1,6 @@
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.ba79014c.js → index.b6fa6ce6.js}

@@ -7,7 +7,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 const ContainerPeriod = styled("div")(({
   theme
 }) => ({

package/components/PrintingSystem/{index.b3ed9375.js → index.02517f9c.js}

@@ -2,18 +2,18 @@ import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.45284722.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.2c52ee12.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.f0ac0243.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.d67484e5.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.fa98eb78.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.7a5c7bdd.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.a83e65dc.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.ab17815a.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.8a2617ae.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.cb7d0af9.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.85914c4b.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.aa33f20b.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.3a2363d4.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.cfd21ea3.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.0f22f144.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.5ae4e58e.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.fd6f2c5f.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.0abc77a8.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.fc1466e0.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.251d9664.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.45054100.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.ca2cc635.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.293e44cd.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.026d463c.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";

package/components/PrintingSystem/subcomponents/BodyNode/{index.7a5c7bdd.js → index.0abc77a8.js}

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

package/components/PrintingSystem/subcomponents/ChartNode/{index.85914c4b.js → index.293e44cd.js}

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

package/components/PrintingSystem/subcomponents/DividerNode/{index.45284722.js → index.3a2363d4.js}

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

package/components/PrintingSystem/subcomponents/FooterNode/{index.a83e65dc.js → index.fc1466e0.js}

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

package/components/PrintingSystem/subcomponents/GridNode/{index.cb7d0af9.js → index.ca2cc635.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.b3ed9375.js";
+import { c as classes, g as getSize } from "../../index.02517f9c.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {

package/components/PrintingSystem/subcomponents/HeaderNode/{index.d67484e5.js → index.5ae4e58e.js}

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

package/components/PrintingSystem/subcomponents/PaperNode/{index.ab17815a.js → index.251d9664.js}

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

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.8a2617ae.js → index.45054100.js}

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

package/components/PrintingSystem/subcomponents/SectionNode/{index.2c52ee12.js → index.cfd21ea3.js}

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

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.f0ac0243.js → index.0f22f144.js}

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

package/components/PropertyValue/{index.a3527d10.js → index.041a0585.js}

@@ -6,7 +6,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const PropertyValueRoot = styled("div")(({
   theme

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

@@ -16,6 +16,7 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;
+    itemListMainRootContainer: string;
     itemListMainRoot: string;
     containerListSubItem: string;
     navItemMainRoot: string;

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

@@ -10,6 +10,7 @@ export interface SideBarClassesType {
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;
+    itemListMainRootContainer: string;
     itemListMainRoot: string;
     containerListSubItem: string;
     navItemMainRoot: string;

package/components/SideBar/{index.0d49daff.js → index.3ea827ea.js}

@@ -7,12 +7,12 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.58eaf354.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.1976cb37.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.fa98eb78.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({
   theme
@@ -43,6 +43,7 @@ generateUtilityClasses(
     "contentGroups",
     "wrapperGroup",
     "wrapperGroupTitle",
+    "itemListMainRootContainer",
     "itemListMainRoot",
     "containerListSubItem",
     "navItemMainRoot",
@@ -89,6 +90,7 @@ const getSideBarClassesByState = (ownerState) => {
     contentGroups: ["contentGroups"],
     wrapperGroup: ["wrapperGroup"],
     wrapperGroupTitle: ["wrapperGroupTitle"],
+    itemListMainRootContainer: ["itemListMainRootContainer"],
     itemListMainRoot: ["itemListMainRoot"],
     containerListSubItem: ["containerListSubItem"],
     navItemMainRoot: ["navItemMainRoot"],
@@ -640,12 +642,7 @@ const ContentGroups = () => {
             children: group.title
           })
         }), /* @__PURE__ */ jsx("div", {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "auto"
-          },
+          className: classes.itemListMainRootContainer,
           children: group.children?.map((list, id) => /* @__PURE__ */ jsx(ItemListMain, {
             list,
             itemMainActive,

package/components/ToastContainer/{index.b42aca02.js → index.ee15bfce.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.47f7709b.js";
+import { A } from "../../node_modules.4d80a09c.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));