@m4l/components 0.2.24 → 0.2.26

package/@types/export.d.ts

@@ -406,5 +406,8 @@ declare module '@mui/material/styles' {
         M4LSectionCommercial?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LSectionComercial'];
         };
+        M4LFieldLabel?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LFieldLabel'];
+        };
     }
 }

package/components/AccountPopover/{index.505e278a.js → index.e31fc908.js}

@@ -6,8 +6,8 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 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.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.b920baf8.js";
+import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
+import { I as Icon } from "../Icon/index.8c744412.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AppBar/{index.7106417d.js → index.4945897e.js}

@@ -1,13 +1,12 @@
-import { styled } from "@mui/material/styles";
+import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 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";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.d034ca68.js";
+import { I as Image } from "../Image/index.39b3b9d9.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.383f5496.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.de862adf.js → index.33a748be.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { B as Button } from "../../../mui_extended/Button/index.93389adb.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.389f9b28.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.3fd5c858.js → index.9a965204.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.e520bd15.js";
+import { B as Button } from "../../../mui_extended/Button/index.93389adb.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.786a4439.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2f1d6a07.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.389f9b28.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.55ac3c8f.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.4501497a.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.07394f62.js → index.7add0125.js}

@@ -1,8 +1,8 @@
 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.e520bd15.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.93389adb.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.389f9b28.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.79fc2386.js → index.ac7cd0ee.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
+import { B as Button } from "../../../mui_extended/Button/index.93389adb.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.389f9b28.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.2f6286eb.js → index.389f9b28.js}

@@ -1,8 +1,7 @@
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { generateUtilityClasses } from "@mui/material";
+import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
-import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
 const componentName = "M4LCommonActions";
 generateUtilityClasses(componentName, [

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.36270dd1.js → index.f731d23f.js}

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.8b008692.js → index.ad82747c.js}

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

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.cb308086.js → index.64854fdd.js}

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

package/components/DataGrid/formatters/ColumnPointsFormatter/{index.f3d6036f.js → index.4335c26b.js}

