@m4l/components 0.2.14 → 0.2.16

package/components/DynamicFilter/{index.9e9885b0.js → index.73258cb8.js}

@@ -1,100 +1,33 @@
-import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
 import { useContext, useMemo, useEffect, createContext, useRef, createElement, useState, useCallback } from "react";
-import clsx from "clsx";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
-import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { I as IconButton } from "../mui_extended/IconButton/index.5afe56b7.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.f0742647.js";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.cc54c35c.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
-import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7769076a.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.93e9112b.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.82313aef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.c70ae272.js";
-import { useFormContext, useWatch } from "react-hook-form";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../../contexts/ModalContext/index.ef38d747.js";
-import "../../react-draggable.ee21cb7e.js";
-import "../Resizeable/index.6478d7d8.js";
-import "../modal/index.ac0c9093.js";
-import "../animate/index.4e9774a6.js";
-import "framer-motion";
-import "react-router-dom";
-import "../animate/LoadingScreen/index.1d0c4307.js";
-import "../animate/PropagateLoader/index.7fab43c8.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.cffa1526.js";
-import "../areas/components/AreasAdmin/index.c1539c1b.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.e084d8e9.js";
-import "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../LoadingError/index.b3e4e8e5.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import { immer } from "zustand/middleware/immer";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../HelperText/index.918bba47.js";
-import "../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.984b803f.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.1167879e.js";
-import "../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../Period/index.3bd05e05.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.49edcb02.js";
-import "../formatters/index.4426a315.js";
-import "../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../PrintingSystem/index.70234425.js";
-import "../LanguagePopover/index.424bad09.js";
-import "../MFLoader/index.3d17dfc3.js";
-import "../NavLink/index.ed4c0609.js";
-import "../NoItemSelected/index.5ed80b8e.js";
-import "../ObjectLogs/index.3a939c6b.js";
-import "../../react-json-view.5636414a.js";
-import "../PaperForm/index.013ed28b.js";
-import "../PDFViewer/index.4d16e5bc.js";
-import "../Page/index.890fbaac.js";
-import "../PropertyValue/index.45482ca3.js";
-import "../SplitLayout/index.30fd5861.js";
-import "../../react-splitter-layout.c5d98bf7.js";
-import "../ToastContainer/index.5e729fbb.js";
-import "../SideBar/index.614f85fb.js";
-import "../AppBar/index.c8e7b25c.js";
-import "../AccountPopover/index.7060320a.js";
+import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.de903261.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.9ad3909a.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.8368ac0f.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.210ee73f.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.fa80a8cb.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.ab689d7d.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 clsx from "clsx";
+import { I as IconButton } from "../mui_extended/IconButton/index.a719445f.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.62359120.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7769076a.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.106c5327.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bd2a14b2.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";

package/components/GridLayout/{index.68093cfb.js → index.4d26c328.js}

@@ -1,14 +1,11 @@
-import { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.8e4af155.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { throttle } from "lodash";
-import { useResizeObserver } from "@m4l/graphics";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.25e9f332.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.ee028152.js";
+import { r as react_resizable_css } from "../../react-resizable.f2c58a4c.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import "fast-equals";
+import { jsx, jsxs } from "react/jsx-runtime";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";
 const DEFAULT_COLS = 12;
 const DEFAULT_ROW_HEIGHT = 20;
@@ -1146,64 +1143,12 @@ function GridLayout(props) {
     children: [finalLayoutRender.map((li) => processGridItem(li, !!currentState.mounted)), placeholder()]
   });
 }
