@linzjs/step-ag-grid 18.0.0 → 19.0.0

package/dist/index.css

@@ -400,6 +400,14 @@
   max-width: 400px;
 }
 
+.ag-floating-top-container .ag-row {
+  background-color: #f9f9f9;
+}
+
+.ag-floating-bottom-container .ag-row {
+  background-color: #f9f9f9;
+}
+
 .GridCell-container {
   overflow: hidden;
   text-overflow: ellipsis;

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

@@ -71,6 +71,8 @@ export interface GridProps {
     singleClickEdit?: boolean;
     loading?: boolean;
     suppressCellFocus?: boolean;
+    pinnedTopRowData?: GridOptions["pinnedTopRowData"];
+    pinnedBottomRowData?: GridOptions["pinnedBottomRowData"];
 }
 /**
  * Wrapper for AgGrid to add commonly used functionality.

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

@@ -53112,10 +53112,12 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
             safeCall(onClose, { key, reason: CloseReason.CLICK });
         },
     }), [onItemClick, onClose]);
-    const onKeyDown = ({ key }) => {
-        switch (key) {
+    const onKeyUp = (e) => {
+        switch (e.key) {
             case Keys.ESC:
-                safeCall(onClose, { key, reason: CloseReason.CANCEL });
+                e.preventDefault();
+                e.stopPropagation();
+                safeCall(onClose, { key: e.key, reason: CloseReason.CANCEL });
                 break;
         }
     };
@@ -53138,7 +53140,7 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
     };
     const itemTransition = getTransition(transition, "item");
     const modifiers = React.useMemo(() => ({ theme: theming, itemTransition }), [theming, itemTransition]);
-    const menuList = (jsxRuntime.jsx("div", { ...mergeProps({ onKeyDown, onBlur }, containerProps), className: useBEM({
+    const menuList = (jsxRuntime.jsx("div", { ...mergeProps({ onKeyUp, onBlur }, containerProps), className: useBEM({
             block: menuContainerClass,
             modifiers,
             className,
@@ -54019,7 +54021,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
                         let rowCount = 0;
                         event.api.forEachNode(() => rowCount++);
                         return (jsxRuntime.jsx(GridNoRowsOverlay, { loading: !rowData || params.loading === true, rowCount: rowCount, headerRowHeight: headerRowCount * rowHeight, filteredRowCount: event.api.getDisplayedRowCount(), noRowsOverlayText: params.noRowsOverlayText, noRowsMatchingOverlayText: params.noRowsMatchingOverlayText }));
-                    }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, onRowDragMove: onRowDragMove, onRowDragEnd: onRowDragEnd, onRowDragLeave: onRowDragLeave, suppressCellFocus: params.suppressCellFocus }) })] }));
+                    }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, onRowDragMove: onRowDragMove, onRowDragEnd: onRowDragEnd, onRowDragLeave: onRowDragLeave, suppressCellFocus: params.suppressCellFocus, pinnedTopRowData: params.pinnedTopRowData, pinnedBottomRowData: params.pinnedBottomRowData }) })] }));
 };
 
 const GridPopoverContext = React.createContext({