@linzjs/step-ag-grid 30.4.4 → 31.1.1

package/dist/step-ag-grid.cjs

@@ -57826,6 +57826,79 @@ var AgGridReact = class extends React13.Component {
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
+const NoContext = () => {
+    console.error('Missing GridContextProvider');
+    return null;
+};
+const GridContext = React13.createContext({
+    gridReady: false,
+    gridRenderState: () => null,
+    getCellValue: NoContext,
+    getColDef: NoContext,
+    getColumns: NoContext,
+    getColumnIds: NoContext,
+    invisibleColumnIds: undefined,
+    setInvisibleColumnIds: NoContext,
+    prePopupOps: NoContext,
+    externallySelectedItemsAreInSync: false,
+    setApis: NoContext,
+    setQuickFilter: NoContext,
+    selectRowsById: NoContext,
+    getSelectedRows: NoContext,
+    getFilteredSelectedRows: NoContext,
+    getSelectedRowIds: NoContext,
+    getFilteredSelectedRowIds: NoContext,
+    selectRowsDiff: NoContext,
+    selectRowsByIdWithFlash: NoContext,
+    selectRowsWithFlashDiff: NoContext,
+    flashRows: NoContext,
+    flashRowsDiff: NoContext,
+    focusByRowById: NoContext,
+    ensureRowVisible: NoContext,
+    ensureSelectedRowIsVisible: NoContext,
+    getFirstRowId: NoContext,
+    autoSizeColumns: NoContext,
+    sizeColumnsToFit: NoContext,
+    editingCells: NoContext,
+    startCellEditing: NoContext,
+    resetFocusedCellAfterCellEditing: NoContext,
+    updatingCells: NoContext,
+    redrawRows: NoContext,
+    setExternallySelectedItemsAreInSync: NoContext,
+    waitForExternallySelectedItemsToBeInSync: NoContext,
+    addExternalFilter: NoContext,
+    removeExternalFilter: NoContext,
+    isExternalFilterPresent: NoContext,
+    doesExternalFilterPass: NoContext,
+    downloadCsv: NoContext,
+    onBulkEditingComplete: NoContext,
+    setOnBulkEditingComplete: NoContext,
+    showNoRowsOverlay: NoContext,
+});
+const useGridContext = () => React13.useContext(GridContext);
+
+const GridUpdatingContext = React13.createContext({
+    anyUpdating: () => {
+        console.error('Missing GridUpdatingContext');
+        return false;
+    },
+    checkUpdating: () => {
+        console.error('Missing GridUpdatingContext');
+        return false;
+    },
+    updatingCols: () => {
+        console.error('Missing GridUpdatingContext');
+        return [];
+    },
+    // eslint-disable-next-line @typescript-eslint/require-await
+    modifyUpdating: async () => {
+        console.error('Missing GridUpdatingContext');
+    },
+    updatedDep: 0,
+});
+
+const isStorybook = window.IS_STORYBOOK;
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -58221,95 +58294,45 @@ function requireLodash_debounce () {
 requireLodash_debounce();
 
 var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React13.useLayoutEffect : React13.useEffect;
+
+/**
+ * Copied from usehooks-ts
+ *
+ * Custom hook that creates an interval that invokes a callback function at a specified delay using the [`setInterval API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
+ * @param {() => void} callback - The function to be invoked at each interval.
+ * @param {number | null} delay - The time, in milliseconds, between each invocation of the callback. Use `null` to clear the interval.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-interval)
+ * @example
+ * ```tsx
+ * const handleInterval = () => {
+ *   // Code to be executed at each interval
+ * };
+ * useInterval(handleInterval, 1000);
+ * ```
+ */
 function useInterval(callback, delay) {
-  const savedCallback = React13.useRef(callback);
-  useIsomorphicLayoutEffect$1(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  React13.useEffect(() => {
-    if (delay === null) {
-      return;
-    }
-    const id = setInterval(() => {
-      savedCallback.current();
-    }, delay);
-    return () => {
-      clearInterval(id);
-    };
-  }, [delay]);
+    const savedCallback = React13.useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect$1(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React13.useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (delay === null) {
+            return;
+        }
+        const id = setInterval(() => {
+            savedCallback.current();
+        }, delay);
+        return () => {
+            clearInterval(id);
+        };
+    }, [delay]);
 }
 
-const NoContext = () => {
-    console.error('Missing GridContextProvider');
-    return null;
-};
-const GridContext = React13.createContext({
-    gridReady: false,
-    gridRenderState: () => null,
-    getCellValue: NoContext,
-    getColDef: NoContext,
-    getColumns: NoContext,
-    getColumnIds: NoContext,
-    invisibleColumnIds: undefined,
-    setInvisibleColumnIds: NoContext,
-    prePopupOps: NoContext,
-    externallySelectedItemsAreInSync: false,
-    setApis: NoContext,
-    setQuickFilter: NoContext,
-    selectRowsById: NoContext,
-    getSelectedRows: NoContext,
-    getFilteredSelectedRows: NoContext,
-    getSelectedRowIds: NoContext,
-    getFilteredSelectedRowIds: NoContext,
-    selectRowsDiff: NoContext,
-    selectRowsByIdWithFlash: NoContext,
-    selectRowsWithFlashDiff: NoContext,
-    flashRows: NoContext,
-    flashRowsDiff: NoContext,
-    focusByRowById: NoContext,
-    ensureRowVisible: NoContext,
-    ensureSelectedRowIsVisible: NoContext,
-    getFirstRowId: NoContext,
-    autoSizeColumns: NoContext,
-    sizeColumnsToFit: NoContext,
-    editingCells: NoContext,
-    startCellEditing: NoContext,
-    resetFocusedCellAfterCellEditing: NoContext,
-    updatingCells: NoContext,
-    redrawRows: NoContext,
-    setExternallySelectedItemsAreInSync: NoContext,
-    waitForExternallySelectedItemsToBeInSync: NoContext,
-    addExternalFilter: NoContext,
-    removeExternalFilter: NoContext,
-    isExternalFilterPresent: NoContext,
-    doesExternalFilterPass: NoContext,
-    downloadCsv: NoContext,
-    onBulkEditingComplete: NoContext,
-    setOnBulkEditingComplete: NoContext,
-    showNoRowsOverlay: NoContext,
-});
-const useGridContext = () => React13.useContext(GridContext);
-
-const GridUpdatingContext = React13.createContext({
-    anyUpdating: () => {
-        console.error('Missing GridUpdatingContext');
-        return false;
-    },
-    checkUpdating: () => {
-        console.error('Missing GridUpdatingContext');
-        return false;
-    },
-    updatingCols: () => {
-        console.error('Missing GridUpdatingContext');
-        return [];
-    },
-    // eslint-disable-next-line @typescript-eslint/require-await
-    modifyUpdating: async () => {
-        console.error('Missing GridUpdatingContext');
-    },
-    updatedDep: 0,
-});
-
 var lib = {};
 
 var hasRequiredLib;
@@ -58549,7 +58572,9 @@ const GridHeaderSelect = ({ api }) => {
         };
         api.addEventListener('selectionChanged', clickHandler);
         return () => {
-            !api.isDestroyed() && api.removeEventListener('selectionChanged', clickHandler);
+            if (!api.isDestroyed()) {
+                api.removeEventListener('selectionChanged', clickHandler);
+            }
         };
     }, [api, updateCounter]);
     const handleMultiSelect = () => {
@@ -58615,12 +58640,13 @@ const SettingsContext = React13.createContext({});
 const useBEM = ({ block, element, modifiers, className }) => React13.useMemo(() => {
     const blockElement = element ? `${block}__${element}` : block;
     let classString = blockElement;
-    modifiers &&
+    if (modifiers) {
         Object.keys(modifiers).forEach((name) => {
             const value = modifiers[name];
             if (value)
                 classString += ` ${blockElement}--${value === true ? name : `${name}-${value}`}`;
         });
+    }
     let expandedClassName = typeof className === 'function' ? className(modifiers) : className;
     if (typeof expandedClassName === 'string') {
         expandedClassName = expandedClassName.trim();
@@ -58737,7 +58763,7 @@ function safeCall(fn, arg) {
 const internalKey = '_szhsinMenu';
 const getName = (component) => component[internalKey];
 const mergeProps = (target, source) => {
-    source &&
+    if (source) {
         Object.keys(source).forEach((key) => {
             const targetProp = target[key];
             const sourceProp = source[key];
@@ -58751,6 +58777,7 @@ const mergeProps = (target, source) => {
                 target[key] = sourceProp;
             }
         });
+    }
     return target;
 };
 const parsePadding = (paddingStr) => {
@@ -58933,10 +58960,12 @@ const useItemState = (menuItemRef, focusRef, isHovering, isDisabled) => {
     const { isParentOpen, isSubmenuOpen, dispatch, updateItems } = React13.useContext(MenuListItemContext);
     const timeoutId = React13.useRef(undefined);
     const setHover = () => {
-        !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, menuItemRef?.current, 0);
+        if (!isHovering && !isDisabled)
+            dispatch(HoverActionTypes.SET, menuItemRef?.current, 0);
     };
     const unsetHover = () => {
-        !isDisabled && dispatch(HoverActionTypes.UNSET, menuItemRef?.current, 0);
+        if (!isDisabled)
+            dispatch(HoverActionTypes.UNSET, menuItemRef?.current, 0);
     };
     const onBlur = (e) => {
         // Focus has moved out of the entire item
@@ -58961,7 +58990,9 @@ const useItemState = (menuItemRef, focusRef, isHovering, isDisabled) => {
             clearTimeout(timeoutId.current);
             timeoutId.current = undefined;
         }
-        !keepHover && unsetHover();
+        if (!keepHover) {
+            unsetHover();
+        }
     };
     useItemEffect(isDisabled, menuItemRef, updateItems);
     React13.useEffect(() => () => clearTimeout(timeoutId.current), []);
@@ -58969,7 +59000,9 @@ const useItemState = (menuItemRef, focusRef, isHovering, isDisabled) => {
         // Don't set focus when parent menu is closed, otherwise focus will be lost
         // and onBlur event will be fired with relatedTarget setting as null.
         if (isHovering && isParentOpen) {
-            focusRef?.current && focusRef.current.focus();
+            if (focusRef?.current) {
+                focusRef.current.focus();
+            }
         }
     }, [focusRef, isHovering, isParentOpen]);
     return {
@@ -58989,6 +59022,7 @@ const useMenuChange = (onMenuChange, isOpen) => {
     }, [onMenuChange, isOpen]);
 };
 
+//#region src/utils.ts
 const PRE_ENTER = 0;
 const ENTERING = 1;
 const ENTERED = 2;
@@ -58996,84 +59030,89 @@ const PRE_EXIT = 3;
 const EXITING = 4;
 const EXITED = 5;
 const UNMOUNTED = 6;
-const STATUS = ['preEnter', 'entering', 'entered', 'preExit', 'exiting', 'exited', 'unmounted'];
-const getState = status => ({
-  _s: status,
-  status: STATUS[status],
-  isEnter: status < PRE_EXIT,
-  isMounted: status !== UNMOUNTED,
-  isResolved: status === ENTERED || status > EXITING
+const STATUS = [
+	"preEnter",
+	"entering",
+	"entered",
+	"preExit",
+	"exiting",
+	"exited",
+	"unmounted"
+];
+const getState = (status) => ({
+	_s: status,
+	status: STATUS[status],
+	isEnter: status < PRE_EXIT,
+	isMounted: status !== UNMOUNTED,
+	isResolved: status === ENTERED || status > EXITING
 });
-const startOrEnd = unmounted => unmounted ? UNMOUNTED : EXITED;
+const startOrEnd = (unmounted) => unmounted ? UNMOUNTED : EXITED;
 const getEndStatus = (status, unmountOnExit) => {
-  switch (status) {
-    case ENTERING:
-    case PRE_ENTER:
-      return ENTERED;
-    case EXITING:
-    case PRE_EXIT:
-      return startOrEnd(unmountOnExit);
-  }
-};
-const getTimeout = timeout => typeof timeout === 'object' ? [timeout.enter, timeout.exit] : [timeout, timeout];
-const nextTick = (transitState, status) => setTimeout(() => {
-  // Reading document.body.offsetTop can force browser to repaint before transition to the next state
-  isNaN(document.body.offsetTop) || transitState(status + 1);
+	switch (status) {
+		case ENTERING:
+		case PRE_ENTER: return ENTERED;
+		case EXITING:
+		case PRE_EXIT: return startOrEnd(unmountOnExit);
+	}
+};
+const getTimeout = (timeout) => typeof timeout === "object" ? [timeout.enter, timeout.exit] : [timeout, timeout];
+const _setTimeout = (...args) => setTimeout(...args);
+const nextTick = (transitState, status) => _setTimeout(() => {
+	isNaN(document.body.offsetTop) || transitState(status + 1);
 }, 0);
 
+//#region src/useTransitionState.ts
 const updateState = (status, setState, latestState, timeoutId, onChange) => {
-  clearTimeout(timeoutId.current);
-  const state = getState(status);
-  setState(state);
-  latestState.current = state;
-  onChange && onChange({
-    current: state
-  });
-};
-const useTransitionState = ({
-  enter = true,
-  exit = true,
-  preEnter,
-  preExit,
-  timeout,
-  initialEntered,
-  mountOnEnter,
-  unmountOnExit,
-  onStateChange: onChange
-} = {}) => {
-  const [state, setState] = React13.useState(() => getState(initialEntered ? ENTERED : startOrEnd(mountOnEnter)));
-  const latestState = React13.useRef(state);
-  const timeoutId = React13.useRef();
-  const [enterTimeout, exitTimeout] = getTimeout(timeout);
-  const endTransition = React13.useCallback(() => {
-    const status = getEndStatus(latestState.current._s, unmountOnExit);
-    status && updateState(status, setState, latestState, timeoutId, onChange);
-  }, [onChange, unmountOnExit]);
-  const toggle = React13.useCallback(toEnter => {
-    const transitState = status => {
-      updateState(status, setState, latestState, timeoutId, onChange);
-      switch (status) {
-        case ENTERING:
-          if (enterTimeout >= 0) timeoutId.current = setTimeout(endTransition, enterTimeout);
-          break;
-        case EXITING:
-          if (exitTimeout >= 0) timeoutId.current = setTimeout(endTransition, exitTimeout);
-          break;
-        case PRE_ENTER:
-        case PRE_EXIT:
-          timeoutId.current = nextTick(transitState, status);
-          break;
-      }
-    };
-    const enterStage = latestState.current.isEnter;
-    if (typeof toEnter !== 'boolean') toEnter = !enterStage;
-    if (toEnter) {
-      !enterStage && transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
-    } else {
-      enterStage && transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
-    }
-  }, [endTransition, onChange, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
-  return [state, toggle, endTransition];
+	clearTimeout(timeoutId.current);
+	const state = getState(status);
+	setState(state);
+	latestState.current = state;
+	onChange && onChange({ current: state });
+};
+const useTransitionState = ({ enter = true, exit = true, preEnter, preExit, timeout, initialEntered, mountOnEnter, unmountOnExit, onStateChange: onChange } = {}) => {
+	const [state, setState] = React13.useState(() => getState(initialEntered ? ENTERED : startOrEnd(mountOnEnter)));
+	const latestState = React13.useRef(state);
+	const timeoutId = React13.useRef(0);
+	const [enterTimeout, exitTimeout] = getTimeout(timeout);
+	const endTransition = React13.useCallback(() => {
+		const status = getEndStatus(latestState.current._s, unmountOnExit);
+		status && updateState(status, setState, latestState, timeoutId, onChange);
+	}, [onChange, unmountOnExit]);
+	return [
+		state,
+		React13.useCallback((toEnter) => {
+			const transitState = (status) => {
+				updateState(status, setState, latestState, timeoutId, onChange);
+				switch (status) {
+					case ENTERING:
+						if (enterTimeout >= 0) timeoutId.current = _setTimeout(endTransition, enterTimeout);
+						break;
+					case EXITING:
+						if (exitTimeout >= 0) timeoutId.current = _setTimeout(endTransition, exitTimeout);
+						break;
+					case PRE_ENTER:
+					case PRE_EXIT:
+						timeoutId.current = nextTick(transitState, status);
+						break;
+				}
+			};
+			const enterStage = latestState.current.isEnter;
+			if (typeof toEnter !== "boolean") toEnter = !enterStage;
+			if (toEnter) !enterStage && transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
+			else enterStage && transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
+		}, [
+			endTransition,
+			onChange,
+			enter,
+			exit,
+			preEnter,
+			preExit,
+			enterTimeout,
+			exitTimeout,
+			unmountOnExit
+		]),
+		endTransition
+	];
 };
 
 /**
@@ -59503,7 +59542,9 @@ const MenuList = ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowSt
         if (state === 'closing') {
             setOverflowData(undefined); // reset overflowData after closing
         }
-        endTransition && safeCall(endTransition);
+        if (endTransition) {
+            safeCall(endTransition);
+        }
     };
     const handlePosition = React13.useCallback((noOverflowCheck) => {
         if (!containerRef?.current) {
@@ -59759,7 +59800,12 @@ const MenuList = ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowSt
     let maxHeight;
     let overflowAmt;
     if (overflowData) {
-        setDownOverflow ? (overflowAmt = overflowData.overflowAmt) : (maxHeight = overflowData.height);
+        if (setDownOverflow) {
+            overflowAmt = overflowData.overflowAmt;
+        }
+        else {
+            maxHeight = overflowData.height;
+        }
     }
     const listContext = React13.useMemo(() => ({
         reposSubmenu,
@@ -59937,7 +59983,8 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
                     lastTabDownEl.current = activeElement;
                 }
                 else {
-                    lastTabDownEl.current == activeElement && invokeSave(tabDirection);
+                    if (lastTabDownEl.current == activeElement)
+                        invokeSave(tabDirection);
                 }
             }
         }
@@ -59954,7 +60001,8 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
                             lastEnterDownEl.current = activeElement;
                         }
                         else {
-                            lastEnterDownEl.current == activeElement && invokeSave(CloseReason.CLICK);
+                            if (lastEnterDownEl.current == activeElement)
+                                invokeSave(CloseReason.CLICK);
                         }
                     }
                 }
@@ -60109,7 +60157,7 @@ function MenuFr({ 'aria-label': ariaLabel, menuButton, instanceRef, onMenuChange
     const handleClose = React13.useCallback((e) => {
         toggleMenu(false);
         if (e.key)
-            buttonRef.current && buttonRef.current.focus();
+            buttonRef?.current?.focus();
     }, [toggleMenu]);
     const onClick = (e) => {
         if (skipOpen.current)
@@ -60250,7 +60298,7 @@ const MenuItemFr = ({ className, value, href, type, checked, disabled, children,
                 e.preventDefault();
                 e.stopPropagation();
                 if (isAnchor) {
-                    menuItemRef?.current && menuItemRef.current.click();
+                    menuItemRef?.current.click();
                 }
                 else {
                     handleClick(e);
@@ -60322,7 +60370,8 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
     const openMenu = (...args) => {
         stopTimer();
         setHover();
-        !isDisabled && _openMenu(...args);
+        if (!isDisabled)
+            _openMenu(...args);
     };
     const setHover = () => !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, menuItemRef?.current, 0);
     const delayOpen = (delay) => {
@@ -60351,7 +60400,7 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
             // LEFT key is bubbled up from submenu items
             case Keys.LEFT:
                 if (isOpen) {
-                    menuItemRef?.current && menuItemRef.current.focus();
+                    menuItemRef?.current.focus();
                     toggleMenu(false);
                     handled = true;
                 }
@@ -60374,7 +60423,8 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
             case Keys.ENTER:
             case Keys.SPACE:
             case Keys.RIGHT:
-                openTrigger !== 'none' && openMenu(FocusPositions.FIRST);
+                if (openTrigger !== 'none')
+                    openMenu(FocusPositions.FIRST);
                 break;
         }
     };
@@ -60385,7 +60435,7 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
         // Don't set focus when parent menu is closed, otherwise focus will be lost
         // and onBlur event will be fired with relatedTarget setting as null.
         if (isHovering && isParentOpen) {
-            menuItemRef?.current && menuItemRef.current.focus();
+            menuItemRef?.current?.focus();
         }
         else {
             toggleMenu(false);
@@ -60396,11 +60446,12 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
     }, [setOpenSubmenuCount, isOpen]);
     React13.useImperativeHandle(instanceRef, () => ({
         openMenu: (...args) => {
-            isParentOpen && openMenu(...args);
+            if (isParentOpen)
+                openMenu(...args);
         },
         closeMenu: () => {
             if (isOpen) {
-                menuItemRef?.current && menuItemRef.current.focus();
+                menuItemRef?.current?.focus();
                 toggleMenu(false);
             }
         },
@@ -60696,7 +60747,17 @@ const useGridCopy = ({ ranges, rangeStartRef, rangeEndRef, hasSelectedMoreThanOn
         else {
             void navigator.clipboard.writeText(result).catch((err) => console.error('Failed to copy: ', err));
         }
-    }, [getCellValue, ranges, copyType]);
+    }, [
+        getCellValue,
+        ranges,
+        copyType,
+        rangeStartRef,
+        hasSelectedMoreThanOneCellRef,
+        rangeEndRef,
+        showToast,
+        getColDef,
+        getSelectedRowIds,
+    ]);
     const onCopyEvent = React13.useCallback((e) => {
         const rangeStart = rangeStartRef.current;
         const rangeEnd = rangeEndRef.current;
@@ -60709,7 +60770,7 @@ const useGridCopy = ({ ranges, rangeStartRef, rangeEndRef, hasSelectedMoreThanOn
         }
         e.preventDefault();
         onCopy();
-    }, [onCopy]);
+    }, [onCopy, rangeStartRef, rangeEndRef, hasSelectedMoreThanOneCellRef]);
     const { cellContextMenu: rangeSelectContextMenu, contextMenuComponent: rangeSelectContextMenuComponent } = useGridContextMenu({
         contextMenu: (GridRangeSelectContextMenu),
         context: { onCopy, copyType, setCopyType },
@@ -60718,7 +60779,7 @@ const useGridCopy = ({ ranges, rangeStartRef, rangeEndRef, hasSelectedMoreThanOn
         return hasSelectedMoreThanOneCellRef.current && rangeStartRef.current !== null
             ? rangeSelectContextMenu(event)
             : cellContextMenu(event);
-    }, [cellContextMenu, rangeSelectContextMenu]);
+    }, [cellContextMenu, rangeSelectContextMenu, rangeStartRef, hasSelectedMoreThanOneCellRef]);
     return {
         onCopyEvent,
         rangeSelectInterceptContextMenu,
@@ -60768,7 +60829,7 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
         const endRowIndex = rangeSortedNodes.findIndex((node) => node.data.id === rangeEnd.rowId);
         const selectedNodes = rangeSortedNodes.slice(Math.min(startRowIndex, endRowIndex), Math.max(startRowIndex, endRowIndex) + 1);
         return { selectedColIds, selectedNodes };
-    }, []);
+    }, [gridDivRef, rangeSortedNodesRef, rangeStartRef, rangeEndRef]);
     const redrawSelectedRanges = React13.useCallback(() => {
         const gridElement = gridDivRef.current;
         const { selectedColIds, selectedNodes } = ranges();
@@ -60791,7 +60852,7 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
                 }
             });
         });
-    }, []);
+    }, [ranges, gridDivRef]);
     const updateRangeSelectionCellClasses = React13.useCallback((justRefresh) => {
         //
         // Get all grid cols, sort by pinned, then style: left
@@ -60829,7 +60890,7 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
             return;
         }
         redrawSelectedRanges();
-    }, [ranges, redrawSelectedRanges]);
+    }, [redrawSelectedRanges, rangeStartRef, rangeEndRef, gridDivRef, hasSelectedMoreThanOneCellRef, rangeSortedNodesRef]);
     // Handle updates after scroll / grid refresh
     useInterval(() => {
         updateRangeSelectionCellClasses(true);
@@ -60841,16 +60902,16 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
         rangeStartRef.current = null;
         rangeEndRef.current = null;
         updateRangeSelectionCellClasses();
-    }, [updateRangeSelectionCellClasses]);
+    }, [updateRangeSelectionCellClasses, hasSelectedMoreThanOneCellRef, rangeStartRef, rangeEndRef]);
     const mouseDownRef = React13.useRef([0, 0]);
     const trackMouseDown = React13.useCallback((e) => {
         mouseDownRef.current = [e.screenX, e.screenY];
-    }, []);
+    }, [mouseDownRef]);
     const trackMouseUp = React13.useCallback((e) => {
         if (rangeEndRef.current) {
             rangeEndRef.current.clickLocation = [e.screenX, e.screenY];
         }
-    }, []);
+    }, [rangeEndRef]);
     React13.useEffect(() => {
         document.addEventListener('mousedown', trackMouseDown, { capture: true });
         document.addEventListener('mouseup', trackMouseUp, { capture: true });
@@ -60858,7 +60919,7 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
             document.removeEventListener('mousemove', trackMouseDown, { capture: true });
             document.removeEventListener('mouseup', trackMouseUp, { capture: true });
         };
-    }, []);
+    }, [trackMouseDown, trackMouseUp]);
     const onCellMouseOver = React13.useCallback((e, mouseDown) => {
         if (!enableRangeSelection) {
             return;
@@ -60890,14 +60951,21 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
             window.getSelection()?.removeAllRanges();
         }
         updateRangeSelectionCellClasses();
-    }, [enableRangeSelection, updateRangeSelectionCellClasses]);
+    }, [
+        enableRangeSelection,
+        updateRangeSelectionCellClasses,
+        hasSelectedMoreThanOneCellRef,
+        rangeEndRef,
+        rangeSortedNodesRef,
+        rangeStartRef,
+    ]);
     const onCellMouseDown = React13.useCallback((e) => {
         const button = e.event.buttons;
         if (button === 1) {
             clearRangeSelection();
         }
         onCellMouseOver(e, true);
-    }, [onCellMouseOver]);
+    }, [onCellMouseOver, clearRangeSelection]);
     return { clearRangeSelection, ranges, onCellMouseDown, onCellMouseOver };
 };
 
@@ -61051,7 +61119,9 @@ const usePostSortRowsHook = ({ setStaleGrid }) => {
                 };
                 wasStale = true;
                 // For some reason AgGrid mis-positions the inserted row.
-                lastNewNode && redrawRows();
+                if (lastNewNode) {
+                    redrawRows();
+                }
             }
             else if (changedRowCount == 1 && newRowCount === 0) {
                 // User edited one row so, do nothing, retain sort
@@ -61246,7 +61316,9 @@ maxInitialWidth,
                 selectRowsById([firstRowId]);
             }
             else {
-                focusByRowById(firstRowId, true);
+                if (!isStorybook) {
+                    focusByRowById(firstRowId, true);
+                }
             }
         }
     }, [
@@ -61603,7 +61675,7 @@ maxInitialWidth,
             const adjustedColDef = {
                 ...colDef,
                 // You cannot pass a width to a flex
-                width: !!colDef.flex ? undefined : colDef.width,
+                width: colDef.flex ? undefined : colDef.width,
                 ...(!!colDef.flex && { flexAutoSizeWidth: colDef.width }),
                 // If this is allowed flex columns don't size based on flex
                 suppressSizeToFit: true,
@@ -62047,9 +62119,11 @@ const useGridFilter = (filter) => {
     const { addExternalFilter, removeExternalFilter } = useGridContext();
     React13.useEffect(() => {
         const thisFilter = filter;
-        thisFilter && addExternalFilter(thisFilter);
+        if (thisFilter)
+            addExternalFilter(thisFilter);
         return () => {
-            thisFilter && removeExternalFilter(thisFilter);
+            if (thisFilter)
+                removeExternalFilter(thisFilter);
         };
     }, [addExternalFilter, filter, removeExternalFilter]);
 };
@@ -62062,7 +62136,7 @@ const GridFilterButtons = ({ className, luiButtonProps, options, }) => {
     return (jsxRuntime.jsx("div", { className: clsx(className, 'flex-col-center'), children: jsxRuntime.jsx(lui.LuiButtonGroup, { children: options.map((option, index) => (jsxRuntime.jsx(lui.LuiButton, { ...luiButtonProps, className: clsx(`lui-button lui-button-secondary`, selectedOption?.label === option.label && `lui-button-active`, luiButtonProps?.className), onClick: () => setSelectedOption(option), children: option.label }, `${index}`))) }) }));
 };
 
-var css_248z$3 = ".GridFilterColsMultiSelect{background:#fff;font-family:Open Sans,system-ui,sans-serif;font-style:normal;font-weight:600;padding:8px}.GridFilterColsMultiSelect .LuiSelect-label-text{color:#6b6966;display:inline-block}.GridFilterColsMultiSelect .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;line-height:24px;margin-bottom:0}";
+var css_248z$3 = ".GridFilterColsMultiSelect{background:#fff;font-family:Open Sans,system-ui,sans-serif;font-style:normal;font-weight:600;padding:8px}.GridFilterColsMultiSelect .LuiSelect-label-text{color:#6b6966;display:inline-block}.GridFilterColsMultiSelect .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;margin-bottom:0}";
 styleInject(css_248z$3);
 
 const EMPTY_KEY = '__EMPTY__';
@@ -62261,7 +62335,8 @@ const GridFilterColumnsToggle = ({ saveState = true }) => {
                         console.error(`stored invisible ids not strings: ${stored}`);
                     }
                     else {
-                        invisibleIds && setInvisibleColumnIds(invisibleIds);
+                        if (invisibleIds)
+                            setInvisibleColumnIds(invisibleIds);
                     }
                 }
             }
@@ -62273,10 +62348,9 @@ const GridFilterColumnsToggle = ({ saveState = true }) => {
     }, [columnStorageKey, getColumns, loaded, resetColumns, saveState, setInvisibleColumnIds]);
     // Save state on column visibility change
     React13.useEffect(() => {
-        loaded &&
-            columnStorageKey &&
-            saveState &&
+        if (loaded && columnStorageKey && saveState) {
             window.localStorage.setItem(columnStorageKey, JSON.stringify(invisibleColumnIds));
+        }
     }, [columnStorageKey, invisibleColumnIds, loaded, saveState]);
     const toggleColumn = React13.useCallback((colId) => {
         if (!colId || !invisibleColumnIds)
@@ -62919,7 +62993,7 @@ styleInject(css_248z$1);
 const TextInputFormatted = (props) => {
     return (jsxRuntime.jsxs("div", { className: clsx('LuiTextInput GridLuiTextInput Grid-popoverContainer', props.error && 'hasError', props.className), children: [jsxRuntime.jsxs("span", { className: "LuiTextInput-inputWrapper", children: [jsxRuntime.jsx("input", { type: 'text', spellCheck: true, defaultValue: props.value, ...lodashEs.omit(props, ['error', 'value', 'helpText', 'formatted', 'className', 'allowTabToSave']), className: 'LuiTextInput-input', onMouseEnter: (e) => {
                             e.currentTarget.focus();
-                            props.onMouseEnter && props.onMouseEnter(e);
+                            props.onMouseEnter?.(e);
                         }, "data-allowtabtosave": props.allowTabToSave }), jsxRuntime.jsx("span", { className: 'LuiTextInput-formatted', children: props.formatted })] }), jsxRuntime.jsx(FormError, { error: props.error, helpText: props.helpText })] }));
 };
 
@@ -63358,12 +63432,16 @@ const FilterInput = (props) => {
                     void triggerSave();
                     return;
                 }
-                onSelectFilter && addCustomFilterValue();
+                if (onSelectFilter) {
+                    addCustomFilterValue();
+                }
             }
             lastKeyWasEnter.current = true;
         }
         else if (e.key === 'Control') {
-            lastKeyWasEnter.current && setFilter('');
+            if (lastKeyWasEnter.current) {
+                setFilter('');
+            }
             lastKeyWasEnter.current = false;
         }
         else {
@@ -63384,7 +63462,9 @@ const MenuRadioItem = (props) => {
                 e.keepOpen = true;
                 toggleValue(item);
             }
-            item.checked && props.onChecked && props.onChecked();
+            if (item.checked) {
+                props.onChecked?.();
+            }
         }, children: jsxRuntime.jsx(lui.LuiCheckboxInput, { isChecked: item.checked ?? false, value: `${item.value}`, label: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.warning && jsxRuntime.jsx(GridIcon, { icon: 'ic_warning_outline', title: item.warning }), item.label ?? (item.value == null ? `<${item.value}>` : `${item.value}`)] }), inputProps: {
                 onClick: (e) => {
                     // Click is handled by MenuItem onClick
@@ -63601,7 +63681,7 @@ const TextAreaInput = (props) => {
                                     e.currentTarget.focus();
                                     e.currentTarget.selectionStart = e.currentTarget.value.length;
                                 }
-                                props.onMouseEnter && props.onMouseEnter(e);
+                                props.onMouseEnter?.(e);
                             }, "data-allowtabtosave": props.allowTabToSave, children: props.value }) })] }), jsxRuntime.jsx(FormError, { error: props.error, helpText: props.helpText })] }));
 };
 
@@ -63997,7 +64077,7 @@ const GridContextProvider = (props) => {
                 throw 'expected exception - exit_loop';
             });
         }
-        catch (ex) {
+        catch {
             // ignore
         }
         return id;
@@ -64124,7 +64204,7 @@ const GridContextProvider = (props) => {
                         const colId = col.colId;
                         // We need to make sure we aren't currently editing a cell otherwise tests will fail
                         // as they will start to edit the cell before this stuff has a chance to run
-                        colId &&
+                        if (colId) {
                             lodashEs.delay(() => {
                                 if (!gridApi.isDestroyed() &&
                                     lodashEs.isEmpty(gridApi.getEditingCells()) &&
@@ -64136,6 +64216,7 @@ const GridContextProvider = (props) => {
                                     gridApi.setFocusedCell(rowIndex, agGridSelectRowColId);
                                 }
                             }, 100);
+                        }
                     }
                 }
             }
@@ -64152,7 +64233,9 @@ const GridContextProvider = (props) => {
             if (flash) {
                 lodashEs.delay(() => {
                     try {
-                        !gridApi.isDestroyed() && gridApi.flashCells({ rowNodes });
+                        if (!gridApi.isDestroyed()) {
+                            gridApi.flashCells({ rowNodes });
+                        }
                     }
                     catch {
                         // ignore, flash cells sometimes throws errors as nodes have gone out of scope
@@ -64443,7 +64526,9 @@ const GridContextProvider = (props) => {
                     //  !gridApi.isDestroyed && gridApi.setFocusedCell(cell.rowIndex, cell.column);
                     // }
                     // This is needed to trigger postSortRowsHook
-                    !gridApi.isDestroyed && gridApi.refreshClientSideRowModel();
+                    if (!gridApi.isDestroyed) {
+                        gridApi.refreshClientSideRowModel();
+                    }
                 }
                 void (async () => {
                     // Only focus next cell if user hasn't already manually changed focus
@@ -64469,7 +64554,9 @@ const GridContextProvider = (props) => {
     }, [gridApiOp, modifyUpdating, onBulkEditingComplete, selectNextEditableCell]);
     const redrawRows = React13.useMemo(() => debounce((rowNodes) => {
         try {
-            gridApi && gridApi.redrawRows(rowNodes ? { rowNodes } : undefined);
+            if (gridApi) {
+                gridApi.redrawRows(rowNodes ? { rowNodes } : undefined);
+            }
         }
         catch (ex) {
             console.error(ex);
@@ -64494,7 +64581,9 @@ const GridContextProvider = (props) => {
             const postHash = hasFocusedCell && getDisplayedRowsHash();
             // Ag-grid has a bug where if a focused cell comes into view after a filter the filter loses focus
             // So the focus is cleared to prevent this
-            preHash !== postHash && gridApi.clearFocusedCell();
+            if (preHash !== postHash) {
+                gridApi.clearFocusedCell();
+            }
         }
     }, 200), [gridApi]);
     const addExternalFilter = React13.useCallback((filter) => {
@@ -64523,7 +64612,9 @@ const GridContextProvider = (props) => {
         const visibleColumnsContainsAFlex = newVisibleColumns.some(isFlexColumn);
         if (!visibleColumnsContainsAFlex) {
             const fillerColumn = getColumns(isGridCellFiller)[0];
-            fillerColumn && newVisibleColumns.push(fillerColumn);
+            if (fillerColumn) {
+                newVisibleColumns.push(fillerColumn);
+            }
         }
         gridApi.setColumnsVisible(lodashEs.compact(newVisibleColumns.map(getColId)), true);
         // Hide the filler column if there's already a flex column
@@ -64696,7 +64787,12 @@ const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style,
     React13.useEffect(() => {
         if (inProgress == lastInProgress)
             return;
-        inProgress ? setLocalInProgress(true) : setLocalInProgressDeferred(false, minimumInProgressTimeMs);
+        if (inProgress) {
+            setLocalInProgress(true);
+        }
+        else {
+            setLocalInProgressDeferred(false, minimumInProgressTimeMs);
+        }
     }, [inProgress, lastInProgress, setLocalInProgress, setLocalInProgressDeferred]);
     const buttonText = (jsxRuntime.jsxs("span", { className: 'ActionButton-minimalArea', children: [jsxRuntime.jsx("span", { className: 'ActionButton-minimalAreaDisplay', children: (localInProgress ? inProgressName : name) ?? name }), jsxRuntime.jsx("span", { className: 'ActionButton-minimalAreaExpand', children: name })] }));
     return (jsxRuntime.jsxs(lui.LuiButton, { "data-testid": dataTestId, type: 'button', level: level, title: title ?? ariaLabel ?? name, buttonProps: { 'aria-label': ariaLabel ?? name }, className: clsx('lui-button-icon-right', 'ActionButton', className, localInProgress && 'ActionButton-inProgress', name != null && !className?.includes('ActionButton-fill') && 'ActionButton-minimal', name == null && 'ActionButton-iconOnly'), size: 'lg', style: style, onClick: () => {
@@ -64728,7 +64824,7 @@ const useDeferredPromise = () => {
     // End promise on unload
     React13.useEffect(() => {
         return () => {
-            promiseReject.current && promiseReject.current();
+            promiseReject.current?.();
         };
     }, []);
     return {