@m4l/components 0.1.84 → 0.1.86

package/@types/export.d.ts

@@ -14,7 +14,7 @@ import type { PopoverProps } from '../components/mui_extended/Popover/types';
 import type { TypographyProps } from '../components/mui_extended/Typography/types';
 import { NavLinkProps } from '../components/NavLink/types';
 import type { ButtonBaseClassKey, ComponentsOverrides, ComponentsProps } from '@mui/material';
-import type { DynamicFilterClassesKey, ErrorLabelClassesKey } from '../components';
+import type { DynamicFilterClassesKey, ErrorLabelClassesKey, StackProps } from '../components';
 import type { RHFTextFieldClassesKey } from '../components/hook-form/RHFTextField/classes/types';
 import type { IconClassesKey } from '../components/Icon/classes/types';
 import type { IconButtonClassesKey } from '../components/mui_extended/IconButton/classes/types';
@@ -55,8 +55,10 @@ import { TooltipClassesKey } from '../components/mui_extended/Tooltip/classes/ty
 import { BadgeProps } from '../components/mui_extended/Badge';
 import { BadgeClassesKey } from '../components/DataGrid/classes/types';
 import { CheckboxClassesKey } from '../components/mui_extended/CheckBox/classes/types';
-
-export {};
+import { StackClassesKey } from '../components/mui_extended/Stack/classes/types';
+import { TabsClassesKey } from '../components/mui_extended/Tabs/classes/types';
+import { NoItemSelectedClassesKey } from '../components/NoItemSelected/classes/types';
+import { ScrollBarClassesKey } from '../components/ScrollBar/classes/types';
 
 declare module '@mui/material/styles' {
     /* ----------------------------- Augmentation overrides theme -----------------------------  */
@@ -145,7 +147,10 @@ declare module '@mui/material/styles' {
         M4LTooltip: TooltipClassesKey;
         M4LPager: PagerClassesKey;
         M4LPagerMenuPopover: PagerClassesKey,
-        
+        M4LStack: StackClassesKey,
+        M4LTabs: TabsClassesKey,
+        M4LNoItemSelected: NoItemSelectedClassesKey,
+        M4LScrollBar: ScrollBarClassesKey,
     }
 
     interface Components {
@@ -383,5 +388,21 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LGridLayout'];
             defaultProps?: ComponentsProps['M4LGridLayout'];
         };
+        M4LStack?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
+            defaultProps?: ComponentsProps['M4LStack'];
+        };
+        M4LTabs?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTabs'];
+            defaultProps?: ComponentsProps['M4LTabs'];
+        };
+        M4LNoItemSelected?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
+            defaultProps?: ComponentsProps['M4LNoItemSelected'];
+        };
+        M4LScrollBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LScrollBar'];
+            defaultProps?: ComponentsProps['M4LScrollBar'];
+        };
     }
 }

package/components/AccountPopover/{index.bbeb9142.js → index.09f33fee.js}

