@m4l/components 9.3.29-JT19112025.beta.6 → 9.3.30-BE211125-beta.1

package/components/DataGrid/subcomponents/Cards/subcomponents/CardDetails/index.js

@@ -1,25 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { f as CardDetailContainerStyled, b as ContainerLabelValueColumnStyled, c as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled, d as EditablePlaceholderStyled, I as IconButtonEditStyled } from "../../../../slots/DataGridSlot.js";
-import { D as DICTIONARY } from "../../../../dictionary.js";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { p as pathIcons } from "../../../../icons.js";
-import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
+import { e as CardDetailContainerStyled, b as ContainerLabelValueColumnStyled, c as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled } from "../../../../slots/DataGridSlot.js";
 function CardDetails({
   row,
   columns,
   viewColumnsConfig,
   onRowsChange,
-  size = "medium",
-  rows,
-  rowIndex
+  size = "medium"
 }) {
   const [editingColumnKey, setEditingColumnKey] = useState(null);
   const [refreshCounter, setRefreshCounter] = useState(0);
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { currentSize } = useComponentSize(size);
-  const currentRow = rows[rowIndex] || row;
   const handleForceRefresh = useCallback(() => {
     setRefreshCounter((prev) => prev + 1);
   }, []);
@@ -27,8 +17,10 @@ function CardDetails({
     if (column.renderCell) {
       return {
         ...column,
-        // Agregar onAfterChange al objeto de la columna
-        onAfterChange: handleForceRefresh
+        // Agregar onAfterChange al objeto de la columna si no existe
+        ...!column.onAfterChange && {
+          onAfterChange: handleForceRefresh
+        }
       };
     }
     return column;
@@ -38,8 +30,7 @@ function CardDetails({
       (config) => config.key === modifiedColumn.key
     );
     const originalColumn = columns[index];
-    const hasInteractiveFormatter = !!modifiedColumn.onAfterChange;
-    const columnKey = hasInteractiveFormatter ? `${originalColumn.key}-${refreshCounter}` : `${originalColumn.key}`;
+    const columnKey = `${originalColumn.key}-${refreshCounter}`;
     const shouldShowTitle = configColumn?.showTitle !== false;
     return /* @__PURE__ */ jsx(ContainerLabelValueColumnStyled, { children: /* @__PURE__ */ jsxs(
       ContentWrapperColumnStyled,
@@ -57,21 +48,17 @@ function CardDetails({
             if (modifiedColumn.renderEditCell && editingColumnKey === modifiedColumn.key) {
               return /* @__PURE__ */ jsx(EditorCellWrapperStyled, { ownerState: { size }, children: modifiedColumn.renderEditCell({
                 column: originalColumn,
-                row: currentRow,
+                row,
                 rowIdx: index,
                 /**
                  * onRowChange es una función que se ejecuta cuando el usuario edita una celda.
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    const updatedRows = rows.map(
-                      (r, i) => i === rowIndex ? updatedRow : r
-                    );
-                    onRowsChange(updatedRows, {
-                      indexes: [rowIndex],
+                    onRowsChange([updatedRow], {
+                      indexes: [index],
                       column: originalColumn
                     });
-                    handleForceRefresh();
                   }
                 },
                 onClose: () => setEditingColumnKey(null)
@@ -79,8 +66,8 @@ function CardDetails({
             }
             if (modifiedColumn.renderCell) {
               const cellContent = modifiedColumn.renderCell({
-                column: modifiedColumn,
-                row: currentRow,
+                column: originalColumn,
+                row,
                 rowIdx: index,
                 isCellSelected: false,
                 tabIndex: -1,
@@ -89,47 +76,16 @@ function CardDetails({
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    const updatedRows = rows.map(
-                      (r, i) => i === rowIndex ? updatedRow : r
-                    );
-                    onRowsChange(updatedRows, {
-                      indexes: [rowIndex],
+                    onRowsChange([updatedRow], {
+                      indexes: [index],
                       column: originalColumn
                     });
-                    handleForceRefresh();
                   }
                 }
               });
               return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: cellContent });
             }
-            const rawValue = currentRow[modifiedColumn.key];
-            const isEmpty = rawValue === null || rawValue === void 0 || rawValue === "";
-            const isEditable = !!modifiedColumn.renderEditCell;
-            if (isEditable) {
-              return /* @__PURE__ */ jsxs(EditablePlaceholderStyled, { children: [
-                /* @__PURE__ */ jsx(
-                  ValueColumnStyled,
-                  {
-                    variant: "body",
-                    color: isEmpty ? "text.secondary" : "text.primary",
-                    children: isEmpty ? getLabel(DICTIONARY.EDIT_PLACEHOLDER) : rawValue
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  IconButtonEditStyled,
-                  {
-                    src: `${host_static_assets}/${environment_assets}/${pathIcons.edit}`,
-                    onClick: () => {
-                      setEditingColumnKey(modifiedColumn.key);
-                    },
-                    size: currentSize,
-                    role: "button",
-                    "aria-label": "Editar texto"
-                  }
-                )
-              ] });
-            }
-            return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: rawValue ?? "-" });
+            return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: row[modifiedColumn.key] ?? "-" });
           })()
         ]
       }

package/components/DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from "react";
 import { useEnvironment } from "@m4l/core";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid.js";
-import { g as CardHeaderStyled, h as CardHeaderLeftStyled, i as CardHeaderRightStyled } from "../../../../slots/DataGridSlot.js";
+import { f as CardHeaderStyled, g as CardHeaderLeftStyled, h as CardHeaderRightStyled } from "../../../../slots/DataGridSlot.js";
 import { p as pathIcons } from "../../../../icons.js";
 import { C as CheckboxCellAdapter } from "../../../CheckboxCellAdapter/index.js";
 import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton.js";

package/components/DataGrid/subcomponents/Cards/subcomponents/CardRow/index.d.ts

@@ -3,9 +3,9 @@ import { CardRowProps } from '../../types';
 /**
  * Componente que muestra una fila de tarjetas.
  */
-declare function CardRowComponent<TRow, TKey extends RowKey = RowKey>({ row, rows, rowIndex, columns, originalColumns, rowKeyGetter, selectedRows, onSelectedRowsChange, onRowsChange, customRender, minHeight, isChecked, checkedRows, showCheckbox, onCheckedRowsChange, onOpenDetail, }: CardRowProps<TRow, TKey>): import("react/jsx-runtime").JSX.Element;
+declare function CardRowComponent<TRow, TKey extends RowKey = RowKey>({ row, columns, originalColumns, rowKeyGetter, selectedRows, onSelectedRowsChange, onRowsChange, customRender, minHeight, isChecked, checkedRows, showCheckbox, onCheckedRowsChange, onOpenDetail, }: CardRowProps<TRow, TKey>): import("react/jsx-runtime").JSX.Element;
 /**
- * Componente que muestra CardRow
+ *
  */
 export declare const CardRow: typeof CardRowComponent;
 export {};

package/components/DataGrid/subcomponents/Cards/subcomponents/CardRow/index.js

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { j as CardContentWrapperStyled, k as CardContentStyled, l as CardStyled } from "../../../../slots/DataGridSlot.js";
+import { i as CardContentWrapperStyled, j as CardContentStyled, k as CardStyled } from "../../../../slots/DataGridSlot.js";
 import { L as LazyLoadCard } from "../LazyLoadCard/index.js";
 import { u as useCardContent } from "../../hooks/useCardContent.js";
 import { C as CardHeader } from "../CardHeader/index.js";
 import { deepEqual } from "fast-equals";
 function CardRowComponent({
   row,
-  rows,
-  rowIndex,
   columns,
   originalColumns,
   rowKeyGetter,
@@ -26,8 +24,6 @@ function CardRowComponent({
   const hasCustomRender = customRender !== void 0;
   const { cardContent } = useCardContent({
     row,
-    rows,
-    rowIndex,
     columns,
     onRowsChange
   });

package/components/DataGrid/subcomponents/Cards/types.d.ts

@@ -78,14 +78,6 @@ export interface CardRowProps<TRow, TKey extends RowKey = RowKey> {
      * Fila que se mostrará en la tarjeta
      */
     row: TRow;
-    /**
-     * Array completo de todas las filas (necesario para reconstruir el array al editar)
-     */
-    rows: readonly TRow[];
-    /**
-     * Índice de la fila actual en el array de filas
-     */
-    rowIndex: number;
     /**
      * Columnas que se mostrarán en la tarjeta (procesadas, filtradas por visibilidad)
      */
@@ -148,14 +140,6 @@ export interface CardDetailsProps<TRow> {
     viewColumnsConfig: IViewConfig<any, any>[];
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
     size?: Extract<Sizes, 'small' | 'medium'>;
-    /**
-     * Array completo de todas las filas (necesario para reconstruir el array al editar)
-     */
-    rows: readonly TRow[];
-    /**
-     * Índice de la fila actual en el array de filas
-     */
-    rowIndex: number;
 }
 /**
  * Props para el componente CardHeader

package/components/DataGrid/subcomponents/CheckboxCellAdapter/index.js

@@ -3,7 +3,7 @@ import { forwardRef, useContext } from "react";
 import { SelectCellFormatter } from "react-data-grid";
 import { C as CheckboxFormatter } from "../Table/subcomponents/CheckboxFormatter.js";
 import { a as DataGridContext } from "../../contexts/DataGridContext/index.js";
-import { m as CheckboxCellWrapperStyled } from "../../slots/DataGridSlot.js";
+import { l as CheckboxCellWrapperStyled } from "../../slots/DataGridSlot.js";
 const CheckboxCellAdapter = forwardRef(function CheckboxCellAdapter2(props, ref) {
   const {
     value,

package/components/DataGrid/subcomponents/ControlNavigate/ControlNavigate.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useIsMobile } from "@m4l/graphics";
-import { n as ControlNavigateStyled } from "../../slots/DataGridSlot.js";
+import { m as ControlNavigateStyled } from "../../slots/DataGridSlot.js";
 import { R as RowsCount } from "../HeaderActions/subcomponents/RowsCount/index.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { P as Pager } from "../../../Pager/Pager.js";

package/components/DataGrid/subcomponents/HeaderActions/index.js

@@ -6,7 +6,7 @@ import { V as ViewMode } from "./subcomponents/ViewMode/index.js";
 import { u as useDataGrid } from "../../hooks/useDataGrid.js";
 import { useIsMobile } from "@m4l/graphics";
 import { M as MobileMenuActions } from "./subcomponents/MobileMenuActions/index.js";
-import { A as ActionsRootStyled, o as ActionsConfigContainerStyled, p as ContainerLeftActionsStyled, q as ContainerRightActionsStyled } from "../../slots/DataGridSlot.js";
+import { A as ActionsRootStyled, n as ActionsConfigContainerStyled, o as ContainerLeftActionsStyled, p as ContainerRightActionsStyled } from "../../slots/DataGridSlot.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 function HeaderActions(props) {
   const {
@@ -29,7 +29,7 @@ function HeaderActions(props) {
   ] }) : /* @__PURE__ */ jsxs(ActionsConfigContainerStyled, { ownerState: { withPager }, children: [
     /* @__PURE__ */ jsxs(ContainerLeftActionsStyled, { children: [
       leftActions,
-      typeof rowHeights !== "number" && viewMode !== "cards" && /* @__PURE__ */ jsx(Density, {}),
+      typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}),
       withLocalFilters && /* @__PURE__ */ jsx(Filter, {}),
       withSettings && !(viewMode === "cards" && cardsViewConfig?.customRender) && /* @__PURE__ */ jsx(Settings, { ...settingsProps, columns }),
       cardsViewConfig !== void 0 && /* @__PURE__ */ jsx(ViewMode, {})

package/components/DataGrid/subcomponents/HeaderActions/subcomponents/RowsCount/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid.js";
-import { R as RowsCountRootStyled, r as RowsCountLabelStyled, s as RowsCountValueStyled } from "../../../../slots/DataGridSlot.js";
+import { R as RowsCountRootStyled, q as RowsCountLabelStyled, r as RowsCountValueStyled } from "../../../../slots/DataGridSlot.js";
 function RowsCount() {
   const { rowsCount, size } = useDataGrid();
   const { getLabel } = useModuleDictionary();

package/components/DataGrid/subcomponents/HeaderActions/subcomponents/Settings/subcomponents/ColumnsConfig/index.js

@@ -4,7 +4,7 @@ import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import DataGrid from "react-data-grid";
 import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
 import { p as pathIcons } from "../../../../../../icons.js";
-import { t as ColumnsConfigWrapperStyled, u as ColumnsConfigDataGridStyled, v as ColumnsConfigSelColumnsStyled, T as TableWrapperDataGridStyled, w as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
+import { s as ColumnsConfigWrapperStyled, t as ColumnsConfigDataGridStyled, u as ColumnsConfigSelColumnsStyled, T as TableWrapperDataGridStyled, v as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
 import { D as DICTIONARY } from "../../../../../../dictionary.js";
 import { C as ColumnInteractiveCheckFormatter } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
 function getRowsFromColumnsConfig(columnsConfig, columns) {

package/components/DataGrid/subcomponents/HeaderActions/subcomponents/Settings/subcomponents/ColumnsConfigCards/index.js

@@ -4,7 +4,7 @@ import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import DataGrid from "react-data-grid";
 import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
 import { p as pathIcons } from "../../../../../../icons.js";
-import { t as ColumnsConfigWrapperStyled, u as ColumnsConfigDataGridStyled, v as ColumnsConfigSelColumnsStyled, T as TableWrapperDataGridStyled, w as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
+import { s as ColumnsConfigWrapperStyled, t as ColumnsConfigDataGridStyled, u as ColumnsConfigSelColumnsStyled, T as TableWrapperDataGridStyled, v as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
 import { D as DICTIONARY } from "../../../../../../dictionary.js";
 import { C as ColumnInteractiveCheckFormatter } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
 function getRowsFromColumnsConfigCards(columnsConfigCards, columns) {

package/components/DataGrid/subcomponents/HeaderActions/subcomponents/ViewMode/index.js

@@ -6,7 +6,7 @@ import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButt
 import { P as Popover } from "../../../../../mui_extended/Popover/Popover.js";
 import { p as pathIcons } from "../../../../icons.js";
 import { D as DICTIONARY } from "../../../../dictionary.js";
-import { x as ContainerToggleCardsStyled, y as CardToggleButtonStyled, z as TextToggleCardButtonStyled } from "../../../../slots/DataGridSlot.js";
+import { w as ContainerToggleCardsStyled, x as CardToggleButtonStyled, y as TextToggleCardButtonStyled } from "../../../../slots/DataGridSlot.js";
 import { I as Icon } from "../../../../../Icon/Icon.js";
 function ViewMode() {
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/DataGrid/subcomponents/Table/index.js

@@ -8,7 +8,7 @@ import { a as filterHeight } from "./subcomponents/SelectColumn.js";
 import { u as useSortColumnsRows } from "./hooks/useSortColumnsRows.js";
 import { u as useFilters } from "../../hooks/useFilters.js";
 import { u as useDataGrid } from "../../hooks/useDataGrid.js";
-import { B as TableContainerStyled, T as TableWrapperDataGridStyled } from "../../slots/DataGridSlot.js";
+import { z as TableContainerStyled, T as TableWrapperDataGridStyled } from "../../slots/DataGridSlot.js";
 import { u as useHeaderMenuActions } from "./hooks/useHeaderMenuActions.js";
 import { H as HeaderRenderClick } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
 function Table(props) {

package/components/DataGrid/subcomponents/Table/subcomponents/CheckboxFormatter.js

@@ -12,7 +12,6 @@ const CheckboxFormatter = forwardRef(function CheckboxFormatter2({ onChange, che
       checked,
       size: "small",
       icon: /* @__PURE__ */ jsx(CheckboxIcon, {}),
-      disableRipple: true,
       checkedIcon: /* @__PURE__ */ jsx(CheckboxCheckedIcon, {}),
       indeterminateIcon: /* @__PURE__ */ jsx(CheckboxIndeterminateIcon, {}),
       onChange: handleChange,

package/components/DataGrid/subcomponents/Table/subcomponents/CustomIcons.js

@@ -1,47 +1,22 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import "@mui/material";
-import { I as Icon } from "../../../../Icon/Icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
 function CheckboxIcon(props) {
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const uncheckedIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/check_box/assets/icons/unchecked.svg`;
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: uncheckedIconUrl,
-      size: "small",
-      color: "text.primary",
-      className: "checkbox-unChecked",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(SvgIcon, { ...props, viewBox: "0 0 16 17", className: "checkbox-unChecked", children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("g", { "clip-path": "url(#clip0_13395_49048)", children: /* @__PURE__ */ jsx("path", { d: "M13.0156 2.5H3.01562C2.75041 2.5 2.49605 2.60536 2.30852 2.79289C2.12098 2.98043 2.01563 3.23478 2.01562 3.5V13.5C2.01563 13.7652 2.12098 14.0196 2.30852 14.2071C2.49605 14.3946 2.75041 14.5 3.01562 14.5H13.0156C13.2808 14.5 13.5352 14.3946 13.7227 14.2071C13.9103 14.0196 14.0156 13.7652 14.0156 13.5V3.5C14.0156 3.23478 13.9103 2.98043 13.7227 2.79289C13.5352 2.60536 13.2808 2.5 13.0156 2.5ZM3.01562 13.5V3.5H13.0156V13.5H3.01562Z", fill: "#323B3B" }) }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_13395_49048", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
+  ] }) });
 }
 function CheckboxCheckedIcon(props) {
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const checkedIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/check_box/assets/icons/checked.svg`;
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: checkedIconUrl,
-      size: "small",
-      color: "primary.enabled",
-      className: "checkbox-checked",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxs(SvgIcon, { ...props, viewBox: "0 0 16 17", className: "checkbox-checked", children: [
+    /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_13395_49057)", children: [
+      /* @__PURE__ */ jsx("path", { d: "M13.4323 2H2.59896C2.31164 2 2.03609 2.11414 1.83293 2.3173C1.62976 2.52047 1.51563 2.79602 1.51562 3.08333V13.9167C1.51563 14.204 1.62976 14.4795 1.83293 14.6827C2.03609 14.8859 2.31164 15 2.59896 15H13.4323C13.7196 15 13.9952 14.8859 14.1983 14.6827C14.4015 14.4795 14.5156 14.204 14.5156 13.9167V3.08333C14.5156 2.79602 14.4015 2.52047 14.1983 2.3173C13.9952 2.11414 13.7196 2 13.4323 2Z", fill: "#323B3B" }),
+      /* @__PURE__ */ jsx("path", { d: "M6.92119 11.6245L4.10001 8.8274L4.99759 7.95696L6.92119 9.84467L11.1014 5.70001L11.9996 6.58993L6.92119 11.6245Z", fill: "#F3F5F7" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_13395_49057", children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
+  ] });
 }
 function CheckboxIndeterminateIcon(props) {
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const indeterminateIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/check_box/assets/icons/indeterminate.svg`;
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: indeterminateIconUrl,
-      size: "small",
-      color: "primary.enabled",
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(SvgIcon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm-1.75 8h-6.5a.75.75 0 00-.75.75v.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-.5a.75.75 0 00-.75-.75z" }) });
 }
 export {
   CheckboxIndeterminateIcon as C,

package/components/DataGrid/subcomponents/Table/subcomponents/DraggableHeaderRenderer.js

@@ -5,7 +5,7 @@ import { useDrag, useDrop } from "react-dnd";
 import { renderHeaderCell } from "react-data-grid";
 import { u as useFocusRef } from "../hooks/useFocusRef.js";
 import { u as useFilters } from "../../../hooks/useFilters.js";
-import { N as NameColumnIconStyled, F as NameColumnStyled, G as IconColumnStyled, H as DraggableHeaderRootStyled, J as ButtonHeaderActionsStyled, K as DraggableWrapperInputBaseStyled, M as IconSearchStyled, O as HeaderInputBaseStyled } from "../../../slots/DataGridSlot.js";
+import { N as NameColumnIconStyled, B as NameColumnStyled, I as IconColumnStyled, F as DraggableHeaderRootStyled, G as ButtonHeaderActionsStyled, H as DraggableWrapperInputBaseStyled, J as IconSearchStyled, K as HeaderInputBaseStyled } from "../../../slots/DataGridSlot.js";
 import { p as pathIcons } from "../../../icons.js";
 import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
 import { I as Icon } from "../../../../Icon/Icon.js";

package/components/DataGrid/subcomponents/Table/subcomponents/HeaderRenderClick/HeaderRenderClick.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { M as MenuItem } from "../../../../../mui_extended/MenuItem/MenuItem.js";
-import { P as MenuListStyled, Q as HeaderRenderClickStyled } from "../../../../slots/DataGridSlot.js";
+import { M as MenuListStyled, O as HeaderRenderClickStyled } from "../../../../slots/DataGridSlot.js";
 import { M as MenuDivider } from "../../../../../mui_extended/MenuDivider/MenuDivider.js";
 import { P as Popover } from "../../../../../mui_extended/Popover/Popover.js";
 import { D as DICTIONARY } from "../../../../dictionary.js";

package/components/DataGrid/subcomponents/editors/TextEditor/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { S as InputTextEditorStyled } from "../../../slots/DataGridSlot.js";
+import { P as InputTextEditorStyled } from "../../../slots/DataGridSlot.js";
 function autoFocusAndSelect(input) {
   input?.focus();
   input?.select();

package/components/DataGrid/types.d.ts

@@ -193,10 +193,6 @@ export interface UseModalDetailProps<TRow> {
     columns: readonly Column<TRow, any>[];
     viewMode: ViewMode;
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
-    /**
-     * Array completo de todas las filas (necesario para reconstruir el array al editar en el modal)
-     */
-    rows: readonly TRow[];
 }
 /**
  * Configuración de una columna específica en vista "cards"
@@ -256,14 +252,6 @@ export interface CardContentProps<TRow> {
     columns: readonly Column<TRow, any>[];
     originalColumns: readonly Column<TRow, any>[];
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
-    /**
-     * Array completo de todas las filas (necesario para reconstruir el array al editar)
-     */
-    rows: readonly TRow[];
-    /**
-     * Índice de la fila actual en el array de filas
-     */
-    rowIndex: number;
 }
 /**
  * Configuración de densidad para el DataGrid.

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueBoolean, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { BooleanFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider';
 /**
  * BooleanFilterHelpers es una clase que implementa la interfaz IFieldType
  * para manejar filtros booleanos en un componente de filtro dinámico.
@@ -28,7 +29,7 @@ export declare class BooleanFilterHelpers implements IFieldType<FormFilterValueB
     /**
      * getschema devuelve un esquema de validación para el filtro booleano.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueBoolean>;
     /**
      * verifyFilter verifica si el filtro es válido.
      */

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { B as BOOLEAN_OPERATORS } from "../../../constants.js";
 import { B as BooleanFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 class BooleanFilterHelpers {
   getComponent() {
     return BooleanFilter;
@@ -79,10 +80,10 @@ class BooleanFilterHelpers {
    * getschema devuelve un esquema de validación para el filtro booleano.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operand_required))
-    });
+    })));
   }
   /**
    * verifyFilter verifica si el filtro es válido.

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueDateTime, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { DateTimeFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider';
 /**
  * DateTimeFilterHelpers es una clase que implementa la interfaz IFieldType
  */
@@ -27,7 +28,7 @@ export declare class DateTimeFilterHelpers implements IFieldType<FormFilterValue
     /**
      * getschema devuelve el esquema de validación de Yup para un filtro de fecha y hora.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueDateTime>;
     /**
      * verifyFilter verifica si un filtro de fecha y hora es válido.
      */

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.js

@@ -4,6 +4,7 @@ import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../di
 import { D as DateTimeFilter } from "./index.js";
 import { startOfDay, endOfDay } from "date-fns";
 import { i as isValidDate } from "../../../../../utils/isValidDate.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 class DateTimeFilterHelpers {
   getComponent() {
     return DateTimeFilter;
@@ -109,7 +110,7 @@ class DateTimeFilterHelpers {
    * getschema devuelve el esquema de validación de Yup para un filtro de fecha y hora.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.date().required(getLabel(DICCTIONARY.error_invalid_date)).typeError(getLabel(DICCTIONARY.error_invalid_date)),
       formValueOperand2: Yup.mixed().when(["formValueOperator.id"], {
@@ -119,7 +120,7 @@ class DateTimeFilterHelpers {
           getLabel(DICCTIONARY.error_invalid_date)
         )
       })
-    });
+    })));
   }
   /**
    * verifyFilter verifica si un filtro de fecha y hora es válido.

package/components/DynamicFilter/subcomponents/FieldTypes/FieldTypeInterface.d.ts

@@ -2,18 +2,17 @@ import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { FC } from 'react';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, InitialFilterApplied } from '../../types';
-import * as Yup from 'yup';
-export type YupSchema = Yup.SchemaOf<any>;
+import { RHFormValues, ValidationSchema } from '../../../hook-form/RHFormProvider/types';
 /**
  * Interface para crear los helpers de cada tipo de campo
  */
-export interface IFieldType<T> {
+export interface IFieldType<T extends RHFormValues> {
     getComponent(): FC<{
         [key: string]: any;
     }>;
     getDefaultFilter(field: FilterField, fixed: boolean): FilterFieldApplied;
     getLabels(filter: FilterFieldApplied, getLabel: GetLabelType, formatters: Formatters, field: FilterField): DataTypeFilerLabels;
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<T>;
     getFormValue(field: FilterField, getLabel: GetLabelType, filterValue?: FilterValue): T;
     getFilterFromFormValue(formFilterValue: T): FilterValue;
     verifyFilter(filter: InitialFilterApplied, field?: FilterField): boolean;

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueNumber, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { NumberFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider/types';
 /**
  * NumberFilterHelpers es una clase que implementa la interfaz IFieldType
  */
@@ -27,7 +28,7 @@ export declare class NumberFilterHelpers implements IFieldType<FormFilterValueNu
     /**
      * getSchema devuelve el esquema de validación para el filtro.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueNumber>;
     /**
      * verifyFilter verifica si el filtro es válido.
      */

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { N as NUMBER_OPERATORS } from "../../../constants.js";
 import { N as NumberFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 class NumberFilterHelpers {
   getComponent() {
     return NumberFilter;
@@ -93,7 +94,7 @@ class NumberFilterHelpers {
    * getSchema devuelve el esquema de validación para el filtro.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.number().typeError(
         getLabel(DICCTIONARY.error_operand_mustbe_number)
@@ -105,7 +106,7 @@ class NumberFilterHelpers {
           getLabel(DICCTIONARY.error_less_than_start)
         )
       })
-    });
+    })));
   }
   /**
    * verifyFilter verifica si el filtro es válido.

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FilterValueSelectAsync, FormFilterValueSelectAsync, OperandSelectAsync, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { SelectAsyncFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider/types';
 /**
  * Filtra los valores de operandArray para que solo tengan valores validos
  * @param operandsArray valores del OperandsArray
@@ -34,7 +35,7 @@ export declare class SelectAsyncFilterHelpers implements IFieldType<FormFilterVa
     /**
      * getschema devuelve el esquema de validación de Yup para el filtro.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueSelectAsync>;
     /**
      * verifyFilter verifica si el filtro es válido.
      */