@linzjs/step-ag-grid 21.3.0 → 22.0.0

package/dist/GridTheme.scss

@@ -67,6 +67,10 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
   }
   // fix alignment of cell content when grabber is present
   .ag-header-cell-comp-wrapper {
+    justify-content: center;
+  }
+
+  .ag-header-select-draggable .ag-header-cell-comp-wrapper {
     justify-content: end;
   }
 

package/dist/src/react-menu3/components/FocusableItem.d.ts

@@ -6,4 +6,4 @@ export interface FocusableItemProps extends BaseProps, withHoveringResultProps {
     children: (ref: LegacyRef<any>) => ReactElement;
 }
 export declare const FocusableItemFr: ({ className, disabled, children, isHovering, menuItemRef, externalRef, ...restProps }: FocusableItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FocusableItem: import("react").ForwardRefExoticComponent<Omit<FocusableItemProps, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const FocusableItem: import("react").ForwardRefExoticComponent<Omit<FocusableItemProps, "ref"> & import("react").RefAttributes<any>>;

package/dist/src/react-menu3/components/MenuItem.d.ts

@@ -55,4 +55,4 @@ export interface MenuItemProps extends Omit<BaseProps<MenuItemModifiers>, "onCli
      */
     children?: RenderProp<MenuItemModifiers>;
 }
-export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps & withHoveringResultProps, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps & withHoveringResultProps, "ref"> & import("react").RefAttributes<any>>;

package/dist/src/react-menu3/components/SubMenu.d.ts

@@ -106,5 +106,5 @@ export interface SubMenuProps extends BaseMenuProps, Hoverable, UncontrolledMenu
     openTrigger?: "none" | "clickOnly";
 }
 export declare const SubMenuFr: ({ "aria-label": ariaLabel, className, disabled, direction, label, openTrigger, onMenuChange, isHovering, instanceRef, menuItemRef, itemProps, ...restProps }: SubMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SubMenu: import("react").ForwardRefExoticComponent<Omit<SubMenuProps, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const SubMenu: import("react").ForwardRefExoticComponent<Omit<SubMenuProps, "ref"> & import("react").RefAttributes<any>>;
 export {};

package/dist/src/react-menu3/utils/withHovering.d.ts

@@ -4,4 +4,4 @@ export interface withHoveringResultProps {
     externalRef?: MutableRefObject<any>;
     menuItemRef?: MutableRefObject<HTMLLIElement>;
 }
-export declare const withHovering: <T>(name: string, WrappedComponent: (props: T) => ReactElement) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithRef<T>> & import("react").RefAttributes<unknown>>;
+export declare const withHovering: <X extends Record<string, any>, T extends PropsWithRef<X>>(name: string, WrappedComponent: (props: T) => ReactElement) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T> & import("react").RefAttributes<any>>;

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

@@ -336,9 +336,9 @@ const usePostSortRowsHook = ({ setStaleGrid }) => {
         }
         const newSortOrder = JSON.stringify(copyCurrentSortSettings());
         let sortOrderChanged = newSortOrder != lastSortOrderHash.current;
-        const quickFilter = api.filterManager.quickFilter;
+        const quickFilter = api.getQuickFilter();
         if (previousQuickFilter.current != quickFilter) {
-            previousQuickFilter.current = quickFilter;
+            previousQuickFilter.current = quickFilter ?? "";
             sortOrderChanged = true;
         }
         if (lodashEs.isEmpty(previousRowSortIndex)) {
@@ -660,7 +660,7 @@ const withHovering = (name, WrappedComponent) => {
     const Component = React.memo(WrappedComponent);
     const WithHovering = React.forwardRef((props, ref) => {
         const menuItemRef = React.useRef(null);
-        return (jsxRuntime.jsx(Component, { ...props, menuItemRef: menuItemRef, externalRef: ref, isHovering: React.useContext(HoverItemContext) === menuItemRef.current }));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Component, { ...props, menuItemRef: menuItemRef, externalRef: ref, isHovering: React.useContext(HoverItemContext) === menuItemRef.current }) }));
     });
     WithHovering.displayName = `WithHovering(${name})`;
     return WithHovering;
@@ -2541,6 +2541,7 @@ const Grid = ({ "data-testid": dataTestId, defaultPostSort = true, rowSelection
                         exportable: false,
                     },
                     checkboxSelection: params.selectable,
+                    headerClass: params.onRowDragEnd ? "ag-header-select-draggable" : undefined,
                     headerComponent: rowSelection === "multiple" ? GridHeaderSelect : null,
                     suppressHeaderKeyboardEvent: (e) => {
                         if (!params.selectable)
@@ -2813,7 +2814,7 @@ const Grid = ({ "data-testid": dataTestId, defaultPostSort = true, rowSelection
     // This is setting a ref in the GridContext so won't be triggering an update loop
     setOnCellEditingComplete(params.onCellEditingComplete);
     const headerRowCount = columnDefs.some((c) => c.children) ? 2 : 1;
-    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx("Grid-container", theme, "theme-specific", staleGrid && "Grid-sortIsStale", gridReady && rowData && autoSized && "Grid-ready"), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.AgGridReact, { reactiveCustomComponents: true, rowHeight: rowHeight, animateRows: params.animateRows ?? false, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: () => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx("Grid-container", theme, "theme-specific", staleGrid && "Grid-sortIsStale", gridReady && rowData && autoSized && "Grid-ready"), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.AgGridReact, { rowHeight: rowHeight, animateRows: params.animateRows ?? false, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: () => {
                         setInitialContentSize();
                     }, onRowDataUpdated: onRowDataChanged, onCellKeyDown: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, onColumnResized: onColumnResized, defaultColDef: { minWidth: 48, ...lodashEs.omit(params.defaultColDef, ["editable"]) }, columnDefs: columnDefsAdjusted, rowData: rowData, noRowsOverlayComponent: (event) => {
                         let rowCount = 0;
@@ -2906,7 +2907,7 @@ const suppressCellKeyboardEvents = (e) => {
     const exec = shortcutKeys[e.event.key];
     if (exec && !e.editing && !e.event.repeat && e.event.type === "keydown") {
         const editable = fnOrVar(e.colDef?.editable, e);
-        return editable ? exec(e) ?? true : true;
+        return editable ? (exec(e) ?? true) : true;
     }
     // It's important that aggrid doesn't trigger edit on enter
     // as the incorrect selected rows will be returned