@m4l/components 0.1.94 → 0.1.96

package/components/PrintingSystem/subcomponents/BodyNode/index.e659b2bd.js

@@ -0,0 +1,48 @@
+import { useBase } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const BodyNode = (props) => {
+  const {
+    children,
+    className,
+    direction = "row",
+    gap = "unset",
+    style,
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    alignX = "unset",
+    alignY = "unset",
+    grow = false
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.bodyNodeRoot, className),
+    style: {
+      flexDirection: direction,
+      gap: getSize(gap, unitSize),
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: getSize(height, unitSize),
+      paddingTop: getSize(paddingTop, unitSize),
+      paddingRight: getSize(paddingRight, unitSize),
+      paddingBottom: getSize(paddingBottom, unitSize),
+      paddingLeft: getSize(paddingLeft, unitSize),
+      justifyContent: direction === "row" ? alignX : alignY,
+      alignItems: direction === "row" ? alignY : alignX,
+      flex: grow ? 1 : "unset",
+      ...style
+    },
+    children
+  });
+};
+export {
+  BodyNode as B
+};

package/components/PrintingSystem/subcomponents/ChartNode/index.978f2ac6.js

@@ -0,0 +1,91 @@
+import { g as getEvalValue, c as classes } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { createRef, useEffect } from "react";
+import { Chart, registerables } from "chart.js";
+import { ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar } from "chartjs-chart-error-bars";
+import { useBase, getPropertyByString } from "@m4l/core";
+import { jsx } from "react/jsx-runtime";
+Chart.register(ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar, ...registerables);
+const ChartNode = (props) => {
+  const {
+    style = {},
+    className = "",
+    points,
+    messageX,
+    messageY
+  } = props;
+  const canvasRef = createRef();
+  const regexPattern = /\$\{([^{}]+)\}/g;
+  const {
+    sourceData
+  } = useBase();
+  const pointsMaybeString = typeof points === "string" && regexPattern.exec(points) || "";
+  const formatPoints = typeof points === "string" ? getPropertyByString(sourceData, pointsMaybeString[1]) : points;
+  const data = Array.isArray(formatPoints) && formatPoints.length > 0 ? formatPoints.map((point) => {
+    return {
+      x: 0,
+      xMin: 0,
+      xMax: 0,
+      y: point.correction,
+      yMin: point.correction - point.uncertainty,
+      yMax: point.correction + point.uncertainty
+    };
+  }) : [];
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (canvas != null) {
+      const ctx = canvas.getContext("2d");
+      if (ctx != null) {
+        new LineWithErrorBarsChart(ctx, {
+          data: {
+            labels: Array.isArray(formatPoints) && formatPoints.length > 0 ? formatPoints.map((point) => point.avg) : [],
+            datasets: [{
+              data,
+              borderWidth: 0,
+              pointBorderWidth: 0
+            }]
+          },
+          options: {
+            plugins: {
+              legend: {
+                display: false
+              }
+            },
+            elements: {
+              pointWithErrorBar: {
+                radius: 5,
+                backgroundColor: "black"
+              }
+            },
+            scales: {
+              x: {
+                title: {
+                  display: true,
+                  text: getEvalValue(sourceData, messageX)
+                }
+              },
+              y: {
+                title: {
+                  display: true,
+                  text: getEvalValue(sourceData, messageY)
+                }
+              }
+            }
+          }
+        });
+      }
+    }
+  }, [canvasRef, points]);
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.chartNodeRoot, className),
+    style: {
+      ...style
+    },
+    children: /* @__PURE__ */ jsx("canvas", {
+      ref: canvasRef
+    })
+  });
+};
+export {
+  ChartNode as C
+};

package/components/PrintingSystem/subcomponents/DividerNode/index.2560238c.js

@@ -0,0 +1,19 @@
+import { c as classes } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const DividerNode = (props) => {
+  const {
+    direction = "vertical",
+    className = "",
+    style = {}
+  } = props;
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.dividerNodeRoot, className, direction === "vertical" ? classes.dividerNodeVertical : classes.dividerNodeHorizontal),
+    style: {
+      ...style
+    }
+  });
+};
+export {
+  DividerNode as D
+};

package/components/PrintingSystem/subcomponents/FooterNode/index.3823efb6.js

