@gooddata/sdk-ui-kit 11.44.0-alpha.0 → 11.44.0-alpha.2

package/esm/@ui/UiTooltip/UiTooltip.d.ts

@@ -2,5 +2,5 @@ import { type IUiTooltipProps } from "./types.js";
 /**
  * @internal
  */
-export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles }: IUiTooltipProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiTooltip.d.ts.map

package/esm/@ui/UiTooltip/UiTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CA0LjB"}
+{"version":3,"file":"UiTooltip.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/UiTooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWnE;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,MAAM,EACN,OAAO,EACP,SAAqB,EACrB,cAAsB,EACtB,SAAc,EACd,cAA2B,EAC3B,eAA4B,EAC5B,SAAgB,EAChB,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,gBAAwB,EACxB,mBAAmB,EACnB,mBAA2B,EAC3B,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CAsMjB"}

package/esm/@ui/UiTooltip/UiTooltip.js

@@ -1,10 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2025-2026 GoodData Corporation
 import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { FloatingArrow, FloatingPortal, safePolygon, useClick, useDismiss, useFocus, useHover, useInteractions, } from "@floating-ui/react";
+import { FloatingArrow, FloatingPortal, safePolygon, useClick, useFocus, useHover, useInteractions, } from "@floating-ui/react";
 import { ConditionalScopedThemeProvider, useIsScopeThemed, useTheme } from "@gooddata/sdk-ui-theme-provider";
 import { bem } from "../@utils/bem.js";
-import { FLOATING_ELEMENT_DATA_ATTR, isClickInsideOwnSubtree, useRegisterFloatingAnchor, } from "../hooks/useCloseOnOutsideClick.js";
+import { useCloseOnEscape } from "../hooks/useCloseOnEscape.js";
+import { FLOATING_ELEMENT_DATA_ATTR, useCloseOnOutsideClick, useRegisterFloatingAnchor, } from "../hooks/useCloseOnOutsideClick.js";
 import { useFloatingPosition } from "../UiFloatingElement/useFloatingPosition.js";
 import { ARROW_HEIGHT, ARROW_WIDTH, HIDE_DELAY, SHOW_DELAY } from "./constants.js";
 import { computeArrowOffset, computeTooltipShift, getDimensionsFromRect, getFlipFallbackOrder, getOppositeBasicPlacement, } from "./utils.js";
@@ -12,7 +13,7 @@ const { b, e } = bem("gd-ui-kit-tooltip");
 /**
  * @internal
  */
