@m4l/components 0.1.95 → 0.1.97

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

@@ -3,9 +3,12 @@ export interface PropertyValueClassesType {
     root: string;
     property: string;
     value: string;
-    skeletonProperty: string;
+    iconProperty: string;
     isDisabled: string;
     isFocus: string;
+    variantIsForm: string;
+    isTabSelected: string;
+    isMobile: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;
 export declare type Classes = ReturnType<typeof propertyValueUtilityClasses>;

package/components/PropertyValue/index.3d5e8c52.js

@@ -0,0 +1,206 @@
+import { styled } from "@mui/material/styles";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../vendor.c4bc5f4d.js";
+import { useState } from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as Icon } from "../Icon/index.4e424a81.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+const PropertyValueRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LPropertyValue?.styleOverrides
+}));
+const componentName = "M4LPropertyValue";
+generateUtilityClasses(componentName, [
+  "root",
+  "property",
+  "iconProperty",
+  "value",
+  "isDisabled",
+  "isFocus",
+  "variantIsForm",
+  "isTabSelected",
+  "isMobile"
+]);
+function getPropertyValueUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const propertyValueUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.disabled && "isDisabled", ownerState.isFocus && "isFocus", ownerState.isForm && "variantIsForm", ownerState.isTabSelected && "isTabSelected", ownerState.isMobile && "isMobile"],
+    property: ["property"],
+    iconProperty: ["iconProperty"],
+    value: ["value"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getPropertyValueUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const COMPONENT_PREFIX = "m4l-property-value";
+const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
+function PropertyValue(props) {
+  const {
+    property,
+    iconProperty,
+    value,
+    propertyWidth = 200,
+    valueHeight = "auto",
+    valueWidth = "100",
+    valueWidthMobile,
+    isForm,
+    className,
+    dataTestId = "",
+    disabled = false
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const [isFocus, setIsFocus] = useState(false);
+  const [isTabSelected, setIsTabSelected] = useState(false);
+  const getValueW = () => {
+    if (valueWidthMobile && !isDesktop) {
+      return valueWidthMobile;
+    }
+    if (valueWidth === 75 && isDesktop) {
+      return 75;
+    } else if (valueWidth === 75 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 50 && isDesktop) {
+      return 50;
+    } else if (valueWidth === 50 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
+      return valueWidth;
+    }
+    if (valueWidth === 25 && !isDesktop) {
+      return 50;
+    }
+    if (valueWidth === 12.5 && !isDesktop) {
+      return 25;
+    }
+    return 100;
+  };
+  const handlerFocus = () => {
+    setIsFocus(true);
+  };
+  const handlerKeyUp = (event) => {
+    if (event.key === "Tab") {
+      console.log("handlerKeyDown condition ok");
+      setIsTabSelected(true);
+    }
+  };
+  const handlerOnBlur = () => {
+    setIsFocus(false);
+    setIsTabSelected(false);
+  };
+  const ownerState = {
+    disabled: isForm && disabled ? disabled : false,
+    isFocus: !disabled && isForm ? isFocus : false,
+    isTabSelected: !disabled && isForm ? isTabSelected : false,
+    isForm: isForm ? true : false,
+    isMobile: !isDesktop
+  };
+  const classes = propertyValueUtilityClasses(ownerState);
+  if (!isForm) {
+    return /* @__PURE__ */ jsxs(PropertyValueRoot, {
+      className: clsx(classes.root, className),
+      style: {
+        gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
+      },
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROPS_DATA]: JSON.stringify([{
+          property: property ? true : false,
+          value: value ? true : false
+        }]),
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
+      } : {},
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.property,
+        style: {
+          width: propertyWidth && isDesktop ? propertyWidth : "150px",
+          minWidth: propertyWidth && isDesktop ? propertyWidth : "150px"
+        },
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "property", dataTestId)
+        } : {},
+        children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
+          src: iconProperty,
+          className: classes.iconProperty
+        }) : null, /* @__PURE__ */ jsx(Typography, {
+          variant: "body",
+          skeletonWidth: "70px",
+          children: property
+        })]
+      }), /* @__PURE__ */ jsx("div", {
+        className: classes.value,
+        style: {
+          width: `${getValueW()}%`,
+          maxWidth: `${getValueW()}%`,
+          height: valueHeight
+        },
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
+        } : {},
+        children: value
+      })]
+    });
+  }
+  return /* @__PURE__ */ jsxs(PropertyValueRoot, {
+    className: clsx(classes.root, className),
+    style: {
+      gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
+    },
+    role: "button",
+    tabIndex: 0,
+    onClick: handlerFocus,
+    onBlur: handlerOnBlur,
+    onKeyUp: handlerKeyUp,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROPS_DATA]: JSON.stringify([{
+        property: property ? true : false,
+        value: value ? true : false
+      }]),
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
+    } : {},
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: clsx(classes.root, className),
+      style: {
+        width: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
+      },
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROPS_DATA]: JSON.stringify([{
+          property: property ? true : false,
+          value: value ? true : false
+        }]),
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
+      } : {},
+      children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
+        src: iconProperty,
+        className: classes.iconProperty
+      }) : null, /* @__PURE__ */ jsx(Typography, {
+        variant: "body",
+        skeletonWidth: "70px",
+        children: property
+      })]
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.value,
+      style: {
+        width: `${getValueW()}%`,
+        maxWidth: `${getValueW()}%`,
+        height: valueHeight
+      },
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
+      } : {},
+      children: value
+    })]
+  });
+}
+export {
+  PropertyValue as P
+};

