@linzjs/step-ag-grid 17.0.4 → 17.0.6

package/package.json

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

package/src/components/Grid.tsx

@@ -153,7 +153,7 @@ export const Grid = ({
 
     const skipHeader = sizeColumns === "auto-skip-headers" && !isEmpty(params.rowData);
     if (sizeColumns === "auto" || skipHeader) {
-      const result = autoSizeColumns({ skipHeader, userSizedColIds: userSizedColIds.current });
+      const result = autoSizeColumns({ skipHeader, userSizedColIds: userSizedColIds.current, includeFlex: true });
       if (isEmpty(params.rowData)) {
         if (!hasSetContentSizeEmpty.current && result && !hasSetContentSize.current) {
           hasSetContentSizeEmpty.current = true;

package/src/contexts/GridContext.tsx

@@ -10,6 +10,7 @@ export interface AutoSizeColumnsProps {
   skipHeader?: boolean;
   colIds?: Set<string> | string[];
   userSizedColIds?: Set<string>;
+  includeFlex?: boolean;
 }
 
 export type AutoSizeColumnsResult = { width: number } | null;

package/src/contexts/GridContextProvider.tsx

@@ -394,12 +394,16 @@ export const GridContextProvider = <RowType extends GridBaseRow>(props: PropsWit
    * Resize columns to fit container
    */
   const autoSizeColumns = useCallback(
-    ({ skipHeader, colIds, userSizedColIds }: AutoSizeColumnsProps = {}): AutoSizeColumnsResult => {
+    ({ skipHeader, colIds, userSizedColIds, includeFlex }: AutoSizeColumnsProps = {}): AutoSizeColumnsResult => {
       if (!columnApi) return null;
       const colIdsSet = colIds instanceof Set ? colIds : new Set(colIds);
       const colsToResize = columnApi.getColumnState().filter((colState) => {
         const colId = colState.colId;
-        return (isEmpty(colIdsSet) || colIdsSet.has(colId)) && !userSizedColIds?.has(colId) && !colState.flex;
+        return (
+          (isEmpty(colIdsSet) || colIdsSet.has(colId)) &&
+          !userSizedColIds?.has(colId) &&
+          (includeFlex || !colState.flex)
+        );
       });
       if (!isEmpty(colsToResize)) {
         columnApi.autoSizeColumns(

package/src/utils/testUtil.ts

@@ -216,12 +216,12 @@ export const clickActionButton = async (text: string, container?: HTMLElement):
   await user.click(button);
 };
 
-export const waitForGridReady = async (props?: { grid?: HTMLElement; timeout: number }) =>
+export const waitForGridReady = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(() => expect(getAllQuick({ classes: ".Grid-ready" }, props?.grid)).toBeInTheDocument(), {
     timeout: props?.timeout ?? 5000,
   });
 
-export const waitForGridRows = async (props?: { grid?: HTMLElement; timeout: number }) =>
+export const waitForGridRows = async (props?: { grid?: HTMLElement; timeout?: number }) =>
   waitFor(async () => expect(getAllQuick({ classes: ".ag-row" }, props?.grid).length > 0).toBe(true), {
     timeout: props?.timeout ?? 5000,
   });