@linzjs/step-ag-grid 17.0.0 → 17.0.2

package/README.md

@@ -18,7 +18,7 @@
   - Custom form
   - Context menu
 
-_Please note this requires React >=17, ag-grid-community >=27, and sass._
+_Please note this requires React >=17, ag-grid-community >=28, and SASS._
 
 ## Install
 

package/dist/GridTheme.scss

@@ -81,7 +81,7 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
 }
 
 .ag-header .ag-header-cell[aria-colindex="1"] {
-  padding-left: lui.$unit-rg;
+  padding-left: 17px;
 }
 
 .ag-cell[role="gridcell"] {
@@ -90,7 +90,7 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
 }
 
 .ag-cell[aria-colindex="1"] {
-  border-left: none;
+  border-left: 1px solid transparent;
   padding-left: lui.$unit-rg;
 }
 

package/dist/src/utils/storybookTestUtil.d.ts

@@ -0,0 +1,3 @@
+export declare const waitForGridReady: ({ canvasElement }: {
+    canvasElement: HTMLElement;
+}) => Promise<void>;

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

@@ -2533,8 +2533,8 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
                 {
                     colId: "selection",
                     editable: false,
-                    minWidth: 42,
-                    maxWidth: 42,
+                    minWidth: 48,
+                    maxWidth: 48,
                     pinned: selectColumnPinned,
                     headerComponentParams: {
                         exportable: false,
@@ -4614,7 +4614,7 @@ const GridContextProvider = (props) => {
     /**
      * Get ColDefs, with flattened ColGroupDefs
      */
-    const getColumns = React.useCallback((filterDef = () => true) => lodashEs.filter(columnApi?.getAllColumns()?.map((col) => col.getColDef()) ?? [], filterDef), [columnApi]);
+    const getColumns = React.useCallback((filterDef = () => true) => lodashEs.filter(columnApi?.getColumns()?.map((col) => col.getColDef()) ?? [], filterDef), [columnApi]);
     const getColumnIds = React.useCallback((filterDef = () => true) => lodashEs.compact(getColumns(filterDef).map(getColId)), [getColumns]);
     /**
      * Internal method for selecting and flashing rows.
@@ -4886,9 +4886,14 @@ const GridContextProvider = (props) => {
             return ok;
         });
     }, [gridApiOp, modifyUpdating, selectNextEditableCell]);
-    const redrawRows = React.useCallback((rowNodes) => {
-        gridApiOp((gridApi) => gridApi.redrawRows(rowNodes ? { rowNodes } : undefined));
-    }, [gridApiOp]);
+    const redrawRows = React.useMemo(() => debounce((rowNodes) => {
+        try {
+            gridApi && gridApi.redrawRows(rowNodes ? { rowNodes } : undefined);
+        }
+        catch (ex) {
+            console.error(ex);
+        }
+    }, 50), [gridApi]);
     // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
     const externallySelectedItemsAreInSyncRef = React.useRef(false);
     React.useEffect(() => {