@m4l/components 0.1.76 → 0.1.77

package/@types/export.d.ts

@@ -52,6 +52,7 @@ import { PeriodClassesKey } from '../components/Period/classes/types';
 import { ModalClassesKey } from '..index/components/modal/classes/types';
 import { PaperFormClassesKey } from '../components/PaperForm/classes/types';
 import { TooltipClassesKey } from '../components/mui_extended/Tooltip/classes/types';
+import { BadgeProps } from '../components/mui_extended/Badge';
 
 
 export {};
@@ -71,6 +72,7 @@ declare module '@mui/material/styles' {
         M4LanguagePopover: undefined;
         M4LImageButton: ImageButtonProps;
         M4LImage: ImageProps;
+        M4LBadge: BadgeProps;
         M4LPopover: PopoverProps;
         M4LRHFCheckbox: undefined;
         M4LErrorLabel: HelperTextProps;
@@ -102,6 +104,7 @@ declare module '@mui/material/styles' {
         M4LanguagePopover: LanguagePopoverClassesKey;
         M4LImageButton: ImageButtonClassesKey;
         M4LImage: ImageClassesKey;
+        M4LBadge: BadgeProps;
         M4LPopover: PopoverClassesKey;
         M4LRHFCheckbox: RHFCheckboxClassesKey;
         M4LErrorLabel: ErrorLabelClassesKey;
@@ -115,8 +118,11 @@ declare module '@mui/material/styles' {
         M4LSideBarDrawer: SideBarClassesKey;
         M4LRHFDateTime: RHFDateTimeClassesKey;
         M4LAreasViewer: AreasViewerClassesKey;
+        M4LAreasViewerWindowPopUpList: AreasViewerClassesKey;
         M4LAreasAdmin: AreasAdminClassesKey;
         M4LAreasAdminEditPopover: AreasAdminClassesKey;
+        M4LAreasAdminMobilePopoverOptions: AreasAdminClassesKey;
+        M4LAreasAdminPopoverListWindows: AreasAdminClassesKey;
         M4LAvatar: AvatarClassesKey;
         M4LAccountPopover: AccountPopoverClassesKey;
         M4LAccountPopoverPopover: AccountPopoverClassesKey;
@@ -205,6 +211,10 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LImage'];
             defaultProps?: ComponentsProps['M4LImage'];
         };
+        M4LBadge?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
+            defaultProps?: ComponentsProps['M4LBadge'];
+        };
         M4LPopover?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LPopover'];
             defaultProps?: ComponentsProps['M4LPopover'];
@@ -258,12 +268,21 @@ declare module '@mui/material/styles' {
         M4LAreasViewerModal?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewerModal'];
         };
+        M4LAreasViewerWindowPopUpList?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewerWindowPopUpList'];
+        };
         M4LAreasAdmin?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdmin'];
         };
         M4LAreasAdminEditPopover?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminEditPopover'];
         };
+        M4LAreasAdminMobilePopoverOptions?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminMobilePopoverOptions'];
+        };
+        M4LAreasAdminPopoverListWindows?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminPopoverListWindows'];
+        };
         M4LAvatar?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LAvatar'];
             defaultProps?: ComponentsProps['M4LAvatar'];

package/components/AccountPopover/{index.47cf6c43.js → index.3a79c395.js}

@@ -2,23 +2,24 @@ 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.9dae8337.js";
+import "../Icon/index.ecb63e65.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.12b1339a.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.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.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 { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.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 { unstable_composeClasses } from "@mui/base";

