@m4l/components 0.1.85 → 0.1.87

package/components/AccountPopover/{index.35c29a55.js → index.0bee6fca.js}

@@ -2,27 +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.c3a579e7.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/IconButton/index.d88a3f2e.js";
 import clsx from "clsx";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/Accordion/index.1d182a0e.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.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.b16e84c1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.c1dc7bbf.js";
-import "../mui_extended/Pager/index.5b77fa4c.js";
+import "../mui_extended/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";
@@ -81,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(`${firstName} ${lastName}`)
+      children: `${firstName[0]}${lastName[0]}`
     },
     ...other
   });
@@ -215,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", {
@@ -244,11 +239,11 @@ const MenuPopOver = (props) => {
         })]
       }), /* @__PURE__ */ jsxs("div", {
         className: classes.containerlogOut,
+        onClick: handleLogOut,
         children: [/* @__PURE__ */ jsx(Icon, {
           src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
         }), /* @__PURE__ */ jsx("div", {
           role: "presentation",
-          onClick: handleLogOut,
           className: classes.logOut,
           ...process.env.NODE_ENV !== "production" ? {
             [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")

package/components/AppBar/{index.291da9fd.js → index.8e3e0148.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.be111a34.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
-import "../Icon/index.c3a579e7.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/Accordion/index.1d182a0e.js";
+import "../Icon/index.435df215.js";
 import "react";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -12,16 +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.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.b16e84c1.js";
+import "../mui_extended/MenuActions/index.c53370f6.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.c1dc7bbf.js";
-import "../mui_extended/Pager/index.5b77fa4c.js";
+import "../mui_extended/Tab/index.8592b93c.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.67b91376.js → index.e66f9b5f.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.c91c27f9.js";
+import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.018d4c62.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.d4503410.js → index.51311bde.js}

@@ -1,19 +1,19 @@
 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.c906706c.js";
+import { u as useModal } from "../../../../hooks/useModal/index.caaeaddd.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../Icon/index.c3a579e7.js";
+import "../../../Icon/index.435df215.js";
 import "clsx";
-import "../../../modal/index.c7e4beba.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.3d9cd6e1.js";
-import "../../../mui_extended/IconButton/index.be111a34.js";
-import "../../../mui_extended/Accordion/index.854f4c90.js";
+import "../../../modal/index.8d846036.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.3c4da58c.js";
+import "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../../mui_extended/Accordion/index.1d182a0e.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -21,23 +21,23 @@ import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.b16e84c1.js";
+import "../../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.c1dc7bbf.js";
-import "../../../mui_extended/Pager/index.5b77fa4c.js";
+import "../../../mui_extended/Tab/index.8592b93c.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.6f56b1da.js";
-import "../../../areas/components/AreasAdmin/index.f505897a.js";
+import "../../../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../../../areas/components/AreasAdmin/index.f0fd024a.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.1247c1c5.js";
-import "../../../areas/components/AreasViewer/index.cacec884.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../areas/components/AreasViewer/index.6c28b2c0.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.c91c27f9.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.018d4c62.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.01ed67de.js → index.2ecd7ba1.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.c91c27f9.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.f79eb74e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.018d4c62.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.53e7fe2b.js → index.33892c01.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.c91c27f9.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.018d4c62.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.c91c27f9.js → index.018d4c62.js}

@@ -6,37 +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.1ea79d7e.js";
+import "../../../../contexts/ModalContext/index.9fb8e0a2.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.c3a579e7.js";
-import "../../../modal/index.c7e4beba.js";
+import "../../../Icon/index.435df215.js";
+import "../../../modal/index.8d846036.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
-import "../../../mui_extended/IconButton/index.be111a34.js";
-import "../../../mui_extended/Accordion/index.854f4c90.js";
+import "../../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../../mui_extended/Accordion/index.1d182a0e.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.8c2b8b66.js";
-import "../../../mui_extended/MenuActions/index.b16e84c1.js";
+import "../../../mui_extended/MenuActions/index.c53370f6.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.c1dc7bbf.js";
-import "../../../mui_extended/Pager/index.5b77fa4c.js";
+import "../../../mui_extended/Tab/index.8592b93c.js";
+import "../../../mui_extended/Pager/index.d6c87c44.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.6f56b1da.js";
-import "../../../areas/components/AreasAdmin/index.f505897a.js";
+import "../../../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../../../areas/components/AreasAdmin/index.f0fd024a.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.1247c1c5.js";
-import "../../../areas/components/AreasViewer/index.cacec884.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../areas/components/AreasViewer/index.6c28b2c0.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.37e14e83.js → index.c348b106.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.b85ee3cb.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.5b77fa4c.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.df9b1e97.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.155c63af.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.080e8c7d.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.f27b86c9.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.e7f0b76a.js";
+import { g as getNameDataTestId } from "../../vendor.15beabcd.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.14cfcbc7.js";
 import "@m4l/graphics";
-import "../Icon/index.c3a579e7.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.d911949d.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.b574dda9.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({

package/components/DataGrid/subcomponents/Actions/{index.155c63af.js → index.080e8c7d.js}

@@ -1,32 +1,32 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.b16e84c1.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.37e14e83.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.c348b106.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.5b77fa4c.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.be111a34.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.c906706c.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.67b91376.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.53e7fe2b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.caaeaddd.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e66f9b5f.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.33892c01.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../Icon/index.c3a579e7.js";
+import "../../../Icon/index.435df215.js";
 import "clsx";
-import "../../../modal/index.c7e4beba.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.c91c27f9.js";
+import "../../../modal/index.8d846036.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.018d4c62.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.6f56b1da.js";
-import "../../../areas/components/AreasAdmin/index.f505897a.js";
+import "../../../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../../../areas/components/AreasAdmin/index.f0fd024a.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.1247c1c5.js";
-import "../../../mui_extended/Accordion/index.854f4c90.js";
+import "../../../ScrollBar/index.65bb2930.js";
+import "../../../mui_extended/Accordion/index.1d182a0e.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -36,13 +36,13 @@ import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.c1dc7bbf.js";
+import "../../../mui_extended/Tab/index.8592b93c.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.cacec884.js";
+import "../../../areas/components/AreasViewer/index.6c28b2c0.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.d485315d.js";
+import { W as WindowBase } from "../../../modal/WindowBase.f568bcac.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {
@@ -129,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

package/components/DynamicFilter/{index.a8c2609c.js → index.20ee6e21.js}

@@ -1,31 +1,31 @@
 import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../ScrollBar/index.1247c1c5.js";
+import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { useContext, useMemo, useEffect, createContext, useRef, createElement, useState, useCallback } from "react";
 import clsx from "clsx";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { I as IconButton } from "../mui_extended/IconButton/index.be111a34.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.f27b86c9.js";
+import { g as getNameDataTestId } from "../../vendor.15beabcd.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.b16e84c1.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.c53370f6.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { I as Icon } from "../Icon/index.435df215.js";
 import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.e019f87d.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.c91c27f9.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.67b91376.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.53e7fe2b.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.ea2758ed.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.018d4c62.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e66f9b5f.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.33892c01.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
-import "../../contexts/ModalContext/index.1ea79d7e.js";
+import "../mui_extended/Button/index.f79eb74e.js";
+import "../../contexts/ModalContext/index.9fb8e0a2.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.c7e4beba.js";
+import "../modal/index.8d846036.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.854f4c90.js";
+import "../mui_extended/Accordion/index.1d182a0e.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -33,13 +33,13 @@ import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.c1dc7bbf.js";
-import "../mui_extended/Pager/index.5b77fa4c.js";
+import "../mui_extended/Tab/index.8592b93c.js";
+import "../mui_extended/Pager/index.d6c87c44.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.6f56b1da.js";
-import "../areas/components/AreasAdmin/index.f505897a.js";
-import "../areas/components/AreasViewer/index.cacec884.js";
+import "../areas/contexts/AreasContext/index.060aa7b0.js";
+import "../areas/components/AreasAdmin/index.f0fd024a.js";
+import "../areas/components/AreasViewer/index.6c28b2c0.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -47,19 +47,19 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.c43a95f4.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.aca6984f.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.f4eb65ce.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.8511bcf8.js";
-import "../hook-form/RHFCheckbox/index.0f45e6b0.js";
-import "../HelperText/index.8b5911d1.js";
+import "../hook-form/RHFAutocompleteAsync/index.8ecce8fd.js";
+import "../hook-form/RHFCheckbox/index.45b6ee0b.js";
+import "../HelperText/index.d00b45e5.js";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.07412ef0.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.94c8c59b.js";
-import "../hook-form/RHFPeriod/index.15b8f11e.js";
-import "../Period/index.061c9b2f.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.802fb228.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.75129118.js";
+import "../hook-form/RHFPeriod/index.6395b24a.js";
+import "../Period/index.83b88249.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.7ef1e124.js";
+import "../hook-form/RHFUpload/index.fead1c63.js";
 import * as Yup from "yup";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -117,11 +117,12 @@ const dynamicFilterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "inEdition",
   "isDirty",
   "isInvalid",
-  "noSetted"
+  "noSetted",
+  "isEmpty"
 ]);
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.inEdition && "inEdition", ownerState.isDirty && "isDirty", !ownerState.isValid && "isInvalid", ownerState.isMobile && "isMobile", ownerState.isSkeleton && "isSkeleton"],
+    root: ["root", ownerState.inEdition && "inEdition", ownerState.isDirty && "isDirty", !ownerState.isValid && "isInvalid", ownerState.isMobile && "isMobile", ownerState.isSkeleton && "isSkeleton", ownerState.isEmpty && "isEmpty"],
     filterButton: ["filterButton"],
     containerFistRow: ["containerFistRow"],
     containerInputFilter: ["containerInputFilter"],
@@ -898,6 +899,8 @@ const createAreaStore = (initProps) => {
                 initialFiltersApplyed,
                 state.actions.getFieldByName
               );
+              state.ownerState.isEmpty = state.applyedFilters.length > 0 ? false : true;
+              updateOwnerStateClasses(state);
               updateAutomatic(state);
             });
           },
@@ -917,6 +920,10 @@ const createAreaStore = (initProps) => {
               );
               if (index_to_remove > -1) {
                 state.applyedFilters.splice(index_to_remove, 1);
+                if (state.applyedFilters.length === 0) {
+                  state.ownerState.isEmpty = true;
+                  updateOwnerStateClasses(state);
+                }
                 updateAutomatic(state);
               }
             });
