@m4l/components 0.1.77 → 0.1.78

package/@types/export.d.ts

@@ -35,9 +35,9 @@ import { RHFDateTimeProps } from '../components/hook-form/RHFDateTime/types';
 import { RHFDateTimeClassesKey } from '../components/hook-form/RHFDateTime/classes/types';
 import { AreasAdminClassesKey } from '../components/areas/components/AreasAdmin/classes/types';
 import { AreasViewerClassesKey } from '../components/areas/components/AreasViewer/classes/types';
-import { AppBarProps } from 'src/components/AppBar/types';
-import { AccountPopoverProps } from 'src/components/AccountPopover/types';
-import { SplitLayoutProps } from 'src/components/SplitLayout';
+import { AppBarProps } from '../components/AppBar/types';
+import { AccountPopoverProps } from '../components/AccountPopover/types';
+import { SplitLayoutProps } from '../components/SplitLayout';
 import { LinearProgressIndeterminateClassesKey } from '../components/LinearProgressIndeterminate/classes/types';
 import { PropertyValueProps } from '../components/PropertyValue/types';
 import { TabClassesKey } from '../components/mui_extended/Tab/classes/types';

package/components/AccountPopover/{index.3a79c395.js → index.7e76dbb7.js}

@@ -2,12 +2,12 @@ import { 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 } from "@mui/material";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -17,10 +17,10 @@ import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";

package/components/AppBar/{index.71b38ee9.js → index.06858422.js}

@@ -2,9 +2,9 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } 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.fc5b7c2d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
-import "../Icon/index.ecb63e65.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../Icon/index.9fcd1476.js";
 import "react";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -16,10 +16,10 @@ import "../mui_extended/Button/index.4288f9fc.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.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.b748a38e.js → index.d536ccfa.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.27ad09e1.js → index.a915b105.js}

@@ -3,39 +3,39 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.de522a10.js";
+import { u as useModal } from "../../../../hooks/useModal/index.8e85f7ae.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../Icon/index.ecb63e65.js";
+import "../../../Icon/index.9fcd1476.js";
 import "clsx";
-import "../../../modal/index.a0978193.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.cb37bc58.js";
-import "../../../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../../../mui_extended/Accordion/index.12b1339a.js";
+import "../../../modal/index.00efea85.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.6c063f2d.js";
+import "../../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../../mui_extended/Pager/index.435af0df.js";
-import "../../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../../mui_extended/Tab/index.7c82e43d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../../../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../../../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../../../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../../../areas/components/AreasViewer/index.14e62059.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.3eba9d91.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.2556f054.js → index.14e65d6c.js}

@@ -2,7 +2,7 @@ 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.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.a7d92e66.js → index.aa1648eb.js}

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

package/components/CommonActions/components/Actions/{index.3eba9d91.js → index.52125041.js}

@@ -10,31 +10,31 @@ import "../../../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.dee85a61.js";
+import "../../../../contexts/ModalContext/index.e9a7ba4a.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.ecb63e65.js";
-import "../../../modal/index.a0978193.js";
+import "../../../Icon/index.9fcd1476.js";
+import "../../../modal/index.00efea85.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
-import "../../../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../../../mui_extended/Accordion/index.12b1339a.js";
+import "../../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../../mui_extended/Pager/index.435af0df.js";
-import "../../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../../mui_extended/Tab/index.7c82e43d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../../../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../../../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../../../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../../../areas/components/AreasViewer/index.14e62059.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/DataGrid/{index.545b492f.js → index.9fb3e6a1.js}