@@ -1,4 +1,4 @@
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.5c94c5e8.js";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.8a4fa393.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnPointsFormatter(props) {
   return (obProps) => {

package/components/DataGrid/{index.b1eafce1.js → index.1c695ed3.js}

@@ -1,15 +1,14 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.2e931b5f.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.0c703574.js";
-import { styled } from "@mui/material/styles";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ce0f4d16.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.5791276c.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";
 import { useDrag, useDrop, DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
-import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 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.9af87fa1.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.4a402633.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.9af87fa1.js → index.4a402633.js}

@@ -1,21 +1,20 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fa7c26a5.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.b1eafce1.js";
-import { useTheme, Skeleton } from "@mui/material";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.e6e3aac8.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.1c695ed3.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.0c703574.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.9ea23f87.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.5791276c.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.383f5496.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 { styled } from "@mui/material/styles";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.cb308086.js";
-import { u as useModal } from "../../../../hooks/useModal/index.786a4439.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.de862adf.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.79fc2386.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.64854fdd.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2f1d6a07.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.33a748be.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ac7cd0ee.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.998b8a38.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { W as WindowBase } from "../../../modal/WindowBase.dd1d2d7b.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.389f9b28.js";
 function ActionsFormatter(props) {
   const {
     rowActionsGetter,

package/components/DataGrid/subcomponents/editors/TextEditor/{index.91380a55.js → index.eac1749c.js}

@@ -1,4 +1,4 @@
-import { styled } from "@mui/material/styles";
+import { styled } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 const Input = styled("input")(() => ({
   appearance: "none",
@@ -46,11 +46,22 @@ function NumberEditor({
   onRowChange,
   onClose
 }) {
+  console.log("number editor");
+  const handleKeyDown = (event) => {
+    console.log("number editor key", event.key);
+    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      onClose(true);
+    }
+    if (event.key === "Enter") {
+      onClose(true);
+    }
+  };
   return /* @__PURE__ */ jsx(Input, {
     className: "rdg-text-editor",
     ref: autoFocusAndSelect,
     type: "number",
     value: row[column.key],
+    onKeyDown: handleKeyDown,
     onChange: (event) => onRowChange({
       ...row,
       [column.key]: event.target.value !== "" ? Number(event.target.value) : ""

package/components/DragResizeWindow/{index.62b6a916.js → index.f84451f8.js}

@@ -1,9 +1,8 @@
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { D as DraggableCore_1 } from "../../react-draggable.ee21cb7e.js";
 import clsx from "clsx";
-import { styled } from "@mui/material/styles";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.2c881bac.js";
-import { generateUtilityClasses } from "@mui/material";
+import { styled, generateUtilityClasses } from "@mui/material";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.173d0b89.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.b93e5649.js → index.22ba3195.js}

@@ -1,32 +1,32 @@
 import { useContext, useMemo, useEffect, createContext, useRef, createElement, useState, useCallback } from "react";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
 import { useStore, createStore } from "zustand";
-import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
+import { generateUtilityClasses, styled, alpha, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.de903261.js";
 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.2f6286eb.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.cf399b24.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.389f9b28.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.993794f8.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.5a673a96.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.fbb29ee1.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.2396ea4a.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.fb0d1cac.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { styled, useTheme } from "@mui/material/styles";
-import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
+import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.fa7c26a5.js";
-import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.b920baf8.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7769076a.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.de862adf.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.79fc2386.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.383f5496.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.e6e3aac8.js";
+import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
+import { I as Icon } from "../Icon/index.8c744412.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.33a748be.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.ac7cd0ee.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -1293,14 +1293,14 @@ function ApplyedFilters() {
     })
   });
 }
-const SKTClearFilters = styled$1("div")(() => ({
+const SKTClearFilters = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   width: "24px",
   height: "24px"
 }));
-styled$1("div")(({
+styled("div")(({
   theme
 }) => ({
   paddingLeft: theme.spacing(0.5),

package/components/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,2 @@
+import { FieldLabelProps } from './types';
+export declare const FieldLabel: (props: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import { FieldLabelClassesType } from './types';
+export declare const languagePopoverClasses: FieldLabelClassesType;
+export declare const useUtilityClasses: () => {
+    label: string;
+    root: string;
+    tooltip: string;
+    mandatory: string;
+    tooltipIcon: string;
+    containerIcon: string;
+};

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

@@ -0,0 +1,11 @@
+import { useUtilityClasses } from ".";
+export interface FieldLabelClassesType {
+    root: string;
+    label: string;
+    tooltip: string;
+    tooltipIcon: string;
+    containerIcon: string;
+    mandatory: string;
+}
+export declare type FieldLabelClassesKey = keyof FieldLabelClassesType;
+export declare type ClassesFieldLabel = ReturnType<typeof useUtilityClasses>;

package/components/FieldLabel/index.1da2a28d.js

@@ -0,0 +1,82 @@
+import { useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { styled, generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+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.8c744412.js";
+const FieldLabelRoot = styled("label")(({ theme }) => ({
+  ...theme.components?.M4LFieldLabel?.styleOverrides
+}));
+const componentName = "M4LFieldLabel";
+generateUtilityClasses(componentName, [
+  "root",
+  "label",
+  "tooltip",
+  "tooltipIcon",
+  "containerIcon",
+  "mandatory"
+]);
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    label: ["label"],
+    tooltip: ["tooltip"],
+    tooltipIcon: ["tooltipIcon"],
+    containerIcon: ["containerIcon"],
+    mandatory: ["mandatory"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+  return {
+    ...composedClasses
+  };
+};
+const FieldLabel = (props) => {
+  const {
+    helperMessage: message,
+    label,
+    mandatory,
+    mandatoryMessage,
+    htmlFor,
+    className
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const classes = useUtilityClasses();
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx(FieldLabelRoot, {
+    htmlFor,
+    className: clsx(classes.root, className),
+    children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(Typography, {
+        variant: "body",
+        className: classes.label,
+        children: label
+      }), mandatory && /* @__PURE__ */ jsx(Typography, {
+        variant: "body",
+        className: classes.mandatory,
+        children: mandatoryMessage ? `(${mandatoryMessage})` : "*"
+      }), message && /* @__PURE__ */ jsx(Tooltip, {
+        title: message,
+        className: classes.tooltip,
+        children: /* @__PURE__ */ jsx("div", {
+          className: classes.containerIcon,
+          children: /* @__PURE__ */ jsx(Icon, {
+            className: classes.tooltipIcon,
+            src: `${host_static_assets}/${environment_assets}/frontend/components/LabelMessage/assets/icons/information.svg`
+          })
+        })
+      })]
+    }) : /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: "30%",
+      height: "14px"
+    })
+  });
+};
+export {
+  FieldLabel as F
+};

package/components/FieldLabel/index.d.ts

@@ -0,0 +1 @@
+export { FieldLabel } from './FieldLabel';

package/components/FieldLabel/types.d.ts

@@ -0,0 +1,8 @@
+export interface FieldLabelProps {
+    helperMessage?: string;
+    label: string;
+    mandatory?: boolean;
+    mandatoryMessage?: string;
+    className?: string;
+    htmlFor?: string;
+}

package/components/HamburgerMenu/{index.25029e23.js → index.1663edef.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.cdb70977.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.9ea23f87.js";
+import { S as SideBar } from "../SideBar/index.141dac10.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.383f5496.js";
 const HamburgerMenuRoot = styled("header")(({
   theme
 }) => ({

package/components/Icon/{index.b920baf8.js → index.8c744412.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.cdb70977.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.141dac10.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.d034ca68.js → index.39b3b9d9.js}

@@ -5,8 +5,8 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { c as classes, g as getSize } from "../PrintingSystem/index.2e17cae5.js";
-import { Q as QRCode } from "../../node_modules.71622512.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.c2d21657.js";
+import { Q as QRCode } from "../../node_modules.585eab0e.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }
@@ -72,7 +72,6 @@ const BasicIntersectComponent = forwardRef((props, ref) => {
   });
 });
 BasicIntersectComponent.displayName = "IntersectComponent";
-const WrapperLazyLoadComponent = styled("div")(() => ({}));
 function LazyLoadComponent(props) {
   const {
     children,
@@ -84,7 +83,7 @@ function LazyLoadComponent(props) {
   const {
     classes: classes2
   } = useBase();
-  return /* @__PURE__ */ jsx(WrapperLazyLoadComponent, {
+  return /* @__PURE__ */ jsx("div", {
     className: classes2.lazyLoad,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("lazyLoad")

package/components/LanguagePopover/{index.e54c5cc7.js → index.80896e49.js}

@@ -1,14 +1,14 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.d034ca68.js";
+import { I as Image } from "../Image/index.39b3b9d9.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.e520bd15.js";
+import { I as ImageButton } from "../mui_extended/Button/index.93389adb.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 { jsxs, jsx } from "react/jsx-runtime";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
 const LanguagePopoverRoot = styled("div")(({
   theme
 }) => ({

package/components/LoadingError/{index.123e16f8.js → index.9c64680a.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.b920baf8.js";
+import { I as Icon } from "../Icon/index.8c744412.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.e520bd15.js";
+import { B as Button } from "../mui_extended/Button/index.93389adb.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.52096ea5.js → index.7cd7c372.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.123e16f8.js";
+import { L as LoadingError } from "../LoadingError/index.9c64680a.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ModalDialog/{index.2e931b5f.js → index.ce0f4d16.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.ee21cb7e.js";
-import { u as useModal } from "../../hooks/useModal/index.786a4439.js";
-import { R as ResizeableWindow } from "../Resizeable/index.0eb66c37.js";
+import { u as useModal } from "../../hooks/useModal/index.2f1d6a07.js";
+import { R as ResizeableWindow } from "../Resizeable/index.8db8f77d.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.61389369.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2f6286eb.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.389f9b28.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NoItemSelected/{index.1024b856.js → index.ffba558b.js}

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

package/components/ObjectLogs/{index.d10f4a2f.js → index.dd6a5009.js}

@@ -1,18 +1,17 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.b1eafce1.js";
+import { styled, Tooltip, IconButton } from "@mui/material";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.1c695ed3.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
-import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.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.786a4439.js";
-import { I as Icon } from "../Icon/index.b920baf8.js";
+import { u as useModal } from "../../hooks/useModal/index.2f1d6a07.js";
+import { I as Icon } from "../Icon/index.8c744412.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.998b8a38.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.b93e5649.js";
+import { W as WindowBase } from "../modal/WindowBase.dd1d2d7b.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.22ba3195.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/PDFViewer/{index.98852f91.js → index.093ddd35.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.e520bd15.js";
+import { B as Button } from "../mui_extended/Button/index.93389adb.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/{index.def863f2.js → index.1b20a73e.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.2e17cae5.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.c2d21657.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.8a617a66.js → index.42e78a24.js}

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