-export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles, }) {
+export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPlacement = "top", triggerBy = [], hoverOpenDelay = SHOW_DELAY, hoverCloseDelay = HIDE_DELAY, showArrow = true, width, offset: offsetProp, optimalPlacement = false, accessibilityConfig, accessibilityHidden = false, variant = "default", disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, anchorWrapperStyles, }) {
     const [isOpenInternal, setIsOpen] = useState(false);
     const isControlled = isOpenProp !== undefined;
     const isOpen = !disabled && (isControlled ? isOpenProp : isOpenInternal || triggerBy.length === 0);
@@ -104,25 +105,34 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
     // ref that only has a current value once the reference element mounts,
     // which is independent of our render cycle.
     const setFloatingWithAnchorRegistry = useRegisterFloatingAnchor(refs.setFloating, () => refs.reference.current instanceof Element ? refs.reference.current : null);
-    // Dismiss stays enabled even when controlled so outside-click / Escape can
-    // request a close; the request is surfaced through handleOpenChange → onOpenChange.
-    const dismiss = useDismiss(context, {
-        outsidePress: (event) => !isClickInsideOwnSubtree(event.target, refs.floating.current),
+    // Outside-click / Escape close via DOM-based hooks rather than floating-ui's
+    // useDismiss. useDismiss bails out whenever the press lands inside the parent
+    // floating element's React tree (its `insideReactTree` guard) — so a popover
+    // portalled inside a modal (e.g. the OLP share dialog) never closed on any
+    // click within that modal (F1-2608). useCloseOnOutsideClick keys off real DOM
+    // containment plus the floating-anchor registry, so it correctly ignores our
+    // own subtree and nested child popups while still closing on sibling/outside
+    // clicks. It stays enabled when controlled so the close request still flows
+    // through handleClose → onOpenChange.
+    useCloseOnOutsideClick(isOpen, handleClose, {
+        floatingRef: refs.floating,
+        anchorRef: refs.reference,
     });
-    const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover, focus, click]);
+    useCloseOnEscape(isOpen, handleClose);
+    const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, click]);
     return (_jsxs(_Fragment, { children: [
-            _jsx("div", { className: e("anchor"), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), _jsx("span", { className: "sr-only", id: id, children: isOpen
+            _jsx("div", { className: e("anchor"), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
                     ? typeof content === "function"
                         ? content({ onClose: handleClose, type: "screen-reader" })
                         : content
-                    : null }), isOpen ? (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsxs("div", { className: b({
+                    : null })), isOpen ? (_jsx(FloatingPortal, { children: _jsx(ConditionalScopedThemeProvider, { children: _jsxs("div", { className: b({
                             width: width === "same-as-anchor" ? "same-as-anchor" : false,
                             variant,
                         }), ref: setFloatingWithAnchorRegistry, style: {
                             zIndex,
                             ...floatingStyles,
                             width: width === "same-as-anchor" ? triggerDimensions?.width : width,
-                        }, [FLOATING_ELEMENT_DATA_ATTR]: true, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role ?? "tooltip", ...getFloatingProps(), children: [typeof content === "function"
+                        }, [FLOATING_ELEMENT_DATA_ATTR]: true, "aria-hidden": accessibilityHidden || undefined, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role ?? "tooltip", ...getFloatingProps(), children: [typeof content === "function"
                                 ? content({ onClose: handleClose, type: "live" })
                                 : content, showArrow ? (_jsx(FloatingArrow, { staticOffset: computeArrowOffset(arrowPlacement, floatingDimensions, !middlewareData?.["flip"]?.index, theme), className: e("arrow"), ref: arrowRef, tipRadius: 1, context: context, height: ARROW_HEIGHT, width: ARROW_WIDTH })) : null] }) }) })) : null] }));
 }

package/esm/@ui/UiTooltip/types.d.ts

@@ -35,6 +35,11 @@ export interface IUiTooltipProps {
     optimalPlacement?: boolean;
     /** ARIA attributes configuration for accessibility */
     accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * When true, the tooltip is purely visual — hidden from assistive technologies (the anchor conveys it).
+     * @defaultValue false
+     */
+    accessibilityHidden?: boolean;
     /**
      * Tooltip styling variant
      * @defaultValue "default"

package/esm/@ui/UiTooltip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kIAAkI;IAClI,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uGAAuG;IACvG,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,6DAA6D;IAC7D,MAAM,EAAE,SAAS,CAAC;IAElB,gDAAgD;IAChD,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAEpG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE/C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kIAAkI;IAClI,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAElC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/esm/CatalogItemPicker/CatalogItemPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogItemPicker.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/CatalogItemPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAY1D;;GAEG;AACH,eAAO,MAAM,iBAAiB,iFAsO5B,CAAC"}
+{"version":3,"file":"CatalogItemPicker.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/CatalogItemPicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,iBAAiB,iFAqB5B,CAAC"}

package/esm/CatalogItemPicker/CatalogItemPicker.js

@@ -1,122 +1,15 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { memo, useEffect, useId, useMemo, useRef } from "react";
-import { bem } from "../@ui/@utils/bem.js";
-import { LoadingSpinner } from "../LoadingSpinner/LoadingSpinner.js";
-import { CatalogItemPickerFooter, CatalogItemPickerHeader, CatalogItemPickerList, CatalogItemPickerSearch, CatalogItemPickerTabs, } from "./CatalogItemPickerParts.js";
-import { testIds } from "./messages.js";
-import { useAttributeItemsData } from "./useAttributeItemsData.js";
-import { useCatalogItemPickerHandlers } from "./useCatalogItemPickerHandlers.js";
-import { useEnsureActiveType, useFilteredMetricItems, usePickerTabs } from "./useCatalogItemPickerHooks.js";
-import { useCatalogItemPickerLabels } from "./useCatalogItemPickerLabels.js";
-import { useCatalogItemPickerListboxItems } from "./useCatalogItemPickerListboxItems.js";
-import { useCatalogItemPickerState } from "./useCatalogItemPickerState.js";
-import { useDateDatasetSelection } from "./useDateDatasetSelection.js";
-import { groupMetricCatalogItems } from "./utils.js";
-const { b, e } = bem("gd-ui-kit-catalog-item-picker");
+import { memo } from "react";
+import { CatalogItemPickerBody } from "./CatalogItemPickerBody.js";
+import { CatalogItemPickerHeader } from "./CatalogItemPickerParts.js";
+import { useCatalogItemPicker } from "./useCatalogItemPicker.js";
 /**
  * @internal
  */
-export const CatalogItemPicker = memo(function CatalogItemPickerInner({ itemTypes, selectionMode, attributeItems, metricItems, groups, maxListHeight, isOpen = true, isLoading = false, onBack, onClose, onAdd, onSelect, variant = "addFilter", }) {
-    const listboxId = useId();
-    // Compute available items
-    const allAttributeItems = useMemo(() => [...(attributeItems?.insightItems ?? []), ...(attributeItems?.catalogItems ?? [])], [attributeItems]);
-    // Check if there are any date items
-    const hasDateItems = useMemo(() => allAttributeItems.some((item) => item.type === "date"), [allAttributeItems]);
-    const resolvedItemTypes = useMemo(() => {
-        const filtered = itemTypes.filter((type) => type !== "date" || hasDateItems);
-        return filtered.length > 0 ? filtered : itemTypes;
-    }, [hasDateItems, itemTypes]);
-    // Selection and search state
-    const { searchString, selectedIds, activeType, setActiveType, setSelectedIds, handleItemSelect, handleSearchChange, handleSearchEscKeyPress, resetSelection, } = useCatalogItemPickerState({
-        isOpen,
-        selectionMode,
-        itemTypes: resolvedItemTypes,
-    });
-    // Tab management
-    const { showTabs, effectiveType } = usePickerTabs(resolvedItemTypes, activeType);
-    const isMultiSelect = selectionMode === "multiple";
-    // Labels
-    const labels = useCatalogItemPickerLabels({ variant, effectiveType });
-    // Reset to first tab when loading finishes
-    const wasLoading = useRef(isLoading);
-    useEffect(() => {
-        if (wasLoading.current && !isLoading) {
-            setActiveType(resolvedItemTypes[0]);
-        }
-        wasLoading.current = isLoading;
-    }, [isLoading, resolvedItemTypes, setActiveType]);
-    useEnsureActiveType(resolvedItemTypes, showTabs, setActiveType);
-    // Date dataset selection
-    const { dateDatasetOptions, effectiveSelectedDateDatasetKey, isDateDatasetDropdownOpen, shouldShowDateDatasetSelector, setSelectedDateDatasetKey, setIsDateDatasetDropdownOpen, } = useDateDatasetSelection({ allAttributeItems, effectiveType });
-    // Attribute items data
-    const { filteredInsightItems, filteredCatalogItems, catalogItemsByDataset, ungroupedCatalogItems } = useAttributeItemsData({
-        availableInsightItems: attributeItems?.insightItems ?? [],
-        availableCatalogItems: attributeItems?.catalogItems ?? [],
-        searchString,
-        activeType: effectiveType === "date" ? "date" : "attribute",
-        selectedDateDatasetKey: effectiveSelectedDateDatasetKey,
-    });
-    // Metric items data
-    const metricInsightItems = useFilteredMetricItems(metricItems, searchString, effectiveType, "insightItems");
-    const metricCatalogItems = useFilteredMetricItems(metricItems, searchString, effectiveType, "catalogItems");
-    const groupedMetricCatalogItems = useMemo(() => groupMetricCatalogItems(metricCatalogItems, groups, labels.ungroupedTitle), [labels.ungroupedTitle, metricCatalogItems, groups]);
-    // Build listbox items
-    const listboxItems = useCatalogItemPickerListboxItems({
-        effectiveType,
-        metricInsightItems,
-        groupedMetricCatalogItems,
-        filteredInsightItems,
-        filteredCatalogItems,
-        catalogItemsByDataset,
-        ungroupedCatalogItems,
-        selectedIds,
-        isLoading,
-        shouldShowDateDatasetSelector,
-        dateDatasetOptions,
-        effectiveSelectedDateDatasetKey,
-        isDateDatasetDropdownOpen,
-        listboxId,
-        labels,
-        variant,
-        setSelectedDateDatasetKey,
-        setIsDateDatasetDropdownOpen,
-    });
-    // Event handlers
-    const { handleListboxSelect, handleAdd, handleTabChange } = useCatalogItemPickerHandlers({
-        selectionMode,
-        selectedIds,
-        setSelectedIds,
-        listboxItems,
-        onClose,
-        onAdd,
-        onSelect,
-        handleItemSelect,
-        setActiveType,
-        resetSelection,
-    });
-    // Computed display state
-    const hasSelectableItems = useMemo(() => {
-        if (effectiveType === "metric") {
-            return (metricInsightItems.length > 0 ||
-                groupedMetricCatalogItems.some((group) => group.items.length > 0));
-        }
-        return (filteredInsightItems.length > 0 ||
-            filteredCatalogItems.length > 0 ||
-            shouldShowDateDatasetSelector);
-    }, [
-        effectiveType,
-        filteredCatalogItems.length,
-        filteredInsightItems.length,
-        groupedMetricCatalogItems,
-        metricInsightItems.length,
-        shouldShowDateDatasetSelector,
-    ]);
-    const shouldShowEmptyStateMessage = !isLoading && !hasSelectableItems;
-    const isAddDisabled = !isMultiSelect || selectedIds.size === 0;
-    const emptyMessage = searchString.trim() ? labels.emptyNoResults : labels.emptyNoItems;
-    return (_jsxs("div", { className: b({ variant, selectionMode }), "data-testid": testIds.root, children: [
-            _jsx(CatalogItemPickerHeader, { title: labels.title, onBack: onBack, onClose: onClose, backAriaLabel: labels.backAriaLabel, closeAriaLabel: labels.closeAriaLabel }), _jsx("div", { className: e("content", { variant }), children: isLoading ? (_jsx("div", { className: e("loading", { variant }), children: _jsx(LoadingSpinner, { className: "small" }) })) : (_jsxs(_Fragment, { children: [
-                        _jsx(CatalogItemPickerSearch, { variant: variant, value: searchString, onChange: handleSearchChange, onEscKeyPress: handleSearchEscKeyPress, placeholder: labels.searchPlaceholder, ariaLabel: labels.searchAriaLabel }), showTabs ? (_jsx(CatalogItemPickerTabs, { variant: variant, itemTypes: resolvedItemTypes, effectiveType: effectiveType, onChange: handleTabChange, getAriaLabel: (type) => labels.tabLabels?.[type] ?? labels.title })) : null, _jsx(CatalogItemPickerList, { variant: variant, listboxItems: listboxItems, isMultiSelect: isMultiSelect, maxListHeight: maxListHeight, listboxId: listboxId, ariaLabel: labels.title, shouldShowEmptyStateMessage: shouldShowEmptyStateMessage, emptyMessage: emptyMessage, onSelect: handleListboxSelect })
-                    ] })) }), isMultiSelect ? (_jsx(CatalogItemPickerFooter, { variant: variant, isAddDisabled: isAddDisabled, onClose: onClose, onAdd: handleAdd, cancelLabel: labels.cancelLabel, addLabel: labels.addLabel ?? "", addTooltip: labels.addTooltip })) : null] }));
+export const CatalogItemPicker = memo(function CatalogItemPickerInner(props) {
+    const { maxListHeight, onBack, onClose } = props;
+    const controller = useCatalogItemPicker(props);
+    const { labels } = controller;
+    return (_jsx(CatalogItemPickerBody, { controller: controller, maxListHeight: maxListHeight, onClose: onClose, header: _jsx(CatalogItemPickerHeader, { title: labels.title, onBack: onBack, onClose: onClose, backAriaLabel: labels.backAriaLabel, closeAriaLabel: labels.closeAriaLabel }) }));
 });

package/esm/CatalogItemPicker/CatalogItemPickerBody.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+import { type CatalogItemPickerController } from "./useCatalogItemPicker.js";
+/**
+ * @internal
+ */
+export interface ICatalogItemPickerBodyProps {
+    controller: CatalogItemPickerController;
+    maxListHeight?: number;
+    onClose: () => void;
+    /**
+     * Optional header slot rendered above the search + list. The full {@link CatalogItemPicker} passes
+     * its header here; header-less usages (e.g. the ranking filter measure dropdown) omit it.
+     */
+    header?: ReactNode;
+}
+/**
+ * The reusable inner part of the catalog item picker: the picker root, an optional header slot, search,
+ * optional type tabs, the grouped list and (in multi-select mode) the footer. Driven by a
+ * {@link useCatalogItemPicker} controller so it can be reused outside the full {@link CatalogItemPicker}
+ * — e.g. embedded in the ranking filter measure dropdown, which provides its own anchor button instead
+ * of the picker header.
+ *
+ * @internal
+ */
+export declare function CatalogItemPickerBody({ controller, maxListHeight, onClose, header }: ICatalogItemPickerBodyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CatalogItemPickerBody.d.ts.map

package/esm/CatalogItemPicker/CatalogItemPickerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogItemPickerBody.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/CatalogItemPickerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAI7E;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,UAAU,EAAE,2BAA2B,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,OAAO,EACP,MAAM,EACT,EAAE,2BAA2B,2CA6E7B"}

package/esm/CatalogItemPicker/CatalogItemPickerBody.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { bem } from "../@ui/@utils/bem.js";
+import { LoadingSpinner } from "../LoadingSpinner/LoadingSpinner.js";
+import { CatalogItemPickerFooter, CatalogItemPickerList, CatalogItemPickerSearch, CatalogItemPickerTabs, } from "./CatalogItemPickerParts.js";
+import { testIds } from "./messages.js";
+const { b, e } = bem("gd-ui-kit-catalog-item-picker");
+/**
+ * The reusable inner part of the catalog item picker: the picker root, an optional header slot, search,
+ * optional type tabs, the grouped list and (in multi-select mode) the footer. Driven by a
+ * {@link useCatalogItemPicker} controller so it can be reused outside the full {@link CatalogItemPicker}
+ * — e.g. embedded in the ranking filter measure dropdown, which provides its own anchor button instead
+ * of the picker header.
+ *
+ * @internal
+ */
+export function CatalogItemPickerBody({ controller, maxListHeight, onClose, header, }) {
+    const { variant, selectionMode, isLoading, searchString, handleSearchChange, handleSearchEscKeyPress, labels, showTabs, resolvedItemTypes, effectiveType, handleTabChange, listboxItems, isMultiSelect, listboxId, shouldShowEmptyStateMessage, emptyMessage, handleListboxSelect, isAddDisabled, handleAdd, } = controller;
+    return (_jsxs("div", { className: b({ variant, selectionMode }), "data-testid": testIds.root, children: [header, _jsx("div", { className: e("content", { variant }), children: isLoading ? (_jsx("div", { className: e("loading", { variant }), children: _jsx(LoadingSpinner, { className: "small" }) })) : (_jsxs(_Fragment, { children: [
+                        _jsx(CatalogItemPickerSearch, { variant: variant, value: searchString, onChange: handleSearchChange, onEscKeyPress: handleSearchEscKeyPress, placeholder: labels.searchPlaceholder, ariaLabel: labels.searchAriaLabel }), showTabs ? (_jsx(CatalogItemPickerTabs, { variant: variant, itemTypes: resolvedItemTypes, effectiveType: effectiveType, onChange: handleTabChange, getAriaLabel: (type) => labels.tabLabels?.[type] ?? labels.title })) : null, _jsx(CatalogItemPickerList, { variant: variant, listboxItems: listboxItems, isMultiSelect: isMultiSelect, maxListHeight: maxListHeight, listboxId: listboxId, ariaLabel: labels.title, shouldShowEmptyStateMessage: shouldShowEmptyStateMessage, emptyMessage: emptyMessage, onSelect: handleListboxSelect })
+                    ] })) }), isMultiSelect ? (_jsx(CatalogItemPickerFooter, { variant: variant, isAddDisabled: isAddDisabled, onClose: onClose, onAdd: handleAdd, cancelLabel: labels.cancelLabel, addLabel: labels.addLabel ?? "", addTooltip: labels.addTooltip })) : null] }));
+}

package/esm/CatalogItemPicker/CatalogItemPickerContent.d.ts

@@ -0,0 +1,10 @@
+import { type ICatalogItemPickerProps } from "./types.js";
+/**
+ * The catalog item picker content without its header — just the search + grouped list (+ footer in
+ * multi-select mode). Reuses the exact same list as {@link CatalogItemPicker}; intended for embedding
+ * under an external anchor button (e.g. the ranking filter measure dropdown).
+ *
+ * @internal
+ */
+export declare const CatalogItemPickerContent: import("react").NamedExoticComponent<ICatalogItemPickerProps<unknown, unknown>>;
+//# sourceMappingURL=CatalogItemPickerContent.d.ts.map

package/esm/CatalogItemPicker/CatalogItemPickerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogItemPickerContent.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/CatalogItemPickerContent.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,iFAWpC,CAAC"}

package/esm/CatalogItemPicker/CatalogItemPickerContent.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { memo } from "react";
+import { CatalogItemPickerBody } from "./CatalogItemPickerBody.js";
+import { useCatalogItemPicker } from "./useCatalogItemPicker.js";
+/**
+ * The catalog item picker content without its header — just the search + grouped list (+ footer in
+ * multi-select mode). Reuses the exact same list as {@link CatalogItemPicker}; intended for embedding
+ * under an external anchor button (e.g. the ranking filter measure dropdown).
+ *
+ * @internal
+ */
+export const CatalogItemPickerContent = memo(function CatalogItemPickerContentInner(props) {
+    const controller = useCatalogItemPicker(props);
+    return (_jsx(CatalogItemPickerBody, { controller: controller, maxListHeight: props.maxListHeight, onClose: props.onClose }));
+});

package/esm/CatalogItemPicker/useCatalogItemPicker.d.ts

@@ -0,0 +1,38 @@
+import { type ICatalogItemPickerProps } from "./types.js";
+/**
+ * Encapsulates all state, derived data and event handlers of the catalog item picker.
+ *
+ * It is shared between {@link CatalogItemPicker} (which wraps the body with a header) and
+ * {@link CatalogItemPickerBody} (the header-less search + grouped list, reused e.g. in the ranking
+ * filter measure dropdown).
+ *
+ * @internal
+ */
+export declare function useCatalogItemPicker<TAttributePayload = unknown, TMetricPayload = unknown>({ itemTypes, selectionMode, attributeItems, metricItems, groups, isOpen, isLoading, onClose, onAdd, onSelect, variant }: ICatalogItemPickerProps<TAttributePayload, TMetricPayload>): {
+    listboxId: string;
+    labels: import("./useCatalogItemPickerListboxItems.js").ICatalogItemPickerLabels;
+    searchString: string;
+    handleSearchChange: (value: string | number) => void;
+    handleSearchEscKeyPress: (e: import("react").KeyboardEvent<Element>) => void;
+    showTabs: boolean;
+    effectiveType: import("./types.js").CatalogItemPickerType;
+    resolvedItemTypes: import("./types.js").CatalogItemPickerType[];
+    handleTabChange: (type: import("./types.js").CatalogItemPickerType) => void;
+    listboxItems: import("./listboxItemBuilders.js").CatalogItemListboxItem[];
+    handleListboxSelect: (item: import("../index.js").IUiListboxInteractiveItem<import("./listboxItemBuilders.js").ICatalogItemPickerListItemData<unknown>>) => void;
+    isMultiSelect: boolean;
+    isAddDisabled: boolean;
+    handleAdd: () => void;
+    shouldShowEmptyStateMessage: boolean;
+    emptyMessage: string;
+    isLoading: boolean;
+    selectionMode: import("./types.js").CatalogItemPickerSelectionMode;
+    variant: "addFilter" | "mvf";
+};
+/**
+ * Return type of {@link useCatalogItemPicker}.
+ *
+ * @internal
+ */
+export type CatalogItemPickerController = ReturnType<typeof useCatalogItemPicker>;
+//# sourceMappingURL=useCatalogItemPicker.d.ts.map

package/esm/CatalogItemPicker/useCatalogItemPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCatalogItemPicker.d.ts","sourceRoot":"","sources":["../../src/CatalogItemPicker/useCatalogItemPicker.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAU1D;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,iBAAiB,GAAG,OAAO,EAAE,cAAc,GAAG,OAAO,EAAE,EACxF,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAW,EACX,MAAM,EACN,MAAa,EACb,SAAiB,EACjB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAqB,EACxB,EAAE,uBAAuB,CAAC,iBAAiB,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;EAiL5D;AAED;;;;GAIG;AACH,MAAM,MAAM,2BAA2B,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/esm/CatalogItemPicker/useCatalogItemPicker.js

@@ -0,0 +1,139 @@
+// (C) 2026 GoodData Corporation
+import { useEffect, useId, useMemo, useRef } from "react";
+import { useAttributeItemsData } from "./useAttributeItemsData.js";
+import { useCatalogItemPickerHandlers } from "./useCatalogItemPickerHandlers.js";
+import { useEnsureActiveType, useFilteredMetricItems, usePickerTabs } from "./useCatalogItemPickerHooks.js";
+import { useCatalogItemPickerLabels } from "./useCatalogItemPickerLabels.js";
+import { useCatalogItemPickerListboxItems } from "./useCatalogItemPickerListboxItems.js";
+import { useCatalogItemPickerState } from "./useCatalogItemPickerState.js";
+import { useDateDatasetSelection } from "./useDateDatasetSelection.js";
+import { groupMetricCatalogItems } from "./utils.js";
+/**
+ * Encapsulates all state, derived data and event handlers of the catalog item picker.
+ *
+ * It is shared between {@link CatalogItemPicker} (which wraps the body with a header) and
+ * {@link CatalogItemPickerBody} (the header-less search + grouped list, reused e.g. in the ranking
+ * filter measure dropdown).
+ *
+ * @internal
+ */
+export function useCatalogItemPicker({ itemTypes, selectionMode, attributeItems, metricItems, groups, isOpen = true, isLoading = false, onClose, onAdd, onSelect, variant = "addFilter", }) {
+    const listboxId = useId();
+    // Compute available items
+    const allAttributeItems = useMemo(() => [...(attributeItems?.insightItems ?? []), ...(attributeItems?.catalogItems ?? [])], [attributeItems]);
+    // Check if there are any date items
+    const hasDateItems = useMemo(() => allAttributeItems.some((item) => item.type === "date"), [allAttributeItems]);
+    const resolvedItemTypes = useMemo(() => {
+        const filtered = itemTypes.filter((type) => type !== "date" || hasDateItems);
+        return filtered.length > 0 ? filtered : itemTypes;
+    }, [hasDateItems, itemTypes]);
+    // Selection and search state
+    const { searchString, selectedIds, activeType, setActiveType, setSelectedIds, handleItemSelect, handleSearchChange, handleSearchEscKeyPress, resetSelection, } = useCatalogItemPickerState({
+        isOpen,
+        selectionMode,
+        itemTypes: resolvedItemTypes,
+    });
+    // Tab management
+    const { showTabs, effectiveType } = usePickerTabs(resolvedItemTypes, activeType);
+    const isMultiSelect = selectionMode === "multiple";
+    // Labels
+    const labels = useCatalogItemPickerLabels({ variant, effectiveType });
+    // Reset to first tab when loading finishes
+    const wasLoading = useRef(isLoading);
+    useEffect(() => {
+        if (wasLoading.current && !isLoading) {
+            setActiveType(resolvedItemTypes[0]);
+        }
+        wasLoading.current = isLoading;
+    }, [isLoading, resolvedItemTypes, setActiveType]);
+    useEnsureActiveType(resolvedItemTypes, showTabs, setActiveType);
+    // Date dataset selection
+    const { dateDatasetOptions, effectiveSelectedDateDatasetKey, isDateDatasetDropdownOpen, shouldShowDateDatasetSelector, setSelectedDateDatasetKey, setIsDateDatasetDropdownOpen, } = useDateDatasetSelection({ allAttributeItems, effectiveType });
+    // Attribute items data
+    const { filteredInsightItems, filteredCatalogItems, catalogItemsByDataset, ungroupedCatalogItems } = useAttributeItemsData({
+        availableInsightItems: attributeItems?.insightItems ?? [],
+        availableCatalogItems: attributeItems?.catalogItems ?? [],
+        searchString,
+        activeType: effectiveType === "date" ? "date" : "attribute",
+        selectedDateDatasetKey: effectiveSelectedDateDatasetKey,
+    });
+    // Metric items data
+    const metricInsightItems = useFilteredMetricItems(metricItems, searchString, effectiveType, "insightItems");
+    const metricCatalogItems = useFilteredMetricItems(metricItems, searchString, effectiveType, "catalogItems");
+    const groupedMetricCatalogItems = useMemo(() => groupMetricCatalogItems(metricCatalogItems, groups, labels.ungroupedTitle), [labels.ungroupedTitle, metricCatalogItems, groups]);
+    // Build listbox items
+    const listboxItems = useCatalogItemPickerListboxItems({
+        effectiveType,
+        metricInsightItems,
+        groupedMetricCatalogItems,
+        filteredInsightItems,
+        filteredCatalogItems,
+        catalogItemsByDataset,
+        ungroupedCatalogItems,
+        selectedIds,
+        isLoading,
+        shouldShowDateDatasetSelector,
+        dateDatasetOptions,
+        effectiveSelectedDateDatasetKey,
+        isDateDatasetDropdownOpen,
+        listboxId,
+        labels,
+        variant,
+        setSelectedDateDatasetKey,
+        setIsDateDatasetDropdownOpen,
+    });
+    // Event handlers
+    const { handleListboxSelect, handleAdd, handleTabChange } = useCatalogItemPickerHandlers({
+        selectionMode,
+        selectedIds,
+        setSelectedIds,
+        listboxItems,
+        onClose,
+        onAdd,
+        onSelect,
+        handleItemSelect,
+        setActiveType,
+        resetSelection,
+    });
+    // Computed display state
+    const hasSelectableItems = useMemo(() => {
+        if (effectiveType === "metric") {
+            return (metricInsightItems.length > 0 ||
+                groupedMetricCatalogItems.some((group) => group.items.length > 0));
+        }
+        return (filteredInsightItems.length > 0 ||
+            filteredCatalogItems.length > 0 ||
+            shouldShowDateDatasetSelector);
+    }, [
+        effectiveType,
+        filteredCatalogItems.length,
+        filteredInsightItems.length,
+        groupedMetricCatalogItems,
+        metricInsightItems.length,
+        shouldShowDateDatasetSelector,
+    ]);
+    const shouldShowEmptyStateMessage = !isLoading && !hasSelectableItems;
+    const isAddDisabled = !isMultiSelect || selectedIds.size === 0;
+    const emptyMessage = searchString.trim() ? labels.emptyNoResults : labels.emptyNoItems;
+    return {
+        listboxId,
+        labels,
+        searchString,
+        handleSearchChange,
+        handleSearchEscKeyPress,
+        showTabs,
+        effectiveType,
+        resolvedItemTypes,
+        handleTabChange,
+        listboxItems,
+        handleListboxSelect,
+        isMultiSelect,
+        isAddDisabled,
+        handleAdd,
+        shouldShowEmptyStateMessage,
+        emptyMessage,
+        isLoading,
+        selectionMode,
+        variant,
+    };
+}

package/esm/Dropdown/DropdownButton.js

@@ -21,7 +21,7 @@ export function DropdownButton({ id, className, accessibilityConfig, value, titl
             ariaLabelledBy,
             ariaExpanded: effectiveAriaExpanded,
             ariaDescribedBy,
-            ariaControls: ariaControls ?? (isOpen ? dropdownId : undefined),
+            ariaControls: ariaControls ?? dropdownId,
             role: role ?? "combobox",
             popupType,
         }

package/esm/Header/HeaderSearchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderSearchButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAWlE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAIH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAqExE"}
+{"version":3,"file":"HeaderSearchButton.d.ts","sourceRoot":"","sources":["../../src/Header/HeaderSearchButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAWlE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAIH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAsExE"}

package/esm/Header/HeaderSearchButton.js

@@ -33,5 +33,5 @@ export function HeaderSearchButton({ children, title }) {
             isExpanded: isOpen,
             popupId: dropdownId,
         }, ref: buttonRef, children: [
-            _jsx("span", { className: "gd-icon-header-search-button" }), _jsx("span", { className: "gd-header-search-label", children: title }), isOpen ? (_jsx(Overlay, { isModal: false, alignTo: ".gd-header-search", alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: toggleOpen, ignoreClicksOnByClass: [".gd-bubble"], children: _jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: { returnFocusTo: buttonRef }, children: _jsx("div", { id: dropdownId, className: "gd-dialog gd-dropdown overlay gd-header-search-dropdown", children: children }) }) })) : null] }));
+            _jsx("span", { className: "gd-icon-header-search-button" }), _jsx("span", { className: "gd-header-search-label", children: title }), isOpen ? (_jsx(Overlay, { isModal: false, alignTo: ".gd-header-search", alignPoints: ALIGN_POINTS, resizeObserverThreshold: 0.2, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: toggleOpen, ignoreClicksOnByClass: [".gd-bubble"], children: _jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: { returnFocusTo: buttonRef }, children: _jsx("div", { id: dropdownId, className: "gd-dialog gd-dropdown overlay gd-header-search-dropdown", children: children }) }) })) : null] }));
 }

