@linzjs/step-ag-grid 21.3.0 → 22.0.1

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/lui/TextAreaInput.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes, ReactElement } from "react";
-export declare const useGenerateOrDefaultId: (idFromProps?: string) => string;
 export interface LuiTextAreaInputProps extends InputHTMLAttributes<HTMLTextAreaElement> {
     value: string;
     label?: ReactElement | string;

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
@@ -4250,65 +4251,9 @@ const GridFormPopoverMenu = (props) => {
                             }, children: jsxRuntime.jsx("div", { className: "subComponent", children: item.subComponent && jsxRuntime.jsx(item.subComponent, {}) }) })) }, `${item.label}_subcomponent`))] }, `${item.label}`))))) }) }));
 };
 
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-var byteToHex = [];
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  //
-  // Note to future-self: No, you can't remove the `toLowerCase()` call.
-  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-}
-
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-  return getRandomValues(rnds8);
-}
-
-var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)();
-
-  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80;
-  return unsafeStringify(rnds);
-}
-
-const useGenerateOrDefaultId = (idFromProps) => {
-    const [id] = React.useState(idFromProps ? idFromProps : v4());
-    return id;
-};
 const TextAreaInput = (props) => {
-    const id = useGenerateOrDefaultId(props?.id);
+    const reactId = React.useId();
+    const id = props?.id ?? reactId;
     return (jsxRuntime.jsxs("div", { className: clsx("LuiTextAreaInput Grid-popoverContainer", props.disabled ? "isDisabled" : "", props.error ? "hasError" : "", props.className), children: [jsxRuntime.jsxs("label", { htmlFor: id, children: [props.mandatory != null && jsxRuntime.jsx("span", { className: "LuiTextAreaInput-mandatory", children: "*" }), props.label != null && jsxRuntime.jsx("span", { className: "LuiTextAreaInput-label", children: props.label }), jsxRuntime.jsx("div", { className: "LuiTextAreaInput-wrapper", children: jsxRuntime.jsx("textarea", { rows: 5, ...lodashEs.omit(props, ["error", "value", "helpText", "formatted", "className", "allowTabToSave"]), id: id, value: props.value ?? "", spellCheck: true, onMouseEnter: (e) => {
                                 if (document.activeElement != e.currentTarget) {
                                     e.currentTarget.focus();
@@ -5401,7 +5346,6 @@ exports.sanitiseFileName = sanitiseFileName;
 exports.stringByteLengthIsInvalid = stringByteLengthIsInvalid;
 exports.suppressCellKeyboardEvents = suppressCellKeyboardEvents;
 exports.useDeferredPromise = useDeferredPromise;
-exports.useGenerateOrDefaultId = useGenerateOrDefaultId;
 exports.useGridContext = useGridContext;
 exports.useGridContextMenu = useGridContextMenu;
 exports.useGridFilter = useGridFilter;