@@ -2,26 +2,27 @@ import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
-import { I as Icon } from "../Icon/index.d1402200.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.62aea582.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import clsx from "clsx";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.46771196.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";
@@ -80,26 +81,21 @@ const AcountPopOverRoot = styled("div")(({
 function MyAvatar(props) {
   const {
     avatarUrl,
-    firstName,
-    lastName,
+    firstName = "",
+    lastName = "arreee",
     ...other
   } = props;
   const {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  function stringAvatar(name) {
-    return {
-      children: `${name.split(" ")[0][0]}${name.split(" ")[1][0]}`
-    };
-  }
   return /* @__PURE__ */ jsx(Avatar, {
     alt: "full_name",
     color: "default",
     ...avatarUrl ? {
       src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
     } : {
-      ...stringAvatar(`${lastName} ${lastName}`)
+      children: `${firstName[0]}${lastName[0]}`
     },
     ...other
   });
@@ -214,14 +210,14 @@ const MenuPopOver = (props) => {
         } : {},
         children: [/* @__PURE__ */ jsxs("div", {
           className: classes.containerSetting,
+          onClick: () => {
+            settingHandleOpen();
+            handleClose();
+          },
           children: [/* @__PURE__ */ jsx(Icon, {
             src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/configuration.svg`
           }), /* @__PURE__ */ jsx("div", {
             className: classes.menuItem,
-            onClick: () => {
-              settingHandleOpen();
-              handleClose();
-            },
             children: getLabel("account_popover.label_settings")
           })]
         }), data ? data.length !== 0 && data.map((option) => /* @__PURE__ */ jsx("div", {
@@ -241,16 +237,19 @@ const MenuPopOver = (props) => {
             size: "20px"
           })
         })]
-      }), /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
-      }), /* @__PURE__ */ jsx("div", {
-        role: "presentation",
+      }), /* @__PURE__ */ jsxs("div", {
+        className: classes.containerlogOut,
         onClick: handleLogOut,
-        className: classes.logOut,
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")
-        } : {},
-        children: getLabel("account_popover.label_logout")
+        children: [/* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
+        }), /* @__PURE__ */ jsx("div", {
+          role: "presentation",
+          className: classes.logOut,
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")
+          } : {},
+          children: getLabel("account_popover.label_logout")
+        })]
       })]
     })]
   });
@@ -312,7 +311,7 @@ const AccountPopover = (props) => {
   });
 };
 function getAccountPopoverDictionary() {
-  return ["accountPopover"];
+  return ["account_popover"];
 }
 export {
   AccountPopover as A,

package/components/AppBar/{index.43f8b54f.js → index.4fac1368.js}

@@ -2,9 +2,9 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.62aea582.js";
-import "../mui_extended/Accordion/index.46771196.js";
-import "../Icon/index.d1402200.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/Accordion/index.d15e51bf.js";
+import "../Icon/index.435df215.js";
 import "react";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -12,15 +12,16 @@ 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.40af964e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.2493b1b1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.a7f87c96.js";
-import "../mui_extended/Tab/index.756fe693.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.97d04d6b.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";

package/components/CommonActions/components/ActionCancel/{index.29517521.js → index.d995d986.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e70e8779.js";
+import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.99a8e55e.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.89f1ac8e.js → index.48e066b3.js}

@@ -1,42 +1,43 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
+import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.7611bf21.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2387ea76.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../Icon/index.d1402200.js";
+import "../../../Icon/index.435df215.js";
 import "clsx";
-import "../../../modal/index.6f281ef8.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.a68aa0f1.js";
-import "../../../mui_extended/IconButton/index.62aea582.js";
-import "../../../mui_extended/Accordion/index.46771196.js";
+import "../../../modal/index.6cdf65c9.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.6896f0aa.js";
+import "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../../mui_extended/Accordion/index.d15e51bf.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.cad260fe.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.a7f87c96.js";
-import "../../../mui_extended/Tab/index.756fe693.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.97d04d6b.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.230d1584.js";
-import "../../../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../../../areas/contexts/AreasContext/index.8af3058c.js";
+import "../../../areas/components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.d4410cb5.js";
-import "../../../areas/components/AreasViewer/index.933e506b.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../areas/components/AreasViewer/index.68eb0f6b.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e70e8779.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.99a8e55e.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.bbc35e74.js → index.cc97ed0a.js}

@@ -1,8 +1,8 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.40af964e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e70e8779.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.f79eb74e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.99a8e55e.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.a9420126.js → index.98eb4b3b.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
+import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e70e8779.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.99a8e55e.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.e70e8779.js → index.99a8e55e.js}

@@ -6,36 +6,37 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.
 import { styled } from "@mui/material/styles";
 import "@m4l/core";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.40af964e.js";
+import "../../../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.51da83de.js";
+import "../../../../contexts/ModalContext/index.5c908fe3.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.d1402200.js";
-import "../../../modal/index.6f281ef8.js";
+import "../../../Icon/index.435df215.js";
+import "../../../modal/index.6cdf65c9.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
-import "../../../mui_extended/IconButton/index.62aea582.js";
-import "../../../mui_extended/Accordion/index.46771196.js";
+import "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../../mui_extended/Accordion/index.d15e51bf.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.cad260fe.js";
-import "../../../mui_extended/MenuActions/index.2493b1b1.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.a7f87c96.js";
-import "../../../mui_extended/Tab/index.756fe693.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.97d04d6b.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.230d1584.js";
-import "../../../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../../../areas/contexts/AreasContext/index.8af3058c.js";
+import "../../../areas/components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.d4410cb5.js";
-import "../../../areas/components/AreasViewer/index.933e506b.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../areas/components/AreasViewer/index.68eb0f6b.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/CommonActions/index.d.ts

@@ -3,4 +3,5 @@ export { ActionCancel } from './components/ActionCancel';
 export { ActionIntro } from './components/ActionIntro';
 export { ActionFormCancel } from './components/ActionFormCancel';
 export { ActionFormIntro } from './components/ActionFormIntro';
+export { getCommonActionsDictionary } from './dictionary';
 export * from './dictionary';

package/components/DataGrid/{index.1d0a3dec.js → index.d38e3b49.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.42e804cf.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.a7f87c96.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.b66c43e7.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.d6c87c44.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { S as SELECT_COLUMN_KEY, u as useRowSelection, a as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.d46d625e.js";
@@ -8,16 +8,16 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.a8fc9f6a.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.7015aadc.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.1af105d6.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.b2f02bc4.js";
+import { g as getNameDataTestId } from "../../vendor.7751caf6.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.14cfcbc7.js";
 import "@m4l/graphics";
-import "../Icon/index.d1402200.js";
+import "../Icon/index.435df215.js";
 import "clsx";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.f9ad88b4.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.b574dda9.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({
@@ -774,6 +774,7 @@ function Table(props) {
   };
   return /* @__PURE__ */ jsx("div", {
     className: classes.tableContaniner,
+    id: "WrapperTable",
     children: /* @__PURE__ */ jsx("div", {
       className: classes.wrapperDataGridCss,
       children: /* @__PURE__ */ jsx(DndProvider, {

package/components/DataGrid/subcomponents/Actions/{index.a8fc9f6a.js → index.7015aadc.js}

@@ -1,47 +1,48 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.2493b1b1.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.1d0a3dec.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.c53370f6.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.d38e3b49.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.a7f87c96.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.62aea582.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.d6c87c44.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.d88a3f2e.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.7611bf21.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.29517521.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.a9420126.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2387ea76.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.d995d986.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.98eb4b3b.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../Icon/index.d1402200.js";
+import "../../../Icon/index.435df215.js";
 import "clsx";
-import "../../../modal/index.6f281ef8.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.e70e8779.js";
+import "../../../modal/index.6cdf65c9.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.99a8e55e.js";
 import "react-hook-form";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.40af964e.js";
+import "../../../mui_extended/Button/index.f79eb74e.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.230d1584.js";
-import "../../../areas/components/AreasAdmin/index.8ab71eb9.js";
+import "../../../areas/contexts/AreasContext/index.8af3058c.js";
+import "../../../areas/components/AreasAdmin/index.23a09c81.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.d4410cb5.js";
-import "../../../mui_extended/Accordion/index.46771196.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../mui_extended/Accordion/index.d15e51bf.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.cad260fe.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Tab/index.756fe693.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.97d04d6b.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.933e506b.js";
+import "../../../areas/components/AreasViewer/index.68eb0f6b.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../../../modal/WindowBase.37158e8d.js";
+import { W as WindowBase } from "../../../modal/WindowBase.0eea1a27.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {
@@ -128,7 +129,8 @@ const WrapperDataGrid = styled("div")(() => ({
   position: "relative",
   display: "flex",
   flexDirection: "column",
-  flexGrow: 1
+  flexGrow: 1,
+  overflow: "auto"
 }));
 styled("div")(() => ({
   display: "flex",

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

@@ -28,5 +28,6 @@ export interface DynamicFilterClasses {
     isDirty: string;
     isMobile: string;
     noSetted: string;
+    isEmpty: string;
 }
 export declare type DynamicFilterClassesKey = keyof DynamicFilterClasses;

package/components/DynamicFilter/contexts/DynamicFilterContext/index.d.ts

@@ -2,11 +2,15 @@
 import { DynamicFilterProviderProps } from './types';
 declare const DynamicFilterContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./store").DynamicFilterStateWithActions>, "setState"> & {
     setState<A extends string | {
-        type: unknown;
+        type: unknown; /**
+         * Efecto para lanzar el fire onChngeFilters, basado en el cambio del contador countOnChangeFiltersApplyed
+         */
     }>(partial: import("./store").DynamicFilterStateWithActions | Partial<import("./store").DynamicFilterStateWithActions> | ((state: import("./store").DynamicFilterStateWithActions) => import("./store").DynamicFilterStateWithActions | Partial<import("./store").DynamicFilterStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
 }, "setState"> & {
     setState(nextStateOrUpdater: import("./store").DynamicFilterStateWithActions | Partial<import("./store").DynamicFilterStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./store").DynamicFilterStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
+        type: unknown; /**
+         * Efecto para lanzar el fire onChngeFilters, basado en el cambio del contador countOnChangeFiltersApplyed
+         */
     } | undefined): void;
 }) | null>;
 /**

package/components/DynamicFilter/contexts/DynamicFilterContext/store.d.ts

@@ -58,6 +58,10 @@ export declare type OwnerState = {
      *  "isMobile" cuando el navegador está en modo celular
      */
     isMobile: boolean;
+    /**
+     *  "isEmpty" Define si existen filtros aplicados
+     */
+    isEmpty: boolean;
 };
 /**
  * @type