@linzjs/step-ag-grid 30.3.0 → 30.4.1

package/dist/src/components/gridForm/GridFormInlineTextInput.d.ts

@@ -10,6 +10,11 @@ export interface GridFormInlineTextInput<TData extends GridBaseRow> extends Text
         selectedRowIds: TData['id'][];
         value: string;
     }) => MaybePromise<boolean>;
+    onChange?: (props: {
+        selectedRows: TData[];
+        selectedRowIds: TData['id'][];
+        value: string;
+    }) => void;
     helpText?: string;
 }
 export declare const GridFormInlineTextInput: <TData extends GridBaseRow>(props: GridFormInlineTextInput<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/contexts/GridPopoverContext.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { GridBaseRow } from '../components/types';
 export interface GridPopoverContextType<TData extends GridBaseRow> {
-    anchorRef: RefObject<Element>;
+    anchorRef: RefObject<Element | undefined>;
     saving: boolean;
     setSaving: (saving: boolean) => void;
     stopEditing: () => void;

package/dist/src/react-menu3/positionUtils/placeArrowHorizontal.d.ts

@@ -1,6 +1,6 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 export declare const placeArrowHorizontal: (p: {
-    arrowRef: MutableRefObject<HTMLElement | null>;
+    arrowRef: RefObject<HTMLElement | undefined>;
     menuX: number;
     anchorRect: DOMRect;
     containerRect: DOMRect;

package/dist/src/react-menu3/positionUtils/placeArrowVertical.d.ts

@@ -1,6 +1,6 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 export declare const placeArrowVertical: (p: {
-    arrowRef: MutableRefObject<HTMLElement | null>;
+    arrowRef: RefObject<HTMLElement | undefined>;
     menuY: number;
     anchorRect: DOMRect;
     containerRect: DOMRect;

package/dist/src/react-menu3/positionUtils/placeLeftorRight.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { MenuDirection } from '../types';
 import { getPositionHelpers } from './getPositionHelpers';
 export interface placeLeftorRightParams {
@@ -6,7 +6,7 @@ export interface placeLeftorRightParams {
     placeLeftorRightY: number;
     placeLeftX: number;
     placeRightX: number;
-    arrowRef: MutableRefObject<HTMLElement | null>;
+    arrowRef: RefObject<HTMLElement | undefined>;
     arrow?: boolean;
     direction: MenuDirection;
     position: 'auto' | 'anchor' | 'initial';

package/dist/src/react-menu3/positionUtils/placeToporBottom.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { MenuDirection } from '../types';
 import { getPositionHelpers } from './getPositionHelpers';
 export interface placeToporBottomParams {
@@ -6,7 +6,7 @@ export interface placeToporBottomParams {
     placeToporBottomX: number;
     placeTopY: number;
     placeBottomY: number;
-    arrowRef: MutableRefObject<HTMLElement | null>;
+    arrowRef: RefObject<HTMLElement | undefined>;
     arrow?: boolean;
     direction: 'left' | 'right' | 'top' | 'bottom';
     position: 'auto' | 'anchor' | 'initial';

package/dist/src/react-menu3/positionUtils/positionMenu.d.ts

@@ -1,11 +1,11 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { MenuDirection } from '../types';
 import { getPositionHelpers } from './getPositionHelpers';
 interface positionMenuProps {
     offsetX: number;
     offsetY: number;
-    arrowRef: MutableRefObject<HTMLDivElement | null>;
-    anchorRef: MutableRefObject<Element | null>;
+    arrowRef: RefObject<HTMLDivElement | undefined>;
+    anchorRef: RefObject<Element | undefined>;
     arrow?: boolean;
     direction: MenuDirection;
     position: 'auto' | 'anchor' | 'initial';

package/dist/src/react-menu3/types.d.ts

@@ -367,7 +367,7 @@ export interface ControlledMenuProps extends RootMenuProps, ExtraMenuProps {
      *
      * *Don't set this prop for context menu*
      */
-    anchorRef?: React.RefObject<Element>;
+    anchorRef?: React.RefObject<Element | undefined>;
     skipOpen?: React.MutableRefObject<boolean>;
     /**
      * If `true`, the menu list element will gain focus after menu is open.

package/dist/step-ag-grid.cjs

@@ -58931,7 +58931,7 @@ const MenuListItemContext = React13.createContext({
 const useItemState = (menuItemRef, focusRef, isHovering, isDisabled) => {
     const { submenuCloseDelay } = React13.useContext(ItemSettingsContext);
     const { isParentOpen, isSubmenuOpen, dispatch, updateItems } = React13.useContext(MenuListItemContext);
-    const timeoutId = React13.useRef();
+    const timeoutId = React13.useRef(undefined);
     const setHover = () => {
         !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, menuItemRef?.current, 0);
     };
@@ -59824,7 +59824,7 @@ const MenuList = ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowSt
 };
 
 const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps, initialMounted, unmountOnClose, transition, transitionTimeout, boundingBoxRef, boundingBoxPadding, reposition = 'auto', submenuOpenDelay = 300, submenuCloseDelay = 150, skipOpen, viewScroll = 'initial', portal, theming, onItemClick, onClose, saveButtonRef, ...restProps }, externalRef) => {
-    const containerRef = React13.useRef();
+    const containerRef = React13.useRef(undefined);
     const scrollNodesRef = React13.useRef({});
     const { anchorRef, state } = restProps;
     const settings = React13.useMemo(() => ({
@@ -59886,8 +59886,8 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
             ev.stopPropagation();
         }
     }, [isWithinMenu]);
-    const lastTabDownEl = React13.useRef();
-    const lastEnterDownEl = React13.useRef();
+    const lastTabDownEl = React13.useRef(undefined);
+    const lastEnterDownEl = React13.useRef(undefined);
     const handleKeyboardTabAndEnter = React13.useCallback((isDown) => (ev) => {
         const thisDocument = anchorRef?.current ? anchorRef?.current.ownerDocument : document;
         const activeElement = thisDocument.activeElement;
@@ -60312,7 +60312,7 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
     const isDisabled = !!disabled;
     const isOpen = isMenuOpen(state);
     const containerRef = React13.useRef(null);
-    const timeoutId = React13.useRef();
+    const timeoutId = React13.useRef(undefined);
     const stopTimer = () => {
         if (timeoutId.current) {
             clearTimeout(timeoutId.current);
@@ -61110,7 +61110,7 @@ maxInitialWidth,
     }, [propStartCellEditing]);
     const { updatedDep, anyUpdating, updatingCols } = React13.useContext(GridUpdatingContext);
     const gridDivRef = React13.useRef(null);
-    const lastSelectedIds = React13.useRef();
+    const lastSelectedIds = React13.useRef(undefined);
     const [staleGrid, setStaleGrid] = React13.useState(false);
     const [autoSized, setAutoSized] = React13.useState(false);
     const postSortRows = usePostSortRowsHook({ setStaleGrid });
@@ -61196,7 +61196,7 @@ maxInitialWidth,
             initialContentSizeInProgressRef.current = false;
         }
     }, [autoSizeColumns, gridRenderState, maxInitialWidth, params, rowData, sizeColumns, sizeColumnsToFit]);
-    const lastOwnerDocumentRef = React13.useRef();
+    const lastOwnerDocumentRef = React13.useRef(undefined);
     const wasVisibleRef = React13.useRef(false);
     /**
      * Auto-size windows that had deferred auto-size
@@ -61677,7 +61677,7 @@ maxInitialWidth,
             el.classList.remove('ag-row-highlight-below');
         });
     }, []);
-    const gridElementRef = React13.useRef();
+    const gridElementRef = React13.useRef(undefined);
     const onRowDragMove = React13.useCallback((event) => {
         if (startDragYRef.current === null) {
             startDragYRef.current = event.y;
@@ -61839,7 +61839,7 @@ const NotAGridValueFormatterCall = {
 };
 
 const GridPopoverContext = React13.createContext({
-    anchorRef: { current: null },
+    anchorRef: { current: undefined },
     saving: false,
     setSaving: () => { },
     stopEditing: () => { },
@@ -62321,7 +62321,7 @@ const GridFilterColumnsToggle = ({ saveState = true }) => {
  * but there's no way to enforce that, so  it would lead to bugs.
  */
 const useTimeoutHook = () => {
-    const timeout = React13.useRef();
+    const timeout = React13.useRef(undefined);
     /**
      * Clear any pending timeouts.
      */
@@ -62511,7 +62511,7 @@ const FormError = (props) => {
  * @param value Value to track.
  */
 const usePrevious = (value) => {
-    const ref = React13.useRef();
+    const ref = React13.useRef(undefined);
     React13.useEffect(() => {
         ref.current = value;
     }, [value]);
@@ -63179,7 +63179,14 @@ const GridFormInlineTextInput = (props) => {
             input?.removeEventListener('keydown', tabRecorder, { capture: true });
         };
     }, [tabRecorder]);
-    return (jsxRuntime.jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsxRuntime.jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => setValue(e.target.value), placeholder: props.placeholder ?? 'Type here', onBlur: () => {
+    return (jsxRuntime.jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsxRuntime.jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => {
+                setValue(e.target.value);
+                if (props.onChange) {
+                    const selectedRows = getSelectedRows();
+                    const selectedRowIds = selectedRows.map((data) => data.id);
+                    props.onChange({ selectedRows, selectedRowIds, value: e.target.value });
+                }
+            }, placeholder: props.placeholder ?? 'Type here', onBlur: () => {
                 void triggerSave(CloseReason.BLUR);
             }, onKeyUp: (e) => {
                 if (e.key === 'Enter') {
@@ -63926,11 +63933,11 @@ const GridContextProvider = (props) => {
     const [gridReady, setGridReady] = React13.useState(false);
     const [quickFilter, _setQuickFilter] = React13.useState('');
     const [invisibleColumnIds, _setInvisibleColumnIds] = React13.useState();
-    const testId = React13.useRef();
+    const testId = React13.useRef(undefined);
     const hasExternallySelectedItemsRef = React13.useRef(false);
     const enableMultilineBulkEditRef = React13.useRef(false);
     const idsBeforeUpdate = React13.useRef([]);
-    const prePopupFocusedCell = React13.useRef();
+    const prePopupFocusedCell = React13.useRef(undefined);
     const [externallySelectedItemsAreInSync, _setExternallySelectedItemsAreInSync] = React13.useState(false);
     const externalFilters = React13.useRef([]);
     // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
@@ -64341,7 +64348,7 @@ const GridContextProvider = (props) => {
             startCellEditingInProgressRef.current = false;
         }
     }, [anyUpdating, gridApi, prePopupOps, setExternallySelectedItemsAreInSync, waitForExternallySelectedItemsToBeInSync]);
-    const bulkEditingCompleteCallbackRef = React13.useRef();
+    const bulkEditingCompleteCallbackRef = React13.useRef(undefined);
     const onBulkEditingComplete = React13.useCallback(async () => {
         await bulkEditingCompleteCallbackRef.current?.();
     }, []);
@@ -64659,13 +64666,17 @@ const GridUpdatingContextProvider = (props) => {
             const fieldUpdatingIds = updatingBlocks.current[field] ?? (updatingBlocks.current[field] = []);
             fieldUpdatingIds.push(idRef);
         });
-        resetUpdating();
-        await fn();
-        lodashEs.castArray(fields).forEach((field) => {
-            const fieldUpdatingIds = updatingBlocks.current[field];
-            lodashEs.remove(fieldUpdatingIds, (idList) => idList === idRef);
-        });
-        resetUpdating();
+        try {
+            resetUpdating();
+            await fn();
+        }
+        finally {
+            lodashEs.castArray(fields).forEach((field) => {
+                const fieldUpdatingIds = updatingBlocks.current[field];
+                lodashEs.remove(fieldUpdatingIds, (idList) => idList === idRef);
+            });
+            resetUpdating();
+        }
     }, [resetUpdating]);
     const anyUpdating = React13.useCallback(() => {
         return !lodashEs.isEmpty(updating.current);
@@ -64713,8 +64724,8 @@ const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style,
 };
 
 const useDeferredPromise = () => {
-    const promiseResolve = React13.useRef();
-    const promiseReject = React13.useRef();
+    const promiseResolve = React13.useRef(undefined);
+    const promiseReject = React13.useRef(undefined);
     // End promise on unload
     React13.useEffect(() => {
         return () => {