frontend-plus-react 0.1.10 → 0.1.12

package/dist/index.cjs

@@ -1258,8 +1258,10 @@ var allColumnsCellRenderer = (props) => {
   switch (column.customType) {
     case "default": {
       const defaultColumn = column;
-      const { fieldDef, tableDefinition, primaryKey, cellFeedback, fixedFields, localCellChanges } = defaultColumn;
+      const { fieldDef, tableDefinition, primaryKey, cellFeedbackMap, fixedFields, localCellChanges } = defaultColumn;
       const rowId = getPrimaryKeyValues(row, primaryKey);
+      const cellKey = `${rowId}-${props.column.key}`;
+      const currentCellFeedback = cellFeedbackMap.get ? cellFeedbackMap.get(cellKey) : cellFeedbackMap[cellKey];
       if (_optionalChain([fieldDef, 'optionalAccess', _6 => _6.clientSide])) {
         const ClientSideComponent = clientSides[fieldDef.clientSide];
         if (ClientSideComponent) {
@@ -1268,8 +1270,8 @@ var allColumnsCellRenderer = (props) => {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
       }
       let cellBackgroundColor = "transparent";
-      if (cellFeedback && cellFeedback.rowId === rowId && cellFeedback.columnKey === props.column.key) {
-        cellBackgroundColor = cellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
+      if (currentCellFeedback) {
+        cellBackgroundColor = currentCellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
       } else {
         const isNewRowLocalCheck = row[NEW_ROW_INDICATOR];
         const isMandatory = tableDefinition.primaryKey.includes(props.column.key) || _optionalChain([tableDefinition, 'access', _7 => _7.fields, 'access', _8 => _8.find, 'call', _9 => _9((f) => f.name === props.column.key), 'optionalAccess', _10 => _10.nullable]) === false;
@@ -1282,7 +1284,7 @@ var allColumnsCellRenderer = (props) => {
         }
       }
       const value = row[props.column.key];
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: cellFeedback && cellFeedback.rowId === rowId && cellFeedback.columnKey === props.column.key ? _optionalChain([cellFeedback, 'optionalAccess', _17 => _17.message]) : "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", backgroundColor: cellBackgroundColor, transition: "background-color 0.3s ease-in-out", display: "flex", alignItems: "center", paddingLeft: "8px", boxSizing: "border-box" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", sx: { fontSize: "0.875rem", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", width: "100%" }, children: value === null || value === void 0 ? "" : String(value) }) }) });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: _optionalChain([currentCellFeedback, 'optionalAccess', _17 => _17.message]) || "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", backgroundColor: cellBackgroundColor, transition: "background-color 0.3s ease-in-out", display: "flex", alignItems: "center", paddingLeft: "8px", boxSizing: "border-box" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", sx: { fontSize: "0.875rem", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", width: "100%" }, children: value === null || value === void 0 ? "" : String(value) }) }) });
     }
     case "detail": {
       const detailColumn = column;
@@ -1366,10 +1368,10 @@ var allColumnsCellRenderer = (props) => {
 var _InputBase = require('@mui/material/InputBase'); var _InputBase2 = _interopRequireDefault(_InputBase);
 
 
-function findChangedValues(oldRowData, newRowData) {
+function findChangedValues(oldRowData, newRowData, isNewRow) {
   let changes = [];
   for (const key in newRowData) {
-    if (Object.prototype.hasOwnProperty.call(oldRowData, key) && oldRowData[key] !== newRowData[key]) {
+    if (Object.prototype.hasOwnProperty.call(oldRowData, key) && oldRowData[key] !== newRowData[key] || isNewRow) {
       changes.push(key);
     }
   }
@@ -1382,8 +1384,10 @@ function InputRenderer({
   tableDefinition,
   onRowChange,
   onClose,
-  cellFeedback,
-  setCellFeedback,
+  cellFeedbackMap,
+  // Tipo: CellFeedbackMap
+  setCellFeedbackMap,
+  // Tipo: Dispatch<SetStateAction<CellFeedbackMap>>
   onKeyPress,
   setTableData,
   setLocalCellChanges,
@@ -1394,10 +1398,11 @@ function InputRenderer({
   const [editingValue, setEditingValue] = _react.useState.call(void 0, row[column.key]);
   const theme = _material.useTheme.call(void 0, );
   const { showSuccess, showError } = useSnackbar();
-  const rowId = getPrimaryKeyValues(row, primaryKey);
+  const cellKey = getCellKey(row, column.key, primaryKey);
+  const currentCellFeedback = cellFeedbackMap.get(cellKey);
   let cellBackgroundColor;
-  if (cellFeedback && cellFeedback.rowId === rowId && cellFeedback.columnKey === column.key) {
-    cellBackgroundColor = cellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
+  if (currentCellFeedback) {
+    cellBackgroundColor = currentCellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
   }
   const initialRowId = _react.useMemo.call(void 0, () => getPrimaryKeyValues(row, primaryKey), [row, primaryKey]);
   const { callApi } = useApiCall();
@@ -1496,7 +1501,6 @@ function InputRenderer({
           if (rowIndex !== -1) {
             newData[rowIndex] = persistedRowData;
           } else {
-            console.warn("Fila no encontrada para actualizar despu\xE9s de la inserci\xF3n. Podr\xEDa haber un problema de sincronizaci\xF3n.");
             const newPrimaryKeyId = getPrimaryKeyValues(persistedRowData, tableDefinition.primaryKey);
             const newRowIndex = newData.findIndex((r) => getPrimaryKeyValues(r, tableDefinition.primaryKey) === newPrimaryKeyId);
             if (newRowIndex !== -1) {
@@ -1512,12 +1516,28 @@ function InputRenderer({
         finalRowIdForFeedback = isPrimaryKeyColumn ? getPrimaryKeyValues(potentialUpdatedRow, tableDefinition.primaryKey) : currentRowIdBeforeUpdate;
         onRowChange({ ...response.row }, true);
       }
-      findChangedValues(oldRowData, response.row).forEach(
-        (key) => setCellFeedback({ rowId: finalRowIdForFeedback, columnKey: key, type: "success" })
-      );
+      const changes = findChangedValues(oldRowData, response.row, isNewRow);
+      setCellFeedbackMap((prevFeedback) => {
+        const newFeedback = new Map(prevFeedback);
+        changes.forEach((key) => {
+          const keyForMap = `${finalRowIdForFeedback}-${key}`;
+          newFeedback.set(keyForMap, { rowId: finalRowIdForFeedback, columnKey: key, type: "success" });
+        });
+        return newFeedback;
+      });
     } catch (err) {
       console.error("Error al guardar el registro:", err);
-      setCellFeedback({ rowId: currentRowIdBeforeUpdate, columnKey: column.key, type: "error", message: err.message });
+      const keyForMap = `${currentRowIdBeforeUpdate}-${column.key}`;
+      setCellFeedbackMap((prevFeedback) => {
+        const newFeedback = new Map(prevFeedback);
+        newFeedback.set(keyForMap, {
+          rowId: currentRowIdBeforeUpdate,
+          columnKey: column.key,
+          type: "error",
+          message: err.message
+        });
+        return newFeedback;
+      });
     }
   }, [
     column,
@@ -1528,18 +1548,18 @@ function InputRenderer({
     tableDefinition.fields,
     showSuccess,
     showError,
-    setCellFeedback,
+    setCellFeedbackMap,
     onClose,
     setTableData,
     setLocalCellChanges,
     localCellChanges,
     initialRowId
   ]);
-  const handleKeyDown = _react.useCallback.call(void 0, (event) => {
-    if (["Enter", "Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"].includes(event.key)) {
-      handleCommit(editingValue, true, true);
+  const handleKeyDown = _react.useCallback.call(void 0, async (event) => {
+    if (["Enter", "Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "F4"].includes(event.key)) {
+      await handleCommit(editingValue, true, true);
       if (onKeyPress) {
-        onKeyPress(rowIdx, column.key, event);
+        onKeyPress(rowIdx, column.key, event, handleCommit);
       }
     }
   }, [handleCommit, editingValue, column.key, rowIdx, onKeyPress]);
@@ -1587,8 +1607,10 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
         fixedFields,
         primaryKey,
         setTableData,
-        cellFeedback,
-        setCellFeedback,
+        cellFeedbackMap,
+        // <--- CAMBIADO
+        setCellFeedbackMap,
+        // <--- CAMBIADO
         handleKeyPressInEditor,
         localCellChanges,
         setLocalCellChanges
@@ -1601,20 +1623,25 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
           return void 0;
         }
         const rowId = getPrimaryKeyValues(props.row, primaryKey);
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: cellFeedback && cellFeedback.rowId === rowId && cellFeedback.columnKey === props.column.key ? _optionalChain([cellFeedback, 'optionalAccess', _30 => _30.message]) : "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          InputRenderer_default,
-          {
-            ...props,
-            tableDefinition,
-            setCellFeedback,
-            cellFeedback,
-            onKeyPress: (rowIndex, columnKey, event) => handleKeyPressInEditor(rowIndex, columnKey, event, allColumns),
-            setTableData,
-            setLocalCellChanges,
-            localCellChanges,
-            primaryKey
-          }
-        ) }) });
+        const cellKey = `${rowId}-${props.column.key}`;
+        const currentCellFeedback = cellFeedbackMap.get ? cellFeedbackMap.get(cellKey) : cellFeedbackMap[cellKey];
+        return (
+          // --- TOOLTIP ADAPTADO: Lee el mensaje de error desde el Mapa ---
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: _optionalChain([currentCellFeedback, 'optionalAccess', _30 => _30.message]) || "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            InputRenderer_default,
+            {
+              ...props,
+              tableDefinition,
+              setCellFeedbackMap,
+              cellFeedbackMap,
+              onKeyPress: (rowIndex, columnKey, event, handleCommit) => handleKeyPressInEditor(rowIndex, columnKey, event, allColumns, handleCommit),
+              setTableData,
+              setLocalCellChanges,
+              localCellChanges,
+              primaryKey
+            }
+          ) }) })
+        );
       }
       return void 0;
     }
@@ -1652,16 +1679,20 @@ function EmptyRowsRenderer() {
 
 // src/components/grid/GenericDataGrid.tsx
 
+var NEW_ROW_INDICATOR = "$new";
+var DETAIL_ROW_INDICATOR = "$detail";
 var getPrimaryKeyValues = (row, primaryKey) => {
+  let keys = [...primaryKey];
   if (row[DETAIL_ROW_INDICATOR]) {
-    primaryKey = primaryKey.concat(DETAIL_ROW_INDICATOR);
+    keys = keys.concat(DETAIL_ROW_INDICATOR);
   }
-  return primaryKey.map((key) => {
+  return keys.map((key) => {
     return row[key] !== void 0 && row[key] !== null ? String(row[key]) : "NULL_OR_UNDEFINED";
   }).join("|");
 };
-var NEW_ROW_INDICATOR = "$new";
-var DETAIL_ROW_INDICATOR = "$detail";
+var getCellKey = (row, columnKey, primaryKey) => {
+  return `${getPrimaryKeyValues(row, primaryKey)}|${columnKey}`;
+};
 var GenericDataGrid = ({
   tableName,
   fixedFields,
@@ -1674,7 +1705,7 @@ var GenericDataGrid = ({
   const [filters, setFilters] = _react.useState.call(void 0, {});
   const [selectedRows, setSelectedRows] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
   const [selectedCell, setSelectedCell] = _react.useState.call(void 0, void 0);
-  const [cellFeedback, setCellFeedback] = _react.useState.call(void 0, null);
+  const [cellFeedbackMap, setCellFeedbackMap] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
   const [localCellChanges, setLocalCellChanges] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
   const theme = _material.useTheme.call(void 0, );
   const [openConfirmDialog, setOpenConfirmDialog] = _react.useState.call(void 0, false);
@@ -1692,7 +1723,7 @@ var GenericDataGrid = ({
     setSelectedRows(/* @__PURE__ */ new Set());
     setTableDefinition(null);
     setTableData([]);
-    setCellFeedback(null);
+    setCellFeedbackMap(/* @__PURE__ */ new Map());
     setLocalCellChanges(/* @__PURE__ */ new Map());
     setOpenConfirmDialog(false);
     setRowToDelete(null);
@@ -1719,20 +1750,26 @@ var GenericDataGrid = ({
       }
     };
     fetchDataAndDefinition();
-  }, [
-    tableName,
-    /*fixedFields,*/
-    showError
-  ]);
+  }, [tableName, fixedFields, showError]);
   _react.useEffect.call(void 0, () => {
-    if (cellFeedback) {
+    if (cellFeedbackMap.size > 0) {
       if (feedbackTimerRef.current) {
         clearTimeout(feedbackTimerRef.current);
       }
       const timerDuration = 3e3;
       feedbackTimerRef.current = setTimeout(() => {
-        if (cellFeedback.type == "success")
-          setCellFeedback(null);
+        setCellFeedbackMap((prevMap) => {
+          const newMap = new Map(prevMap);
+          let mapChanged = false;
+          for (const [cellId, feedback] of prevMap.entries()) {
+            if (feedback.type === "success") {
+              newMap.delete(cellId);
+              mapChanged = true;
+            }
+          }
+          return mapChanged ? newMap : prevMap;
+        });
+        feedbackTimerRef.current = null;
       }, timerDuration);
     }
     return () => {
@@ -1740,7 +1777,7 @@ var GenericDataGrid = ({
         clearTimeout(feedbackTimerRef.current);
       }
     };
-  }, [cellFeedback]);
+  }, [cellFeedbackMap]);
   const primaryKey = _react.useMemo.call(void 0, () => {
     if (!tableDefinition) return ["id"];
     return tableDefinition.primaryKey && tableDefinition.primaryKey.length > 0 ? tableDefinition.primaryKey : ["id"];
@@ -1881,19 +1918,20 @@ var GenericDataGrid = ({
     }
     return rows;
   }, [tableData, filters, isFilterRowVisible]);
-  const handleKeyPressInEditor = _react.useCallback.call(void 0, (rowIndex, columnKey, event, currentColumns) => {
+  const handleKeyPressInEditor = _react.useCallback.call(void 0, (rowIndex, columnKey, event, currentColumns, handleCommit) => {
     if (dataGridRef.current && tableDefinition) {
       const currentColumnIndex = currentColumns.findIndex((col) => col.key === columnKey);
       const editableColumns = currentColumns.filter((col) => {
         const fieldDefinition = tableDefinition.fields.find((f) => f.name === col.key);
         return col.key !== "actionsColumn" && col.customType != "detail" && (_optionalChain([fieldDefinition, 'optionalAccess', _31 => _31.editable]) !== false && !_optionalChain([fieldDefinition, 'optionalAccess', _32 => _32.clientSide]));
       });
-      const { key, currentTarget } = event;
-      const input = currentTarget;
+      const { key, target } = event;
+      const input = target;
       if (currentColumnIndex !== -1 && editableColumns.length > 0) {
         const editableColumnKeys = editableColumns.map((col) => col.key);
         let currentEditableColumnIndex = editableColumnKeys.indexOf(columnKey);
-        const calcularColumnaSiguienteYHacerFoco = () => {
+        const hacerFoco = ({ rowIdx, idx }) => setTimeout(() => _optionalChain([dataGridRef, 'access', _33 => _33.current, 'optionalAccess', _34 => _34.selectCell, 'call', _35 => _35({ rowIdx, idx }, { enableEditor: true, shouldFocusCell: true })]), 10);
+        const calcularColumnaSiguiente = () => {
           let nextEditableColumnIndex = currentEditableColumnIndex + 1;
           let nextRowIndex = rowIndex;
           if (nextEditableColumnIndex >= editableColumns.length) {
@@ -1908,9 +1946,9 @@ var GenericDataGrid = ({
           }
           const nextColumnKey = editableColumnKeys[nextEditableColumnIndex];
           const nextColumnIndex = currentColumns.findIndex((col) => col.key === nextColumnKey);
-          _optionalChain([dataGridRef, 'access', _33 => _33.current, 'optionalAccess', _34 => _34.selectCell, 'call', _35 => _35({ rowIdx: nextRowIndex, idx: nextColumnIndex }, { enableEditor: true, shouldFocusCell: true })]);
+          return { rowIdx: nextRowIndex, idx: nextColumnIndex };
         };
-        const calcularColumnaAnteriorYHacerFoco = () => {
+        const calcularColumnaAnterior = () => {
           let nextEditableColumnIndex = currentEditableColumnIndex - 1;
           let nextRowIndex = rowIndex;
           if (nextEditableColumnIndex <= 0) {
@@ -1918,57 +1956,65 @@ var GenericDataGrid = ({
           }
           const nextColumnKey = editableColumnKeys[nextEditableColumnIndex];
           const nextColumnIndex = currentColumns.findIndex((col) => col.key === nextColumnKey);
-          _optionalChain([dataGridRef, 'access', _36 => _36.current, 'optionalAccess', _37 => _37.selectCell, 'call', _38 => _38({ rowIdx: nextRowIndex, idx: nextColumnIndex }, { enableEditor: true, shouldFocusCell: true })]);
+          return { rowIdx: nextRowIndex, idx: nextColumnIndex };
         };
-        const calcularFilaSiguienteYHacerFoco = () => {
+        const calcularFilaSiguiente = () => {
           let nextRowIndex = rowIndex;
           nextRowIndex++;
           while (filteredRows[nextRowIndex] && filteredRows[nextRowIndex][DETAIL_ROW_INDICATOR]) {
             nextRowIndex++;
           }
           if (nextRowIndex >= filteredRows.length) {
-            return;
+            return { rowIdx: rowIndex, idx: currentColumnIndex };
           }
-          _optionalChain([dataGridRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.selectCell, 'call', _41 => _41({ rowIdx: nextRowIndex, idx: currentColumnIndex }, { enableEditor: true, shouldFocusCell: true })]);
+          return { rowIdx: nextRowIndex, idx: currentColumnIndex };
         };
-        const calcularFilaAnteriorYHacerFoco = () => {
+        const calcularFilaAnterior = () => {
           let nextRowIndex = rowIndex;
           nextRowIndex--;
           while (filteredRows[nextRowIndex] && filteredRows[nextRowIndex][DETAIL_ROW_INDICATOR]) {
             nextRowIndex--;
           }
           if (nextRowIndex < 0) {
-            return;
+            return { rowIdx: rowIndex, idx: currentColumnIndex };
           }
-          _optionalChain([dataGridRef, 'access', _42 => _42.current, 'optionalAccess', _43 => _43.selectCell, 'call', _44 => _44({ rowIdx: nextRowIndex, idx: currentColumnIndex }, { enableEditor: true, shouldFocusCell: true })]);
+          return { rowIdx: nextRowIndex, idx: currentColumnIndex };
         };
         if (currentEditableColumnIndex !== -1) {
           switch (true) {
             case ["Enter", "Tab"].includes(key): {
-              calcularColumnaSiguienteYHacerFoco();
+              hacerFoco(calcularColumnaSiguiente());
               break;
             }
             case key == "ArrowRight": {
               const cursorPosition = input.selectionStart;
               const inputValueLength = input.value.length;
               if (cursorPosition === inputValueLength) {
-                calcularColumnaSiguienteYHacerFoco();
+                hacerFoco(calcularColumnaSiguiente());
               }
               break;
             }
             case key == "ArrowLeft": {
               const cursorPosition = input.selectionStart;
               if (cursorPosition === 0) {
-                calcularColumnaAnteriorYHacerFoco();
+                hacerFoco(calcularColumnaAnterior());
               }
               break;
             }
             case key == "ArrowUp": {
-              calcularFilaAnteriorYHacerFoco();
+              hacerFoco(calcularFilaAnterior());
               break;
             }
             case key == "ArrowDown": {
-              calcularFilaSiguienteYHacerFoco();
+              hacerFoco(calcularFilaSiguiente());
+              break;
+            }
+            case key == "F4": {
+              const { rowIdx, idx } = calcularFilaSiguiente();
+              const previousRow = tableData[rowIndex - 1];
+              if (previousRow && !previousRow[DETAIL_ROW_INDICATOR]) {
+                handleCommit(previousRow[columnKey], true, true).then(() => hacerFoco({ rowIdx, idx }));
+              }
               break;
             }
             default:
@@ -1977,31 +2023,32 @@ var GenericDataGrid = ({
         }
       }
     }
-  }, [filteredRows, tableDefinition]);
+  }, [filteredRows, tableDefinition, tableData]);
   const handleSelectedCellChange = _react.useCallback.call(void 0, (args) => {
     setSelectedCell(args);
   }, []);
   const columns = _react.useMemo.call(void 0, () => {
     if (!tableDefinition) return [];
     const fieldsToShow = tableDefinition.fields.filter((field) => {
-      const fixedFieldEntry = _optionalChain([fixedFields, 'optionalAccess', _45 => _45.find, 'call', _46 => _46((f) => f.fieldName === field.name)]);
+      const fixedFieldEntry = _optionalChain([fixedFields, 'optionalAccess', _36 => _36.find, 'call', _37 => _37((f) => f.fieldName === field.name)]);
       return !(fixedFieldEntry && fixedFieldEntry.until === void 0);
     });
     const defaultColumns = fieldsToShow.map((fieldDef) => {
-      const isFixedField = _optionalChain([fixedFields, 'optionalAccess', _47 => _47.some, 'call', _48 => _48((f) => f.fieldName === fieldDef.name)]);
+      const isFixedField = _optionalChain([fixedFields, 'optionalAccess', _38 => _38.some, 'call', _39 => _39((f) => f.fieldName === fieldDef.name)]);
       const isFieldEditable = fieldDef.editable !== false && !isFixedField;
       return {
         key: fieldDef.name,
         customType: "default",
         tableDefinition,
         fieldDef,
-        cellFeedback,
+        // 💥 MULTI-CELL: Se inyecta el mapa y su setter
+        cellFeedbackMap,
+        setCellFeedbackMap,
         primaryKey,
         fixedFields,
         localCellChanges,
         setLocalCellChanges,
         setTableData,
-        setCellFeedback,
         name: fieldDef.label || cambiarGuionesBajosPorEspacios(fieldDef.name),
         resizable: true,
         sortable: true,
@@ -2014,9 +2061,9 @@ var GenericDataGrid = ({
       };
     });
     const availableActions = [
-      _optionalChain([tableDefinition, 'access', _49 => _49.allow, 'optionalAccess', _50 => _50.insert]),
-      _optionalChain([tableDefinition, 'access', _51 => _51.allow, 'optionalAccess', _52 => _52.delete]),
-      _optionalChain([tableDefinition, 'access', _53 => _53.allow, 'optionalAccess', _54 => _54["vertical-edit"]])
+      _optionalChain([tableDefinition, 'access', _40 => _40.allow, 'optionalAccess', _41 => _41.insert]),
+      _optionalChain([tableDefinition, 'access', _42 => _42.allow, 'optionalAccess', _43 => _43.delete]),
+      _optionalChain([tableDefinition, 'access', _44 => _44.allow, 'optionalAccess', _45 => _45["vertical-edit"]])
     ].filter(Boolean).length;
     const actionColumnWidth = availableActions === 0 ? 30 : 12 + availableActions * 25;
     const actionsColumn = {
@@ -2083,7 +2130,8 @@ var GenericDataGrid = ({
     isFilterRowVisible,
     filters,
     toggleFilterVisibility,
-    cellFeedback,
+    // 💥 MULTI-CELL: Se usa el mapa en lugar de la variable simple
+    cellFeedbackMap,
     primaryKey,
     theme.palette.success.light,
     theme.palette.error.light,
@@ -2121,11 +2169,11 @@ var GenericDataGrid = ({
     event.preventGridDefault();
   }, []);
   const handleCellClick = _react.useCallback.call(void 0, (args, _event) => {
-    const fieldDefinition = _optionalChain([tableDefinition, 'optionalAccess', _55 => _55.fields, 'access', _56 => _56.find, 'call', _57 => _57((f) => f.name === args.column.key)]);
-    const isFixedField = _optionalChain([fixedFields, 'optionalAccess', _58 => _58.some, 'call', _59 => _59((f) => f.fieldName === args.column.key)]);
-    const isEditable = _optionalChain([fieldDefinition, 'optionalAccess', _60 => _60.editable]) !== false && !isFixedField;
+    const fieldDefinition = _optionalChain([tableDefinition, 'optionalAccess', _46 => _46.fields, 'access', _47 => _47.find, 'call', _48 => _48((f) => f.name === args.column.key)]);
+    const isFixedField = _optionalChain([fixedFields, 'optionalAccess', _49 => _49.some, 'call', _50 => _50((f) => f.fieldName === args.column.key)]);
+    const isEditable = _optionalChain([fieldDefinition, 'optionalAccess', _51 => _51.editable]) !== false && !isFixedField;
     if (isEditable) {
-      deselectAllOtherGrids(_optionalChain([dataGridRef, 'access', _61 => _61.current, 'optionalAccess', _62 => _62.element]));
+      deselectAllOtherGrids(_optionalChain([dataGridRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.element]));
       args.selectCell(true);
     }
     console.log("Clicked column index:", args.column.idx);
@@ -2746,7 +2794,7 @@ var SessionExpiredMessage_default = SessionExpiredMessage;
 var HomePage = () => {
   const { clientContext } = useApp();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { p: 3 }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h4", component: "h1", gutterBottom: true, children: `Bienvenido/a ${_optionalChain([clientContext, 'optionalAccess', _63 => _63.username])}` }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h4", component: "h1", gutterBottom: true, children: `Bienvenido/a ${_optionalChain([clientContext, 'optionalAccess', _54 => _54.username])}` }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body1", children: "Usa el men\xFA lateral para navegar por las diferentes secciones." })
   ] });
 };
@@ -2875,7 +2923,7 @@ var LoginPage = () => {
                         fullWidth: true,
                         margin: "normal",
                         error: !!errors.username,
-                        helperText: _optionalChain([errors, 'access', _64 => _64.username, 'optionalAccess', _65 => _65.message]),
+                        helperText: _optionalChain([errors, 'access', _55 => _55.username, 'optionalAccess', _56 => _56.message]),
                         disabled: isSubmitting
                       }
                     )
@@ -2898,7 +2946,7 @@ var LoginPage = () => {
                         fullWidth: true,
                         margin: "normal",
                         error: !!errors.password,
-                        helperText: _optionalChain([errors, 'access', _66 => _66.password, 'optionalAccess', _67 => _67.message]),
+                        helperText: _optionalChain([errors, 'access', _57 => _57.password, 'optionalAccess', _58 => _58.message]),
                         disabled: isSubmitting
                       }
                     )
@@ -2976,7 +3024,7 @@ var ProcedureForm = () => {
   const [executionLog, setExecutionLog] = _react.useState.call(void 0, []);
   const [procedureResultData, setProcedureResultData] = _react.useState.call(void 0, null);
   const procedure = _react.useMemo.call(void 0, () => {
-    if (procedureName && _optionalChain([clientContext, 'optionalAccess', _68 => _68.procedure])) {
+    if (procedureName && _optionalChain([clientContext, 'optionalAccess', _59 => _59.procedure])) {
       return clientContext.procedure[procedureName];
     }
     return void 0;
@@ -3267,7 +3315,7 @@ var ProcedureForm = () => {
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
   const ResultDisplayContent = _react.useMemo.call(void 0, () => {
-    if (!procedureResultData || !_optionalChain([procedure, 'optionalAccess', _69 => _69.resultOk])) return null;
+    if (!procedureResultData || !_optionalChain([procedure, 'optionalAccess', _60 => _60.resultOk])) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComponentToRender, { data: procedureResultData });