@m4l/components 0.1.75 → 0.1.77

package/components/CommonActions/components/ActionCancel/{index.574ea031.js → index.b748a38e.js}

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

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

@@ -1,39 +1,41 @@
 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.aebbab34.js";
+import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.26075cdd.js";
-import "../../../../react-draggable.e625b0d1.js";
-import "../../../ModalDialog/index.f652ea12.js";
-import "../../../Resizeable/index.41a8048b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.de522a10.js";
+import "../../../../react-draggable.7abb5d0a.js";
+import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../Icon/index.f9119f5e.js";
+import "../../../Icon/index.ecb63e65.js";
 import "clsx";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.023e293f.js";
-import "../../../modal/WindowBase.c223e4da.js";
-import "../../../mui_extended/IconButton/index.3b05af71.js";
-import "../../../mui_extended/Accordion/index.03bd0e2a.js";
-import "../../../mui_extended/Avatar/index.1e1a91a3.js";
+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 "../../../mui_extended/Typography/index.443590d6.js";
+import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../../Image/index.8aae9322.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../../../mui_extended/Pager/index.80ec975a.js";
-import "../../../mui_extended/Tab/index.e0653a0a.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/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../../../areas/components/AreasAdmin/index.158621e0.js";
+import "../../../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../../../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.621c0de4.js";
+import "../../../areas/components/AreasViewer/index.9c2aaaeb.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.37ffde59.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
 function ActionFormCancel() {
   const {
     getLabel
@@ -62,9 +64,10 @@ function ActionFormCancel() {
         window: /* @__PURE__ */ jsx(WindowConfirm, {
           variant: "warning",
           title: getLabel("common_actions.confirm_quit_title"),
-          msg: getLabel("form_provider.confirm_quit_msg"),
+          msg: getLabel("common_actions.confirm_quit_msg"),
           onClickIntro: onConfirmQuit
-        })
+        }),
+        variant: "warning"
       });
     } else {
       onConfirmQuit();

package/components/CommonActions/components/ActionFormIntro/{index.304da410.js → index.2556f054.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.aebbab34.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.37ffde59.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.4288f9fc.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

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

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.aebbab34.js";
+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.37ffde59.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

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

@@ -2,39 +2,40 @@ import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.j
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.b61dccbe.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.js";
 import { styled } from "@mui/material/styles";
 import "@m4l/core";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.aebbab34.js";
+import "../../../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.a0de81f0.js";
-import "../../../../react-draggable.e625b0d1.js";
-import "../../../ModalDialog/index.f652ea12.js";
-import "../../../Resizeable/index.41a8048b.js";
+import "../../../../contexts/ModalContext/index.dee85a61.js";
+import "../../../../react-draggable.7abb5d0a.js";
+import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.f9119f5e.js";
+import "../../../Icon/index.ecb63e65.js";
+import "../../../modal/index.a0978193.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../modal/WindowConfirm.023e293f.js";
-import "../../../modal/WindowBase.c223e4da.js";
-import "../../../mui_extended/IconButton/index.3b05af71.js";
-import "../../../mui_extended/Accordion/index.03bd0e2a.js";
-import "../../../mui_extended/Avatar/index.1e1a91a3.js";
+import "../../../Image/index.c18ebf5a.js";
+import "../../../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../../../mui_extended/Accordion/index.12b1339a.js";
+import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../../Image/index.8aae9322.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../../../mui_extended/Pager/index.80ec975a.js";
-import "../../../mui_extended/Tab/index.e0653a0a.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/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../../../areas/components/AreasAdmin/index.158621e0.js";
+import "../../../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../../../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.621c0de4.js";
+import "../../../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 const componentName = "M4LCommonActions";
@@ -63,7 +64,6 @@ const WrapperStandarActions = styled("div")(({
   theme
 }) => ({
   paddingTop: theme.spacing(3),
-  margin: theme.spacing(0, 1.5),
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-end",

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

@@ -6,37 +6,46 @@ 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.ca5ce35a.js";
-import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.80ec975a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.3b05af71.js";
-import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.574ea031.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d635cbc4.js";
-import "../../react-draggable.e625b0d1.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.f652ea12.js";
-import "../Resizeable/index.41a8048b.js";
+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 "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../Icon/index.f9119f5e.js";
+import "../Icon/index.ecb63e65.js";
 import "clsx";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.37ffde59.js";
+import "../modal/index.a0978193.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.3eba9d91.js";
 import "react-hook-form";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.aebbab34.js";
+import "../mui_extended/Button/index.4288f9fc.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../areas/components/AreasAdmin/index.158621e0.js";
+import "../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.621c0de4.js";
+import "../mui_extended/Accordion/index.12b1339a.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/Popover/index.9f35d0eb.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../modal/WindowConfirm.023e293f.js";
-import { W as WindowBase } from "../modal/WindowBase.c223e4da.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.60aa1c9d.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 { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.1f0efb32.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.137169d8.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -368,6 +377,8 @@ 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);
@@ -405,19 +416,19 @@ function DataGridProvider(props) {
     value: {
       columnsConfig,
       columnsWidths,
-      onChangeColumnsConfig,
-      onChangeColumnsOrder,
-      onChangeColumnWidth,
       rowsCount: rowsFilterCount,
-      setRowsCount: setRowFilterCountInternal,
-      rowActionsGetter,
       currentRowHeightVariant: currentRowHeightVariant.rowHVariant,
       currentRowHeight: currentRowHeightVariant.rowHeight,
       currentRowHeaderHeight: currentRowHeightVariant.rowHeaderHeight,
-      rowHeights: finalRowHeights,
-      setRowHeightVariant: setCurrentRowHeightInternal,
       rows,
+      rowHeights: finalRowHeights,
       checkedRows,
+      onChangeColumnsConfig,
+      onChangeColumnsOrder,
+      onChangeColumnWidth,
+      setRowsCount: setRowFilterCountInternal,
+      rowActionsGetter,
+      setRowHeightVariant: setCurrentRowHeightInternal,
       onCheckedRowsChange,
       rowKeyGetter
     },
@@ -1613,6 +1624,9 @@ function Actions(props) {
     })]
   });
 }
+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) {
   const {
     id,
@@ -1629,10 +1643,16 @@ function DataGrid(props) {
     rowHeights,
     initialRowHeightVariant,
     checkedRows,
-    onCheckedRowsChange
+    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}`
+    } : {},
     children: /* @__PURE__ */ jsx(DataGridProvider, {
       id: props.id,
       columns: props.columns,
@@ -1640,8 +1660,8 @@ function DataGrid(props) {
       rowHeaderHeights,
       initialRowHeightVariant,
       rowsCount: rows.length,
-      rowActionsGetter,
       checkedRows,
+      rowActionsGetter,
       onCheckedRowsChange,
       rowKeyGetter,
       rows,

package/components/DataGrid/types.d.ts

@@ -40,7 +40,7 @@ export declare interface PagerState {
 export declare const initialPagerState: PagerState;
 export declare type RowHeightVariants = 'standard' | 'compact' | 'confortable';
 export declare type RowHeights = number | number[];
-export declare interface GridProps<TRow, TSummaryRow> {
+export interface GridProps<TRow, TSummaryRow> {
     id: RowKey;
     withActions?: boolean;
     columns: readonly Column<TRow, TSummaryRow>[];
@@ -56,6 +56,10 @@ export declare 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 PREFIX_TEST_ATTRIBUTE = "data-testid";
+export declare const TEST_PROP_COLUMNS: string;
 export declare interface DataGridProps<TRow, TSummaryRow> extends GridProps<TRow, TSummaryRow> {
     actionsProps: ActionsProps;
+    dataTestId?: string;
 }

package/components/DraggableWindow/{index.b95a678e.js → index.c702d3f2.js}

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { c as cjs } from "../../react-draggable.e625b0d1.js";
+import { c as cjs } from "../../react-draggable.7abb5d0a.js";
 import { jsx } from "react/jsx-runtime";
 const DraggableWindow = (props) => {
   const {

package/components/DynamicFilter/{index.3034c6ba.js → index.d7be0f37.js}

@@ -4,60 +4,60 @@ 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.3b05af71.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.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.ca5ce35a.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.f5b1c022.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.f9119f5e.js";
+import { I as Icon } from "../Icon/index.ecb63e65.js";
 import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.a7511399.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.37ffde59.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.574ea031.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d635cbc4.js";
+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 { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.aebbab34.js";
-import "../../contexts/ModalContext/index.a0de81f0.js";
-import "../../react-draggable.e625b0d1.js";
-import "../ModalDialog/index.f652ea12.js";
-import "../Resizeable/index.41a8048b.js";
-import "../modal/WindowConfirm.023e293f.js";
-import "../modal/WindowBase.c223e4da.js";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import "../mui_extended/Avatar/index.1e1a91a3.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../../contexts/ModalContext/index.dee85a61.js";
+import "../../react-draggable.7abb5d0a.js";
+import "../Resizeable/index.9a9c79a4.js";
+import "../modal/index.a0978193.js";
+import "../Image/index.c18ebf5a.js";
+import "../mui_extended/Accordion/index.12b1339a.js";
+import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../Image/index.8aae9322.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.js";
+import "../mui_extended/Pager/index.435af0df.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.d98b89fc.js";
-import "../areas/components/AreasAdmin/index.158621e0.js";
-import "../areas/components/AreasViewer/index.621c0de4.js";
+import "../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.b61dccbe.js";
+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.af3296ac.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.ac2b1fae.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.76864056.js";
-import "../hook-form/RHFCheckbox/index.865ba239.js";
-import "../HelperText/index.ec9b3e6a.js";
+import "../hook-form/RHFAutocompleteAsync/index.8b4ccc8d.js";
+import "../hook-form/RHFCheckbox/index.acef119c.js";
+import "../HelperText/index.ef31df1f.js";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.fd9c5aca.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.abcbc2d3.js";
-import "../hook-form/RHFPeriod/index.77486f61.js";
-import "../Period/index.ff110093.js";
+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 "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.522bcad5.js";
+import "../hook-form/RHFUpload/index.25db0511.js";
 import * as Yup from "yup";
-import "@hookform/resolvers/yup";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
@@ -149,7 +149,7 @@ 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 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) {
@@ -877,6 +877,7 @@ const updateAutomatic = (state) => {
   updateOwnerStateClasses(state);
 };
 const createAreaStore = (initProps) => {
+  console.log("valores iniciales de createDinamicFilter store", initProps);
   const startProps = {
     countOnChangeFiltersApplyed: 0,
     applyedFilters: [],
@@ -1756,17 +1757,21 @@ const PopoverFilter = () => {
     })
   });
 };
-const InnerForHooks = () => {
+const InnerForHooks = (props) => {
+  const {
+    dataTestId
+  } = props;
   const isMobile = useDynamicFilter((state) => state.ownerState.isMobile, 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]: fields,
-      "data-testid": DYNAMICFILTER_TEST_ID
+      [TEST_PROP_FIELDS]: JSON.stringify(fields),
+      "data-testid": `${DYNAMICFILTER_TEST_ID}-${dataTestId}`
     } : {},
     children: !isMobile ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(InputFilter, {}), /* @__PURE__ */ jsx(ApplyedFilters, {}), /* @__PURE__ */ jsx(PopoverFilter, {}), /* @__PURE__ */ jsxs("div", {
@@ -1791,7 +1796,9 @@ const DynamicFilter = (inProps) => {
   }
   return /* @__PURE__ */ jsx(DynamicFilterProvider, {
     ...inProps,
-    children: /* @__PURE__ */ jsx(InnerForHooks, {})
+    children: /* @__PURE__ */ jsx(InnerForHooks, {
+      dataTestId: inProps.dataTestId
+    })
   });
 };
 export {

package/components/DynamicFilter/subcomponents/InnerForHooks/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { InnerForHooksProps } from './types';
 /**
  * @description InnerForHooks es una estrategia de mover el componente a nivel interno para poder acceder a los hooks que acceden al contexto DynamicFilterProvider
  * @returns Componente DynamicFilter
  */
-export declare const InnerForHooks: () => import("react").JSX.Element;
+export declare const InnerForHooks: (props: InnerForHooksProps) => import("react").JSX.Element;

package/components/DynamicFilter/subcomponents/InnerForHooks/types.d.ts

@@ -0,0 +1,2 @@
+import { DynamicFilterProps } from "../../types";
+export declare type InnerForHooksProps = Pick<DynamicFilterProps, 'dataTestId'>;

package/components/DynamicFilter/tests/contants.d.ts

@@ -1,5 +1,5 @@
 import { Field } from '../types';
-export declare const DYNAMICFILTER_TEST_ID = "m4ldynamicfilter";
+export declare const DYNAMICFILTER_TEST_ID = "M4LDynamicFilter";
 export declare const PREFIX_TEST_ATTRIBUTE = "data-test";
 export declare const TEST_PROP_FIELDS: string;
 export declare const TEST_FIELDS: Field[];

package/components/DynamicFilter/types.d.ts

@@ -213,4 +213,8 @@ export interface DynamicFilterProps {
      *  "onChangeFilters" Handler que se dispara cuando el filtro cambia en automatico, o cuando es manual y se presion a el boton de filtrar
      */
     onChangeFilters: OnChangeFilters;
+    /**
+     *  "dataTestId" Propiedad única que permite crear un selector atributo necesario para las pruebas del componente.
+     */
+    dataTestId?: string;
 }

package/components/GridLayout/GridLayout.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { GridLayoutProps } from './types';
+/**
+ * A reactive, fluid grid layout with draggable, resizable components.
+ */
+export declare function GridLayout(props: GridLayoutProps): JSX.Element;