@m4l/components 0.1.81 → 0.1.83

package/components/PropertyValue/{index.a66988e1.js → index.a67c9916.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.fefd45a3.js";
+import { g as getNameDataTestId } from "../../vendor.5365cc7e.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

package/components/ScrollBar/{index.bbe48f4d.js → index.d4410cb5.js}

@@ -38,6 +38,11 @@ const SimpleBarStyle = styled(SimpleBarReact)(({
   "& .simplebar-content": {
     display: "flex",
     height: "100%"
+  },
+  '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
+    "& .simplebar-content": {
+      marginRight: "20px"
+    }
   }
 }));
 function ScrollBar({

package/components/SideBar/{index.2f497e6c.js → index.72564ef2.js}

@@ -3,14 +3,14 @@ import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.9fcd1476.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.2414ff25.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
+import { S as ScrollBar } from "../ScrollBar/index.d4410cb5.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
@@ -436,7 +436,8 @@ const NavSubItemContent = (props) => {
     openSub
   } = props;
   const {
-    title
+    title,
+    icon_url
   } = item;
   const {
     isItemActive,
@@ -446,6 +447,10 @@ const NavSubItemContent = (props) => {
   const active = isItemActive(item);
   const isDesktop = useResponsiveDesktop();
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const handlerClick = () => {
     onClick(item);
     if (!hasChildren || hasChildren === void 0) {
@@ -463,8 +468,8 @@ const NavSubItemContent = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("navSubItemContentRoot")
     } : {},
-    children: [/* @__PURE__ */ jsx("div", {
-      className: classes.navSubItemContentBullet
+    children: [/* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon_url}`
     }), /* @__PURE__ */ jsx(Typography, {
       variant: "body",
       children: title

package/components/animate/AnimatedScroll/animatedScroll.d.ts

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

package/components/animate/AnimatedScroll/index.d.ts

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

package/components/animate/AnimatedScroll/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from "react";
+export interface AnimatedScrollProps {
+    axis: 'x' | 'y';
+    children: ReactElement;
+}

package/components/animate/index.4e9774a6.js

@@ -0,0 +1,150 @@
+import { forwardRef, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { m } from "framer-motion";
+import { IconButton, Box, styled, alpha } from "@mui/material";
+import "@mui/material/styles";
+import "react-router-dom";
+import "./LoadingScreen/index.1d0c4307.js";
+import "./PropagateLoader/index.7fab43c8.js";
+import SimpleBarReact from "simplebar-react";
+const varSmall = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+};
+const varMedium = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+};
+const varLarge = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function AnimateWrap({
+  size,
+  children
+}) {
+  const isSmall = size === "small";
+  const isLarge = size === "large";
+  return /* @__PURE__ */ jsx(Box, {
+    component: m.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: isSmall && varSmall || isLarge && varLarge || varMedium,
+    sx: {
+      display: "inline-flex"
+    },
+    children
+  });
+}
+const IconButtonAnimate = forwardRef(({
+  children,
+  size = "medium",
+  ...other
+}, ref) => /* @__PURE__ */ jsx(AnimateWrap, {
+  size,
+  children: /* @__PURE__ */ jsx(IconButton, {
+    size,
+    ref,
+    ...other,
+    children
+  })
+}));
+IconButtonAnimate.displayName = "IconButtonAnimate";
+styled(SimpleBarReact)(({ theme }) => ({
+  height: "100%",
+  "& .simplebar-scrollbar": {
+    "&:before": {
+      backgroundColor: alpha(theme.palette.grey[600], 0.48)
+    },
+    "&.simplebar-visible:before": {
+      opacity: 1
+    }
+  },
+  "& .simplebar-track.simplebar-vertical": {
+    width: 10
+  },
+  "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
+    height: 6
+  },
+  "& .simplebar-mask": {
+    zIndex: "inherit"
+  },
+  "& .simplebar-content": {
+    display: "flex",
+    height: "100%"
+  }
+}));
+const AnimatedScrollRoot = styled("div")(() => ({
+  width: "100%",
+  height: "100%",
+  overflowX: "auto",
+  overflowY: "hidden",
+  transition: "scroll-behavior 0.5s",
+  scrollbarWidth: "none",
+  msOverflowStyle: "none",
+  "&::-webkit-scrollbar": {
+    width: 0
+  }
+}));
+const AnimatedScroll = (props) => {
+  const {
+    children
+  } = props;
+  const containerRef = useRef(null);
+  const scrollSpeed = 0.1;
+  let animationId;
+  const handleMouseEnter = () => {
+    if (containerRef.current) {
+      let scrollStep = function(timestamp) {
+        if (!startTime) {
+          startTime = timestamp;
+        }
+        currentTime = timestamp - startTime;
+        const scrollAmount = startScrollLeft + distance * (currentTime / duration);
+        container.scrollLeft = scrollAmount;
+        if (currentTime < duration) {
+          animationId = requestAnimationFrame(scrollStep);
+        }
+      };
+      const container = containerRef.current;
+      const startScrollLeft = container.scrollLeft;
+      const endScrollLeft = container.scrollWidth;
+      const distance = endScrollLeft - startScrollLeft;
+      const duration = distance / scrollSpeed;
+      let startTime;
+      let currentTime;
+      animationId = requestAnimationFrame(scrollStep);
+    }
+  };
+  const handleMouseLeave = () => {
+    if (animationId !== void 0) {
+      cancelAnimationFrame(animationId);
+    }
+    if (containerRef.current) {
+      containerRef.current.scrollLeft = 0;
+    }
+  };
+  return /* @__PURE__ */ jsx(AnimatedScrollRoot, {
+    className: "animated-scroll-container",
+    ref: containerRef,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children
+  });
+};
+export {
+  AnimatedScroll as A,
+  IconButtonAnimate as I
+};

package/components/animate/index.d.ts

@@ -4,3 +4,4 @@ export { MotionContainer } from './MotionContainer';
 export { MotionLazyContainer } from './MotionLazyContainer';
 export { LoadingScreen } from './LoadingScreen';
 export { PropagateLoader } from './PropagateLoader';
+export { AnimatedScroll } from './AnimatedScroll';

package/components/areas/components/AreasAdmin/{index.5562f65f.js → index.7bfec13f.js}

@@ -1,64 +1,64 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.c77a2416.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.a318316e.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.a4c03e23.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import { generateUtilityClasses, useTheme } from "@mui/material";
-import "../../../mui_extended/Accordion/index.fa658639.js";
-import { I as Icon } from "../../../Icon/index.9fcd1476.js";
+import "../../../mui_extended/Accordion/index.5111314b.js";
+import { I as Icon } from "../../../Icon/index.2414ff25.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 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 { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "../../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.43a2e1ae.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.f6bfdd40.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.82e89328.js";
-import "../../../mui_extended/Tab/index.f94d233e.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0989d15d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.66e060a3.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.fe175bab.js";
+import "../../../../contexts/ModalContext/index.577bf36b.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.b9266262.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.9a9d7c73.js";
-import "../../../HelperText/index.2c408d8a.js";
+import "../../../hook-form/RHFAutocomplete/index.42df8eb4.js";
+import "../../../HelperText/index.28e9105d.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.172df421.js";
-import "../../../hook-form/RHFCheckbox/index.47f0157b.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.0441524c.js";
+import "../../../hook-form/RHFCheckbox/index.c66147f7.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.f46e987f.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.253620eb.js";
-import "../../../hook-form/RHFPeriod/index.2e07ba7b.js";
-import "../../../Period/index.7d44c0e5.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.265d99c8.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.6928b5ae.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.8b1b3afc.js";
+import "../../../hook-form/RHFDateTime/index.4698ca29.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.1fa07688.js";
+import "../../../hook-form/RHFPeriod/index.f653934b.js";
+import "../../../Period/index.0e6512b2.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.23a2d6ae.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.b2fc495d.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.724d8e17.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c8e23b8d.js";
+import "../../../modal/index.1bd35bd5.js";
 import { shallow } from "zustand/shallow";
 import { styled } from "@mui/material/styles";
-import { S as ScrollBar } from "../../../ScrollBar/index.bbe48f4d.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.d4410cb5.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
-import "../AreasViewer/index.1004b7a0.js";
+import "../AreasViewer/index.9ed7dfd7.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.4bf1eabe.js";
+import "../../contexts/AreasContext/index.36fe6953.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.9f00121f.js";
+import "../../../hook-form/RHFUpload/index.93c2dcb5.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "areaChipRoot",
@@ -139,6 +139,7 @@ const ChipActionsMobile = (props) => {
   const {
     deleteArea
   } = useAreasStore((state) => state.areasActions);
+  const listAreas = useAreasStore((state) => state.areas, shallow);
   const {
     host_static_assets,
     environment_assets
@@ -150,11 +151,14 @@ const ChipActionsMobile = (props) => {
     urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
     onClick: handlerOpenPopoverEditArea,
     label: getLabel(getAreasDictionary(DICCTIONARY.label_edit_area))
-  }, {
-    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-    onClick: () => deleteArea(areaId),
-    label: getLabel(getAreasDictionary(DICCTIONARY.label_delete_area))
   }];
+  if (listAreas.length > 1) {
+    menuActions.push({
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
+      onClick: () => deleteArea(areaId),
+      label: getLabel(getAreasDictionary(DICCTIONARY.label_delete_area))
+    });
+  }
   return /* @__PURE__ */ jsx(MenuActions, {
     urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.SHOW_OPTIONS}`,
     arrowType: "no-arrow",
@@ -186,6 +190,7 @@ const AreaChip = (props) => {
     editArea
   } = useAreasStore((state) => state.areasActions);
   const areaName = useAreasStore((state) => state.hashAreas[areaId].name, shallow);
+  const listAreas = useAreasStore((state) => state.areas, shallow);
   const [open, setOpen] = useState(false);
   const {
     getLabel
@@ -194,8 +199,11 @@ const AreaChip = (props) => {
   const anchorRef = useRef(null);
   const theme = useTheme();
   const onClickDeleteArea = (e) => {
-    e.stopPropagation();
-    deleteArea(areaId);
+    console.log("listAreas", listAreas);
+    if (listAreas.length > 1) {
+      e.stopPropagation();
+      deleteArea(areaId);
+    }
   };
   const onSubmit = (data) => {
     editArea(areaId, data.inputEditArea);
@@ -331,22 +339,24 @@ const PanelWindowPopUp = (props) => {
       urlIcon: element.url_icon
     };
   });
-  return /* @__PURE__ */ jsx(MenuActions, {
-    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MODULE}`,
-    arrowType: "no-arrow",
-    marginTop: "12px!important",
-    marginLeft: "14px!important",
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    menuActions,
-    className: areasAdminClasses.areasPopoverListWindows,
-    menuActionSx: theme.components?.M4LAreasAdminMobilePopoverOptions?.styleOverrides
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: menuActions.length > 0 ? /* @__PURE__ */ jsx(MenuActions, {
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MODULE}`,
+      arrowType: "no-arrow",
+      marginTop: "12px!important",
+      marginLeft: "14px!important",
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      menuActions,
+      className: areasAdminClasses.areasPopoverListWindows,
+      menuActionSx: theme.components?.M4LAreasAdminMobilePopoverOptions?.styleOverrides
+    }) : null
   });
 };
 const AreaChipMobile = () => {
@@ -377,6 +387,7 @@ const AreaChipMobile = () => {
       label: area.name
     };
   }), [areas, currentAreaId]);
+  console.log("menuActions areas", menuActions);
   return /* @__PURE__ */ jsx("div", {
     className: areasAdminClasses.areaChipMobileRoot,
     children: /* @__PURE__ */ jsxs("div", {
@@ -385,7 +396,7 @@ const AreaChipMobile = () => {
         areaId: currentArea.id,
         selected: true,
         disabled: true
-      }, currentArea.id) : null, menuActions.length > 0 ? /* @__PURE__ */ jsxs("div", {
+      }, currentArea.id) : null, menuActions.length >= 0 ? /* @__PURE__ */ jsxs("div", {
         className: areasAdminClasses.areaChipMobileIconContainer,
         children: [currentArea ? /* @__PURE__ */ jsx(PanelWindowPopUp, {
           currentAreaId: currentArea.id

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/index.d.ts

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

package/components/areas/components/AreasViewer/{index.1004b7a0.js → index.9ed7dfd7.js}

@@ -13,26 +13,26 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.c77a2416.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.a4c03e23.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.fa658639.js";
-import { I as Icon } from "../../../Icon/index.9fcd1476.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.a318316e.js";
+import "../../../mui_extended/Accordion/index.5111314b.js";
+import { I as Icon } from "../../../Icon/index.2414ff25.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import "../../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.43a2e1ae.js";
+import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.82e89328.js";
-import "../../../mui_extended/Tab/index.f94d233e.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0989d15d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
@@ -41,58 +41,58 @@ import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.66e060a3.js";
-import "../../../../contexts/RHFormContext/index.fe175bab.js";
-import "../../../GridLayout/subcomponents/Griditem/index.01fc14c3.js";
-import "../../../GridLayout/index.76bccc4f.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.e589d8bf.js";
-import { W as WidthProvider } from "../../../GridLayout/subcomponents/WidthProvider/index.50dafd87.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.4bf1eabe.js";
-import "../../../animate/index.1f8eadd4.js";
+import "../../../../contexts/ModalContext/index.577bf36b.js";
+import "../../../../contexts/RHFormContext/index.b9266262.js";
+import "../../../GridLayout/subcomponents/Griditem/index.c09681ff.js";
+import "../../../GridLayout/index.70085b00.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.eb04fd5e.js";
+import { S as SizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.9c5e80b2.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.36fe6953.js";
+import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.5562f65f.js";
-import "../../../ScrollBar/index.bbe48f4d.js";
+import "../AreasAdmin/index.7bfec13f.js";
+import "../../../ScrollBar/index.d4410cb5.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.9a9d7c73.js";
-import "../../../HelperText/index.2c408d8a.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.172df421.js";
-import "../../../hook-form/RHFCheckbox/index.47f0157b.js";
+import "../../../hook-form/RHFAutocomplete/index.42df8eb4.js";
+import "../../../HelperText/index.28e9105d.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.0441524c.js";
+import "../../../hook-form/RHFCheckbox/index.c66147f7.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.f46e987f.js";
-import "../../../hook-form/RHFTextField/index.253620eb.js";
-import "../../../hook-form/RHFPeriod/index.2e07ba7b.js";
-import "../../../Period/index.7d44c0e5.js";
-import "../../../CommonActions/components/Actions/index.265d99c8.js";
+import "../../../hook-form/RHFDateTime/index.4698ca29.js";
+import "../../../hook-form/RHFTextField/index.1fa07688.js";
+import "../../../hook-form/RHFPeriod/index.f653934b.js";
+import "../../../Period/index.0e6512b2.js";
+import "../../../CommonActions/components/Actions/index.23a2d6ae.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.c8e23b8d.js";
+import "../../../modal/index.1bd35bd5.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.9f00121f.js";
-import "../../../DataGrid/index.820e0043.js";
+import "../../../hook-form/RHFUpload/index.93c2dcb5.js";
+import "../../../DataGrid/index.d5d0d62f.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DataGrid/subcomponents/Actions/index.43325b59.js";
+import "../../../DataGrid/subcomponents/Actions/index.201394f5.js";
 import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import "../../../DynamicFilter/index.2b80238b.js";
+import "../../../DynamicFilter/index.7d134537.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.4596bf54.js";
-import "../../../NavLink/index.68392bd4.js";
+import "../../../LanguagePopover/index.065e0296.js";
+import "../../../NavLink/index.2ef07c44.js";
 import "../../../NoItemSelected/index.23dfc897.js";
-import "../../../ObjectLogs/index.665e043d.js";
+import "../../../ObjectLogs/index.5d74dfe0.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.ba38a0bd.js";
+import "../../../PaperForm/index.f931dc02.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.a66988e1.js";
+import "../../../PropertyValue/index.a67c9916.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SideBar/index.2f497e6c.js";
-import "../../../AppBar/index.6bdee075.js";
-import "../../../AccountPopover/index.fea740a5.js";
+import "../../../SideBar/index.72564ef2.js";
+import "../../../AppBar/index.ad2a6f0e.js";
+import "../../../AccountPopover/index.2677fe77.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -1315,7 +1315,7 @@ const Window = (props) => {
   });
 };
 React__default.memo(Window);
-const ResponsiveGridLayout = WidthProvider(Responsive);
+const ResponsiveGridLayout = SizeProvider(Responsive);
 const AreaGridLayout = (props) => {
   const {
     areaId
@@ -1347,9 +1347,7 @@ const AreaGridLayout = (props) => {
           return /* @__PURE__ */ jsx(Fragment, {});
         }
         if (p.type === "placeholder") {
-          return /* @__PURE__ */ jsx("div", {
-            children: "Place holder"
-          });
+          return /* @__PURE__ */ jsx("div", {});
         }
         console.debug("layoutItemRender window", hashLayoutItems, p.i, p.type);
         return /* @__PURE__ */ jsx(Window, {
@@ -1366,7 +1364,6 @@ const AreaGridLayout = (props) => {
         onContainerChange(areaId, e);
       },
       preventCollision: false,
-      verticalCompact: true,
       maximizeId: maximizedId
     }
   );

package/components/areas/components/{index.a441c8b1.js → index.654b08aa.js}

@@ -1,30 +1,30 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../../Icon/index.9fcd1476.js";
+import "../../Icon/index.2414ff25.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.4bf1eabe.js";
-import "./AreasAdmin/index.5562f65f.js";
+import "../contexts/AreasContext/index.36fe6953.js";
+import "./AreasAdmin/index.7bfec13f.js";
 import "zustand/shallow";
-import "../../ScrollBar/index.bbe48f4d.js";
-import "../../mui_extended/Accordion/index.fa658639.js";
+import "../../ScrollBar/index.d4410cb5.js";
+import "../../mui_extended/Accordion/index.5111314b.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.4288f9fc.js";
+import "../../mui_extended/Button/index.40af964e.js";
 import "../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../mui_extended/Badge/index.cad260fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.82e89328.js";
-import "../../mui_extended/Tab/index.f94d233e.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0989d15d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.1004b7a0.js";
+import "./AreasViewer/index.9ed7dfd7.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";