@linzjs/step-ag-grid 21.1.0 → 21.1.2

package/dist/src/components/GridNoRowsOverlay.d.ts

@@ -1,3 +1,4 @@
+import { ForwardedRef } from "react";
 export interface GridNoRowsOverlayProps {
     loading: boolean;
     rowCount: number | undefined | null;
@@ -6,4 +7,5 @@ export interface GridNoRowsOverlayProps {
     noRowsMatchingOverlayText: string | undefined;
     headerRowHeight: number;
 }
-export declare const GridNoRowsOverlay: (props: GridNoRowsOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridNoRowsOverlayFr: (props: GridNoRowsOverlayProps, externalRef: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridNoRowsOverlayProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -264,7 +264,7 @@ const sanitiseFileName = (filename) => {
     return valid.slice(0, -fileExt.length - 1).slice(0, 64) + "." + fileExt;
 };
 
-const GridLoadingOverlayComponent = (props) => (jsxRuntime.jsx("div", { style: {
+const GridLoadingOverlayComponentFr = (props, externalRef) => (jsxRuntime.jsx("div", { ref: externalRef, style: {
         left: 0,
         top: 0,
         bottom: 0,
@@ -272,15 +272,20 @@ const GridLoadingOverlayComponent = (props) => (jsxRuntime.jsx("div", { style: {
         position: "absolute",
         backgroundColor: "rgba(255,255,255,0.5)",
     }, children: jsxRuntime.jsx("div", { style: { height: "100%", position: "relative" }, children: jsxRuntime.jsx("div", { style: { position: "absolute", left: 0, top: props.headerRowHeight, right: 0, bottom: 0 }, children: jsxRuntime.jsx(lui.LuiStatusSpinner, {}) }) }) }));
-const GridNoRowsOverlay = (props) => {
-    if (props.loading)
-        return jsxRuntime.jsx(GridLoadingOverlayComponent, { headerRowHeight: props.headerRowHeight });
-    if (props.rowCount === 0)
-        return jsxRuntime.jsx("div", { children: props.noRowsOverlayText ?? "There are currently no rows" });
-    if (props.filteredRowCount === 0)
-        return jsxRuntime.jsx("div", { children: props.noRowsMatchingOverlayText ?? "All rows have been filtered" });
-    return jsxRuntime.jsx("span", {});
+const GridLoadingOverlayComponent = React.forwardRef(GridLoadingOverlayComponentFr);
+const GridNoRowsOverlayFr = (props, externalRef) => {
+    if (props.loading) {
+        return jsxRuntime.jsx(GridLoadingOverlayComponent, { ref: externalRef, headerRowHeight: props.headerRowHeight });
+    }
+    if (props.rowCount === 0) {
+        return jsxRuntime.jsx("div", { ref: externalRef, children: props.noRowsOverlayText ?? "There are currently no rows" });
+    }
+    if (props.filteredRowCount === 0) {
+        return jsxRuntime.jsx("div", { ref: externalRef, children: props.noRowsMatchingOverlayText ?? "All rows have been filtered" });
+    }
+    return jsxRuntime.jsx("div", { ref: externalRef });
 };
+const GridNoRowsOverlay = React.forwardRef(GridNoRowsOverlayFr);
 
 /**
  * Retains last sort order from via <AgGrid postRowSort>.
@@ -2349,6 +2354,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
     const hasSetContentSize = React.useRef(false);
     const hasSetContentSizeEmpty = React.useRef(false);
     const needsAutoSize = React.useRef(true);
+    const lastFullResize = React.useRef();
     const setInitialContentSize = React.useCallback(() => {
         if (!gridDivRef.current?.clientWidth || rowData == null) {
             // Don't resize grids if they are offscreen as it doesn't work.
@@ -2376,8 +2382,14 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
             }
             else if (gridRendered === "rows-visible") {
                 if (!hasSetContentSize.current) {
-                    hasSetContentSize.current = true;
-                    params.onContentSize?.(result);
+                    if (lastFullResize.current === result.width) {
+                        hasSetContentSize.current = true;
+                        params.onContentSize?.(result);
+                    }
+                    else {
+                        needsAutoSize.current = true;
+                    }
+                    lastFullResize.current = result.width;
                 }
             }
             else {
@@ -5318,6 +5330,7 @@ exports.GridHeaderSelect = GridHeaderSelect;
 exports.GridIcon = GridIcon;
 exports.GridLoadableCell = GridLoadableCell;
 exports.GridNoRowsOverlay = GridNoRowsOverlay;
+exports.GridNoRowsOverlayFr = GridNoRowsOverlayFr;
 exports.GridPopoutEditMultiSelect = GridPopoutEditMultiSelect;
 exports.GridPopoutEditMultiSelectGrid = GridPopoutEditMultiSelectGrid;
 exports.GridPopoverContext = GridPopoverContext;