@m4l/components 0.1.77 → 0.1.79

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.d541e4e6.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.e8ba0755.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.3c005df1.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";

package/components/AppBar/{index.71b38ee9.js → index.f90014de.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.e8ba0755.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.3c005df1.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.92536832.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.5732847f.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

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

@@ -2,40 +2,40 @@ 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.4288f9fc.js";
-import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.de522a10.js";
+import { useCallback, useEffect } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.6d238807.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.cd34ddb3.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.835f8d13.js";
+import "../../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../../mui_extended/Accordion/index.e8ba0755.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.3c005df1.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.1213c3ef.js";
+import "../../../areas/components/AreasAdmin/index.31905078.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../../../areas/components/AreasViewer/index.fe18bdbc.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.5732847f.js";
 function ActionFormCancel() {
   const {
     getLabel
@@ -45,7 +45,8 @@ function ActionFormCancel() {
     openModal
   } = useModal();
   const {
-    close: closeWindow
+    close: closeWindow,
+    setFnQueryClose: setQueryClose
   } = useWindowToolsMF();
   const {
     control
@@ -73,6 +74,9 @@ function ActionFormCancel() {
       onConfirmQuit();
     }
   }, [getLabel, isDirty, openModal]);
+  useEffect(() => {
+    setQueryClose(onClickCancel);
+  }, [onClickCancel]);
   const classes = useCommonActionsUtilityClasses();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(Skeleton, {

package/components/CommonActions/components/ActionFormIntro/{index.2556f054.js → index.bebc0c94.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.5732847f.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

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

package/components/CommonActions/components/Actions/{index.3eba9d91.js → index.5732847f.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.feded672.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.cd34ddb3.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.e8ba0755.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.3c005df1.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.1213c3ef.js";
+import "../../../areas/components/AreasAdmin/index.31905078.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../../../areas/components/AreasViewer/index.fe18bdbc.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.302080d3.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.6d238807.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.92536832.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa4e432e.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.cd34ddb3.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.5732847f.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.1213c3ef.js";
+import "../areas/components/AreasAdmin/index.31905078.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/Accordion/index.e8ba0755.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.3c005df1.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../areas/components/AreasViewer/index.fe18bdbc.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.90d3c1d5.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ab432b77.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