@linzjs/step-ag-grid 14.1.1 → 14.1.2

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

@@ -665,12 +665,23 @@ var Grid = function (_a) {
     var lastSelectedIds = useRef([]);
     var _k = useState(false), staleGrid = _k[0], setStaleGrid = _k[1];
     var postSortRows = usePostSortRowsHook({ setStaleGrid: setStaleGrid });
+    var hasSetContentSize = useRef(false);
+    var hasSetContentSizeEmpty = useRef(false);
     var setInitialContentSize = useCallback(function () {
-        var skipHeaders = sizeColumns === "auto-skip-headers";
-        if (sizeColumns === "auto" || skipHeaders) {
-            // If we aren't skipping headers and there's no data, then don't skip headers
-            var result = autoSizeAllColumns({ skipHeader: skipHeaders && !isEmpty(params.rowData) });
-            params.onContentSize && result && params.onContentSize(result);
+        if ((!isEmpty(params.rowData) && !hasSetContentSize.current) ||
+            (isEmpty(params.rowData) && !hasSetContentSizeEmpty.current)) {
+            var skipHeaders = sizeColumns === "auto-skip-headers";
+            if (sizeColumns === "auto" || skipHeaders) {
+                // If we aren't skipping headers and there's no data, then don't skip headers
+                var result = autoSizeAllColumns({ skipHeader: skipHeaders && !isEmpty(params.rowData) });
+                if (isEmpty(params.rowData)) {
+                    hasSetContentSizeEmpty.current = true;
+                }
+                else {
+                    hasSetContentSize.current = true;
+                }
+                params.onContentSize && result && params.onContentSize(result);
+            }
         }
         if (sizeColumns !== "none") {
             sizeColumnsToFit();
@@ -829,6 +840,8 @@ var Grid = function (_a) {
     var previousRowDataLength = useRef(0);
     useEffect(function () {
         var _a, _b;
+        if (!gridReady)
+            return;
         var length = (_b = (_a = params.rowData) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
         if (previousRowDataLength.current !== length) {
             if (previousRowDataLength.current === 0 && length > 0) {
@@ -836,7 +849,7 @@ var Grid = function (_a) {
             }
             previousRowDataLength.current = length;
         }
-    }, [(_c = params.rowData) === null || _c === void 0 ? void 0 : _c.length, setInitialContentSize]);
+    }, [gridReady, (_c = params.rowData) === null || _c === void 0 ? void 0 : _c.length, setInitialContentSize]);
     var onModelUpdated = useCallback(function (event) {
         event.api.getDisplayedRowCount() === 0 ? event.api.showNoRowsOverlay() : event.api.hideOverlay();
     }, []);
@@ -894,9 +907,6 @@ var Grid = function (_a) {
                 startCellEditing(e);
         }
     }, [startCellEditing]);
-    var onGridSizeChanged = useCallback(function () {
-        sizeColumns !== "none" && sizeColumnsToFit();
-    }, [sizeColumns, sizeColumnsToFit]);
     /**
      * Once the grid has auto-sized we want to run fit to fit the grid in its container,
      * but we don't want the non-flex auto-sized columns to "fit" size, so suppressSizeToFit is set to true.
@@ -904,7 +914,7 @@ var Grid = function (_a) {
     var columnDefsAdjusted = useMemo(function () {
         return columnDefs.map(function (colDef) { return (__assign(__assign({}, colDef), { suppressSizeToFit: (sizeColumns === "auto" || sizeColumns === "auto-skip-headers") && !colDef.flex })); });
     }, [columnDefs, sizeColumns]);
-    return (jsx("div", __assign({ "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && "Grid-ready") }, { children: jsx("div", __assign({ style: { flex: 1 } }, { children: jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: GridNoRowsOverlay, noRowsOverlayComponentParams: { rowData: params.rowData, noRowsOverlayText: params.noRowsOverlayText }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_d = params.postSortRows) !== null && _d !== void 0 ? _d : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true }) })) })));
+    return (jsx("div", __assign({ "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && "Grid-ready") }, { children: jsx("div", __assign({ style: { flex: 1 } }, { children: jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: setInitialContentSize, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: GridNoRowsOverlay, noRowsOverlayComponentParams: { rowData: params.rowData, noRowsOverlayText: params.noRowsOverlayText }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_d = params.postSortRows) !== null && _d !== void 0 ? _d : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true }) })) })));
 };
 
 var GridPopoverContext = createContext({
@@ -4727,7 +4737,9 @@ var GridContextProvider = function (props) {
         var skipHeader = _a.skipHeader;
         if (columnApi) {
             columnApi.autoSizeAllColumns(skipHeader);
-            return { width: sumBy(columnApi.getColumnState(), "width") };
+            return {
+                width: sumBy(columnApi.getColumnState().filter(function (col) { return col.hide !== true; }), "width")
+            };
         }
         return null;
     }, [columnApi]);