@@ -0,0 +1,48 @@
+import { useBase } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const FooterNode = (props) => {
+  const {
+    children,
+    className,
+    direction = "row",
+    gap = "unset",
+    style,
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    alignX = "unset",
+    alignY = "unset",
+    grow = false
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.footerNodeRoot, className),
+    style: {
+      flexDirection: direction,
+      gap: getSize(gap, unitSize),
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: getSize(height, unitSize),
+      paddingTop: getSize(paddingTop, unitSize),
+      paddingRight: getSize(paddingRight, unitSize),
+      paddingBottom: getSize(paddingBottom, unitSize),
+      paddingLeft: getSize(paddingLeft, unitSize),
+      justifyContent: direction === "row" ? alignX : alignY,
+      alignItems: direction === "row" ? alignY : alignX,
+      flex: grow ? 1 : "unset",
+      ...style
+    },
+    children
+  });
+};
+export {
+  FooterNode as F
+};

package/components/PrintingSystem/subcomponents/GridNode/index.a138032a.js

@@ -0,0 +1,73 @@
+import { useBase, getPropertyByString } from "@m4l/core";
+import { c as classes, a as getSize, g as getEvalValue } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsxs, jsx } from "react/jsx-runtime";
+const GridNode = (props) => {
+  const {
+    style = {},
+    className = "",
+    rows,
+    columns
+  } = props;
+  const regexPattern = /\$\{([^{}]+)\}/g;
+  const rowMaybeString = typeof rows === "string" && regexPattern.exec(rows) || "";
+  const dataColumns = Array.isArray(columns) && columns.length > 0 ? columns : [];
+  const {
+    unitSize,
+    sourceData
+  } = useBase();
+  const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
+  console.log("rows", rows);
+  console.log("result", result);
+  const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{
+    ...result
+  }] : [];
+  console.log("rows", rows);
+  console.log("rowEval", rowEval);
+  const rowsFormated = typeof rows === "string" ? rowEval : rows;
+  if (dataColumns.length > 0) {
+    return /* @__PURE__ */ jsxs("table", {
+      className: clsx(classes.gridNodeRoot, className),
+      style: {
+        ...style
+      },
+      children: [/* @__PURE__ */ jsx("thead", {
+        children: /* @__PURE__ */ jsx("tr", {
+          className: classes.gridNodeTr,
+          children: columns.map((column) => {
+            return /* @__PURE__ */ jsx("th", {
+              className: classes.gridNodeTh,
+              style: {
+                minWidth: column.width ? getSize(column.width, unitSize) : "auto",
+                maxWidth: column.width ? getSize(column.width, unitSize) : "auto",
+                justifyContent: column.alignX ? column.alignX : "center"
+              },
+              children: getEvalValue(sourceData, column.title)
+            }, `th-${Math.random().toString(36).substring(7)}`);
+          })
+        }, `tr-${Math.random().toString(36).substring(7)}`)
+      }), /* @__PURE__ */ jsx("tbody", {
+        children: rowsFormated.map((row) => {
+          return /* @__PURE__ */ jsx("tr", {
+            className: classes.gridNodeTr,
+            children: columns.map((cell, id) => {
+              const isNested = cell.nestedValue ? true : false;
+              return /* @__PURE__ */ jsx("td", {
+                className: classes.gridNodeTd,
+                style: {
+                  minWidth: getSize(dataColumns[id].width || "auto", unitSize),
+                  justifyContent: cell.alignX ? cell.alignX : "center"
+                },
+                children: isNested ? getPropertyByString(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
+              }, `td-${Math.random().toString(36).substring(7)}`);
+            })
+          }, `tr-${Math.random().toString(36).substring(7)}`);
+        })
+      })]
+    });
+  }
+  return null;
+};
+export {
+  GridNode as G
+};

package/components/PrintingSystem/subcomponents/HeaderNode/index.7f836dc8.js

