@linzjs/step-ag-grid 17.0.1 → 17.0.3

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/src/utils/testUtil.d.ts

@@ -35,3 +35,11 @@ export declare const closeMenu: () => Promise<void>;
 export declare const closePopover: () => Promise<void>;
 export declare const findActionButton: (text: string, container?: HTMLElement) => Promise<HTMLElement>;
 export declare const clickActionButton: (text: string, container?: HTMLElement) => Promise<void>;
+export declare const waitForGridReady: ({ grid, timeout }: {
+    grid?: HTMLElement | undefined;
+    timeout: number;
+}) => Promise<void>;
+export declare const waitForGridRows: ({ grid, timeout }: {
+    grid?: HTMLElement | undefined;
+    timeout: number;
+}) => 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,
@@ -4389,6 +4389,7 @@ const GridPopoverMenu = (colDef, custom) => GridCell({
     minWidth: 48,
     maxWidth: 48,
     width: 40,
+    sortable: false,
     editable: colDef.editable != null ? colDef.editable : true,
     exportable: false,
     cellStyle: { flex: 1, justifyContent: "center" },
@@ -4614,7 +4615,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,15 +4887,16 @@ const GridContextProvider = (props) => {
             return ok;
         });
     }, [gridApiOp, modifyUpdating, selectNextEditableCell]);
-    const redrawRows = React.useCallback((rowNodes) => {
-        // redraw rows can throw exceptions in jest, so we ignore them
+    const redrawRows = React.useMemo(() => debounce((rowNodes) => {
         try {
             gridApi && gridApi.redrawRows(rowNodes ? { rowNodes } : undefined);
         }
         catch (ex) {
-            console.error(ex);
+            // Hide errors in jest, but log them in browser
+            if (typeof jest === "undefined")
+                console.error(ex);
         }
-    }, [gridApi]);
+    }, 50), [gridApi]);
     // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
     const externallySelectedItemsAreInSyncRef = React.useRef(false);
     React.useEffect(() => {
@@ -25661,7 +25663,13 @@ const findActionButton = (text, container) => findQuick({ tagName: "button", chi
 const clickActionButton = async (text, container) => {
     const button = await findActionButton(text, container);
     await user.click(button);
-};
+};
+const waitForGridReady = async ({ grid, timeout = 5000 }) => waitForWrapper(() => expect(getAllQuick({ classes: ".Grid-ready" }, grid)).toBeInTheDocument(), {
+    timeout,
+});
+const waitForGridRows = async ({ grid, timeout = 5000 }) => waitForWrapper(async () => expect(getAllQuick({ classes: ".ag-row" }, grid).length > 0).toBe(true), {
+    timeout,
+});
 
 exports.ActionButton = ActionButton;
 exports.ComponentLoadingWrapper = ComponentLoadingWrapper;
@@ -25790,4 +25798,6 @@ exports.useMenuState = useMenuState;
 exports.usePostSortRowsHook = usePostSortRowsHook;
 exports.validateMenuOptions = validateMenuOptions;
 exports.wait = wait$1;
+exports.waitForGridReady = waitForGridReady;
+exports.waitForGridRows = waitForGridRows;
 //# sourceMappingURL=step-ag-grid.cjs.js.map