componentes-sinco 1.3.5 → 1.3.6

package/dist/index.cjs

@@ -5420,7 +5420,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
   const [insertRowValues, setInsertRowValues] = (0, import_react51.useState)({});
   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() !== "");
@@ -5437,6 +5437,10 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
     setInsertRowValues({});
     onAddRow && onAddRow(newRow);
   };
+  const hasInsertRowValueRef = (0, import_react51.useRef)(hasInsertRowValue);
+  hasInsertRowValueRef.current = hasInsertRowValue;
+  const handleAddInsertRowRef = (0, import_react51.useRef)(handleAddInsertRow);
+  handleAddInsertRowRef.current = handleAddInsertRow;
   (0, import_react51.useEffect)(() => {
     var _a2;
     if (setSelectedRow) {
@@ -5510,11 +5514,12 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
       }
     }
   };
-  const processedColumns = columns.map((col, index) => {
+  const processedColumns = import_react51.default.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) => {
@@ -5522,11 +5527,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
             });
@@ -5537,10 +5541,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" } }
             }
@@ -5552,8 +5557,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
             {
               variant: "contained",
               size: "small",
-              disabled: !hasInsertRowValue(),
-              onClick: handleAddInsertRow
+              disabled: !hasInsertRowValueRef.current(),
+              onClick: () => handleAddInsertRowRef.current()
             },
             "Agregar"
           );
@@ -5561,7 +5566,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, titleRowsPag
         return null;
       }
     });
-  });
+  }), [columns, showInsertRow, insertRowFields]);
   const columnVisibilityModel = {};
   processedColumns.forEach((col) => {
     if (col.hide === true) {