package/components/AppBar/{index.f04f5e45.js → index.71b38ee9.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.1a9d4fa5.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
-import "../Icon/index.9dae8337.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../mui_extended/Accordion/index.12b1339a.js";
+import "../Icon/index.ecb63e65.js";
 import "react";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -12,12 +12,13 @@ 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.fdb5dcbd.js";
+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/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.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 { styled } from "@mui/material/styles";

package/components/CommonActions/components/ActionCancel/{index.453c2d24.js → index.b748a38e.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.fdb5dcbd.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e376a68e.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.c2a2fd55.js → index.27ad09e1.js}

@@ -1,41 +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.fdb5dcbd.js";
+import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.7b7d26ba.js";
-import "../../../../react-draggable.6d7949a3.js";
-import "../../../ModalDialog/index.d9c5d400.js";
-import "../../../Resizeable/index.f6e48e56.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.9dae8337.js";
+import "../../../Icon/index.ecb63e65.js";
 import "clsx";
-import "../../../modal/index.1b25b61d.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.9b829837.js";
-import "../../../mui_extended/IconButton/index.1a9d4fa5.js";
-import "../../../mui_extended/Accordion/index.3faafd8b.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 "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../../../mui_extended/Pager/index.67bda2c5.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.f0397b7c.js";
-import "../../../areas/components/AreasAdmin/index.946eebb9.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.bf4191ea.js";
-import "../../../LinearProgressIndeterminate/index.d34d398f.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.e376a68e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.3eba9d91.js";
 function ActionFormCancel() {
   const {
     getLabel
@@ -64,7 +64,7 @@ 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"

package/components/CommonActions/components/ActionFormIntro/{index.25d33912.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.fdb5dcbd.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.e376a68e.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.c653a266.js → index.a7d92e66.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.fdb5dcbd.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.e376a68e.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.e376a68e.js → index.3eba9d91.js}

@@ -2,40 +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.008b4c2a.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.fdb5dcbd.js";
+import "../../../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.699f95fa.js";
-import "../../../../react-draggable.6d7949a3.js";
-import "../../../ModalDialog/index.d9c5d400.js";
-import "../../../Resizeable/index.f6e48e56.js";
+import "../../../../contexts/ModalContext/index.dee85a61.js";
+import "../../../../react-draggable.7abb5d0a.js";
+import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.9dae8337.js";
-import "../../../modal/index.1b25b61d.js";
+import "../../../Icon/index.ecb63e65.js";
+import "../../../modal/index.a0978193.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
-import "../../../mui_extended/IconButton/index.1a9d4fa5.js";
-import "../../../mui_extended/Accordion/index.3faafd8b.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 "../../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../../../mui_extended/Pager/index.67bda2c5.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.f0397b7c.js";
-import "../../../areas/components/AreasAdmin/index.946eebb9.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.bf4191ea.js";
-import "../../../LinearProgressIndeterminate/index.d34d398f.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";
@@ -64,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.ffaf000e.js → index.545b492f.js}

@@ -6,45 +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.ba1da3b3.js";
-import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.67bda2c5.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.1a9d4fa5.js";
-import { u as useModal } from "../../hooks/useModal/index.7b7d26ba.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.453c2d24.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.c653a266.js";
-import "../../react-draggable.6d7949a3.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.d9c5d400.js";
-import "../Resizeable/index.f6e48e56.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.9dae8337.js";
+import "../Icon/index.ecb63e65.js";
 import "clsx";
-import "../modal/index.1b25b61d.js";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.e376a68e.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.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f0397b7c.js";
-import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "../areas/contexts/AreasContext/index.c8147e8e.js";
+import "../areas/components/AreasAdmin/index.cc4cbf56.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.3faafd8b.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.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.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 { W as WindowBase } from "../modal/WindowBase.7acb9f1d.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.431dc923.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.e1af75e6.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.137169d8.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -376,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);
@@ -413,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
     },
@@ -1621,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,
@@ -1637,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,
@@ -1648,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.b08af1dc.js → index.c702d3f2.js}

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

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

@@ -4,59 +4,59 @@ 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.1a9d4fa5.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.ba1da3b3.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.9dae8337.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.fe175bab.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.e376a68e.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.453c2d24.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.c653a266.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.fdb5dcbd.js";
-import "../../contexts/ModalContext/index.699f95fa.js";
-import "../../react-draggable.6d7949a3.js";
-import "../ModalDialog/index.d9c5d400.js";
-import "../Resizeable/index.f6e48e56.js";
-import "../modal/index.1b25b61d.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.3faafd8b.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 "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/Pager/index.67bda2c5.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.f0397b7c.js";
-import "../areas/components/AreasAdmin/index.946eebb9.js";
-import "../areas/components/AreasViewer/index.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.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.008b4c2a.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.a063dc44.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.ac2b1fae.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.ddfd9cc9.js";
-import "../hook-form/RHFCheckbox/index.7e7f220b.js";
-import "../HelperText/index.9864f773.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.d330709b.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.e5336d09.js";
-import "../hook-form/RHFPeriod/index.e2b1293b.js";
-import "../Period/index.526791a3.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.17e7f9eb.js";
+import "../hook-form/RHFUpload/index.25db0511.js";
 import * as Yup from "yup";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
@@ -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'>;