@linzjs/step-ag-grid 22.2.2 → 22.2.4

package/README.md

@@ -221,6 +221,7 @@ To exclude a column from CSV download add ```export: false``` to the GridCell de
 
 ## Writing tests
 
+
 The following testing calls can be imported from step-ag-grid:
 
 - findRow

package/dist/step-ag-grid.cjs.js

@@ -4478,7 +4478,11 @@ const BooleanCellRenderer = (props) => {
             api.removeEventListener("cellFocused", checkFocus);
         };
     }, [api, column, node.rowIndex]);
-    return (jsxRuntime.jsx("div", { className: clsx("ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper", { "ag-checked": props.value }), children: jsxRuntime.jsx("input", { type: "checkbox", className: "ag-input-field-input ag-checkbox-input", disabled: !fnOrVar(colDef?.editable, props), ref: inputRef, checked: value, onChange: () => { }, onClick: (e) => {
+    const isDisabled = !fnOrVar(colDef?.editable, props);
+    return (jsxRuntime.jsx("div", { className: clsx("ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper", {
+            "ag-checked": props.value,
+            "ag-disabled": isDisabled,
+        }), children: jsxRuntime.jsx("input", { type: "checkbox", className: "ag-input-field-input ag-checkbox-input", disabled: isDisabled, ref: inputRef, checked: value, onChange: () => { }, onClick: (e) => {
                 e.stopPropagation();
                 // cell has to be in edit mode
                 // if in non-edit mode clickInputWhenContainingCellClicked will click to put it in edit mode
@@ -4487,7 +4491,14 @@ const BooleanCellRenderer = (props) => {
                 const params = props?.colDef?.cellEditorParams;
                 if (!params)
                     return;
-                const selectedRows = [data];
+                // The data cannot be relied upon if grid changed whilst editing, data will be stale
+                // So I get the data from the node itself which will be up to date.
+                const selectedRows = [];
+                api.forEachNode((n) => {
+                    if (n.data.id === data.id) {
+                        selectedRows.push(n.data);
+                    }
+                });
                 const checked = !value;
                 onValueChange(checked);
                 params.onClick({ selectedRows, selectedRowIds: selectedRows.map((r) => r.id), checked }).then();