@linzjs/step-ag-grid 27.2.2 → 27.3.0

package/package.json

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

package/src/components/Grid.tsx

@@ -50,6 +50,8 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
   readOnly?: boolean; // set all editables to false when read only, make all styles black, otherwise style is gray for not editable
   defaultPostSort?: boolean; // Retain sort order after edit, Defaults to true.
   selectable?: boolean;
+  enableClickSelection?: boolean;
+  enableSelectionWithoutKeys?: boolean;
   hideSelectColumn?: boolean;
   theme?: string; // should have prefix ag-theme-
   ['data-testid']?: string;
@@ -423,7 +425,8 @@ export const Grid = <TData extends GridBaseRow = GridBaseRow>({
    */
   const onCellDoubleClick = useCallback(
     (event: CellDoubleClickedEvent) => {
-      if (!invokeEditAction(event)) {
+      const editable = fnOrVar(event.colDef?.editable, event);
+      if (editable && !invokeEditAction(event)) {
         void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
       }
     },
@@ -435,7 +438,8 @@ export const Grid = <TData extends GridBaseRow = GridBaseRow>({
    */
   const onCellClicked = useCallback(
     (event: CellClickedEvent) => {
-      if (event.colDef.singleClickEdit ?? singleClickEdit) {
+      const editable = fnOrVar(event.colDef?.editable, event);
+      if ((editable && event.colDef.singleClickEdit) ?? singleClickEdit) {
         void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
       }
     },
@@ -666,7 +670,8 @@ export const Grid = <TData extends GridBaseRow = GridBaseRow>({
           rowSelection={
             selectable
               ? {
-                  enableClickSelection: false,
+                  enableSelectionWithoutKeys: params.enableSelectionWithoutKeys ?? false,
+                  enableClickSelection: params.enableClickSelection ?? false,
                   mode: rowSelection == 'single' ? 'singleRow' : 'multiRow',
                 }
               : undefined

package/src/components/GridCellFiller.tsx

@@ -10,4 +10,5 @@ export const GridCellFiller = <TData extends GridBaseRow>(): ColDef<TData, any>
   colId: GridCellFillerColId,
   headerName: '',
   flex: 1,
+  editable: false,
 });

package/src/contexts/GridContextProvider.tsx

@@ -509,6 +509,7 @@ export const GridContextProvider = <TData extends GridBaseRow>(props: PropsWithC
       const shouldSelectNode = !rowNode.isSelected();
       if (shouldSelectNode) {
         externallySelectedItemsAreInSyncRef.current = false;
+        setExternallySelectedItemsAreInSync(false);
         rowNode.setSelected(true, true);
         await waitForExternallySelectedItemsToBeInSync();
       }

package/src/stories/grid/GridReadOnly.stories.tsx

@@ -244,6 +244,8 @@ const GridReadOnlyTemplate: StoryFn<typeof Grid> = (props: GridProps) => {
         data-testid={'readonly'}
         {...props}
         selectable={true}
+        enableClickSelection={true}
+        enableSelectionWithoutKeys={true}
         autoSelectFirstRow={true}
         externalSelectedItems={externalSelectedItems}
         setExternalSelectedItems={setExternalSelectedItems}