package/components/PropertyValue/types.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 export interface PropertyProps {
     propertyWidth?: number;
+    iconProperty?: string;
 }
 export interface ValueProps {
     valueHeight?: number | string;
@@ -15,12 +16,9 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     dataTestId?: string;
     disabled?: boolean;
 }
-export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
-export declare type WrapperPropertyProps = WrapperProps;
-export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
-export interface SKTPropertyProps extends Pick<PropertyValueProps, 'dataTestId'> {
-    className: string;
-}
 export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
-    focus: boolean;
+    isFocus: boolean;
+    isForm: boolean;
+    isTabSelected: boolean;
+    isMobile: boolean;
 }

package/components/Resizeable/{index.8c53c1fa.js → index.6478d7d8.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.ee028152.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

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

@@ -5,11 +5,11 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     root: string;
     drawer: string;
     popover: string;
+    containerLogo: string;
     containerSideBarLogo: string;
     contentDesktop: string;
     contentMobile: string;
     collapseButton: string;
-    containerLogo: string;
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;

package/components/SideBar/{index.ce301edd.js → index.ed0211ba.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.9799dfc0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.5499ffdb.js";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.11a7a77c.js";
+import { I as Image } from "../Image/index.8b134b95.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3c568901.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.4e424a81.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
@@ -235,7 +235,7 @@ function CollapseButton(props) {
       children: /* @__PURE__ */ jsx(Image, {
         width: "100%",
         height: "100%",
-        src: companyLogoNormalUrl,
+        src: companyLogoNormalUrl || "",
         alt: "logo"
       }, "Logo")
     }), /* @__PURE__ */ jsx("div", {
@@ -905,7 +905,7 @@ const ContentDesktop = () => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("contentDesktop")
     } : {},
-    children: [/* @__PURE__ */ jsx("div", {
+    children: [companyLogoSmallUrl ? /* @__PURE__ */ jsx("div", {
       className: classes.containerSideBarLogo,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
@@ -920,16 +920,16 @@ const ContentDesktop = () => {
           height: "60px",
           src: companyLogoSmallUrl,
           alt: "logo"
-        }, "Logo"), /* @__PURE__ */ jsx(Typography, {
+        }, "Logo"), companyName ? /* @__PURE__ */ jsx(Typography, {
           variant: "subtitleDens",
           skeletonWidth: "100px",
           style: {
             width: collapsed ? "0px" : "auto"
           },
           children: companyName
-        })]
+        }) : null]
       })
-    }), /* @__PURE__ */ jsx(ContentGroups, {}), /* @__PURE__ */ jsx(CollapseButton, {
+    }) : null, /* @__PURE__ */ jsx(ContentGroups, {}), /* @__PURE__ */ jsx(CollapseButton, {
       onToggleCollapse,
       collapsed
     })]
