@oneuptime/common 14.0.8 → 14.0.9

package/build/dist/UI/Components/Charts/Utils/useHistogramRangeSelection.js

@@ -1,6 +1,17 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { getHistogramSelectionWindow, } from "./HistogramSelection";
-import { DOUBLE_CLICK_DISAMBIGUATION_MS } from "../ChartLibrary/Utils/DoubleClick";
+import { DOUBLE_CLICK_DISAMBIGUATION_MS, useDoubleClickReset, } from "../ChartLibrary/Utils/DoubleClick";
+import { CHART_PRESS_STILLNESS_PX, RANGE_SELECTION_THROTTLED_EVENTS, } from "../ChartLibrary/Utils/UseChartRangeSelection";
+import OneUptimeDate from "../../../../Types/Date";
+/*
+ * How far the pointer may wander from where it was pressed and still be a
+ * pointer that has not moved - the line, area and bar charts' own measure.
+ */
+export const HISTOGRAM_PRESS_STILLNESS_PX = CHART_PRESS_STILLNESS_PX;
+const SELECTABLE_CHART_ROOT_PROPS = {
+    throttledEvents: RANGE_SELECTION_THROTTLED_EVENTS,
+};
+const INERT_CHART_ROOT_PROPS = {};
 function toLabel(state) {
     const label = state === null || state === void 0 ? void 0 : state.activeLabel;
     if (label === undefined || label === null || label === "") {
@@ -8,6 +19,29 @@ function toLabel(state) {
     }
     return String(label);
 }
+function toAxisIndex(state) {
+    const index = state === null || state === void 0 ? void 0 : state.activeTooltipIndex;
+    if (index === undefined || index === null || index === "") {
+        return null;
+    }
+    return String(index);
+}
+/*
+ * Two bars' labels in time order. recharts draws a band's x1 from the left
+ * edge of its bar and x2 to the right edge of its own, so a band in drag
+ * order shaded neither end bar of a right-to-left drag (and nothing at all
+ * across two neighbours). Labels that are not dates keep their order.
+ */
+function inTimeOrder(first, second) {
+    const firstMs = OneUptimeDate.fromString(first).getTime();
+    const secondMs = OneUptimeDate.fromString(second).getTime();
+    if (Number.isFinite(firstMs) &&
+        Number.isFinite(secondMs) &&
+        secondMs < firstMs) {
+        return [second, first];
+    }
+    return [first, second];
+}
 /**
  * Click-or-drag range selection on a time histogram.
  *
@@ -19,18 +53,56 @@ function toLabel(state) {
  *   click waits DOUBLE_CLICK_DISAMBIGUATION_MS and a second press or the
  *   double-click cancels it. An unzoomed chart has no double-click gesture
  *   and zooms at once.
+ * - On a zoomed chart the second press of a double-click is the zoom-out
+ *   and nothing else, and it zooms out even when the browser never sends
+ *   the `dblclick` (see useDoubleClickReset). That is what happens when the
+ *   chart's new bars land during the press, which, right after a zoom, is
+ *   when readers double-click.
+ * - A press becomes a drag only once the POINTER leaves its bar, by more
+ *   than HISTOGRAM_PRESS_STILLNESS_PX. New bars landing under a pointer that
+ *   has not moved are not a drag. A press that stayed put is a click on the
+ *   bar it pressed, even if a hand's drift ended it over the neighbour;
+ *   only when the very spot it pressed shows another bar at the release
+ *   (the same place on the axis, new data) does it zoom nowhere: the bar it
+ *   pressed is no longer on the chart.
+ * - A click waiting to zoom in is dropped if the zoom ends first (Reset
+ *   zoom, the picker, an empty state's double-click): it was a zoom into
+ *   the window the reader has just left.
+ * - Only the main button selects: a right-click opens a context menu.
  *
- * The release is resolved against refs rather than render state. Recharts
- * delivers `mousemove` on the next animation frame but `mousedown` and
- * `mouseup` straight away, so a quick drag is routinely released before its
- * last move has been rendered - or before any move has arrived at all. The
- * bar under the pointer at release time, which recharts hands to the
- * `mouseup` handler, is the most current answer and wins.
+ * The release is resolved against refs rather than render state, from the
+ * bar recharts hands the `mouseup` handler, falling back to the last move.
+ * That bar is the one under the pointer now only if the host spreads
+ * `chartRootProps` onto its chart root (see the field).
+ *
+ * A press renders nothing until the pointer leaves its bar. A render under
+ * a press can take away the node it landed on (a band repainted under the
+ * pointer, say), and a press whose node is gone by the release gets no
+ * click and no dblclick - the second click of a double-click lands on the
+ * band the first one painted.
  */
 const useHistogramRangeSelection = (options) => {
     const [selectionStart, setSelectionStart] = useState(null);
     const [selectionEnd, setSelectionEnd] = useState(null);
     const [isDragging, setIsDragging] = useState(false);
+    // Whether the pointer has left the pressed bar (a drag, not a click).
+    const hasLeftPressedBar = useRef(false);
+    // Where the press in progress went down, when recharts said.
+    const pressClientX = useRef(null);
+    // The place on the axis of the bar it went down on (see toAxisIndex).
+    const pressAxisIndex = useRef(null);
+    /*
+     * Where the pointer was, and the bar recharts named under it, at the
+     * press or at the last move since. recharts works out the bar under the
+     * pointer again only when the pointer moves, so a report at the same
+     * spot that names another bar means new data landed under the press -
+     * however much a hand had drifted before it.
+     */
+    const lastReport = useRef({ clientX: null, label: null });
+    // Whether new data landed under the press in progress (see lastReport).
+    const barsChangedUnderPress = useRef(false);
+    // The page-wide mouseup listener of the press in progress, if any.
+    const releaseListener = useRef(null);
     /*
      * The ref stays the authority on whether a selection is in progress, so a
      * release seen twice (the chart's handler *and* the page-wide listener
@@ -56,6 +128,12 @@ const useHistogramRangeSelection = (options) => {
         setSelectionStart(null);
         setSelectionEnd(null);
     }, []);
+    const stopListeningForRelease = useCallback(() => {
+        if (releaseListener.current) {
+            window.removeEventListener("mouseup", releaseListener.current);
+            releaseListener.current = null;
+        }
+    }, []);
     const cancelPendingClick = useCallback(() => {
         if (pendingClick.current === null) {
             return false;
@@ -67,39 +145,211 @@ const useHistogramRangeSelection = (options) => {
     useEffect(() => {
         return () => {
             cancelPendingClick();
+            stopListeningForRelease();
         };
-    }, [cancelPendingClick]);
-    const onMouseDown = useCallback((state) => {
+    }, [cancelPendingClick, stopListeningForRelease]);
+    /*
+     * The zoom-out, while the chart offers one: the click waiting to zoom in
+     * goes, and so does its band.
+     */
+    const zoomOut = onZoomOut
+        ? () => {
+            cancelPendingClick();
+            clearSelection();
+            onZoomOut();
+        }
+        : undefined;
+    const doubleClickReset = useDoubleClickReset(zoomOut);
+    /*
+     * A click waiting to zoom in was made on a zoomed chart. If the zoom ends
+     * by another way first - Reset zoom, the picker, an empty state's own
+     * double-click - it must not zoom back in a moment after the reader left.
+     * Its band goes too, and so does one a double-click's second press kept
+     * for a zoom-out that is no longer coming; a drag's band stays.
+     */
+    const offersZoomOut = Boolean(onZoomOut);
+    useEffect(() => {
+        if (offersZoomOut) {
+            return;
+        }
+        cancelPendingClick();
+        if (!isSelecting.current) {
+            clearSelection();
+        }
+    }, [offersZoomOut, cancelPendingClick, clearSelection]);
+    /*
+     * Whether the pointer has left the spot the press went down on. Without
+     * positions to go by (a caller that hands no event), it has: any change
+     * of bar counts, as it always did.
+     */
+    const hasPointerMoved = useCallback((event) => {
+        const clientX = event === null || event === void 0 ? void 0 : event.clientX;
+        if (pressClientX.current === null || typeof clientX !== "number") {
+            return true;
+        }
+        return (Math.abs(clientX - pressClientX.current) > HISTOGRAM_PRESS_STILLNESS_PX);
+    }, []);
+    /*
+     * Takes in what recharts reports during the press (a move, the release):
+     * the bar it names at a spot it last named another bar at is new data.
+     * Without positions to go by, nothing is concluded.
+     */
+    const noteReport = useCallback((label, event) => {
+        const clientX = event === null || event === void 0 ? void 0 : event.clientX;
+        if (typeof clientX !== "number") {
+            return;
+        }
+        const previous = lastReport.current;
+        if (previous.clientX === clientX &&
+            previous.label !== null &&
+            label !== null &&
+            label !== previous.label) {
+            barsChangedUnderPress.current = true;
+        }
+        lastReport.current = { clientX: clientX, label: label };
+    }, []);
+    /*
+     * The page-wide release listener is added by a press and calls the
+     * newest onMouseUp, whatever the host re-rendered with meanwhile.
+     */
+    const onMouseUpRef = useRef(() => { });
+    /*
+     * Readers routinely drag past the edge of a 120px-tall chart and let go
+     * outside it, where the chart's own mouseup never fires. Listen on the
+     * page until the press ends; a release over the chart reaches the
+     * chart's handler first, which removes this listener before the page
+     * hears it. The page's release carries no bar, but it does carry where
+     * the pointer is and the click count.
+     */
+    const listenForReleaseOffChart = useCallback(() => {
+        stopListeningForRelease();
+        const finishPressOutsideChart = (event) => {
+            onMouseUpRef.current(null, event);
+        };
+        releaseListener.current = finishPressOutsideChart;
+        window.addEventListener("mouseup", finishPressOutsideChart);
+    }, [stopListeningForRelease]);
+    const onMouseDown = useCallback((state, event) => {
+        /*
+         * The second press of a double-click on a zoomed chart: the zoom-out,
+         * on its release, wherever that is (the page hears a release off the
+         * chart, as for a drag below). The first click must not zoom in; its
+         * band stays until the zoom-out clears it, because this press may
+         * have landed on it and a render now would take that node away.
+         */
+        if (doubleClickReset.onPress(event)) {
+            cancelPendingClick();
+            isSelecting.current = false;
+            listenForReleaseOffChart();
+            return;
+        }
         const label = toLabel(state);
         if (!canSelect || !label) {
             return;
         }
-        // A second press before the first click zoomed replaces it.
+        // Only the main button selects: a right-click opens a context menu.
+        if (event && typeof event.button === "number" && event.button > 0) {
+            return;
+        }
+        /*
+         * A second press before the first click zoomed replaces it. The
+         * band that click painted stays until this press ends: this may be
+         * the second click of a double-click, landing on that band.
+         */
         cancelPendingClick();
         isSelecting.current = true;
+        hasLeftPressedBar.current = false;
         startLabel.current = label;
         endLabel.current = null;
-        setIsDragging(true);
-        setSelectionStart(label);
-        setSelectionEnd(null);
-    }, [canSelect, cancelPendingClick]);
-    const onMouseMove = useCallback((state) => {
+        pressClientX.current =
+            typeof (event === null || event === void 0 ? void 0 : event.clientX) === "number" ? event.clientX : null;
+        pressAxisIndex.current = toAxisIndex(state);
+        lastReport.current = { clientX: pressClientX.current, label: label };
+        barsChangedUnderPress.current = false;
+        listenForReleaseOffChart();
+    }, [canSelect, cancelPendingClick, doubleClickReset, listenForReleaseOffChart]);
+    const onMouseMove = useCallback((state, event) => {
         const label = toLabel(state);
-        if (!isSelecting.current || !label) {
+        const from = startLabel.current;
+        if (!isSelecting.current || !from) {
             return;
         }
+        noteReport(label, event);
+        if (!label) {
+            return;
+        }
+        if (!hasLeftPressedBar.current) {
+            // Still on the pressed bar: a click so far, so paint nothing.
+            if (label === from) {
+                endLabel.current = label;
+                return;
+            }
+            /*
+             * Another bar under a pointer that has not really moved: new bars
+             * landed under the press, or a hand's drift crossed the edge of the
+             * bar it pressed. Not a drag.
+             */
+            if (!hasPointerMoved(event)) {
+                return;
+            }
+        }
         endLabel.current = label;
-        setSelectionEnd(label);
-    }, []);
-    const onMouseUp = useCallback((state) => {
+        hasLeftPressedBar.current = true;
+        const [first, last] = inTimeOrder(from, label);
+        setSelectionStart(first);
+        setSelectionEnd(last);
+        setIsDragging(true);
+    }, [hasPointerMoved, noteReport]);
+    const onMouseUp = useCallback((state, event) => {
         var _a;
+        // The end of a double-click's second press: the zoom-out, nothing else.
+        if (doubleClickReset.onRelease(event)) {
+            stopListeningForRelease();
+            /*
+             * Ended by a later click's release, its own having never come: no
+             * zoom-out follows, so the band the first click painted, kept for
+             * one, goes now.
+             */
+            if (!doubleClickReset.willReset()) {
+                clearSelection();
+            }
+            return;
+        }
         if (!isSelecting.current) {
             return;
         }
         isSelecting.current = false;
+        stopListeningForRelease();
         setIsDragging(false);
         const from = startLabel.current;
-        const to = toLabel(state) || endLabel.current || from;
+        const releaseLabel = toLabel(state);
+        let to = from;
+        noteReport(releaseLabel, event);
+        if (hasLeftPressedBar.current || hasPointerMoved(event)) {
+            // A drag, or a flick released before any of its moves came in.
+            to = releaseLabel || endLabel.current || from;
+        }
+        else if (releaseLabel !== null && releaseLabel !== from) {
+            /*
+             * The pointer stayed put, yet another bar is under it. When a bar
+             * changed under the pointer without it moving (see lastReport), or
+             * the spot on the axis it pressed now holds another bar, the
+             * chart's data changed during the press and the pressed bar is
+             * gone (recharts also clamps a stale spot onto the last bar of
+             * shorter data): not a drag the reader never made, nor a zoom into
+             * a bar that is no longer shown.
+             */
+            const sameSpotOnAxis = pressAxisIndex.current !== null &&
+                toAxisIndex(state) === pressAxisIndex.current;
+            if (barsChangedUnderPress.current || sameSpotOnAxis) {
+                clearSelection();
+                return;
+            }
+        }
+        /*
+         * Otherwise a press that stayed put is a click on the bar it pressed,
+         * even when a hand's drift let it go over the next one.
+         */
         if (!from || !to) {
             clearSelection();
             return;
@@ -128,6 +378,7 @@ const useHistogramRangeSelection = (options) => {
          * to open.
          */
         endLabel.current = to;
+        setSelectionStart(from);
         setSelectionEnd(to);
         pendingClick.current = setTimeout(() => {
             var _a;
@@ -135,31 +386,43 @@ const useHistogramRangeSelection = (options) => {
             clearSelection();
             (_a = onTimeRangeSelectRef.current) === null || _a === void 0 ? void 0 : _a.call(onTimeRangeSelectRef, selected.startTime, selected.endTime);
         }, DOUBLE_CLICK_DISAMBIGUATION_MS);
-    }, [bucketIntervalMs, clearSelection, onZoomOut]);
+    }, [
+        bucketIntervalMs,
+        clearSelection,
+        doubleClickReset,
+        hasPointerMoved,
+        noteReport,
+        onZoomOut,
+        stopListeningForRelease,
+    ]);
+    onMouseUpRef.current = onMouseUp;
     const onDoubleClick = useCallback(() => {
+        // Neither click of a double-click zooms in, whatever else it does.
         if (cancelPendingClick()) {
             clearSelection();
         }
-        onZoomOut === null || onZoomOut === void 0 ? void 0 : onZoomOut();
-    }, [cancelPendingClick, clearSelection, onZoomOut]);
+        doubleClickReset.onDoubleClick();
+    }, [cancelPendingClick, clearSelection, doubleClickReset]);
     /*
-     * Readers routinely drag past the edge of a 120px-tall chart and let go
-     * outside it, where the chart's own mouseup never fires. Without this the
-     * drag would never end: the selection band would stay painted and the
-     * tooltip would stay suppressed until the next click.
+     * A press on a box standing in for the chart. It has no bars to select;
+     * only the second press of a double-click counts, and its release - on
+     * the chart that replaced the box by then, or anywhere on the page -
+     * zooms out as the chart's own would.
      */
-    useEffect(() => {
-        if (!isDragging) {
-            return undefined;
+    const onPlaceholderMouseDown = useCallback((event) => {
+        if (!doubleClickReset.onPress(event)) {
+            return;
         }
-        const finishDragOutsideChart = () => {
-            onMouseUp(null);
-        };
-        window.addEventListener("mouseup", finishDragOutsideChart);
-        return () => {
-            window.removeEventListener("mouseup", finishDragOutsideChart);
+        cancelPendingClick();
+        isSelecting.current = false;
+        listenForReleaseOffChart();
+    }, [cancelPendingClick, doubleClickReset, listenForReleaseOffChart]);
+    const placeholderProps = useMemo(() => {
+        return {
+            onMouseDown: onPlaceholderMouseDown,
+            onDoubleClick: onDoubleClick,
         };
-    }, [isDragging, onMouseUp]);
+    }, [onPlaceholderMouseDown, onDoubleClick]);
     return {
         selectionStart: selectionStart,
         selectionEnd: selectionEnd,
@@ -168,10 +431,14 @@ const useHistogramRangeSelection = (options) => {
             typeof bucketIntervalMs === "number" &&
             Number.isFinite(bucketIntervalMs) &&
             bucketIntervalMs > 0,
+        chartRootProps: canSelect
+            ? SELECTABLE_CHART_ROOT_PROPS
+            : INERT_CHART_ROOT_PROPS,
         onMouseDown: onMouseDown,
         onMouseMove: onMouseMove,
         onMouseUp: onMouseUp,
         onDoubleClick: onDoubleClick,
+        placeholderProps: placeholderProps,
     };
 };
 export default useHistogramRangeSelection;

package/build/dist/UI/Components/Charts/Utils/useHistogramRangeSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHistogramRangeSelection.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/Utils/useHistogramRangeSelection.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useHistogramRangeSelection.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/Utils/useHistogramRangeSelection.ts"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/EntityDropdown/EntityDropdown.js

@@ -301,6 +301,7 @@ const EntityDropdown = (props) => {
     const containerRef = useRef(null);
     const controlRef = useRef(null);
     const inputRef = useRef(null);
+    const valueButtonRef = useRef(null);
     const debounceRef = useRef(null);
     const searchSeqRef = useRef(0);
     const [menuPosition, setMenuPosition] = useState(null);
@@ -370,6 +371,55 @@ const EntityDropdown = (props) => {
             document.removeEventListener("mousedown", handle);
         };
     }, []);
+    /*
+     * The keyboard's side of the click-outside above. Tabbing out of the
+     * dropdown - from the input, or on past the last option in the menu - onto
+     * the next field used to leave the menu open, and when that field opened a
+     * popup of its own (the next dropdown, the Affected Resources picker) the
+     * two stacked on top of each other. The menu is a DOM child of the
+     * container (laid out fixed, never portalled), so moving between the input,
+     * the chips, the menu's tabs and its options stays inside and keeps it open.
+     *
+     * Only a move onto another element closes it. With no element to go to
+     * (relatedTarget null, or the document itself) focus went nowhere in
+     * particular - the window lost focus, a press landed on something that
+     * takes no focus, the focused option unmounted - and presses are for the
+     * listener above to judge.
+     */
+    const closeWhenFocusLeaves = (event) => {
+        const nextFocused = event.relatedTarget;
+        if (!(nextFocused instanceof Element) ||
+            event.currentTarget.contains(nextFocused)) {
+            return;
+        }
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+    };
+    /*
+     * A single-select showing its value swaps elements as the menu opens and
+     * closes: the value button while closed, the search input while open. Focus
+     * meant for the field across that swap has to wait for the element taking
+     * over, which is not mounted yet when the swap is asked for. Set by the
+     * value button, which hands focus to the search input as the menu opens,
+     * and by Escape, which hands it back to the value button as the menu
+     * closes (see closeMenuOnEscape). Without it focus went down with the
+     * element being replaced, to the page: typing did not search, focus could
+     * never leave the dropdown to close the menu (see closeWhenFocusLeaves),
+     * and a keyboard user was left outside the field they were working in.
+     */
+    const focusFieldAfterSwapRef = useRef(false);
+    useLayoutEffect(() => {
+        var _a, _b;
+        if (!focusFieldAfterSwapRef.current) {
+            return;
+        }
+        focusFieldAfterSwapRef.current = false;
+        if (isOpen) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            return;
+        }
+        (_b = valueButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [isOpen]);
     useEffect(() => {
         return () => {
             if (debounceRef.current !== null) {
@@ -916,7 +966,39 @@ const EntityDropdown = (props) => {
      */
     const placeholderText = props.placeholder || "Select...";
     const showSingleSelectedText = !isMulti && !isOpen && selectedOptions.length > 0;
-    return (React.createElement("div", { ref: containerRef, id: props.id, className: props.className || "relative mt-2 mb-1 w-full" },
+    /*
+     * Escape while the menu is open closes just the menu, wherever focus is in
+     * the dropdown: the search input, or - reached with Tab - an option, one of
+     * the menu's tabs or footer buttons, a chip or the Clear button. It is
+     * claimed, so Modal's document listener never hears it: that listener
+     * closes the whole form and throws away its unsaved edits, which is what
+     * Escape on a Tab-reached option used to do while Escape in the input only
+     * closed the menu. With the menu already closed Escape is left alone, so
+     * the next press still closes the modal.
+     *
+     * Focus goes back to the field rather than down with the menu's buttons.
+     */
+    const closeMenuOnEscape = (event) => {
+        var _a;
+        if (event.key !== "Escape" || !isOpen) {
+            return;
+        }
+        event.preventDefault();
+        if (!isMulti && selectedOptions.length > 0) {
+            /*
+             * Closing swaps the search input for the value button, so focus waits
+             * for the button to mount (see focusFieldAfterSwapRef).
+             */
+            focusFieldAfterSwapRef.current = true;
+        }
+        else {
+            // Focusing the input asks to open the menu; closing it after wins.
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+    };
+    return (React.createElement("div", { ref: containerRef, id: props.id, className: props.className || "relative mt-2 mb-1 w-full", onBlur: closeWhenFocusLeaves, onKeyDown: closeMenuOnEscape },
         isMulti && selectedOptions.length > 0 && (React.createElement("div", { className: "mb-2 flex flex-wrap gap-1.5" }, selectedOptions.map((opt) => {
             const key = valueKey(opt.value);
             const colorStr = optionColorString(opt);
@@ -930,13 +1012,12 @@ const EntityDropdown = (props) => {
                         React.createElement("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }))))));
         }))),
         React.createElement("div", { ref: controlRef, className: "relative" },
-            showSingleSelectedText && (React.createElement("button", { type: "button", disabled: props.disabled, "aria-labelledby": props.ariaLabelledby, onClick: () => {
-                    var _a;
+            showSingleSelectedText && (React.createElement("button", { ref: valueButtonRef, type: "button", disabled: props.disabled, "aria-labelledby": props.ariaLabelledby, onClick: () => {
                     if (props.disabled) {
                         return;
                     }
+                    focusFieldAfterSwapRef.current = true;
                     setIsOpen(true);
-                    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 }, onFocus: () => {
                     var _a;
                     (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -1030,16 +1111,10 @@ const EntityDropdown = (props) => {
                             }
                             return;
                         }
-                        if (event.key === "Escape") {
-                            /*
-                             * The modal also listens for Escape. Consume it here so the
-                             * first press closes the menu without dismissing the form.
-                             */
-                            event.preventDefault();
-                            setIsOpen(false);
-                            setHighlightedIndex(-1);
-                            return;
-                        }
+                        /*
+                         * Escape bubbles to the container, which closes the menu for
+                         * every control in the dropdown alike (closeMenuOnEscape).
+                         */
                         if (event.key === "Backspace" &&
                             searchQuery === "" &&
                             isMulti &&