@@ -6,28 +6,28 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString, useEnvironment } from "@m4l/core";
-import { M as MenuActions } from "../mui_extended/MenuActions/index.f5b1c022.js";
-import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.435af0df.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.js";
-import { u as useModal } from "../../hooks/useModal/index.de522a10.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.b748a38e.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a7d92e66.js";
+import { M as MenuActions } from "../mui_extended/MenuActions/index.43a2e1ae.js";
+import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.2f6d6d7d.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d536ccfa.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa1648eb.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
-import "../modal/index.a0978193.js";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.3eba9d91.js";
+import "../modal/index.00efea85.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.52125041.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -35,17 +35,17 @@ 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.9e2f6e34.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../areas/components/AreasViewer/index.14e62059.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.850ea31a.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.d880e685.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.5268b024.js";
+import { W as WindowBase } from "../modal/WindowBase.a0c0b322.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.d9937d46.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.e8de8e4c.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.137169d8.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.67aeb049.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -377,8 +377,6 @@ function DataGridProvider(props) {
     setColumnsConfigOptions(newColumnsConfig);
   }, [setColumnsConfigOptions, id]);
   const onChangeColumnsOrder = useCallback((sourceKey, targetKey) => {
-    console.log("DataGrid sourceKey", sourceKey);
-    console.log("DataGrid targetKey", targetKey);
     if (sourceKey === targetKey)
       return;
     const sourceColumnIndex = columnsConfig.findIndex((c) => c.key === sourceKey);
@@ -1624,7 +1622,7 @@ function Actions(props) {
     })]
   });
 }