package/esm/ParameterControl/ParameterControlDropdown.d.ts

@@ -1,3 +1,4 @@
+import { type MessageDescriptor } from "react-intl";
 import { type INumberParameterConstraints } from "@gooddata/sdk-model";
 /**
  * @internal
@@ -16,7 +17,7 @@ export interface IParameterControlDropdownProps {
     onCancel: () => void;
 }
 /**
- * Dropdown panel for editing a numeric parameter value. Owns clamp, draft, validation,
+ * Dropdown panel for editing a numeric parameter value. Owns the draft, inline validation,
  * preview, and (mode-aware) Reset via `resetValue`.
  *
  * Reset is visible only when `resetValue` is set and differs from `value`; clicking it
@@ -25,4 +26,12 @@ export interface IParameterControlDropdownProps {
  * @internal
  */
 export declare function ParameterControlDropdown({ name, value, resetValue, constraints, onApply, onCancel }: IParameterControlDropdownProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the message to show for an invalid draft, or `undefined` when the draft is a valid
+ * in-range number. The single source of truth the dropdown derives its error row, input style,
+ * and Apply-disabled state from.
+ *
+ * @internal
+ */
+export declare function getDraftValidationError(draft: string, constraints?: INumberParameterConstraints): MessageDescriptor | undefined;
 //# sourceMappingURL=ParameterControlDropdown.d.ts.map

package/esm/ParameterControl/ParameterControlDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAevE;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACX,EAAE,8BAA8B,2CAiFhC"}
+{"version":3,"file":"ParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlDropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,KAAK,iBAAiB,EAA2B,MAAM,YAAY,CAAC;AAE/F,OAAO,EAAE,KAAK,2BAA2B,EAA+B,MAAM,qBAAqB,CAAC;AAmBpG;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACX,EAAE,8BAA8B,2CAwFhC;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,2BAA2B,GAC1C,iBAAiB,GAAG,SAAS,CAgB/B"}