@m4l/components 0.1.70 → 0.1.72

package/components/LanguagePopover/{index.5af28b9e.js → index.84c51cd3.js}

@@ -1,24 +1,24 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.82a6cd46.js";
+import { I as Image } from "../Image/index.a88f6341.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.caaed284.js";
-import { T as TEST_PROP_ID } from "../../vendor.8edaef93.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.57824447.js";
+import "../Icon/index.9839297c.js";
+import { T as TEST_PROP_ID } from "../../vendor.d194839d.js";
 import "clsx";
-import "../mui_extended/Accordion/index.437bb3f8.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../mui_extended/IconButton/index.590049b4.js";
+import "../mui_extended/Accordion/index.d420b666.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { I as ImageButton } from "../mui_extended/Button/index.f8ce9ccd.js";
+import { I as ImageButton } from "../mui_extended/Button/index.1cd0c4e4.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
-import { P as Popover } from "../mui_extended/Popover/index.226f247e.js";
-import "../mui_extended/MenuActions/index.37043326.js";
-import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Typography/index.1659d310.js";
+import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.f9eb6463.js";
+import "../mui_extended/Pager/index.c058b933.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({

package/components/ModalDialog/{index.cdfd1ae8.js → index.75ddf6de.js}

@@ -1,12 +1,15 @@
 import { Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.0d64c8b1.js";
-import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
+import { c as cjs } from "../../react-draggable.21aa9ee1.js";
+import { u as useModal } from "../../hooks/useModal/index.18a7cb8f.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.a2312a73.js";
-import { R as ResizeableWindow } from "../Resizeable/index.aafda79e.js";
+import { a as getThemeVariantColor } from "../../utils/index.8608d16c.js";
+import { R as ResizeableWindow } from "../Resizeable/index.086ff29e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { I as Icon } from "../Icon/index.9839297c.js";
+import { useEnvironment } from "@m4l/core";
+import { I as ICONS } from "../areas/icons.b36751f2.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.154d7cb6.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.e190561b.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",
@@ -88,6 +91,10 @@ const ModalDialog = () => {
     fullScreen
   } = useModal();
   const isDesktop = useResponsiveDesktop();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const contentComnponent = /* @__PURE__ */ jsx(Container, {
     id: "Container",
     children: typeof window === "function" ? window() : window
@@ -106,6 +113,13 @@ const ModalDialog = () => {
       height: initialHeigth,
       maxWidth,
       maxHeigth,
+      handle: (resizeHandle, ref) => /* @__PURE__ */ jsx("div", {
+        ref,
+        children: /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.RESIZE}`,
+          className: `custom-handle custom-handle-${resizeHandle}`
+        })
+      }, resizeHandle),
       children: contentComnponent
     }), !isDesktop && contentComnponent]
   });

package/components/NavLink/{index.251fcf0d.js → index.e88494ef.js}

@@ -2,21 +2,22 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.caaed284.js";
-import { T as TEST_PROP_ID } from "../../vendor.8edaef93.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.57824447.js";
+import "../Icon/index.9839297c.js";
+import { T as TEST_PROP_ID } from "../../vendor.d194839d.js";
 import "clsx";
-import "../mui_extended/Accordion/index.437bb3f8.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../mui_extended/IconButton/index.590049b4.js";
+import "@m4l/graphics";
+import "../mui_extended/Accordion/index.d420b666.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
-import "../Image/index.82a6cd46.js";
+import "../mui_extended/Button/index.1cd0c4e4.js";
+import "../Image/index.a88f6341.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.b3c6e71c.js";
-import "../mui_extended/Popover/index.226f247e.js";
-import "../mui_extended/MenuActions/index.37043326.js";
-import "../mui_extended/Pager/index.eeed3bd5.js";
+import { T as Typography } from "../mui_extended/Typography/index.1659d310.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.f9eb6463.js";
+import "../mui_extended/Pager/index.c058b933.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

package/components/NoItemSelected/{index.3b9d16e3.js → index.c3b67da1.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.82a6cd46.js";
+import { I as Image } from "../Image/index.a88f6341.js";
 import { Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/ObjectLogs/{index.57ea68b3.js → index.88bcf75a.js}

@@ -1,34 +1,36 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.2f4a0e64.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.549bd646.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
-import { I as Icon } from "../Icon/index.caaed284.js";
-import "../../react-draggable.0d64c8b1.js";
-import "../ModalDialog/index.cdfd1ae8.js";
-import "../Resizeable/index.aafda79e.js";
-import "../CommonActions/components/Actions/index.154d7cb6.js";
+import { u as useModal } from "../../hooks/useModal/index.18a7cb8f.js";
+import { I as Icon } from "../Icon/index.9839297c.js";
+import "../../react-draggable.21aa9ee1.js";
+import "../ModalDialog/index.75ddf6de.js";
+import "../Resizeable/index.086ff29e.js";
+import "../CommonActions/components/Actions/index.e190561b.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
+import "../mui_extended/Button/index.1cd0c4e4.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.57824447.js";
+import "../mui_extended/IconButton/index.590049b4.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.de8b4e78.js";
-import "../areas/components/index.359c2b18.js";
+import "../areas/contexts/AreasContext/index.0b50676d.js";
+import "../areas/components/AreasAdmin/index.218451cf.js";
 import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.51ee3d38.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
-import "../modal/WindowConfirm.e21763cb.js";
-import { W as WindowBase } from "../modal/WindowBase.6a40a945.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.789ab474.js";
+import "../mui_extended/Typography/index.1659d310.js";
+import "../modal/WindowConfirm.b89712de.js";
+import { W as WindowBase } from "../modal/WindowBase.e5ec6128.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.c1a3e2f1.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.d2d492ea.js → index.b141d583.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.caaed284.js";
+import { I as Icon } from "../Icon/index.9839297c.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.fbf074d3.js → index.2ab4f2a1.js}

@@ -1,35 +1,37 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.caaed284.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.154d7cb6.js";
+import { I as Icon } from "../Icon/index.9839297c.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.e190561b.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.f8ce9ccd.js";
+import "../mui_extended/Button/index.1cd0c4e4.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.8e3cd7a8.js";
-import "../../react-draggable.0d64c8b1.js";
-import "../ModalDialog/index.cdfd1ae8.js";
-import "../Resizeable/index.aafda79e.js";
+import "../../contexts/ModalContext/index.92e80136.js";
+import "../../react-draggable.21aa9ee1.js";
+import "../ModalDialog/index.75ddf6de.js";
+import "../Resizeable/index.086ff29e.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.e21763cb.js";
-import "../modal/WindowBase.6a40a945.js";
-import "../mui_extended/IconButton/index.57824447.js";
-import "../mui_extended/Accordion/index.437bb3f8.js";
+import "../modal/WindowConfirm.b89712de.js";
+import "../modal/WindowBase.e5ec6128.js";
+import "../mui_extended/IconButton/index.590049b4.js";
+import "../mui_extended/Accordion/index.d420b666.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
-import "../Image/index.82a6cd46.js";
+import "../Image/index.a88f6341.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.b3c6e71c.js";
-import "../mui_extended/Popover/index.226f247e.js";
-import "../mui_extended/MenuActions/index.37043326.js";
-import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Typography/index.1659d310.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.f9eb6463.js";
+import "../mui_extended/Pager/index.c058b933.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.de8b4e78.js";
-import "../areas/components/index.359c2b18.js";
+import "../areas/contexts/AreasContext/index.0b50676d.js";
+import "../areas/components/AreasAdmin/index.218451cf.js";
 import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.51ee3d38.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 const ContainerPeriod = styled("div")(({

package/components/Resizeable/{index.aafda79e.js → index.086ff29e.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.8307e056.js";
+import { R as ResizableBox } from "../../react-resizable.e78d1cc8.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme
@@ -27,18 +27,32 @@ const WrapperResizeable = styled(ResizableBox)(({
     bottom: "0",
     left: "0",
     cursor: "sw-resize",
-    transform: "rotate(90deg)"
+    transform: "rotate(90deg)",
+    position: "absolute"
   },
-  ".react-resizable-handle-se": {
+  ".M4LIcon-root.custom-handle.custom-handle-se": {
     bottom: "0",
     right: "0",
-    cursor: "se-resize"
+    cursor: "se-resize",
+    position: "absolute",
+    "& .M4LIcon-icon": {
+      width: "12px",
+      height: "12px",
+      minWidth: "12px",
+      minHeight: "12px"
+    }
   },
-  "& .react-resizable-handle-nw": {
+  "& .M4LIcon-root.custom-handle.custom-handle-nw": {
     top: "0",
     left: "0",
     cursor: "nw-resize",
-    transform: "rotate(180deg)"
+    transform: "rotate(180deg)",
+    "& .M4LIcon-icon": {
+      width: "12px",
+      height: "12px",
+      minWidth: "12px",
+      minHeight: "12px"
+    }
   },
   "& .react-resizable-handle-ne": {
     top: "0",

package/components/SideBar/{index.3bc6a634.js → index.90137dc5.js}

@@ -1,19 +1,19 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
-import { T as TEST_PROP_ID } from "../../vendor.8edaef93.js";
-import { I as Image } from "../Image/index.82a6cd46.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
+import { T as TEST_PROP_ID } from "../../vendor.d194839d.js";
+import { I as Image } from "../Image/index.a88f6341.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.590049b4.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, Skeleton, Drawer } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.caaed284.js";
-import { T as Typography } from "../mui_extended/Typography/index.b3c6e71c.js";
+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.9839297c.js";
+import { T as Typography } from "../mui_extended/Typography/index.1659d310.js";
 import clsx from "clsx";
-import { P as Popover } from "../mui_extended/Popover/index.226f247e.js";
+import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.a2312a73.js";
+import { g as getComponentUtilityClass } from "../../utils/index.8608d16c.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -285,7 +285,7 @@ const WrapperGroupTitle = styled$1("li", {
   ...collapsed && {
     opacity: 0,
     width: 0,
-    overflowX: "hidden"
+    overflow: "hidden"
   }
 }));
 const NavItemMainRoot = styled("div", {
@@ -547,6 +547,7 @@ function NavItemMain(props) {
     classes
   } = useSideBar();
   const [popoverStatus, setPopoverStatus] = useState(null);
+  const theme = useTheme();
   const active = isItemActive(item);
   const handleOpen = (event) => {
     setPopoverStatus(event.currentTarget);
@@ -572,8 +573,8 @@ function NavItemMain(props) {
           anchorEl: popoverStatus,
           onClose: handleClose,
           arrowType: "left-center",
-          disablePortal: true,
           sx: {
+            ...theme.components?.M4LSideBarPopover?.styleOverrides,
             ml: "14px"
           },
           anchorOrigin: {
@@ -886,6 +887,15 @@ styled$1("div")(({
   height: "auto",
   padding: theme.spacing(0, 2)
 }));
+const Drawer = (props) => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(Drawer$1, {
+    ...props,
+    children
+  });
+};
 const ContentMobile = () => {
   const {
     visible,
@@ -896,7 +906,8 @@ const ContentMobile = () => {
     classes,
     companyName
   } = useSideBar();
-  return /* @__PURE__ */ jsxs(Drawer, {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Drawer, {
     open: visible,
     onClose: onToggleVisible,
     PaperProps: {
@@ -905,40 +916,44 @@ const ContentMobile = () => {
       }
     },
     className: classes.drawer,
-    disablePortal: true,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: classes.lineLeft,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("lineLeft")
-      } : {}
-    }), /* @__PURE__ */ jsxs(WrapperContentMobile, {
-      className: classes.contentMobile,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("contentMobile")
-      } : {},
+    sx: {
+      ...theme.components?.M4LSideBarDrawer?.styleOverrides
+    },
+    children: /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("div", {
-        className: classes.containerSideBarLogo,
+        className: classes.lineLeft,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId("lineLeft")
+        } : {}
+      }), /* @__PURE__ */ jsxs(WrapperContentMobile, {
+        className: classes.contentMobile,
         ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
+          [TEST_PROP_ID]: getNameDataTestId("contentMobile")
         } : {},
-        children: /* @__PURE__ */ jsxs("div", {
-          className: classes.containerLogo,
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.containerSideBarLogo,
           ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId("containerLogo")
+            [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
           } : {},
-          children: [/* @__PURE__ */ jsx(Image, {
-            width: "40px",
-            height: "40px",
-            src: companyLogoSmallUrl,
-            alt: "logo"
-          }, "Logo"), !collapsed && /* @__PURE__ */ jsx(Typography, {
-            variant: "subtitleDens",
-            skeletonWidth: "100px",
-            children: companyName
-          })]
-        })
-      }), /* @__PURE__ */ jsx(ContentGroups, {})]
-    })]
+          children: /* @__PURE__ */ jsxs("div", {
+            className: classes.containerLogo,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameDataTestId("containerLogo")
+            } : {},
+            children: [/* @__PURE__ */ jsx(Image, {
+              width: "40px",
+              height: "40px",
+              src: companyLogoSmallUrl,
+              alt: "logo"
+            }, "Logo"), !collapsed && /* @__PURE__ */ jsx(Typography, {
+              variant: "subtitleDens",
+              skeletonWidth: "100px",
+              children: companyName
+            })]
+          })
+        }), /* @__PURE__ */ jsx(ContentGroups, {})]
+      })]
+    })
   });
 };
 const SideBar = (props) => {

package/components/SideBar/subcomponents/ContentMobile/subcomponents/Drawer.d.ts

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

package/components/SideBar/subcomponents/ContentMobile/subcomponents/types.d.ts

@@ -0,0 +1,8 @@
+import { DrawerProps as MUIDrawerProps, Theme } from "@mui/material";
+import { ComponentNameToClassKey, SxProps } from "@mui/material";
+import { OverridesStyleRules } from "@mui/material/styles/overrides";
+import { ReactElement } from "react";
+export interface DrawerProps extends Omit<MUIDrawerProps, 'sx'> {
+    sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
+    children: ReactElement;
+}