@linzjs/step-ag-grid 29.3.0 → 29.3.1

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

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { LuiMiniSpinner, LuiStatusSpinner, LuiIcon, LuiButtonGroup, LuiButton, LuiCheckboxInput } from '@linzjs/lui';
 import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
 import { AgGridReact } from 'ag-grid-react';
-import { negate, isEmpty, findIndex, defer, debounce as debounce$1, xorBy, last, difference, omit, sortBy, delay, partition, compact, pick, groupBy, fromPairs, toPairs, isEqual, pull, filter, sumBy, remove, flatten, castArray } from 'lodash-es';
+import { negate, isEmpty, findIndex, defer, debounce as debounce$1, delay, xorBy, last, difference, omit, sortBy, partition, compact, pick, groupBy, fromPairs, toPairs, isEqual, pull, filter, sumBy, remove, flatten, castArray } from 'lodash-es';
 import React, { useRef, useLayoutEffect, useEffect, createContext, useContext, useState, useMemo, memo, forwardRef, useCallback, useReducer, cloneElement, useImperativeHandle, Fragment as Fragment$1, useId } from 'react';
 import { unstable_batchedUpdates, flushSync, createPortal } from 'react-dom';
 
@@ -2776,7 +2776,7 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
     const hasSetContentSize = useRef(false);
     const hasSetContentSizeEmpty = useRef(false);
     const needsAutoSize = useRef(true);
-    const lastFullResize = useRef();
+    const requiresInitialSizeToFitRef = useRef(true);
     const autoSizeResultRef = useRef(null);
     const prevRowsVisibleRef = useRef(false);
     const setInitialContentSize = useCallback(() => {
@@ -2805,6 +2805,7 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
                 autoSizeColumns({
                     skipHeader,
                     userSizedColIds: new Set(userSizedColIds.current.keys()),
+                    includeFlex: true,
                 });
             // Auto-size failed retry later
             if (!autoSizeResult) {
@@ -2819,32 +2820,31 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
                 // We don't do this callback if we have previously had row data, or have already called back for empty
                 if (!hasSetContentSizeEmpty.current && !hasSetContentSize.current) {
                     hasSetContentSizeEmpty.current = true;
+                    requiresInitialSizeToFitRef.current = true;
                     params.onContentSize?.(autoSizeResult);
                 }
             }
             else if (gridRendered === 'rows-visible') {
                 // we have rows now so callback grid size
                 if (!hasSetContentSize.current) {
-                    // Only callback if grid size has settled
-                    if (lastFullResize.current === autoSizeResult.width) {
-                        hasSetContentSize.current = true;
-                        params.onContentSize?.(autoSizeResult);
-                    }
-                    else {
-                        // Need to retry callback when size has settelled
-                        lastFullResize.current = autoSizeResult.width;
-                        return;
-                    }
+                    hasSetContentSize.current = true;
+                    requiresInitialSizeToFitRef.current = true;
+                    params.onContentSize?.(autoSizeResult);
                 }
             }
             else {
                 // It should be impossible to get here
                 console.error('Unknown value returned from hasGridRendered');
             }
-        }
-        // 2. Now we size columns to fit the grid width
-        if (sizeColumns !== 'none') {
-            sizeColumnsToFit();
+            // If there's no contentSize callback there'll be on onGridResize callback
+            // which is required to run sizeColumnsToFit.
+            // There's also the possibility that the panel was already the right size so didn't trigger onGridResize.
+            delay(() => {
+                if (requiresInitialSizeToFitRef.current) {
+                    requiresInitialSizeToFitRef.current = false;
+                    sizeColumnsToFit();
+                }
+            }, 50);
         }
         setAutoSized(true);
         needsAutoSize.current = false;
@@ -3155,7 +3155,8 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
                     maxWidth: w,
                 })),
             ];
-            event.api.sizeColumnsToFit({ columnLimits });
+            requiresInitialSizeToFitRef.current = false;
+            defer(() => event.api.sizeColumnsToFit({ columnLimits }));
         }
     }, [sizeColumns]);
     /**