@@ -0,0 +1,48 @@
+import { useBase } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const HeaderNode = (props) => {
+  const {
+    children,
+    className,
+    direction = "row",
+    gap = "unset",
+    style,
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    alignX = "unset",
+    alignY = "unset",
+    grow = false
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.headerNodeRoot, className),
+    style: {
+      flexDirection: direction,
+      gap: getSize(gap, unitSize),
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: getSize(height, unitSize),
+      paddingTop: getSize(paddingTop, unitSize),
+      paddingRight: getSize(paddingRight, unitSize),
+      paddingBottom: getSize(paddingBottom, unitSize),
+      paddingLeft: getSize(paddingLeft, unitSize),
+      justifyContent: direction === "row" ? alignX : alignY,
+      alignItems: direction === "row" ? alignY : alignX,
+      flex: grow ? 1 : "unset",
+      ...style
+    },
+    children
+  });
+};
+export {
+  HeaderNode as H
+};

package/components/PrintingSystem/subcomponents/PaperNode/index.f93990b9.js

@@ -0,0 +1,46 @@
+import { useBase } from "@m4l/core";
+import { g as getEvalValue, c as classes } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsxs, jsx } from "react/jsx-runtime";
+const PaperNode = (props) => {
+  const {
+    children,
+    style = {},
+    className = "",
+    title,
+    titleSecondary
+  } = props;
+  const {
+    mainColor
+  } = useBase();
+  const {
+    sourceData
+  } = useBase();
+  const titleFormated = getEvalValue(sourceData, title);
+  const titleSecondaryFormated = getEvalValue(sourceData, titleSecondary || "");
+  return /* @__PURE__ */ jsxs("div", {
+    className: clsx(classes.paperNodeRoot, className),
+    style: {
+      ...style
+    },
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: classes.paperNodeContainerTitles,
+      children: [/* @__PURE__ */ jsx("div", {
+        className: classes.paperNodeTitle,
+        children: titleFormated
+      }), titleSecondary ? /* @__PURE__ */ jsx("div", {
+        className: classes.paperNodeTitleSecondary,
+        style: {
+          color: mainColor
+        },
+        children: titleSecondaryFormated
+      }) : null]
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.paperNodeContent,
+      children
+    })]
+  });
+};
+export {
+  PaperNode as P
+};

package/components/PrintingSystem/subcomponents/PropertyValueNode/index.bd1a15b2.js

@@ -0,0 +1,43 @@
+import { useBase, evaluateWithContext } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsxs, jsx } from "react/jsx-runtime";
+const PropertyValueNode = (props) => {
+  const {
+    style = {},
+    className = "",
+    property,
+    value,
+    direction,
+    propertyWidth = "auto"
+  } = props;
+  console.log();
+  const {
+    unitSize,
+    mainColor,
+    sourceData
+  } = useBase();
+  const propertyFormated = evaluateWithContext(sourceData, property);
+  const valueFormated = evaluateWithContext(sourceData, value);
+  return /* @__PURE__ */ jsxs("div", {
+    className: clsx(classes.propertyValueNodeRoot, direction === "column" ? classes.propertyValueNodeHorizontal : classes.propertyValueNodeVertical, className),
+    style: {
+      ...style
+    },
+    children: [/* @__PURE__ */ jsx("div", {
+      className: classes.propertyValueNodeTitle,
+      style: {
+        width: getSize(propertyWidth, unitSize),
+        minWidth: getSize(propertyWidth, unitSize),
+        borderColor: mainColor
+      },
+      children: propertyFormated
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.propertyValueNodeContent,
+      children: valueFormated
+    })]
+  });
+};
+export {
+  PropertyValueNode as P
+};

package/components/PrintingSystem/subcomponents/SectionNode/index.2504139a.js

@@ -0,0 +1,48 @@
+import { useBase } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const SectionNode = (props) => {
+  const {
+    children,
+    className,
+    direction = "row",
+    gap = "unset",
+    style,
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    alignX = "unset",
+    alignY = "unset",
+    grow = false
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.sectionNodeRoot, className),
+    style: {
+      flexDirection: direction,
+      gap: getSize(gap, unitSize),
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: getSize(height, unitSize),
+      paddingTop: getSize(paddingTop, unitSize),
+      paddingRight: getSize(paddingRight, unitSize),
+      paddingBottom: getSize(paddingBottom, unitSize),
+      paddingLeft: getSize(paddingLeft, unitSize),
+      justifyContent: direction === "row" ? alignX : alignY,
+      alignItems: direction === "row" ? alignY : alignX,
+      flex: grow ? 1 : "unset",
+      ...style
+    },
+    children
+  });
+};
+export {
+  SectionNode as S
+};

