@m4l/components 0.1.80 → 0.1.82

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.7a0dabbe.js → index.f011d49d.js}

@@ -1,64 +1,64 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.c6eb2569.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.a318316e.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.b403f383.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.a6447bf8.js";
-import { I as Icon } from "../../../Icon/index.9fcd1476.js";
+import "../../../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0d5f96e6.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.89805978.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.fe175bab.js";
+import "../../../../contexts/ModalContext/index.efc1135a.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.b9266262.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.d1bbb015.js";
-import "../../../HelperText/index.6ef76993.js";
+import "../../../hook-form/RHFAutocomplete/index.6edb51b1.js";
+import "../../../HelperText/index.6c3adb40.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.f9a9ef48.js";
-import "../../../hook-form/RHFCheckbox/index.7b4a21d7.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.c2ca5c66.js";
+import "../../../hook-form/RHFCheckbox/index.c6c3933b.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.46cf616e.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.f7ee202c.js";
-import "../../../hook-form/RHFPeriod/index.ce513149.js";
-import "../../../Period/index.26071a16.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.19d67bc6.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.1051a117.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.bfe3256c.js";
+import "../../../hook-form/RHFDateTime/index.3add0fa4.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.20daa95e.js";
+import "../../../hook-form/RHFPeriod/index.72edef4d.js";
+import "../../../Period/index.4fd9df2a.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.5abb6ac4.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.6cf96d04.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.856df8ef.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.b0a7236c.js";
+import "../../../modal/index.e9fece72.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.fd49f06c.js";
+import "../AreasViewer/index.51a52736.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.0a08a08b.js";
+import "../../contexts/AreasContext/index.9820bc7f.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.1befd5bb.js";
+import "../../../hook-form/RHFUpload/index.cc5adc15.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.fd49f06c.js → index.51a52736.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.c6eb2569.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.b403f383.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.a6447bf8.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.42cef1c7.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.c39a6681.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0d5f96e6.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,55 +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.89805978.js";
-import "../../../../contexts/RHFormContext/index.fe175bab.js";
-import "../../../GridLayout/index.a792aacb.js";
-import { R as Responsive } from "../../../GridLayout/Responsive/index.1671380a.js";
-import { W as WidthProvider } from "../../../GridLayout/WidthProvider/index.9a26dfe4.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.0a08a08b.js";
-import "../../../animate/index.1f8eadd4.js";
+import "../../../../contexts/ModalContext/index.efc1135a.js";
+import "../../../../contexts/RHFormContext/index.b9266262.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.9820bc7f.js";
+import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.7a0dabbe.js";
-import "../../../ScrollBar/index.bbe48f4d.js";
+import "../AreasAdmin/index.f011d49d.js";
+import "../../../ScrollBar/index.d4410cb5.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.d1bbb015.js";
-import "../../../HelperText/index.6ef76993.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.f9a9ef48.js";
-import "../../../hook-form/RHFCheckbox/index.7b4a21d7.js";
+import "../../../hook-form/RHFAutocomplete/index.6edb51b1.js";
+import "../../../HelperText/index.6c3adb40.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.c2ca5c66.js";
+import "../../../hook-form/RHFCheckbox/index.c6c3933b.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.46cf616e.js";
-import "../../../hook-form/RHFTextField/index.f7ee202c.js";
-import "../../../hook-form/RHFPeriod/index.ce513149.js";
-import "../../../Period/index.26071a16.js";
-import "../../../CommonActions/components/Actions/index.19d67bc6.js";
+import "../../../hook-form/RHFDateTime/index.3add0fa4.js";
+import "../../../hook-form/RHFTextField/index.20daa95e.js";
+import "../../../hook-form/RHFPeriod/index.72edef4d.js";
+import "../../../Period/index.4fd9df2a.js";
+import "../../../CommonActions/components/Actions/index.5abb6ac4.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.b0a7236c.js";
+import "../../../modal/index.e9fece72.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.1befd5bb.js";
-import "../../../DataGrid/index.2f175eba.js";
+import "../../../hook-form/RHFUpload/index.cc5adc15.js";
+import "../../../DataGrid/index.03ad08af.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.c1f9d560.js";
+import "../../../DataGrid/subcomponents/Actions/index.db54ec98.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.9b72180b.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.1564bd08.js";
-import "../../../NavLink/index.6c9c2588.js";
+import "../../../LanguagePopover/index.66e11634.js";
+import "../../../NavLink/index.5859e048.js";
 import "../../../NoItemSelected/index.23dfc897.js";