@@ -996,7 +996,7 @@ const ContentMobile = () => {
         ...process.env.NODE_ENV !== "production" ? {
           [TEST_PROP_ID]: getNameDataTestId("contentMobile")
         } : {},
-        children: [/* @__PURE__ */ jsx("div", {
+        children: [companyLogoSmallUrl ? /* @__PURE__ */ jsx("div", {
           className: classes.containerSideBarLogo,
           ...process.env.NODE_ENV !== "production" ? {
             [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
@@ -1017,7 +1017,7 @@ const ContentMobile = () => {
               children: companyName
             })]
           })
-        }), /* @__PURE__ */ jsx(ContentGroups, {})]
+        }) : null, /* @__PURE__ */ jsx(ContentGroups, {})]
       })]
     })
   });

package/components/SideBar/types.d.ts

@@ -21,11 +21,11 @@ export interface SideBarProps {
     onToggleVisible: VoidFunction;
     collapsed: boolean;
     visible: boolean;
-    companyLogoSmallUrl: string;
-    companyLogoNormalUrl: string;
+    companyLogoSmallUrl?: string;
+    companyLogoNormalUrl?: string;
     collapsedWidht?: string | number;
     unCollapsedWidht?: string | number;
-    companyName: string;
+    companyName?: string;
 }
 export declare type Classes = ReturnType<typeof getSideBarClassesByState>;
 export declare type SideBarState = Pick<SideBarProps, 'collapsed' | 'visible'>;

package/components/SplitLayout/{index.9ef430f6.js → index.30fd5861.js}