-function SizeProvider(ComposedComponent) {
-  return (props) => {
-    const {
-      measureBeforeMount = true,
-      ...rest
-    } = props;
-    const refMounted = useRef(false);
-    const [currentState, setCurrentState] = useState({
-      mounted: false,
-      width: DEFAULT_CONTAINER_WIDTH,
-      height: DEFAULT_CONTAINER_HEIGHT
-    });
-    const onWindowResizeMemo = useMemo(() => () => {
-      const node = elementRef.current;
-      if (node instanceof HTMLElement && node.clientWidth) {
-        setCurrentState((prev) => ({
-          ...prev,
-          width: node.clientWidth,
-          height: node.offsetHeight
-        }));
-      }
-    }, []);
-    const throttleResize = throttle(onWindowResizeMemo, THROTTLE_RESIZE_TIMEOUT, {
-      leading: false,
-      trailing: true
-    });
-    const onResize = useCallback((_target) => {
-      throttleResize();
-    }, []);
-    const elementRef = useResizeObserver(onResize);
-    useEffect(() => {
-      setCurrentState((prev) => ({
-        ...prev,
-        mounted: true
-      }));
-      refMounted.current = true;
-      onWindowResizeMemo();
-    }, []);
-    if (measureBeforeMount && !currentState.mounted) {
-      return /* @__PURE__ */ jsx("div", {
-        className: clsx(props.className, COMPONENT_CLASS_NAME),
-        style: props.style,
-        ref: elementRef
-      });
-    }
-    return /* @__PURE__ */ jsx(ComposedComponent, {
-      innerRef: elementRef,
-      containerWidth: currentState.width,
-      containerHeight: currentState.height,
-      ...rest
-    });
-  };
-}
 export {
-  noop as A,
+  isEqualLayouts as A,
+  COMPONENT_CLASS_NAME as C,
   DEFAULT_COLS as D,
   GridLayout as G,
-  SizeProvider as S,
+  THROTTLE_RESIZE_TIMEOUT as T,
   calcGridItemWHPx as a,
   calcGridColWidth as b,
   calcXY as c,
@@ -1229,5 +1174,5 @@ export {
   isEqualLayout as w,
   DEFAULT_RESPONSIVE_BREAKPOINTS as x,
   DEFAULT_RESPONSIVE_COLS as y,
-  isEqualLayouts as z
+  noop as z
 };

package/components/GridLayout/index.d.ts

@@ -4,4 +4,4 @@ export { addLayoutItemToBreakPoints, addLayoutItemToBreakPointIfNoExists, cloneL
 export { isEqualLayouts, isEqualLayout } from './utils';
 export type { GridLayoutProps, LayoutItemRenderProps, Layout, LayoutItem, BaseLayoutItem, Layouts, } from './types';
 export type { ContainerChangeEvent } from './subcomponents/Responsive/types';
-export { SizeProvider } from './subcomponents/WidthProvider';
+export { withSizeProvider } from './subcomponents/withSizeProvider';

package/components/GridLayout/subcomponents/Griditem/{index.8e4af155.js → index.25e9f332.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.ee21cb7e.js";
-import { R as Resizable } from "../../../../react-resizable.ee028152.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.68093cfb.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.312ab17d.js";
+import { R as Resizable } from "../../../../react-resizable.f2c58a4c.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.4d26c328.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.c32210fc.js → index.3839890b.js}

@@ -1,4 +1,4 @@
-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 isEqualLayouts, G as GridLayout, A as noop } from "../../index.68093cfb.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.4d26c328.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/index.a751962f.js

@@ -0,0 +1,62 @@
+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.4d26c328.js";
+import { jsx } from "react/jsx-runtime";
+function withSizeProvider(ComposedComponent) {
+  return (props) => {
+    const {
+      measureBeforeMount = true,
+      ...rest
+    } = props;
+    const refMounted = useRef(false);
+    const [currentState, setCurrentState] = useState({
+      mounted: false,
+      width: DEFAULT_CONTAINER_WIDTH,
+      height: DEFAULT_CONTAINER_HEIGHT
+    });
+    const onWindowResizeMemo = useMemo(() => () => {
+      const node = elementRef.current;
+      if (node instanceof HTMLElement && node.clientWidth) {
+        setCurrentState((prev) => ({
+          ...prev,
+          width: node.clientWidth,
+          height: node.offsetHeight
+        }));
+      }
+    }, []);
+    const throttleResize = throttle(onWindowResizeMemo, THROTTLE_RESIZE_TIMEOUT, {
+      leading: false,
+      trailing: true
+    });
+    const onResize = useCallback((_target) => {
+      throttleResize();
+    }, []);
+    const elementRef = useResizeObserver(onResize);
+    useEffect(() => {
+      setCurrentState((prev) => ({
+        ...prev,
+        mounted: true
+      }));
+      refMounted.current = true;
+      onWindowResizeMemo();
+    }, []);
+    if (measureBeforeMount && !currentState.mounted) {
+      return /* @__PURE__ */ jsx("div", {
+        className: clsx(props.className, COMPONENT_CLASS_NAME),
+        style: props.style,
+        ref: elementRef
+      });
+    }
+    return /* @__PURE__ */ jsx(ComposedComponent, {
+      innerRef: elementRef,
+      containerWidth: currentState.width,
+      containerHeight: currentState.height,
+      ...rest
+    });
+  };
+}
+export {
+  withSizeProvider as w
+};

package/components/GridLayout/subcomponents/{WidthProvider → withSizeProvider}/index.d.ts

@@ -11,5 +11,5 @@ export interface ComponentResponsiveReactGridLayoutProps extends Omit<Responsive
     measureBeforeMount?: boolean;
 }
 declare type MinimalParameters = Pick<CoreProps, 'containerWidth' | 'containerHeight' | 'innerRef' | 'style' | 'className'>;
-export declare function SizeProvider<T extends MinimalParameters>(ComposedComponent: FunctionComponent<T>): (props: Omit<T, 'containerWidth' | 'containerHeight' | 'innerRef'> & HOCProps) => import("react/jsx-runtime").JSX.Element;
+export declare function withSizeProvider<T extends MinimalParameters>(ComposedComponent: FunctionComponent<T>): (props: Omit<T, 'containerWidth' | 'containerHeight' | 'innerRef'> & HOCProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/HelperText/{index.918bba47.js → index.7d2afdb3.js}

@@ -1,28 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.e215d0f0.js";
-import "clsx";
-import "@m4l/graphics";
-import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
+import { jsx } from "react/jsx-runtime";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const HelperTextRoot = styled("div")(({
   theme
 }) => ({

package/components/Icon/{index.e215d0f0.js → index.282c5b58.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect } from "react";
-import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import clsx from "clsx";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.614f85fb.js";
+import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.f5aecd41.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";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
 const IconRoot = styled("div")(({
   theme
 }) => ({

package/components/Image/{index.d684bdf2.js → index.8915f577.js}

@@ -3,10 +3,10 @@ import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useMemo }
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { c as classes, g as getSize } from "../PrintingSystem/index.70234425.js";
-import { Q as QRCode } from "../../node_modules.79f5ed2f.js";
+import clsx from "clsx";
+import { c as classes, g as getSize } from "../PrintingSystem/index.9dc25af9.js";
+import { Q as QRCode } from "../../node_modules.bb836860.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }

package/components/LanguagePopover/{index.424bad09.js → index.5e1d85a9.js}

@@ -1,30 +1,14 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.d684bdf2.js";
+import { I as Image } from "../Image/index.8915f577.js";
 import { useLocales } from "@m4l/graphics";
+import { I as ImageButton } from "../mui_extended/Button/index.5c68764a.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.e215d0f0.js";
+import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import { I as ImageButton } from "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
 const LanguagePopoverRoot = styled("div")(({
   theme
 }) => ({

package/components/LinearProgressIndeterminate/{index.a0ad2d9e.js → index.2d53ade4.js}

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../utils/index.9ad3909a.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/LoadingError/{index.b3e4e8e5.js → index.d95e6efb.js}

@@ -1,30 +1,12 @@
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../Icon/index.e215d0f0.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.8266ccc8.js";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "clsx";
-import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import { B as Button } from "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "@mui/material/Button";
 import { unstable_composeClasses } from "@mui/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.2d53ade4.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+import { B as Button } from "../mui_extended/Button/index.5c68764a.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.3d17dfc3.js → index.cc563716.js}

@@ -9,29 +9,10 @@ import { useNetwork, useEnvironment, useHostTools, axiosOperation } from "@m4l/c
 import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
-import "../Icon/index.e215d0f0.js";
-import "clsx";
+import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
-import { L as LoadingError } from "../LoadingError/index.b3e4e8e5.js";
+import { L as LoadingError } from "../LoadingError/index.d95e6efb.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
@@ -159,6 +140,7 @@ class ObservableLoaderMF {
     this.tryAgain();
   }
   unsubscribe(subscriber) {
+    console.log("unsubscribe", subscriber);
     const index = this.subscribers.indexOf(subscriber);
     if (index !== -1) {
       this.subscribers.splice(index, 1);
@@ -207,6 +189,7 @@ function MFLoader(props) {
   const {
     currentLocale
   } = useLocales();
+  console.log("divScript", divScript);
   const classes = mfLoaderUtilityClasses();
   const isFirstRender = useFirstRender([moduleId]);
   const final_host = environment.isLocalhost ? `https://localhost:${debug_port}` : `https://${window.location.host}/mf/${moduleId}`;
@@ -230,8 +213,16 @@ function MFLoader(props) {
     }
   }
   const renderMicroFrontend = useCallback((newDScript) => {
+    console.log("`render_${prefix}_${newDScript.moduleId}`", `render_${prefix}_${newDScript.moduleId}`);
     try {
-      window[`render_${prefix}_${newDScript.moduleId}`](newDScript.divContainerId, environment, hostTools, currentLocale, {
+      window[`render_${prefix}_${newDScript.moduleId}`](newDScript.divContainerId, {
+        ...environment,
+        isMicroFrontend: true,
+        mfProps: {
+          moduleId,
+          debugPort: debug_port
+        }
+      }, hostTools, currentLocale, {
         hostThemeOptions,
         fnComponentsOverrides
       }, axiosOperation, formatter, dynamicMFStore, windowTools);

package/components/ModalDialog/{index.40f6571e.js → index.690c82a4.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.8acace45.js";
-import { R as ResizeableWindow } from "../Resizeable/index.6478d7d8.js";
+import { c as cjs } from "../../react-draggable.312ab17d.js";
+import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
+import { R as ResizeableWindow } from "../Resizeable/index.18c86aff.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.ac0c9093.js";
+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.93e9112b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.8368ac0f.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.ed4c0609.js → index.b75c91e1.js}

@@ -1,29 +1,9 @@
 import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.e215d0f0.js";
+import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import "clsx";
-import "@m4l/graphics";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.5afe56b7.js";
-import "../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.0f2552ed.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.cc54c35c.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.ae9ea641.js";
-import "../mui_extended/Pager/index.5fbbefe2.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"

package/components/NoItemSelected/{index.5ed80b8e.js → index.5246b204.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.d684bdf2.js";
+import { I as Image } from "../Image/index.8915f577.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";