@m4l/components 0.1.92 → 0.1.93

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

@@ -1,20 +1,20 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { styled, alpha } from "@mui/material/styles";
+import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { createContext, useContext, useState, useEffect } 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.76624519.js";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.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.a70c4729.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { I as Image } from "../Image/index.611cd930.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.3211023d.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
-import { styled, alpha } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -207,6 +207,7 @@ const SideBarProvider = (props) => {
   });
 };
 const useSideBar = () => useContext(SideBarContext);
+const useSideBar$1 = useSideBar;
 const SIDEBAR_PREFIX = "M4LSideBar";
 const getNameDataTestId = (KEY) => {
   return `${SIDEBAR_PREFIX}-${KEY}`;
@@ -223,7 +224,7 @@ function CollapseButton(props) {
   const {
     classes,
     companyLogoNormalUrl
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(CollapseButtonRoot, {
     className: classes.collapseButton,
     ...process.env.NODE_ENV !== "production" ? {
@@ -353,30 +354,34 @@ const NavItemMainContent = (props) => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const isDesktop = useResponsiveDesktop();
   const handlerClick = (event) => {
     onClick && onClick(item);
     handlerOpen && handlerOpen(event);
     !isDesktop && changeVisible && changeVisible();
   };
-  return /* @__PURE__ */ jsxs(NavItemMainContentRoot, {
-    className: classes.navItemRootContent,
-    collapsed,
-    id: "WrapperNavItemRootContent",
-    onClick: handlerClick,
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: classes.navItemRootContentIconTypo,
-      children: [icon ? /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon}`
-      }) : null, /* @__PURE__ */ jsx(Typography, {
-        variant: "paragraph",
-        color: "text.secondary",
-        children: !collapsed ? title : " "
-      })]
-    }), !collapsed && children ? /* @__PURE__ */ jsx(ArrowIcon, {
-      openState: open
-    }) : null]
+  return /* @__PURE__ */ jsx(Tooltip, {
+    title,
+    placement: "right",
+    children: /* @__PURE__ */ jsxs(NavItemMainContentRoot, {
+      className: classes.navItemRootContent,
+      collapsed,
+      id: "WrapperNavItemRootContent",
+      onClick: handlerClick,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.navItemRootContentIconTypo,
+        children: [icon ? /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon}`
+        }) : null, /* @__PURE__ */ jsx(Typography, {
+          variant: "paragraph",
+          color: "text.secondary",
+          children: !collapsed ? title : " "
+        })]
+      }), !collapsed && children ? /* @__PURE__ */ jsx(ArrowIcon, {
+        openState: open
+      }) : null]
+    })
   });
 };
 const NavListSubItemRoot = styled$1("div")(() => ({
@@ -439,7 +444,7 @@ const NavSubItemContent = (props) => {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const active = isItemActive(item);
   const isDesktop = useResponsiveDesktop();
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
@@ -483,7 +488,7 @@ function NavSubItem(props) {
   } = props;
   const {
     onClick
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsx(NavSubItemContent, {
     item,
     onClick: () => onClick(item),
@@ -505,7 +510,7 @@ function NavListSubItem(props) {
   const {
     classes,
     isItemActive
-  } = useSideBar();
+  } = useSideBar$1();
   const active = isItemActive(list);
   const [openSub, setOpenSub] = useState(false);
   const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
@@ -573,7 +578,7 @@ function NavItemMain(props) {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const [popoverStatus, setPopoverStatus] = useState(null);
   const theme = useTheme();
   const active = isItemActive(item);
@@ -661,7 +666,7 @@ function ItemListMain(props) {
     collapsed: isSideBarCollapsed,
     isItemActive,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const location = useLocation();
   const [internalItemActive, setInternalItemActive] = useState(false);
   const [active, setActive] = useState(false);
@@ -778,7 +783,7 @@ const SkeletonNavSectionVertical = () => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperSKTNavSectionVertical, {
     collapse: collapsed,
     className: classes.skeleton,
@@ -839,7 +844,7 @@ const ContentGroups = () => {
     collapsed,
     menuData,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const [itemMainActive, setItemMainActive] = useState(-1);
   if (menuData && menuData.length > 0) {
     return /* @__PURE__ */ jsxs(ContentGroupsRoot, {
@@ -894,7 +899,7 @@ const ContentDesktop = () => {
     companyLogoSmallUrl,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperContentDesktop, {
     className: classes.contentDesktop,
     ...process.env.NODE_ENV !== "production" ? {
@@ -966,7 +971,7 @@ const ContentMobile = () => {
     collapsed,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Drawer, {
     open: visible,
@@ -1071,5 +1076,5 @@ const SideBar = (props) => {
 export {
   SideBar as S,
   getNameDataTestId as g,
-  useSideBar as u
+  useSideBar$1 as u
 };

package/components/animate/{index.4e9774a6.js → index.5d4575bc.js}

@@ -1,11 +1,7 @@
-import { forwardRef, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
+import { forwardRef, useRef } from "react";
 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 { jsx } from "react/jsx-runtime";
 import SimpleBarReact from "simplebar-react";
 const varSmall = {
   hover: {

package/components/areas/components/AreasAdmin/{index.cd054608.js → index.ddb384a1.js}

@@ -1,67 +1,32 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.d417e4b2.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.ee66240b.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.cdedddba.js";
-import { I as Icon } from "../../../Icon/index.a70c4729.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.f79eb74e.js";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.7669b8af.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.5f09e16a.js";
-import "../../../mui_extended/Pager/index.ac2a21f0.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import { generateUtilityClasses, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.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.347f6738.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
-import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.29a4c62c.js";
-import "../../../HelperText/index.191348cc.js";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.647c3f9c.js";
-import "../../../hook-form/RHFCheckbox/index.0b89ea5c.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.1adc88ad.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.a1a240b1.js";
-import "../../../hook-form/RHFPeriod/index.a4476d23.js";
-import "../../../Period/index.ebd5e3b7.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.7a196c44.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.54588e5b.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.f20cffae.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.676c96fe.js";
-import "../../../modal/index.b434146b.js";
-import { shallow } from "zustand/shallow";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { styled } from "@mui/material/styles";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { shallow } from "zustand/shallow";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.25b3627e.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3e23ad4.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.49631fcb.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import "../AreasViewer/index.62abf0bb.js";
-import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.d528f6e7.js";
-import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.a4582341.js";
-import { u as useOnClickOutside } from "../../index.8d6d8969.js";
+import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
+import { I as Icon } from "../../../Icon/index.3211023d.js";
+import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",
@@ -685,19 +650,21 @@ const PanelWindowPopUp = (props) => {
   });
 };
 function AreasAdmin() {
-  const areas = useAreasStore((state) => state.areasIds, shallow);
-  const currentArea = useAreasStore((state) => state.currentAreaId, shallow);
-  const status = useAreasStore((state) => state.ownerState.status);
+  const areas = useAreasStore((state2) => state2.areasIds, shallow);
+  const currentArea = useAreasStore((state2) => state2.currentAreaId, shallow);
+  const status = useAreasStore((state2) => state2.ownerState.status);
   const {
     setFocus
-  } = useAreasStore((state) => state.areaAdminActions, shallow);
-  const classesRoot = useAreasStore((state) => state.adminClasses.root);
-  const areasLength = useAreasStore((state) => state.areasIds.length);
+  } = useAreasStore((state2) => state2.areaAdminActions, shallow);
+  const classesRoot = useAreasStore((state2) => state2.adminClasses.root);
+  const areasLength = useAreasStore((state2) => state2.areasIds.length);
   const isDesktop = useResponsiveDesktop();
   const {
     addArea
-  } = useAreasStore((state) => state.areasActions, shallow);
-  const maximizedId = useAreasStore((state) => state.hashAreas[currentArea] ? state.hashAreas[currentArea].maximizedId : false, shallow);
+  } = useAreasStore((state2) => state2.areasActions, shallow);
+  const maximizedId = useAreasStore((state2) => state2.hashAreas[currentArea] ? state2.hashAreas[currentArea].maximizedId : false, shallow);
+  const state = useAreasStore((state2) => state2, shallow);
+  console.log("store state", state);
   const {
     host_static_assets,
     environment_assets

package/components/areas/components/AreasViewer/classes/index.d.ts

@@ -1,5 +1,5 @@
 import { AreasViewerClasses } from './types';
 import { OwnerState } from '../../../contexts/AreasContext/types';
 export declare const areasViewerClasses: AreasViewerClasses;
-export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "resizeHandle" | "windowLinearProgressBar" | "windowContent" | "areaRoot" | "areasLoadingErrorRoot" | "areasLoadingErrorLoading" | "areasLoadingError" | "areasLoadingErrorIcon" | "areasLoadingErrorTitle" | "areasLoadingErrorDescription" | "areasLoadingErrorDivider" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "areasWindowPopUpList" | "windowRoot" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowHeaderCancelHandle" | "windowLinearProgressRoot" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastiesContainerTostys" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "windowToastyContainer", string>;
+export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "resizeHandle" | "windowLinearProgressBar" | "windowContent" | "areaRoot" | "areasLoadingErrorRoot" | "areasLoadingErrorLoading" | "areasLoadingError" | "areasLoadingErrorIcon" | "areasLoadingErrorTitle" | "areasLoadingErrorDescription" | "areasLoadingErrorDivider" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "areasWindowPopUpList" | "windowRoot" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowHeaderCancelHandle" | "windowLinearProgressRoot" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastiesContainerTostys" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "loaderContainer" | "containerComponent" | "windowToastyContainer", string>;
 export declare type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

package/components/areas/components/AreasViewer/classes/types.d.ts

@@ -1,14 +1,6 @@
 export interface AreasViewerClasses {
     root: string;
     areaRoot: string;
-    areasLoadingErrorRoot: string;
-    areasLoadingErrorLoading: string;
-    areasLoadingError: string;
-    areasLoadingErrorIcon: string;
-    areasLoadingErrorTitle: string;
-    areasLoadingErrorDescription: string;
-    areasLoadingErrorDivider: string;
-    areasLoadingErrorTextAction: string;
     areaGridLayoutPanelContainer: string;
     areaGridLayout: string;
     areaGridLayoutPopupsContainer: string;
@@ -36,6 +28,8 @@ export interface AreasViewerClasses {
     panelWindowsRoot: string;
     panelWindowsButtonContainer: string;
     resizeHandle: string;
+    loaderContainer: string;
+    containerComponent: string;
     selected: string;
     selectedWindow: string;
     colapsed: string;