@linzjs/step-ag-grid 27.2.2 → 27.3.0

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

@@ -2990,7 +2990,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle double click edit
      */
     const onCellDoubleClick = useCallback((event) => {
-        if (!invokeEditAction(event)) {
+        const editable = fnOrVar(event.colDef?.editable, event);
+        if (editable && !invokeEditAction(event)) {
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
         }
     }, [startCellEditing]);
@@ -2998,7 +2999,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle single click edits
      */
     const onCellClicked = useCallback((event) => {
-        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() });
         }
     }, [singleClickEdit, startCellEditing]);
@@ -3183,7 +3185,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
     const headerRowCount = columnDefs.some((c) => c.children) ? 2 : 1;
     return (jsxs("div", { "data-testid": dataTestId, className: clsx('Grid-container', theme, 'theme-specific', staleGrid && 'Grid-sortIsStale', gridReady && rowData && autoSized && 'Grid-ready'), children: [gridContextMenu.component, jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsx(AgGridReact, { theme: 'legacy', rowSelection: selectable
                         ? {
-                            enableClickSelection: false,
+                            enableSelectionWithoutKeys: params.enableSelectionWithoutKeys ?? false,
+                            enableClickSelection: params.enableClickSelection ?? false,
                             mode: rowSelection == 'single' ? 'singleRow' : 'multiRow',
                         }
                         : undefined, rowHeight: rowHeight, animateRows: params.animateRows ?? false, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: setInitialContentSize, onRowDataUpdated: onRowDataChanged, onCellKeyDown: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, onColumnResized: onColumnResized, defaultColDef: { minWidth: 48, ...omit(params.defaultColDef, ['editable']) }, columnDefs: columnDefsAdjusted, rowData: rowData, noRowsOverlayComponent: (event) => {
@@ -3404,6 +3407,7 @@ const GridCellFiller = () => ({
     colId: GridCellFillerColId,
     headerName: '',
     flex: 1,
+    editable: false,
 });
 
 const Editor = (props) => ({
@@ -5376,6 +5380,7 @@ const GridContextProvider = (props) => {
         const shouldSelectNode = !rowNode.isSelected();
         if (shouldSelectNode) {
             externallySelectedItemsAreInSyncRef.current = false;
+            setExternallySelectedItemsAreInSync(false);
             rowNode.setSelected(true, true);
             await waitForExternallySelectedItemsToBeInSync();
         }