@gooddata/sdk-ui-kit 11.44.0-alpha.1 → 11.44.0-alpha.3

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

@@ -20,6 +20,10 @@ export interface IUiControlButtonProps {
     isDraggable?: boolean;
     isDragging?: boolean;
     isError?: boolean;
+    /** Warning styling only; pair with `warningTooltip` to explain it. */
+    isWarning?: boolean;
+    /** Already-localized warning explanation. */
+    warningTooltip?: string;
     disabled?: boolean;
     /**
      * Already-localized string. When set together with `disabled`, a tooltip is wired up and
@@ -47,5 +51,5 @@ export interface IUiControlButtonProps {
  *
  * @internal
  */
-export declare function UiControlButton({ title, titleClassName, subtitle, subtitleClassName, icon, titleExtension, subtitleExtension, layout, hideChevron, isOpen, isDraggable, isDragging, isError, disabled, disabledTooltip, onClick, className, "data-testid": dataTestId, buttonRef, buttonId, dropdownId, ariaLabel }: IUiControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiControlButton({ title, titleClassName, subtitle, subtitleClassName, icon, titleExtension, subtitleExtension, layout, hideChevron, isOpen, isDraggable, isDragging, isError, isWarning, warningTooltip, disabled, disabledTooltip, onClick, className, "data-testid": dataTestId, buttonRef, buttonId, dropdownId, ariaLabel }: IUiControlButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiControlButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiControlButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiControlButton/UiControlButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAmBrE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,IAAI,EACJ,cAAc,EACd,iBAAiB,EACjB,MAAkB,EAClB,WAAW,EACX,MAAM,EACN,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,EACR,eAAe,EACf,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACZ,EAAE,qBAAqB,2CA+FvB"}
+{"version":3,"file":"UiControlButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiControlButton/UiControlButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAmBrE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,IAAI,EACJ,cAAc,EACd,iBAAiB,EACjB,MAAkB,EAClB,WAAW,EACX,MAAM,EACN,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,eAAe,EACf,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACZ,EAAE,qBAAqB,2CAkGvB"}

package/esm/@ui/UiControlButton/UiControlButton.js

@@ -21,9 +21,11 @@ const TITLE_TOOLTIP_ALIGN_POINTS = [
  *
  * @internal
  */
-export function UiControlButton({ title, titleClassName, subtitle, subtitleClassName, icon, titleExtension, subtitleExtension, layout = "stacked", hideChevron, isOpen, isDraggable, isDragging, isError, disabled, disabledTooltip, onClick, className, "data-testid": dataTestId, buttonRef, buttonId, dropdownId, ariaLabel, }) {
+export function UiControlButton({ title, titleClassName, subtitle, subtitleClassName, icon, titleExtension, subtitleExtension, layout = "stacked", hideChevron, isOpen, isDraggable, isDragging, isError, isWarning, warningTooltip, disabled, disabledTooltip, onClick, className, "data-testid": dataTestId, buttonRef, buttonId, dropdownId, ariaLabel, }) {
     const tooltipId = useIdPrefixed("gd-ui-kit-control-button-tooltip");
     const showDisabledTooltip = !!disabled && !!disabledTooltip;
+    const showWarningTooltip = !!isWarning && !!warningTooltip && !isOpen && !showDisabledTooltip;
+    const showTooltip = showDisabledTooltip || showWarningTooltip;
     const hasSubtitle = subtitle !== undefined || subtitleExtension !== undefined;
     // Trailing colon on the label, only when a subtitle follows it.
     const showLabelColon = layout === "row" && hasSubtitle;
@@ -45,13 +47,14 @@ export function UiControlButton({ title, titleClassName, subtitle, subtitleClass
             isDraggable: !!isDraggable,
             isDragging: !!isDragging,
             isError: !!isError,
+            isWarning: !!isWarning,
             disabled: !!disabled,
-        }), className), role: "button", tabIndex: 0, "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-controls": isOpen ? dropdownId : undefined, "aria-describedby": showDisabledTooltip ? tooltipId : undefined, "aria-label": ariaLabel, "data-testid": dataTestId, onClick: disabled ? undefined : onClick, onKeyDown: onKeyDown, children: [icon ? _jsx("div", { className: e("icon"), children: icon }) : null, _jsxs("div", { className: e("content"), children: [
+        }), className), role: "button", tabIndex: 0, "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-controls": isOpen ? dropdownId : undefined, "aria-describedby": showTooltip ? tooltipId : undefined, "aria-label": ariaLabel, "data-testid": dataTestId, onClick: disabled ? undefined : onClick, onKeyDown: onKeyDown, children: [icon ? _jsx("div", { className: e("icon"), children: icon }) : null, _jsxs("div", { className: e("content"), children: [
                     _jsxs("div", { className: e("title-row"), children: [
                             _jsx("div", { className: e("title", { withColon: showLabelColon }), children: _jsx(ShortenedText, { tooltipAlignPoints: TITLE_TOOLTIP_ALIGN_POINTS, className: titleClassName, children: title }) }), titleExtension] }), hasSubtitle ? (_jsxs("div", { className: e("subtitle-row"), children: [typeof subtitle === "string" ? (_jsx("div", { className: e("subtitle"), children: _jsx(ShortenedText, { tooltipAlignPoints: TITLE_TOOLTIP_ALIGN_POINTS, className: subtitleClassName, children: subtitle }) })) : (subtitle), subtitleExtension] })) : null] })
         ] }));
-    if (showDisabledTooltip) {
-        return (_jsx(UiTooltip, { id: tooltipId, anchor: button, content: disabledTooltip, triggerBy: ["focus"], arrowPlacement: "top", showArrow: true }));
+    if (showTooltip) {
+        return (_jsx(UiTooltip, { id: tooltipId, anchor: button, content: showWarningTooltip ? warningTooltip : disabledTooltip, triggerBy: showWarningTooltip ? ["hover", "focus"] : ["focus"], arrowPlacement: "top", showArrow: true }));
     }
     return button;
 }

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,mBAA2B,EAC3B,OAAmB,EACnB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,mBAAmB,EACtB,EAAE,eAAe,2CA6LjB"}
+{"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";
@@ -104,12 +105,21 @@ 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 }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
                     ? typeof content === "function"

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/ParameterControl/ParameterControlButton.d.ts

@@ -7,6 +7,7 @@ export interface IParameterControlButtonProps {
     isActive: boolean;
     isDraggable?: boolean;
     isDragging?: boolean;
+    warningTooltip?: string;
     onClick?: () => void;
     className?: string;
     "data-testid"?: string;
@@ -14,5 +15,5 @@ export interface IParameterControlButtonProps {
 /**
  * @internal
  */
-export declare function ParameterControlButton({ name, value, isActive, isDraggable, isDragging, onClick, className, "data-testid": dataTestId }: IParameterControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterControlButton({ name, value, isActive, isDraggable, isDragging, warningTooltip, onClick, className, "data-testid": dataTestId }: IParameterControlButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ParameterControlButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterControlButton.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlButton.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EAC5B,EAAE,4BAA4B,2CAiB9B"}
+{"version":3,"file":"ParameterControlButton.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlButton.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EAC5B,EAAE,4BAA4B,2CAmB9B"}

package/esm/ParameterControl/ParameterControlButton.js

@@ -9,8 +9,8 @@ const messages = defineMessages({
 /**
  * @internal
  */
-export function ParameterControlButton({ name, value, isActive, isDraggable, isDragging, onClick, className, "data-testid": dataTestId, }) {
+export function ParameterControlButton({ name, value, isActive, isDraggable, isDragging, warningTooltip, onClick, className, "data-testid": dataTestId, }) {
     const intl = useIntl();
     const subtitle = intl.formatMessage(messages.valueSubtitle, { value });
-    return (_jsx(UiControlButton, { title: name, subtitle: subtitle, isOpen: isActive, isDraggable: isDraggable, isDragging: isDragging, icon: _jsx(UiIcon, { type: "parameter", size: 16, color: "currentColor" }), onClick: onClick, className: className, "data-testid": dataTestId }));
+    return (_jsx(UiControlButton, { title: name, subtitle: subtitle, isOpen: isActive, isDraggable: isDraggable, isDragging: isDragging, icon: _jsx(UiIcon, { type: warningTooltip ? "warning" : "parameter", size: 16, color: "currentColor" }), isWarning: !!warningTooltip, warningTooltip: warningTooltip, onClick: onClick, className: className, "data-testid": dataTestId }));
 }

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"}