@postxl/ui-components 1.2.2 → 1.2.3

package/dist/index.js

@@ -2491,10 +2491,7 @@ function DataGridRowImpl({ row, virtualRowIndex, virtualStart, rowVirtualizer, r
 					...getCommonPinningStyles({ column: cell.column }),
 					width: `calc(var(--col-${cell.column.id}-size) * 1px)`
 				},
-				children: typeof cell.column.columnDef.header === "function" ? /* @__PURE__ */ jsx("div", {
-					className: cn("size-full px-3 py-1.5", { "bg-accent-foreground/10": isRowSelected }),
-					children: flexRender(cell.column.columnDef.cell, cell.getContext())
-				}) : flexRender(cell.column.columnDef.cell, cell.getContext())
+				children: flexRender(cell.column.columnDef.cell, cell.getContext())
 			}, cell.id);
 		})
 	}, row.id);
@@ -3862,16 +3859,26 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 
 //#endregion
 //#region src/data-grid/cell-variants/react-node-cell.tsx
-function ReactNodeCell({ cell, table, rowIndex, columnId, isFocused, isSelected }) {
-	const children = cell.getValue();
+function ReactNodeCell({ cell, table, rowIndex, columnId, isFocused, isSelected, isEditing }) {
 	const containerRef = React$18.useRef(null);
+	const cellOpts = cell.column.columnDef.meta?.cell;
+	const renderFn = cellOpts?.variant === "react-node" ? cellOpts.render : void 0;
+	const children = renderFn ? renderFn({
+		cell,
+		table,
+		rowIndex,
+		columnId,
+		isFocused,
+		isSelected,
+		isEditing
+	}) : cell.getValue();
 	return /* @__PURE__ */ jsx(DataGridCellWrapper, {
 		ref: containerRef,
 		cell,
 		table,
 		rowIndex,
 		columnId,
-		isEditing: false,
+		isEditing,
 		isFocused,
 		isSelected,
 		className: "flex size-full justify-center p-0",