@linzjs/step-ag-grid 21.1.1 → 21.1.3

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>.
@@ -4459,8 +4464,8 @@ const GridPopoutEditMultiSelect = (colDef, props) => GridCell(colDef, {
     editor: GridFormMultiSelect,
     ...props,
     editorParams: {
-        className: "GridMultiSelect-containerMedium",
         ...props.editorParams,
+        className: clsx("GridMultiSelect-containerMedium", props.editorParams?.className),
     },
 });
 
@@ -4468,8 +4473,8 @@ const GridPopoutEditMultiSelectGrid = (colDef, props) => GridCell(colDef, {
     editor: GridFormMultiSelectGrid,
     ...props,
     editorParams: {
-        className: "GridMultiSelect-containerMedium",
         ...props.editorParams,
+        className: clsx("GridMultiSelect-containerMedium", props.editorParams?.className),
     },
 });
 
@@ -4537,9 +4542,8 @@ const GridPopoverEditDropDown = (colDef, props) => GridCell(colDef, {
     editor: GridFormDropDown,
     ...props,
     editorParams: {
-        // Defaults to large size container
-        className: "GridPopoverEditDropDown-containerLarge",
         ...props.editorParams,
+        className: clsx("GridPopoverEditDropDown-containerLarge", props.editorParams?.className),
     },
 });
 
@@ -5325,6 +5329,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;