@m4l/components 0.2.32 → 0.2.34

package/{commonjs.333e55c7.js → commonjs.565e6834.js}

@@ -2,11 +2,6 @@ import "react";
 import "prop-types";
 import "react-dom";
 import "clsx";
-import "lodash/isString";
-import "lodash/forOwn";
-import "lodash/isPlainObject";
-import "lodash/map";
-import "lodash/cloneDeep";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;

package/components/AccountPopover/{index.69cda48b.js → index.39efc8f0.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AppBar/{index.0cc0bd40.js → index.c8850b99.js}

@@ -4,9 +4,9 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.6aa1ae49.js";
+import { I as Image } from "../Image/index.b799c514.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.f00f026d.js → index.416cbf9b.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.08fe4e27.js → index.78267f7c.js}

@@ -1,12 +1,12 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.cb1d6a37.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.f73d7e42.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.ce47a48a.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.ee6de236.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.b5a5c4b4.js → index.dcb4d280.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.d5a031be.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.c3084916.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.574967a0.js → index.094290fd.js}

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

package/components/CommonActions/components/Actions/{index.23bfc86b.js → index.fa7ab18c.js}

@@ -1,7 +1,7 @@
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
 import { jsx } from "react/jsx-runtime";
 function getCommonActionsDictionary() {
   return ["common_actions"];
@@ -39,13 +39,6 @@ const useCommonActionsUtilityClasses = () => {
 const WrapperStandarActions = styled("div")(({
   theme
 }) => ({
-  paddingTop: theme.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  },
   ...theme.components?.M4LCommonActions?.styleOverrides
 }));
 const COMMONACTIONS_PREFIX = "M4LCommonActions";

package/components/DataGrid/assets/icons/datagrid.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
-<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
+<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
+</svg>

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.cf410875.js → index.cd6e553a.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.fb44d69d.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.9ccf9298.js";
 function ColumnBooleanFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.00f9ed87.js → index.0c439ac3.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.05c4e1a4.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.03471e3f.js";
 function ColumnConcatenatedValueFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.4089f91b.js → index.867b8745.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.c283b50b.js";
+import { d as dataGridClasses } from "../../index.abe0f9b9.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/formatters/ColumnSetCheckFormatter/{index.eb406256.js → index.0b23ba88.js}

@@ -3,6 +3,7 @@ import { jsx } from "react/jsx-runtime";
 function ColumnSetCheckFormatter(parameters) {
   const {
     field,
+    disabledGetter,
     rowKeyGetter,
     useHook
   } = parameters;
@@ -20,8 +21,13 @@ function ColumnSetCheckFormatter(parameters) {
       }
       setCheckedRows(newCheckedRows);
     };
+    let disabled = false;
+    if (disabledGetter) {
+      disabled = disabledGetter(row);
+    }
     return /* @__PURE__ */ jsx(SelectCellFormatter, {
       value: checkedRows.has(rowKeyGetter(row)) || false,
+      disabled,
       isCellSelected: props.isCellSelected,
       onChange,
       "aria-label": "Select"

package/components/DataGrid/formatters/ColumnSetCheckFormatter/types.d.ts

@@ -1,6 +1,7 @@
 import { RowKey } from '../../types';
 export declare type ColumnSetCheckFormatterProps<Row, TKey extends RowKey = RowKey> = {
     field: string;
+    disabledGetter?: (row: Row) => boolean;
     rowKeyGetter: (row: Row) => TKey;
     useHook: (field: string) => [ReadonlySet<TKey>, (newHas: ReadonlySet<TKey>) => void];
 };

package/components/DataGrid/{index.c283b50b.js → index.abe0f9b9.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.f27b7c2d.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.da7ea851.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.78c9650a.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.ea2a4f3e.js";
 import { styled, SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
@@ -8,7 +8,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.d945647f.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.4f2071ee.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
@@ -339,8 +339,8 @@ const SelectColumnHeaderRenderer = (props) => {
 const SelectColumn = {
   key: DATAGRID_SELECT_COLUMN_KEY,
   name: "",
-  width: 60,
-  maxWidth: 60,
+  width: 32,
+  minWidth: 32,
   isDraggable: false,
   resizable: false,
   sortable: false,
@@ -910,43 +910,45 @@ function DataGrid(props) {
     withActions
   };
   const classes = dataGridUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(DataGridRoot, {
-    id: `WrapperGrid_${props.id}`,
-    className: classes.root,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_COLUMNS]: JSON.stringify(columns),
-      [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
-    } : {},
-    children: /* @__PURE__ */ jsx(DataGridProvider, {
-      id: props.id,
-      columns: props.columns,
-      rowHeights,
-      rowHeaderHeights,
-      initialRowHeightVariant,
-      rowsCount: rows.length,
-      checkedRows,
-      rowActionsGetter,
-      onCheckedRowsChange,
-      rowKeyGetter,
-      rows,
-      classes,
-      children: /* @__PURE__ */ jsxs(FilterProvider, {
-        initialActiveFilters: false,
-        children: [withActions && actionsProps && /* @__PURE__ */ jsx(Actions, {
-          ...actionsProps
-        }), /* @__PURE__ */ jsx(Table, {
-          id,
-          withActions,
-          columns,
-          rows,
-          selectedRows,
-          onSelectedRowsChange,
-          rowKeyGetter,
-          onRowsChange
-        })]
+  return /* @__PURE__ */ jsx(
+    DataGridRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_COLUMNS]: JSON.stringify(columns),
+        [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
+      } : {},
+      children: /* @__PURE__ */ jsx(DataGridProvider, {
+        id: props.id,
+        columns: props.columns,
+        rowHeights,
+        rowHeaderHeights,
+        initialRowHeightVariant,
+        rowsCount: rows.length,
+        checkedRows,
+        rowActionsGetter,
+        onCheckedRowsChange,
+        rowKeyGetter,
+        rows,
+        classes,
+        children: /* @__PURE__ */ jsxs(FilterProvider, {
+          initialActiveFilters: false,
+          children: [withActions && actionsProps && /* @__PURE__ */ jsx(Actions, {
+            ...actionsProps
+          }), /* @__PURE__ */ jsx(Table, {
+            id,
+            withActions,
+            columns,
+            rows,
+            selectedRows,
+            onSelectedRowsChange,
+            rowKeyGetter,
+            onRowsChange
+          })]
+        })
       })
-    })
-  });
+    }
+  );
 }
 const getDataGridRowsFromSet = (set, rows, rowKeyGetter) => {
   const rowsFinded = [];

package/components/DataGrid/subcomponents/Actions/{index.d945647f.js → index.4f2071ee.js}

@@ -1,20 +1,20 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.c283b50b.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.90f53670.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.abe0f9b9.js";
 import { useTheme, styled, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.da7ea851.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.ea2a4f3e.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f8a3021b.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useIsMobile, useResponsiveContainerStore } from "@m4l/graphics";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.4089f91b.js";
-import { u as useModal } from "../../../../hooks/useModal/index.cb1d6a37.js";
-import { W as WindowBase } from "../../../modal/WindowBase.2e5506d7.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.867b8745.js";
+import { u as useModal } from "../../../../hooks/useModal/index.f73d7e42.js";
+import { W as WindowBase } from "../../../modal/WindowBase.fd86f575.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.fa7ab18c.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.416cbf9b.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.094290fd.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const {
@@ -46,7 +46,8 @@ function ActionsFormatter(props) {
 const ActionsColumn = {
   key: DATAGRID_ACTIONS_COLUMN_KEY,
   name: getActionLabel(),
-  width: 60,
+  width: 32,
+  minWidth: 32,
   isDraggable: false,
   withFilter: false,
   resizable: true,

package/components/DragResizeWindow/DragResizeWindow.d.ts

@@ -1,15 +1,21 @@
-import type { DraggableWindowProps } from './types';
+import React from 'react';
+import type { DraggableWindowProps, DraggableWindowRefProps } from './types';
 /**
- * Este component es un wrapper de Draggable, que permite ajustar la posición de acuerdo al tamaño del contenedor padre
- * Es obligario pasarle como props el containerRef del padre.
- * Internamente Draggable clona el children y le agrega un handle para poder arrastrar el componente
- * Es recomendable pasarle el nodeRef del contendor interno, para que no tenga que hacer FindDOMNode.
+ * Este component es un wrapper o ventana draggable y resizeable al children.
+ * Caracteristicas
+ *   - Permite definir bounds para que la ventana no se salga del contenedor padre.
+ *   - Es obligario pasarle como props el containerElement (HTMLElement) del padre.
+ * Funcionamiento interno:
+ *   - DraggableCore clona el children y le agrega un handle para poder arrastrar la ventana
+ *   - DraggableCore recomenda pasarle el nodeRef del wrapper Element , para que no tenga que hacer FindDOMNode.
+ *   - DraggableCore No se le puede poner estilo, ya que no aporta className ni html, solo clona el children
+ *     internamente le agrega las clases propias del componente: react-draggable,react-draggable-dragging,react-draggable-dragged
+ *     Por lo tanto todo el estilo, va directamente a WrapperWindowRoot.
  * Consideraciones:
- *    No se le puede poner estilo, ya que DraggableCore no aporta className ni html, solo clona el children
- *    y le agrega las clases propias del componente: react-draggable,react-draggable-dragging,react-draggable-dragged
- *    Por lo tanto todo el estilo, va directamente a divChildRoot.
+ *
+ 
  * @param props
  * @returns
  */
-export declare const DragResizeWindow: (props: DraggableWindowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DragResizeWindow: React.ForwardRefExoticComponent<DraggableWindowProps & React.RefAttributes<DraggableWindowRefProps>>;
 export default DragResizeWindow;

package/components/DragResizeWindow/classes/types.d.ts

@@ -2,6 +2,7 @@ import { draggableWindowUtilityClasses } from ".";
 export interface DraggableWindowClasses {
     root: string;
     draggableHandle: string;
+    draggableCancel: string;
     dragging: string;
 }
 export declare type DraggableWindowClassesKey = keyof DraggableWindowClasses;