@m4l/components 0.1.92 → 0.1.93

package/components/DataGrid/subcomponents/Actions/{index.5b0b1fbf.js → index.c8408b73.js}

@@ -1,48 +1,19 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.7669b8af.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.95cea2ca.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.abedf2c0.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.ac2a21f0.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.de0bd62c.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.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.d46d625e.js";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.fa6dfaa1.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.54588e5b.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.f20cffae.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.676c96fe.js";
+import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3e23ad4.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.49631fcb.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../modal/index.b434146b.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.7a196c44.js";
-import "react-hook-form";
-import "@mui/material/Button";
-import "../../../mui_extended/Button/index.f79eb74e.js";
-import "clsx";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../../../areas/components/AreasAdmin/index.cd054608.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.65bb2930.js";
-import "../../../mui_extended/Accordion/index.cdedddba.js";
-import "../../../Icon/index.a70c4729.js";
-import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.5f09e16a.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.62abf0bb.js";
-import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../../../modal/WindowBase.a4752aa1.js";
+import { W as WindowBase } from "../../../modal/WindowBase.161ec78a.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {

package/components/DraggableWindow/{index.c702d3f2.js → index.8f423ed7.js}

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { c as cjs } from "../../react-draggable.7abb5d0a.js";
+import { c as cjs } from "../../react-draggable.e4725f3a.js";
 import { jsx } from "react/jsx-runtime";
 const DraggableWindow = (props) => {
   const {

package/components/DynamicFilter/{index.e9192ebd.js → index.cb1402aa.js}

@@ -1,66 +1,33 @@
-import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../ScrollBar/index.65bb2930.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.76624519.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.e14dec76.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.7669b8af.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.a70c4729.js";
-import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.7a196c44.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.54588e5b.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.f20cffae.js";
-import { useFormContext, useWatch } from "react-hook-form";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-import "../../contexts/ModalContext/index.347f6738.js";
-import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.676c96fe.js";
-import "../modal/index.b434146b.js";
-import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.cdedddba.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_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "@mui/lab";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../areas/components/AreasAdmin/index.cd054608.js";
-import "../areas/components/AreasViewer/index.62abf0bb.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.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.c43a95f4.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.6469f148.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.29a4c62c.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.647c3f9c.js";
-import "../hook-form/RHFCheckbox/index.0b89ea5c.js";
-import "../HelperText/index.191348cc.js";
-import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.1adc88ad.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.a1a240b1.js";
-import "../hook-form/RHFPeriod/index.a4476d23.js";
-import "../Period/index.ebd5e3b7.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.a4582341.js";
+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.ccf731c1.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.52387f0f.js";
+import { g as getNameDataTestId } from "../../vendor.71883626.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.66e334b0.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.25b3627e.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.65bb2930.js";
+import clsx from "clsx";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.dd9f65a2.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c3e23ad4.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.49631fcb.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/DynamicFilter/index.d.ts

@@ -1,4 +1,4 @@
 export * from './DynamicFilter';
 export { getDynamicFilterComponentsDictionary } from './dictionary';
-export type { FilterFieldApplyed as FilterFieldApply, RawFilterFieldApply, InitialFilterApplyed, } from './types';
+export type { FilterFieldApplyed as FilterFieldApply, RawFilterFieldApply, InitialFilterApplyed, Field, } from './types';
 export type { DynamicFilterClassesKey } from './classes/types';

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

@@ -1,4 +1,4 @@
 import { GridLayoutClasses } from './types';
 export declare const gridLayoutClasses: GridLayoutClasses;
-export declare const useUtilityClasses: () => Record<"static" | "root" | "colapsed" | "resizing" | "dragging" | "invisible" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
+export declare const useUtilityClasses: () => Record<"static" | "root" | "dragging" | "colapsed" | "resizing" | "invisible" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/GridLayout/{index.5e43414d.js → index.1421f0d4.js}

@@ -1,13 +1,13 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.d6f326d2.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.b2342897.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.ba08699a.js";
+import { r as react_resizable_css } from "../../react-resizable.c07d63fb.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { throttle } from "lodash";
+import { useResizeObserver } from "@m4l/graphics";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";
 const DEFAULT_COLS = 12;
 const DEFAULT_ROW_HEIGHT = 20;
@@ -1199,7 +1199,7 @@ function SizeProvider(ComposedComponent) {
   };
 }
 export {
-  noop as A,
+  isEqualLayouts as A,
   DEFAULT_COLS as D,
   GridLayout as G,
   SizeProvider as S,
@@ -1228,5 +1228,5 @@ export {
   isEqualLayout as w,
   DEFAULT_RESPONSIVE_BREAKPOINTS as x,
   DEFAULT_RESPONSIVE_COLS as y,
-  isEqualLayouts as z
+  noop as z
 };

package/components/GridLayout/subcomponents/Griditem/{index.d6f326d2.js → index.b2342897.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.7abb5d0a.js";
-import { R as Resizable } from "../../../../react-resizable.ba08699a.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.5e43414d.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.e4725f3a.js";
+import { R as Resizable } from "../../../../react-resizable.c07d63fb.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.1421f0d4.js";
 import clsx from "clsx";
-import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
+import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 function GridItem(props) {
   const {

package/components/GridLayout/subcomponents/Responsive/{index.d41e31ca.js → index.f459804c.js}

@@ -1,7 +1,7 @@
-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.5e43414d.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.1421f0d4.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
+import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
 import { jsx } from "react/jsx-runtime";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);

package/components/HelperText/{index.191348cc.js → index.7d2afdb3.js}

@@ -1,28 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.a70c4729.js";
-import "clsx";
-import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.76624519.js";
-import "@m4l/graphics";
-import "../mui_extended/Accordion/index.cdedddba.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.f79eb74e.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.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.a70c4729.js → index.3211023d.js}

@@ -1,11 +1,12 @@
-import { useState, useEffect } from "react";
-import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.2dfc5445.js";
+import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.5fd648d2.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
 const IconRoot = styled("div")(({
   theme
 }) => ({
@@ -67,6 +68,7 @@ function Icon(props) {
     className
   } = props;
   const [resource, setResource] = useState(testingProps?.resource || void 0);
+  const isDesktop = useResponsiveDesktop();
   useEffect(() => {
     let mounted = true;
     (async function networkOperation() {
@@ -87,7 +89,7 @@ function Icon(props) {
     };
   }, [src]);
   const ownerState = {
-    size,
+    size: isDesktop ? size : "medium",
     rotationAngle
   };
   const classes = useUtilityClasses(ownerState);

package/components/Image/{index.c18ebf5a.js → index.611cd930.js}

@@ -1,10 +1,11 @@
-import { useBase, useModuleSkeleton, BaseProvider } from "@m4l/core";
+import { useBase, useModuleSkeleton, BaseProvider, useEnvironment } from "@m4l/core";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useMemo } from "react";
 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 clsx from "clsx";
+import { g as getEvalValue, c as classes, a as getSize } from "../PrintingSystem/index.e18a2fa8.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }
@@ -34,7 +35,7 @@ const BasicIntersectComponent = forwardRef((props, ref) => {
     threshold
   } = props;
   const {
-    classes
+    classes: classes2
   } = useBase();
   const [observer] = useState(getObserver(threshold));
   const intersectComponentRef = useRef(null);
@@ -61,7 +62,7 @@ const BasicIntersectComponent = forwardRef((props, ref) => {
     styleProp.minHeight = height;
   }
   return /* @__PURE__ */ jsx("span", {
-    className: classes.span,
+    className: classes2.span,
     ref: intersectComponentRef,
     style: styleProp,
     ...process.env.NODE_ENV !== "production" ? {
@@ -80,10 +81,10 @@ function LazyLoadComponent(props) {
   } = props;
   const [isVisible, setIsVisible] = useState(testingProps?.isVisible || !(useIntersectionObserver && isIntersectionObserverAvailable()));
   const {
-    classes
+    classes: classes2
   } = useBase();
   return /* @__PURE__ */ jsx(WrapperLazyLoadComponent, {
-    className: classes.lazyLoad,
+    className: classes2.lazyLoad,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("lazyLoad")
     } : {},
@@ -117,10 +118,10 @@ const Skeleton = (props) => {
     height
   } = props;
   const {
-    classes
+    classes: classes2
   } = useBase();
   return skeletonVariant === "image" ? /* @__PURE__ */ jsx(WrapperSkeletonImage, {
-    className: classes.skeletonImage,
+    className: classes2.skeletonImage,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("skeletonImage")
     } : {},
@@ -137,7 +138,7 @@ const Skeleton = (props) => {
     variant: "circular",
     width: "100%",
     height: "100%",
-    className: classes.skeletonCircle,
+    className: classes2.skeletonCircle,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("skeletonCircle")
     } : {}
@@ -267,10 +268,10 @@ function Image(props) {
   const ownerState = {
     isImageLoaded
   };
-  const classes = useUtilityClasses(ownerState);
+  const classes2 = useUtilityClasses(ownerState);
   const lazyLoadComponent = useMemo(() => {
     return /* @__PURE__ */ jsx(ImageRoot, {
-      className: clsx(classes.root, className),
+      className: clsx(classes2.root, className),
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("root")
       } : {},
@@ -299,7 +300,7 @@ function Image(props) {
           alt,
           src,
           onLoad,
-          className: classes.img,
+          className: classes2.img,
           width: !width ? "100%" : ratioImage.width,
           height: !height ? "100%" : ratioImage.height,
           ...process.env.NODE_ENV !== "production" ? {
@@ -311,11 +312,39 @@ function Image(props) {
   }, [statusLoad, isSKeleton, src]);
   return /* @__PURE__ */ jsx(BaseProvider, {
     value: {
-      classes
+      classes: classes2
     },
     children: lazyLoadComponent
   });
 }
+const ImageNode = (props) => {
+  const {
+    className,
+    style,
+    src,
+    width = "100%",
+    height = "100%"
+  } = props;
+  const {
+    unitSize,
+    sourceData
+  } = useBase();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const resourceImg = getEvalValue(sourceData, src);
+  return /* @__PURE__ */ jsx("img", {
+    src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
+    className: clsx(classes.imageNodeRoot, className),
+    style: {
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      ...style
+    }
+  });
+};
 export {
-  Image as I
+  Image as I,
+  ImageNode as a
 };

package/components/LanguagePopover/{index.a74f2065.js → index.b6dc03d0.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.c18ebf5a.js";
+import { I as Image } from "../Image/index.611cd930.js";
 import { useLocales } from "@m4l/graphics";
+import { I as ImageButton } from "../mui_extended/Button/index.94fec33c.js";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.a70c4729.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.76624519.js";
-import "../mui_extended/Accordion/index.cdedddba.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.f79eb74e.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.7669b8af.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.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.60dabc06.js → index.c46da124.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.c43a95f4.js";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.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/LoadingError.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AreasLoadingErrorProps } from './types';
+export declare const LoadingError: (props: AreasLoadingErrorProps) => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,14 @@
+import { LoadingErrorClassesType } from './types';
+export declare const loadingErrorClasses: LoadingErrorClassesType;
+export declare function getLoadingErrorUtilityClass(slot: string): string;
+export declare const loadingErrorUtilityClasses: () => {
+    root: string;
+    loadingErrorLoading: string;
+    loadingError: string;
+    loadingErrorIcon: string;
+    loadingErrorTitle: string;
+    loadingErrorDescription: string;
+    loadingErrorDivider: string;
+    loadingErrorTextAction: string;
+    titleDescription: string;
+};

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

@@ -0,0 +1,14 @@
+import { loadingErrorUtilityClasses } from ".";
+export interface LoadingErrorClassesType {
+    root: string;
+    loadingErrorLoading: string;
+    loadingError: string;
+    loadingErrorIcon: string;
+    loadingErrorTitle: string;
+    loadingErrorDescription: string;
+    loadingErrorDivider: string;
+    loadingErrorTextAction: string;
+    titleDescription: string;
+}
+export declare type MFLoaderClassesKey = keyof LoadingErrorClassesType;
+export declare type Classes = ReturnType<typeof loadingErrorUtilityClasses>;

package/components/LoadingError/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const getLoadingErrorComponentsDictionary: () => string[];

package/components/LoadingError/index.96bdc803.js

@@ -0,0 +1,106 @@
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { I as ICONS } from "../areas/icons.8266ccc8.js";
+import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.c46da124.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+import { B as Button } from "../mui_extended/Button/index.94fec33c.js";
+const componentName = "M4LoadingError";
+generateUtilityClasses(componentName, [
+  "root",
+  "loadingErrorLoading",
+  "loadingError",
+  "loadingErrorIcon",
+  "loadingErrorTitle",
+  "loadingErrorDescription",
+  "loadingErrorDivider",
+  "loadingErrorTextAction",
+  "titleDescription"
+]);
+function getLoadingErrorUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const loadingErrorUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    loadingErrorLoading: ["loadingErrorLoading"],
+    loadingError: ["loadingError"],
+    loadingErrorIcon: ["loadingErrorIcon"],
+    loadingErrorTitle: ["loadingErrorTitle"],
+    loadingErrorDescription: ["loadingErrorDescription"],
+    loadingErrorDivider: ["loadingErrorDivider"],
+    loadingErrorTextAction: ["loadingErrorTextAction"],
+    titleDescription: ["titleDescription"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getLoadingErrorUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const LoadingErrorRoot = styled("div")(({ theme }) => ({
+  ...theme?.components?.M4LoadingError?.styleOverrides
+}));
+const LoadingError = (props) => {
+  const {
+    status,
+    action,
+    title,
+    description,
+    recommendation,
+    introMessage,
+    errorIcon
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const classes = loadingErrorUtilityClasses();
+  return /* @__PURE__ */ jsx(LoadingErrorRoot, {
+    className: classes.root,
+    children: status !== "error" ? /* @__PURE__ */ jsx("div", {
+      className: classes.loadingErrorLoading,
+      children: /* @__PURE__ */ jsx(LinearProgressIndeterminate, {})
+    }) : /* @__PURE__ */ jsxs("div", {
+      className: classes.loadingError,
+      children: [/* @__PURE__ */ jsx(Icon, {
+        className: classes.loadingErrorIcon,
+        src: errorIcon ? errorIcon : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NAVIGATE_ERROR}`
+      }), /* @__PURE__ */ jsxs("div", {
+        className: classes.titleDescription,
+        children: [/* @__PURE__ */ jsx(Typography, {
+          variant: "h3",
+          skeletonWidth: "100px",
+          className: classes.loadingErrorTitle,
+          children: title ? title : getLabel("loading_error.label_error_title")
+        }), /* @__PURE__ */ jsx(Typography, {
+          variant: "subtitle",
+          skeletonWidth: "100px",
+          className: classes.loadingErrorDescription,
+          children: description ? description : getLabel("loading_error.label_error_description")
+        })]
+      }), /* @__PURE__ */ jsx("div", {
+        className: classes.loadingErrorDivider
+      }), /* @__PURE__ */ jsx(Typography, {
+        variant: "paragraph",
+        skeletonWidth: "100px",
+        className: classes.loadingErrorTextAction,
+        children: recommendation ? recommendation : getLabel("loading_error.label_error_recommendation")
+      }), /* @__PURE__ */ jsx(Button, {
+        onClick: action,
+        children: introMessage ? introMessage : getLabel("loading_error.label_error_intro")
+      })]
+    })
+  });
+};
+const getLoadingErrorComponentsDictionary = () => {
+  return ["loading_error"];
+};
+export {
+  LoadingError as L,
+  getLoadingErrorComponentsDictionary as g
+};

package/components/LoadingError/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingError } from './LoadingError';
+export { getLoadingErrorComponentsDictionary } from './dictionary';