package/components/PrintingSystem/subcomponents/TextBoxNode/index.0a5c2f69.js

@@ -0,0 +1,28 @@
+import { useBase } from "@m4l/core";
+import { g as getEvalValue, c as classes } from "../../index.3d308b6a.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const TextBoxNode = (props) => {
+  const {
+    variant = "body",
+    style,
+    className,
+    textAlign = "start",
+    children
+  } = props;
+  const {
+    sourceData
+  } = useBase();
+  const textFormated = getEvalValue(sourceData, children[1]);
+  return /* @__PURE__ */ jsx("span", {
+    className: clsx(classes.textBoxNodeRoot, className, `${classes.textBoxNodeVariant}-${variant}`),
+    style: {
+      textAlign,
+      ...style
+    },
+    children: textFormated
+  });
+};
+export {
+  TextBoxNode as T
+};

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

@@ -4,7 +4,7 @@ export declare const propertyValueClasses: PropertyValueClassesType;
 export declare function getPropertyValueUtilityClass(slot: string): string;
 export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
     value: string;
-    property: string;
     root: string;
+    property: string;
     skeletonProperty: string;
 };

package/components/PropertyValue/{index.3efa059f.js → index.c6b9cb7d.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.d0158973.js";
+import { g as getNameDataTestId } from "../../vendor.7eac5d69.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

package/components/Resizeable/{index.8c53c1fa.js → index.840f7167.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.c07d63fb.js";
+import { a as ResizableBox } from "../../react-resizable.60704e26.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.5fd648d2.js → index.01219373.js}

@@ -4,12 +4,12 @@ import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, List
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { createContext, useContext, useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../Image/index.611cd930.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.3211023d.js";
+import { I as Image } from "../Image/index.488e0da6.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.331e3b53.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.b73eb296.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";

package/components/areas/components/AreasAdmin/{index.a00755e9.js → index.93b51dc1.js}

@@ -1,11 +1,11 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.52bffa4c.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.6905c4b2.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import clsx from "clsx";
 import { generateUtilityClasses, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
@@ -13,19 +13,19 @@ import { styled } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.ad3f1fd3.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.25b3627e.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3e23ad4.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.49631fcb.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.e18d3338.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c67788d8.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.984a6a98.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.331e3b53.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
-import { I as Icon } from "../../../Icon/index.3211023d.js";
+import { B as Button } from "../../../mui_extended/Button/index.98f6513b.js";
+import { I as Icon } from "../../../Icon/index.b73eb296.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasViewer/{index.653bb2d9.js → index.288ca252.js}

@@ -1,36 +1,36 @@
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../../react-resizable.c07d63fb.js";
+import { r as react_resizable_css } from "../../../../react-resizable.60704e26.js";
 import { generateUtilityClasses, Skeleton, Dialog } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.52bffa4c.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.6905c4b2.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.ad3f1fd3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.c46da124.js";
-import { I as Icon } from "../../../Icon/index.3211023d.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.331e3b53.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import { I as Icon } from "../../../Icon/index.b73eb296.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.caee87dd.js";
+import { M as MFLoader } from "../../../MFLoader/index.511dfd02.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../../vendor.d0158973.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.2b29c87a.js";
-import { S as SizeProvider } from "../../../GridLayout/index.1421f0d4.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.f459804c.js";
+import { g as getNameDataTestId } from "../../../../vendor.7eac5d69.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.0e1ecf07.js";
+import { S as SizeProvider } from "../../../GridLayout/index.ed6dedb0.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.54d49969.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.96bdc803.js";
-import { c as cjs } from "../../../../react-draggable.e4725f3a.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.8c53c1fa.js";
+import { L as LoadingError } from "../../../LoadingError/index.f0b3beb0.js";
+import { c as cjs } from "../../../../react-draggable.b86ca282.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.840f7167.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",

package/components/areas/contexts/AreasContext/{index.2b29c87a.js → index.0e1ecf07.js}

@@ -5,13 +5,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.653bb2d9.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.a00755e9.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.288ca252.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.93b51dc1.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.f459804c.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.54d49969.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.1421f0d4.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.ed6dedb0.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 4;