@linzjs/step-ag-grid 27.2.2 → 27.3.0

package/dist/src/components/Grid.d.ts

@@ -13,6 +13,8 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     readOnly?: boolean;
     defaultPostSort?: boolean;
     selectable?: boolean;
+    enableClickSelection?: boolean;
+    enableSelectionWithoutKeys?: boolean;
     hideSelectColumn?: boolean;
     theme?: string;
     ['data-testid']?: string;

package/dist/step-ag-grid.cjs

@@ -2992,7 +2992,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle double click edit
      */
     const onCellDoubleClick = React.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]);
@@ -3000,7 +3001,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle single click edits
      */
     const onCellClicked = React.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]);
@@ -3185,7 +3187,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
     const headerRowCount = columnDefs.some((c) => c.children) ? 2 : 1;
     return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx('Grid-container', theme, 'theme-specific', staleGrid && 'Grid-sortIsStale', gridReady && rowData && autoSized && 'Grid-ready'), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.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, ...lodashEs.omit(params.defaultColDef, ['editable']) }, columnDefs: columnDefsAdjusted, rowData: rowData, noRowsOverlayComponent: (event) => {
@@ -3406,6 +3409,7 @@ const GridCellFiller = () => ({
     colId: GridCellFillerColId,
     headerName: '',
     flex: 1,
+    editable: false,
 });
 
 const Editor = (props) => ({
@@ -5378,6 +5382,7 @@ const GridContextProvider = (props) => {
         const shouldSelectNode = !rowNode.isSelected();
         if (shouldSelectNode) {
             externallySelectedItemsAreInSyncRef.current = false;
+            setExternallySelectedItemsAreInSync(false);
             rowNode.setSelected(true, true);
             await waitForExternallySelectedItemsToBeInSync();
         }