-const DATAGRID_TEST_ID = "M4LDatagrid";
+const DATAGRID_TEST_ID = "m4ldatagrid";
 const PREFIX_TEST_ATTRIBUTE = "data-testid";
 const TEST_PROP_COLUMNS = `${PREFIX_TEST_ATTRIBUTE}-${DATAGRID_TEST_ID}-columns`;
 function DataGrid(props) {
@@ -1646,12 +1644,11 @@ function DataGrid(props) {
     onCheckedRowsChange,
     dataTestId
   } = props;
-  console.log("test columns", columns);
   return /* @__PURE__ */ jsx(WrapperGrid, {
     id: `WrapperGrid_${props.id}`,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_COLUMNS]: JSON.stringify(columns),
-      [PREFIX_TEST_ATTRIBUTE]: `M4LDatagrid-${dataTestId}`
+      [PREFIX_TEST_ATTRIBUTE]: `m4ldatagrid-${dataTestId}`
     } : {},
     children: /* @__PURE__ */ jsx(DataGridProvider, {
       id: props.id,

package/components/DataGrid/types.d.ts

@@ -56,7 +56,7 @@ export interface GridProps<TRow, TSummaryRow> {
     onCheckedRowsChange?: (mapRowsSelected: ReadonlySet<RowKey>) => void;
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, TSummaryRow>) => void>;
 }
-export declare const DATAGRID_TEST_ID = "M4LDatagrid";
+export declare const DATAGRID_TEST_ID = "m4ldatagrid";
 export declare const PREFIX_TEST_ATTRIBUTE = "data-testid";
 export declare const TEST_PROP_COLUMNS: string;
 export declare interface DataGridProps<TRow, TSummaryRow> extends GridProps<TRow, TSummaryRow> {

package/components/DynamicFilter/constants.d.ts

@@ -1,5 +1,6 @@
 import { BooleanOperator, DateTimeOperator, Field, NumberOperator, Operator, StringOperator } from './types';
 export declare const COMPONENT_TEST_ID = "M4LDynamicFilter";
+export declare const COMPONENT_PREFIX = "m4l-dynamic-filter";
 export declare const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 export declare const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 export declare const ASSETS: {

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

@@ -118,6 +118,11 @@ export interface DynamicFilterState {
     popoverFilterData?: PopoverFilterData;
     classes: Classes;
     getLabel: GetLabelType;
+    /**
+     *  dataTestId:
+     *  Esta propiedad sirve para generar identificadores únicos.
+     */
+    dataTestId: string;
 }
 export interface DynamicFilterStateWithActions extends DynamicFilterState {
     actions: {
@@ -211,7 +216,7 @@ export interface DynamicFilterStateWithActions extends DynamicFilterState {
         closePopoverMenuFields: (newInEdition?: boolean) => void;
     };
 }
-declare type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'allField' | 'ownerState'>;
+declare type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'allField' | 'ownerState' | 'dataTestId'>;
 /**
  * @description  Crea el store de zustand para el componente DynamicFilter
  * @param initProps Variables iniciales que necesita store para poder inicializarlo

package/components/DynamicFilter/{index.d7be0f37.js → index.d1a2e2d1.js}

@@ -4,39 +4,40 @@ import { useContext, useMemo, useEffect, createContext, useRef, createElement, u
 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.fc5b7c2d.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../vendor.e353394b.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.f5b1c022.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.43a2e1ae.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.ecb63e65.js";
+import { I as Icon } from "../Icon/index.9fcd1476.js";
 import { styled, useTheme } from "@mui/material/styles";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.fe175bab.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.3eba9d91.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.b748a38e.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a7d92e66.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.52125041.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d536ccfa.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa1648eb.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
-import "../../contexts/ModalContext/index.dee85a61.js";
+import "../../contexts/ModalContext/index.e9a7ba4a.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.a0978193.js";
+import "../modal/index.00efea85.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../areas/components/AreasAdmin/index.cc4cbf56.js";
-import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
+import "../areas/components/AreasViewer/index.14e62059.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -44,20 +45,21 @@ 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.ac2b1fae.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.6aa51705.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.8b4ccc8d.js";
-import "../hook-form/RHFCheckbox/index.acef119c.js";
-import "../HelperText/index.ef31df1f.js";
+import "../hook-form/RHFAutocompleteAsync/index.1a3dfe5f.js";
+import "../hook-form/RHFCheckbox/index.a08a65b3.js";
+import "../HelperText/index.a019742c.js";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.5b080342.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.e751dca7.js";
-import "../hook-form/RHFPeriod/index.5304e3bd.js";
-import "../Period/index.711db043.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.4d671108.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.9004e898.js";
+import "../hook-form/RHFPeriod/index.39b4be49.js";
+import "../Period/index.7b94c418.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.25db0511.js";
+import "../hook-form/RHFUpload/index.bed8573e.js";
 import * as Yup from "yup";
+const COMPONENT_PREFIX = "m4l-dynamic-filter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
@@ -149,12 +151,6 @@ function useDynamicFilter(selector, equalityFn) {
     throw new Error("useDynamicFilterStore context must be use inside DynamicFilterContext");
   return useStore(store, selector, equalityFn);
 }
-const DYNAMICFILTER_TEST_ID = "M4LDynamicFilter";
-const PREFIX_TEST_ATTRIBUTE = "data-test";
-const TEST_PROP_FIELDS = `${PREFIX_TEST_ATTRIBUTE}-${DYNAMICFILTER_TEST_ID}-fields`;
-function getTestIdByClass(key, detailId) {
-  return `${DYNAMICFILTER_TEST_ID}-${key}` + (detailId ? "-" + detailId : "");
-}
 const DYNAMICFILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMICFILTER_DICTIONARY_ID].concat(getCommonActionsDictionary());
@@ -191,6 +187,7 @@ const getDynamicFilterDictionary = (key) => {
 };
 function BooleanFilter() {
   const classesContainerBooleanFilter = useDynamicFilter((state) => state.classes.containerBooleanFilter);
+  const dataTestId = useDynamicFilter((state) => state.classes.containerBooleanFilter);
   const {
     getLabel
   } = useModuleDictionary();
@@ -207,7 +204,7 @@ function BooleanFilter() {
   }], [getLabel]);
   return /* @__PURE__ */ jsxs("div", {
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getTestIdByClass("containerBooleanFilter")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "containerBooleanFilter", dataTestId)
     } : {},
     className: classesContainerBooleanFilter,
     children: [/* @__PURE__ */ jsx(RHFAutocomplete, {
@@ -877,7 +874,6 @@ const updateAutomatic = (state) => {
   updateOwnerStateClasses(state);
 };
 const createAreaStore = (initProps) => {
-  console.log("valores iniciales de createDinamicFilter store", initProps);
   const startProps = {
     countOnChangeFiltersApplyed: 0,
     applyedFilters: [],
@@ -1031,7 +1027,8 @@ function DynamicFilterProvider(props) {
     fields,
     initialApplyedFilters = [],
     onChangeFilters,
-    children
+    children,
+    dataTestId = ""
   } = props;
   const {
     getLabel
@@ -1054,6 +1051,7 @@ function DynamicFilterProvider(props) {
       fields,
       automatic,
       getLabel,
+      dataTestId,
       ownerState: {
         isSkeleton,
         isDirty: !automatic,
@@ -1217,6 +1215,7 @@ function ApplyedFilter(props) {
     hidePopoverFilter: hidePopupEdit,
     showPopoverFilterForEdit: showPopupForEdit
   } = useDynamicFilter((state) => state.actions);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId);
   const labels = useMemo(() => {
     return getLabelsFilter(props, getLabel, formatters);
   }, [props, getLabel]);
@@ -1235,7 +1234,7 @@ function ApplyedFilter(props) {
   return /* @__PURE__ */ jsxs(WrapperApplyedFilter, {
     className: clsx(classesApplyedFilter, !isSetted ? `${COMPONENT_CLASS_NAME}-noSetted` : null),
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getTestIdByClass("applyedFilter", field.name)
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "applyedFilter", `${dataTestId}-${field.name}`)
     } : {},
     children: [urlIcon && /* @__PURE__ */ jsx(IconButton, {
       src: urlIcon,
@@ -1277,6 +1276,7 @@ const ContainerApplyedFilters = styled("div")(({
 }));
 function ApplyedFilters() {
   const classesWrapperApplyedFilters = useDynamicFilter((state) => state.classes.wrapperApplyedFilters, shallow);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesContainerApplyedFilters = useDynamicFilter((state) => state.classes.containerApplyedFilters, shallow);
   const applyedFilters = useDynamicFilter((state) => state.applyedFilters, shallow);
   const isSkeleton = useDynamicFilter((state) => state.ownerState.isSkeleton, shallow);
@@ -1288,13 +1288,13 @@ function ApplyedFilters() {
   return /* @__PURE__ */ jsx(WrapperApplyedFilters, {
     className: classesWrapperApplyedFilters,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getTestIdByClass("wrapperApplyedFilters")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "wrapperApplyedFilters", dataTestId)
     } : {},
     children: /* @__PURE__ */ jsx(ScrollBar, {
       children: /* @__PURE__ */ jsx(ContainerApplyedFilters, {
         className: classesContainerApplyedFilters,
         ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getTestIdByClass("containerApplyedFilters")
+          [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "containerApplyedFilters", dataTestId)
         } : {},
         children: [...applyedFilters].sort((a, b) => a.isSetted === b.isSetted ? 0 : a.isSetted ? -1 : 1).reverse().map((filter) => /* @__PURE__ */ jsx(ApplyedFilter, {
           ...filter
@@ -1363,6 +1363,7 @@ styled("div")(() => ({
   display: "block"
 }));
 function FilterButton() {
+  const dataTestId = useDynamicFilter((state) => state.dataTestId);
   const automatic = useDynamicFilter((state) => state.automatic);
   const isValid = useDynamicFilter((state) => state.ownerState.isValid);
   const isDirty = useDynamicFilter((state) => state.ownerState.isDirty);
@@ -1388,7 +1389,7 @@ function FilterButton() {
   return /* @__PURE__ */ jsx(IconButton, {
     className: classesFilterButton,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getTestIdByClass("classesFilterButton")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "classesFilterButton", dataTestId)
     } : {},
     dictionaryTooltipId: getDynamicFilterDictionary(isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid),
     onClick: fireOnChangeFilters,
@@ -1404,6 +1405,7 @@ function PopoverMenuFields(props) {
   } = props;
   const fnAnchorEl = useDynamicFilter((state) => state.fnAnchorEl, shallow);
   const classesPopUpMenuFields = useDynamicFilter((state) => state.classes.popoverMenuFields, shallow);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesPopUpMenuFieldsPaper = useDynamicFilter((state) => state.classes.popoverMenuFieldsPaper, shallow);
   const classespopoverMenuFieldsItem = useDynamicFilter((state) => state.classes.popoverMenuFieldsItem, shallow);
   const classespopoverLabelMemuItem = useDynamicFilter((state) => state.classes.classespopoverLabelMemuItem, shallow);
@@ -1445,12 +1447,12 @@ function PopoverMenuFields(props) {
     PaperProps: {
       className: classesPopUpMenuFieldsPaper,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getTestIdByClass("popoverMenuFieldsPaper")
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "popoverMenuFieldsPaper", dataTestId)
       } : {}
     },
     children: Boolean(fnAnchorEl) && fields.map((field, index) => /* @__PURE__ */ createElement(MenuItem, {
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getTestIdByClass("popoverMenuFieldsItem", field.name)
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "popoverMenuFieldsItem", `${dataTestId}-${field.name}`)
       } : {},
       className: classespopoverMenuFieldsItem,
       key: `menu_action_${field.label ?? getLabel(field.dictionaryId)}`,
@@ -1470,6 +1472,7 @@ function InputFilter() {
   const withAllField = useDynamicFilter((state) => state.withAllField);
   const inputData = useDynamicFilter((state) => state.inputData);
   const availableFields = useDynamicFilter((state) => state.availableFields, shallow);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesContainerInputFilter = useDynamicFilter((state) => state.classes.containerInputFilter, shallow);
   const isSkeleton = useDynamicFilter((state) => state.ownerState.isSkeleton, shallow);
   const {
@@ -1570,7 +1573,7 @@ function InputFilter() {
   return /* @__PURE__ */ jsxs("div", {
     className: classesContainerInputFilter,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getTestIdByClass("containerInputFilter")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "containerInputFilter", dataTestId)
     } : {},
     children: [!isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(Icon, {
@@ -1624,6 +1627,7 @@ const PopoverFilter = () => {
   const refPreviousPopoverFilterData = useRef(popoverFilterData);
   const classesPopoverFilter = useDynamicFilter((state) => state.classes.popoverFilter, shallow);
   const classesPopoverFilterPapper = useDynamicFilter((state) => state.classes.popoverFilterPaper, shallow);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesPopoverFilterHeader = useDynamicFilter((state) => state.classes.popoverFilterHeader, shallow);
   const classesPopoverHeaderTitle = useDynamicFilter((state) => state.classes.popoverHeaderTitle, shallow);
   const classesPopoverContainerFields = useDynamicFilter((state) => state.classes.popoverContainerFields, shallow);
@@ -1723,7 +1727,7 @@ const PopoverFilter = () => {
     PaperProps: {
       className: classesPopoverFilterPapper,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getTestIdByClass("popoverFilterPaper")
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "popoverFilterPaper", dataTestId)
       } : {}
     },
     children: /* @__PURE__ */ jsxs(RHFormProvider, {
@@ -1757,21 +1761,19 @@ const PopoverFilter = () => {
     })
   });
 };
-const InnerForHooks = (props) => {
-  const {
-    dataTestId
-  } = props;
+const TEST_PROPS_DATA = `data-testing`;
+const InnerForHooks = () => {
   const isMobile = useDynamicFilter((state) => state.ownerState.isMobile, shallow);
+  const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesRoot = useDynamicFilter((state) => state.classes.root, shallow);
   const containerClearFilter = useDynamicFilter((state) => state.classes.containerClearFilter, shallow);
   const classesContainerFistRow = useDynamicFilter((state) => state.classes.containerFistRow, shallow);
   const fields = useDynamicFilter((state) => state.fields, shallow);
-  console.log("fields test data", fields);
   return /* @__PURE__ */ jsx(DynamicFilterRoot, {
     className: classesRoot,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_FIELDS]: JSON.stringify(fields),
-      "data-testid": `${DYNAMICFILTER_TEST_ID}-${dataTestId}`
+      [TEST_PROPS_DATA]: JSON.stringify(fields),
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
     } : {},
     children: !isMobile ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(InputFilter, {}), /* @__PURE__ */ jsx(ApplyedFilters, {}), /* @__PURE__ */ jsx(PopoverFilter, {}), /* @__PURE__ */ jsxs("div", {
@@ -1796,9 +1798,7 @@ const DynamicFilter = (inProps) => {
   }
   return /* @__PURE__ */ jsx(DynamicFilterProvider, {
     ...inProps,
-    children: /* @__PURE__ */ jsx(InnerForHooks, {
-      dataTestId: inProps.dataTestId
-    })
+    children: /* @__PURE__ */ jsx(InnerForHooks, {})
   });
 };
 export {