@@ -3,7 +3,7 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.c5d98bf7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const SplitLayoutRoot = styled("div")(({
   theme

package/components/ToastContainer/ToastContainer.d.ts

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

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

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

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

@@ -0,0 +1,8 @@
+import { ToastClassesType } from './types';
+export declare const toastClasses: ToastClassesType;
+export declare const getToastClassesByState: () => {
+    root: string;
+    toastMessageContainer: string;
+    toastMessageIcon: string;
+    toastMessageInfo: string;
+};

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

@@ -0,0 +1,9 @@
+import { getToastClassesByState } from ".";
+export interface ToastClassesType {
+    root: string;
+    toastMessageContainer: string;
+    toastMessageIcon: string;
+    toastMessageInfo: string;
+}
+export declare type ToastClassesKey = keyof ToastClassesType;
+export declare type Classes = ReturnType<typeof getToastClassesByState>;

package/components/ToastContainer/index.2343fd28.js

@@ -0,0 +1,87 @@
+import { styled, generateUtilityClasses } from "@mui/material";
+import { A } from "../../node_modules.a40403af.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { useEnvironment } from "@m4l/core";
+import { useMemo } from "react";
+import { I as Icon } from "../Icon/index.4e424a81.js";
+const ToastContainerRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LToastContainer?.styleOverrides
+}));
+const componentName = "M4LToastContainer";
+const toastClasses = generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "toastMessageContainer",
+    "toastMessageIcon",
+    "toastMessageInfo"
+  ]
+);
+const getToastClassesByState = () => {
+  const slots = {
+    root: ["root"],
+    toastMessageContainer: ["toastMessageContainer"],
+    toastMessageIcon: ["toastMessageIcon"],
+    toastMessageInfo: ["toastMessageInfo"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+  return {
+    ...composedClasses
+  };
+};
+const ToastContainer = (props) => {
+  const {
+    children
+  } = props;
+  const classes = getToastClassesByState();
+  return /* @__PURE__ */ jsxs(ToastContainerRoot, {
+    className: classes.root,
+    children: ["test bruce", /* @__PURE__ */ jsx(A, {}), children]
+  });
+};
+const ToastMessage = (props) => {
+  const {
+    messageType,
+    children
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const iconSuccess = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/success.svg`;
+  const iconInfo = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/info.svg`;
+  const iconWarning = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/warning.svg`;
+  const iconError = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/error.svg`;
+  const finalIcon = useMemo(() => {
+    switch (messageType) {
+      case "info":
+        return iconInfo;
+      case "success":
+        return iconSuccess;
+      case "warning":
+        return iconWarning;
+      case "error":
+        return iconError;
+      default:
+        return "";
+    }
+  }, [messageType]);
+  return /* @__PURE__ */ jsxs("div", {
+    className: toastClasses.toastMessageContainer,
+    children: [/* @__PURE__ */ jsx("div", {
+      className: toastClasses.toastMessageIcon,
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: finalIcon
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      className: toastClasses.toastMessageInfo,
+      children
+    })]
+  });
+};
+export {
+  ToastContainer as T,
+  ToastMessage as a
+};

package/components/ToastContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { ToastContainer } from './ToastContainer';
+export { ToastMessage } from './subcomponents/ToastMessage';

package/components/ToastContainer/subcomponents/ToastMessage/index.d.ts

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

package/components/ToastContainer/subcomponents/ToastMessage/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface ToastMessageProps {
+    messageType: 'info' | 'success' | 'warning' | 'error' | 'default';
+    children: ReactNode;
+}

package/components/ToastContainer/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from "react";
+export interface ToastContainerProps {
+    children: ReactNode;
+}

package/components/areas/components/AreasAdmin/{index.3c182644.js → index.917f9ff2.js}

@@ -1,11 +1,11 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.6a1d525c.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.c6264add.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.d8d0c00e.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.4817512a.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.5801338a.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bb383946.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.4bc5780e.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.5499ffdb.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.87c99323.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.918fe98b.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ee716861.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3c568901.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.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.857c2dfe.js";
-import { I as Icon } from "../../../Icon/index.11a7a77c.js";
+import { B as Button } from "../../../mui_extended/Button/index.158a9a65.js";
+import { I as Icon } from "../../../Icon/index.4e424a81.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasViewer/{index.a0a969e7.js → index.7d3415a5.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.ee028152.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.6a1d525c.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.c6264add.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.d8d0c00e.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.4817512a.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.5499ffdb.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.c46da124.js";
-import { I as Icon } from "../../../Icon/index.11a7a77c.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3c568901.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import { I as Icon } from "../../../Icon/index.4e424a81.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.4b531d2d.js";
+import { M as MFLoader } from "../../../MFLoader/index.3ba9d320.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.6019bf6e.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.d43aceaf.js";
-import { S as SizeProvider } from "../../../GridLayout/index.4a245d9e.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.edb59c22.js";
+import { g as getNameDataTestId } from "../../../../vendor.c4bc5f4d.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.e3324e71.js";
+import { S as SizeProvider } from "../../../GridLayout/index.e8c04242.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.e25df1dc.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.08cf9728.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.536db030.js";
+import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.6478d7d8.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",

package/components/areas/contexts/AreasContext/{index.d43aceaf.js → index.e3324e71.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.a0a969e7.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.3c182644.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.7d3415a5.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.917f9ff2.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.edb59c22.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.e25df1dc.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.4a245d9e.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.e8c04242.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 4;

package/components/areas/hooks/useAreas/{index.6a1d525c.js → index.c6264add.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.d43aceaf.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.e3324e71.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/formatters/BooleanFormatter/{index.00596be3.js → index.35005602.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.11a7a77c.js";
+import { I as Icon } from "../../Icon/index.4e424a81.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.1906141f.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.e8bd78a5.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;