componentes-sinco 1.3.5 → 1.3.6

package/dist/index.js

@@ -5160,7 +5160,7 @@ var SCCard = ({ width, title, image, iconTitle, actionsTitle, subtitle, dividerH
 };
 
 // src/Components/SCDataGrid.tsx
-import React44, { useEffect as useEffect19, useState as useState25 } from "react";
+import React44, { useEffect as useEffect19, useState as useState25, useRef as useRef7 } from "react";
 import { DataGridPro, useGridApiRef } from "@mui/x-data-grid-pro";
 import { LicenseInfo as LicenseInfo2 } from "@mui/x-license";
 import { Button as Button19, TextField as TextField7 } from "@mui/material";
@@ -5334,7 +5334,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   const [insertRowValues, setInsertRowValues] = useState25({});
   const INSERT_ROW_ID = "__sc-datagrid-insert-row__";
   const resolvedGetRowId = (row) => (row == null ? void 0 : row.__isInsertRow) ? INSERT_ROW_ID : getRowId ? getRowId(row) : row.id;
-  const pinnedRows = showInsertRow ? { bottom: [{ __isInsertRow: true }] } : void 0;
+  const pinnedRows = showInsertRow ? { bottom: [__spreadValues({ __isInsertRow: true }, insertRowValues)] } : void 0;
   const normalizedInsertRowFields = (insertRowFields && insertRowFields.length > 0 ? insertRowFields : [(_a = columns[0]) == null ? void 0 : _a.field]).map((item) => typeof item === "string" ? { field: item } : item);
   const insertRowTargetFields = normalizedInsertRowFields.map((item) => item.field);
   const isInsertRowValueFilled = (value) => value !== void 0 && value !== null && (typeof value !== "string" || value.trim() !== "");
@@ -5351,6 +5351,10 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
     setInsertRowValues({});
     onAddRow && onAddRow(newRow);
   };
+  const hasInsertRowValueRef = useRef7(hasInsertRowValue);
+  hasInsertRowValueRef.current = hasInsertRowValue;
+  const handleAddInsertRowRef = useRef7(handleAddInsertRow);
+  handleAddInsertRowRef.current = handleAddInsertRow;
   useEffect19(() => {
     var _a2;
     if (setSelectedRow) {
@@ -5424,11 +5428,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       }
     }
   };
-  const processedColumns = columns.map((col, index) => {
+  const processedColumns = React44.useMemo(() => columns.map((col, index) => {
     const baseCol = col.width !== void 0 || col.flex !== void 0 ? col : __spreadProps(__spreadValues({}, col), { flex: 1 });
     if (!showInsertRow) return baseCol;
     const isLastColumn = index === columns.length - 1;
     const isInputField = !isLastColumn && insertRowTargetFields.includes(baseCol.field);
+    const fieldConfig = normalizedInsertRowFields.find((item) => item.field === baseCol.field);
     const originalRenderCell = baseCol.renderCell;
     return __spreadProps(__spreadValues({}, baseCol), {
       renderCell: (params) => {
@@ -5436,11 +5441,10 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
           return originalRenderCell ? originalRenderCell(params) : params.formattedValue;
         }
         if (isInputField) {
-          const fieldConfig = normalizedInsertRowFields.find((item) => item.field === baseCol.field);
           const setFieldValue = (newValue) => setInsertRowValues((prev) => __spreadProps(__spreadValues({}, prev), { [baseCol.field]: newValue }));
           if (fieldConfig == null ? void 0 : fieldConfig.renderCell) {
             return fieldConfig.renderCell({
-              value: insertRowValues[baseCol.field],
+              value: params.value,
               onChange: setFieldValue,
               field: baseCol.field
             });
@@ -5451,10 +5455,11 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
               variant: "outlined",
               size: "small",
               placeholder: (fieldConfig == null ? void 0 : fieldConfig.placeholder) || baseCol.headerName || `Escribir ${baseCol.field}`,
-              value: insertRowValues[baseCol.field] || "",
+              value: params.value || "",
               onChange: (e) => setFieldValue(e.target.value),
               onKeyDown: (e) => {
-                if (e.key === "Enter") handleAddInsertRow();
+                e.stopPropagation();
+                if (e.key === "Enter") handleAddInsertRowRef.current();
               },
               sx: { width: "100%", "& .MuiOutlinedInput-root": { height: "32px" } }
             }
@@ -5466,8 +5471,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             {
               variant: "contained",
               size: "small",
-              disabled: !hasInsertRowValue(),
-              onClick: handleAddInsertRow
+              disabled: !hasInsertRowValueRef.current(),
+              onClick: () => handleAddInsertRowRef.current()
             },
             "Agregar"
           );
@@ -5475,7 +5480,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
         return null;
       }
     });
-  });
+  }), [columns, showInsertRow, insertRowFields]);
   const columnVisibilityModel = {};
   processedColumns.forEach((col) => {
     if (col.hide === true) {