@linzjs/step-ag-grid 22.2.1 → 22.2.3

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "22.2.1",
+  "version": "22.2.3",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/components/clickInputWhenContainingCellClicked.tsx

@@ -1,5 +1,4 @@
 import { CellClickedEvent } from "ag-grid-community";
-import { fnOrVar } from "../utils/util";
 
 /**
  * AgGrid checkbox select does not pass clicks within cell but not on the checkbox to checkbox.
@@ -9,13 +8,14 @@ export const clickInputWhenContainingCellClicked = (params: CellClickedEvent) =>
   const { data, event, colDef } = params;
   if (!data || !event) return;
 
-  if (fnOrVar(colDef.editable, params) === false) {
-    return;
-  }
-
   const element = event.target as Element;
   // Already handled
-  if (["BUTTON", "INPUT"].includes(element?.tagName) && element.closest(".ag-cell-inline-editing")) return;
+  if (
+    element.closest(".GridCell-readonly") ||
+    (["BUTTON", "INPUT"].includes(element?.tagName) && element.closest(".ag-cell-inline-editing"))
+  ) {
+    return;
+  }
 
   const row = element.closest("[row-id]");
   if (!row) return;

package/src/components/gridPopoverEdit/GridEditBoolean.tsx

@@ -24,12 +24,19 @@ const BooleanCellRenderer = (props: CustomCellEditorProps) => {
     };
   }, [api, column, node.rowIndex]);
 
+  const isDisabled = !fnOrVar(colDef?.editable, props);
+
   return (
-    <div className={clsx("ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper", { "ag-checked": props.value })}>
+    <div
+      className={clsx("ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper", {
+        "ag-checked": props.value,
+        "ag-disabled": isDisabled,
+      })}
+    >
       <input
         type="checkbox"
         className="ag-input-field-input ag-checkbox-input"
-        disabled={!fnOrVar(colDef?.editable, props)}
+        disabled={isDisabled}
         ref={inputRef}
         checked={value}
         onChange={() => {}}