@linzjs/step-ag-grid 30.3.0 → 30.4.1

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

@@ -58929,7 +58929,7 @@ const MenuListItemContext = createContext({
 const useItemState = (menuItemRef, focusRef, isHovering, isDisabled) => {
     const { submenuCloseDelay } = useContext(ItemSettingsContext);
     const { isParentOpen, isSubmenuOpen, dispatch, updateItems } = useContext(MenuListItemContext);
-    const timeoutId = useRef();
+    const timeoutId = useRef(undefined);
     const setHover = () => {
         !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, menuItemRef?.current, 0);
     };
@@ -59822,7 +59822,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 = useRef();
+    const containerRef = useRef(undefined);
     const scrollNodesRef = useRef({});
     const { anchorRef, state } = restProps;
     const settings = useMemo(() => ({
@@ -59884,8 +59884,8 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
             ev.stopPropagation();
         }
     }, [isWithinMenu]);
-    const lastTabDownEl = useRef();
-    const lastEnterDownEl = useRef();
+    const lastTabDownEl = useRef(undefined);
+    const lastEnterDownEl = useRef(undefined);
     const handleKeyboardTabAndEnter = useCallback((isDown) => (ev) => {
         const thisDocument = anchorRef?.current ? anchorRef?.current.ownerDocument : document;
         const activeElement = thisDocument.activeElement;
@@ -60310,7 +60310,7 @@ const SubMenuFr = ({ 'aria-label': ariaLabel, className, disabled, direction, la
     const isDisabled = !!disabled;
     const isOpen = isMenuOpen(state);
     const containerRef = useRef(null);
-    const timeoutId = useRef();
+    const timeoutId = useRef(undefined);
     const stopTimer = () => {
         if (timeoutId.current) {
             clearTimeout(timeoutId.current);
@@ -61108,7 +61108,7 @@ maxInitialWidth,
     }, [propStartCellEditing]);
     const { updatedDep, anyUpdating, updatingCols } = useContext(GridUpdatingContext);
     const gridDivRef = useRef(null);
-    const lastSelectedIds = useRef();
+    const lastSelectedIds = useRef(undefined);
     const [staleGrid, setStaleGrid] = useState(false);
     const [autoSized, setAutoSized] = useState(false);
     const postSortRows = usePostSortRowsHook({ setStaleGrid });
@@ -61194,7 +61194,7 @@ maxInitialWidth,
             initialContentSizeInProgressRef.current = false;
         }
     }, [autoSizeColumns, gridRenderState, maxInitialWidth, params, rowData, sizeColumns, sizeColumnsToFit]);
-    const lastOwnerDocumentRef = useRef();
+    const lastOwnerDocumentRef = useRef(undefined);
     const wasVisibleRef = useRef(false);
     /**
      * Auto-size windows that had deferred auto-size
@@ -61675,7 +61675,7 @@ maxInitialWidth,
             el.classList.remove('ag-row-highlight-below');
         });
     }, []);
-    const gridElementRef = useRef();
+    const gridElementRef = useRef(undefined);
     const onRowDragMove = useCallback((event) => {
         if (startDragYRef.current === null) {
             startDragYRef.current = event.y;
@@ -61837,7 +61837,7 @@ const NotAGridValueFormatterCall = {
 };
 
 const GridPopoverContext = createContext({
-    anchorRef: { current: null },
+    anchorRef: { current: undefined },
     saving: false,
     setSaving: () => { },
     stopEditing: () => { },
@@ -62319,7 +62319,7 @@ const GridFilterColumnsToggle = ({ saveState = true }) => {
  * but there's no way to enforce that, so  it would lead to bugs.
  */
 const useTimeoutHook = () => {
-    const timeout = useRef();
+    const timeout = useRef(undefined);
     /**
      * Clear any pending timeouts.
      */
@@ -62509,7 +62509,7 @@ const FormError = (props) => {
  * @param value Value to track.
  */
 const usePrevious = (value) => {
-    const ref = useRef();
+    const ref = useRef(undefined);
     useEffect(() => {
         ref.current = value;
     }, [value]);
@@ -63177,7 +63177,14 @@ const GridFormInlineTextInput = (props) => {
             input?.removeEventListener('keydown', tabRecorder, { capture: true });
         };
     }, [tabRecorder]);
-    return (jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => setValue(e.target.value), placeholder: props.placeholder ?? 'Type here', onBlur: () => {
+    return (jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: 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') {
@@ -63924,11 +63931,11 @@ const GridContextProvider = (props) => {
     const [gridReady, setGridReady] = useState(false);
     const [quickFilter, _setQuickFilter] = useState('');
     const [invisibleColumnIds, _setInvisibleColumnIds] = useState();
-    const testId = useRef();
+    const testId = useRef(undefined);
     const hasExternallySelectedItemsRef = useRef(false);
     const enableMultilineBulkEditRef = useRef(false);
     const idsBeforeUpdate = useRef([]);
-    const prePopupFocusedCell = useRef();
+    const prePopupFocusedCell = useRef(undefined);
     const [externallySelectedItemsAreInSync, _setExternallySelectedItemsAreInSync] = useState(false);
     const externalFilters = useRef([]);
     // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
@@ -64339,7 +64346,7 @@ const GridContextProvider = (props) => {
             startCellEditingInProgressRef.current = false;
         }
     }, [anyUpdating, gridApi, prePopupOps, setExternallySelectedItemsAreInSync, waitForExternallySelectedItemsToBeInSync]);
-    const bulkEditingCompleteCallbackRef = useRef();
+    const bulkEditingCompleteCallbackRef = useRef(undefined);
     const onBulkEditingComplete = useCallback(async () => {
         await bulkEditingCompleteCallbackRef.current?.();
     }, []);
@@ -64657,13 +64664,17 @@ const GridUpdatingContextProvider = (props) => {
             const fieldUpdatingIds = updatingBlocks.current[field] ?? (updatingBlocks.current[field] = []);
             fieldUpdatingIds.push(idRef);
         });
-        resetUpdating();
-        await fn();
-        castArray(fields).forEach((field) => {
-            const fieldUpdatingIds = updatingBlocks.current[field];
-            remove(fieldUpdatingIds, (idList) => idList === idRef);
-        });
-        resetUpdating();
+        try {
+            resetUpdating();
+            await fn();
+        }
+        finally {
+            castArray(fields).forEach((field) => {
+                const fieldUpdatingIds = updatingBlocks.current[field];
+                remove(fieldUpdatingIds, (idList) => idList === idRef);
+            });
+            resetUpdating();
+        }
     }, [resetUpdating]);
     const anyUpdating = useCallback(() => {
         return !isEmpty(updating.current);
@@ -64711,8 +64722,8 @@ const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style,
 };
 
 const useDeferredPromise = () => {
-    const promiseResolve = useRef();
-    const promiseReject = useRef();
+    const promiseResolve = useRef(undefined);
+    const promiseReject = useRef(undefined);
     // End promise on unload
     useEffect(() => {
         return () => {