@m4l/components 0.1.76 → 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';
@@ -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.7e76dbb7.js}

@@ -2,24 +2,25 @@ 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.9fcd1476.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.3faafd8b.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";
 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 "../mui_extended/MenuActions/index.43a2e1ae.js";
 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/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.f04f5e45.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.1a9d4fa5.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
-import "../Icon/index.9dae8337.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";
@@ -12,13 +12,14 @@ 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/MenuActions/index.43a2e1ae.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/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.453c2d24.js → index.d536ccfa.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.52125041.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.c2a2fd55.js → index.a915b105.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.8e85f7ae.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.9fcd1476.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.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.ba1da3b3.js";
-import "../../../mui_extended/Pager/index.67bda2c5.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.f0397b7c.js";
-import "../../../areas/components/AreasAdmin/index.946eebb9.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.bf4191ea.js";
-import "../../../LinearProgressIndeterminate/index.d34d398f.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.e376a68e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.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.14e65d6c.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.52125041.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.c653a266.js → index.aa1648eb.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.52125041.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.e376a68e.js → index.52125041.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.e9a7ba4a.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.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.1a9d4fa5.js";
-import "../../../mui_extended/Accordion/index.3faafd8b.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.ba1da3b3.js";
-import "../../../mui_extended/Pager/index.67bda2c5.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.f0397b7c.js";
-import "../../../areas/components/AreasAdmin/index.946eebb9.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.bf4191ea.js";
-import "../../../LinearProgressIndeterminate/index.d34d398f.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";
 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.9fb3e6a1.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.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.9dae8337.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
-import "../modal/index.1b25b61d.js";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.e376a68e.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.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.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.3faafd8b.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/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.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.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.7acb9f1d.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.431dc923.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.e1af75e6.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.67aeb049.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -413,19 +414,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 +1622,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 +1641,15 @@ function DataGrid(props) {
     rowHeights,
     initialRowHeightVariant,
     checkedRows,
-    onCheckedRowsChange
+    onCheckedRowsChange,
+    dataTestId
   } = props;
   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 +1657,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/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