@@ -952,6 +959,10 @@ const createAreaStore = (initProps) => {
           clearFilters: () => {
             set((state) => {
               state.applyedFilters = state.applyedFilters.filter((f) => f.fixed);
+              if (state.applyedFilters.length === 0) {
+                state.ownerState.isEmpty = true;
+                updateOwnerStateClasses(state);
+              }
               updateAvailableFields(state);
             });
           },
@@ -972,6 +983,10 @@ const createAreaStore = (initProps) => {
           addFilter: (newFilter) => {
             set((state) => {
               state.applyedFilters.push(newFilter);
+              if (state.applyedFilters.length > 0) {
+                state.ownerState.isEmpty = false;
+                updateOwnerStateClasses(state);
+              }
               updateAutomatic(state);
             });
           },
@@ -1059,7 +1074,8 @@ function DynamicFilterProvider(props) {
         isDirty: !automatic,
         inEdition: false,
         isValid: true,
-        isMobile: !isDesktop
+        isMobile: !isDesktop,
+        isEmpty: true
       }
     });
     dynamicFilterStoreRef.current.getState().actions.init(initialApplyedFilters);
@@ -1108,8 +1124,7 @@ const DynamicFilterRoot = styled("div", {})(({
   [`&.${dynamicFilterClasses.isMobile}`]: {
     flexDirection: "column",
     justifyContent: "space-between",
-    minWidth: theme.spacing(25),
-    gap: theme.spacing(0.75)
+    minWidth: theme.spacing(25)
   },
   [`&.${dynamicFilterClasses.root}.${dynamicFilterClasses.inEdition}`]: {
     border: `1px solid ${theme.palette.primary.main}`