-import "../../../ObjectLogs/index.eab1c15f.js";
+import "../../../ObjectLogs/index.51de2deb.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.18d3c0fd.js";
+import "../../../PropertyValue/index.1b09f426.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SideBar/index.2f497e6c.js";
-import "../../../AppBar/index.c85b100d.js";
-import "../../../AccountPopover/index.00d1d15f.js";
+import "../../../SideBar/index.72564ef2.js";
+import "../../../AppBar/index.fadcefc6.js";
+import "../../../AccountPopover/index.0ba26726.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -297,121 +300,6 @@ const AreasViewerRoot = styled("div")`
         padding: 16px;
     }
 
-    .react-grid-layout {
-        position: relative;
-        transition: height 200ms ease;
-    }
-    .react-grid-item {
-        transition: all 200ms ease;
-        transition-property: left, top;
-    }
-    .react-grid-item img {
-        pointer-events: none;
-        user-select: none;
-    }
-    .react-grid-item.cssTransforms {
-        transition-property: transform;
-    }
-    .react-grid-item.resizing {
-        z-index: 1;
-        will-change: width, height;
-    }
-
-    .react-grid-item.react-draggable-dragging {
-        transition: none;
-        z-index: 3;
-        will-change: transform;
-    }
-
-    .react-grid-item.dropping {
-        visibility: hidden;
-    }
-
-    .react-grid-item.react-grid-placeholder {
-        background: ${(props) => props.theme.palette.state.focus};
-        opacity: 0.2;
-        transition-duration: 100ms;
-        z-index: 2;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        -o-user-select: none;
-        user-select: none;
-    }
-
-    .react-grid-item > .react-resizable-handle {
-        position: absolute;
-        width: 20px;
-        height: 20px;
-    }
-
-    .react-grid-item > .react-resizable-handle::after {
-        content: '';
-        position: absolute;
-        right: 3px;
-        bottom: 3px;
-        width: 5px;
-        height: 5px;
-        border-right: 2px solid rgba(0, 0, 0, 0.4);
-        border-bottom: 2px solid rgba(0, 0, 0, 0.4);
-    }
-
-    .react-resizable-hide > .react-resizable-handle {
-        display: none;
-    }
-
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
-        bottom: 0;
-        left: 0;
-        cursor: sw-resize;
-        transform: rotate(90deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-se {
-        bottom: 0;
-        right: 0;
-        cursor: se-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
-        top: 0;
-        left: 0;
-        cursor: nw-resize;
-        transform: rotate(180deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
-        top: 0;
-        right: 0;
-        cursor: ne-resize;
-        transform: rotate(270deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-w,
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-        top: 50%;
-        margin-top: -10px;
-        cursor: ew-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-w {
-        left: 0;
-        transform: rotate(135deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
-        right: 0;
-        transform: rotate(315deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-n,
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-        left: 50%;
-        margin-left: -10px;
-        cursor: ns-resize;
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-n {
-        top: 0;
-        transform: rotate(225deg);
-    }
-    .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
-        bottom: 0;
-        transform: rotate(45deg);
-    }
-
     ${react_resizable_css}
 
     ${(props) => props.theme.components?.M4LAreasViewer?.styleOverrides}

package/components/areas/components/{index.7756928a.js → index.f496660b.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.0a08a08b.js";
-import "./AreasAdmin/index.7a0dabbe.js";
+import "../contexts/AreasContext/index.9820bc7f.js";
+import "./AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../../ScrollBar/index.bbe48f4d.js";
-import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../ScrollBar/index.d4410cb5.js";
+import "../../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../../mui_extended/Pager/index.da26e9d4.js";
+import "../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.fd49f06c.js";
+import "./AreasViewer/index.51a52736.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";