@gooddata/sdk-ui-kit 11.53.0-alpha.1 → 11.53.0-alpha.2

package/esm/Form/InputPure.js

@@ -1,163 +1,153 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2020-2026 GoodData Corporation
-import { PureComponent, } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useRef, } from "react";
 import cx from "classnames";
 import { v4 as uuid } from "uuid";
 import { UiIconButton } from "../@ui/UiIconButton/UiIconButton.js";
 import { ENUM_KEY_CODE } from "../typings/utilities.js";
 import { runAutofocus } from "./focus.js";
 /**
+ * Defaults shared with the `Input` wrapper, which re-exposes them as its own `defaultProps`.
+ * Keep in sync with the destructuring defaults in {@link InputPure}.
+ *
  * @internal
  */
-export class InputPure extends PureComponent {
-    inputNodeRef = null;
-    autofocusDispatcher = () => { };
-    a11yIdBase = uuid();
-    static defaultProps = {
-        autofocus: false,
-        className: "",
-        clearOnEsc: false,
-        disabled: false,
-        hasError: false,
-        hasWarning: false,
-        isSearch: false,
-        isSmall: false,
-        maxlength: 255,
-        onChange: (..._args) => { },
-        onEscKeyPress: (..._args) => { },
-        onEnterKeyPress: (..._args) => { },
-        onBlur: (..._args) => { },
-        onFocus: (..._args) => { },
-        placeholder: "",
-        prefix: "",
-        readonly: false,
-        suffix: "",
-        label: "",
-        labelPositionTop: false,
-        value: "",
+export const inputPureDefaultProps = {
+    autofocus: false,
+    className: "",
+    clearOnEsc: false,
+    disabled: false,
+    hasError: false,
+    hasWarning: false,
+    isSearch: false,
+    isSmall: false,
+    maxlength: 255,
+    onChange: (..._args) => { },
+    onEscKeyPress: (..._args) => { },
+    onEnterKeyPress: (..._args) => { },
+    onBlur: (..._args) => { },
+    onFocus: (..._args) => { },
+    placeholder: "",
+    prefix: "",
+    readonly: false,
+    suffix: "",
+    label: "",
+    labelPositionTop: false,
+    value: "",
+};
+/**
+ * @internal
+ */
+export const InputPure = forwardRef(function InputPure(props, ref) {
+    const { accessibilityConfig, autocomplete, autofocus = false, className = "", clearOnEsc = false, dataTestId, disabled = false, hasError = false, hasWarning = false, iconButton, iconButtonLabel, id, isSearch = false, isSmall = false, label = "", labelPositionTop = false, maxlength = 255, name, onBlur = (..._args) => { }, onChange = (..._args) => { }, onEnterKeyPress = (..._args) => { }, onEscKeyPress = (..._args) => { }, onFocus = (..._args) => { }, onIconButtonClick, onKeyDown, placeholder = "", prefix = "", readonly = false, required, suffix = "", type, value = "", } = props;
+    const inputRef = useRef(null);
+    const autofocusDispatcher = useRef(() => { });
+    const a11yIdBase = useRef(uuid()).current;
+    useEffect(() => {
+        autofocusDispatcher.current = runAutofocus(inputRef.current, autofocus);
+        // read through the ref rather than closing over the disposer: `onClear` may have replaced it
+        // with a newer autofocus loop, and that is the one which has to be cancelled here
+        return () => autofocusDispatcher.current();
+    }, [autofocus]);
+    useImperativeHandle(ref, () => ({
+        get inputNodeRef() {
+            return inputRef.current;
+        },
+        focus(options) {
+            inputRef.current?.focus(options);
+        },
+    }), []);
+    const handleChange = (e) => {
+        onChange(e.target.value, e);
     };
-    componentDidMount() {
-        const { autofocus } = this.props;
-        this.autofocusDispatcher = runAutofocus(this.inputNodeRef, autofocus ?? false);
-    }
-    componentWillUnmount() {
-        this.autofocusDispatcher();
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.autofocus !== this.props.autofocus) {
-            this.autofocusDispatcher();
-            this.autofocusDispatcher = runAutofocus(this.inputNodeRef, this.props.autofocus ?? false);
-        }
-    }
-    onChange = (e) => {
-        this.props.onChange?.(e.target.value, e);
+    const onClear = (e) => {
+        onChange("", e);
+        autofocusDispatcher.current = runAutofocus(inputRef.current, true);
     };
-    onKeyPress = (e) => {
+    const onKeyPress = (e) => {
         switch (e.keyCode) {
             case ENUM_KEY_CODE.KEY_CODE_ESCAPE:
-                if (this.props.clearOnEsc) {
+                if (clearOnEsc) {
                     e.stopPropagation();
-                    this.onClear();
+                    onClear();
                 }
-                this.props.onEscKeyPress?.(e);
+                onEscKeyPress(e);
                 break;
             case ENUM_KEY_CODE.KEY_CODE_ENTER:
-                this.props.onEnterKeyPress?.();
+                onEnterKeyPress();
                 break;
             default:
                 break;
         }
     };
-    onClear = (e) => {
-        this.props.onChange?.("", e);
-        this.autofocusDispatcher = runAutofocus(this.inputNodeRef, true);
-    };
-    getLabelClassNames(className) {
+    const getLabelClassNames = (classNames) => {
         return cx({
             "gd-input": true,
-            "gd-input-small": this.props.isSmall,
-            "gd-input-search": this.props.isSearch,
-            "gd-input-with-prefix": !!this.props.prefix,
-            "gd-input-with-suffix": !!this.props.suffix,
-            "gd-input-with-icon-button": !!this.props.iconButton,
-            "gd-input-with-label": !!this.props.label,
-            "gd-input-label-top": this.props.labelPositionTop,
-            "has-error": this.props.hasError,
-            "has-warning": this.props.hasWarning,
-            "is-disabled": this.props.disabled,
-        }, className);
-    }
-    getInputClassNames() {
+            "gd-input-small": isSmall,
+            "gd-input-search": isSearch,
+            "gd-input-with-prefix": !!prefix,
+            "gd-input-with-suffix": !!suffix,
+            "gd-input-with-icon-button": !!iconButton,
+            "gd-input-with-label": !!label,
+            "gd-input-label-top": labelPositionTop,
+            "has-error": hasError,
+            "has-warning": hasWarning,
+            "is-disabled": disabled,
+        }, classNames);
+    };
+    const getInputClassNames = () => {
         return cx({
             "gd-input-field": true,
-            "gd-input-field-small": this.props.isSmall,
+            "gd-input-field-small": isSmall,
         });
-    }
-    getA11yIdBase() {
-        return this.props.id ?? this.a11yIdBase;
-    }
-    getPrefixA11yId() {
-        return `${this.getA11yIdBase()}-a11y-prefix`;
-    }
-    getSuffixA11yId() {
-        return `${this.getA11yIdBase()}-a11y-suffix`;
-    }
-    renderPrefix(prefix, ariaLabel) {
-        return prefix ? (_jsxs(_Fragment, { children: [
-                _jsx("span", { className: "gd-input-prefix", "aria-hidden": "true", children: prefix }), ariaLabel ? (_jsx("span", { className: "sr-only", id: this.getPrefixA11yId(), children: ariaLabel })) : null] })) : (false);
-    }
-    renderSuffix(suffix, ariaLabel) {
-        return suffix ? (_jsxs(_Fragment, { children: [
-                _jsx("span", { className: "gd-input-suffix", "aria-hidden": "true", children: suffix }), ariaLabel ? (_jsx("span", { className: "sr-only", id: this.getSuffixA11yId(), children: ariaLabel })) : null] })) : (false);
-    }
-    renderLabel(label, htmlFor) {
-        return label ? (_jsx("label", { htmlFor: htmlFor, className: "gd-input-label", children: label })) : (false);
-    }
-    renderSearch(isSearch) {
-        return isSearch ? _jsx("span", { className: "gd-input-icon gd-icon-search" }) : false;
-    }
-    renderClearIcon(clearOnEsc) {
-        return clearOnEsc && this.props.value.length > 0 ? (_jsx("button", { type: "button", className: "gd-input-icon-clear gd-icon-clear s-input-clear", "aria-label": "Input clear", onClick: (e) => {
+    };
+    const getA11yIdBase = () => id ?? a11yIdBase;
+    const getPrefixA11yId = () => `${getA11yIdBase()}-a11y-prefix`;
+    const getSuffixA11yId = () => `${getA11yIdBase()}-a11y-suffix`;
+    const renderPrefix = (prefixValue, ariaLabel) => {
+        return prefixValue ? (_jsxs(_Fragment, { children: [
+                _jsx("span", { className: "gd-input-prefix", "aria-hidden": "true", children: prefixValue }), ariaLabel ? (_jsx("span", { className: "sr-only", id: getPrefixA11yId(), children: ariaLabel })) : null] })) : (false);
+    };
+    const renderSuffix = (suffixValue, ariaLabel) => {
+        return suffixValue ? (_jsxs(_Fragment, { children: [
+                _jsx("span", { className: "gd-input-suffix", "aria-hidden": "true", children: suffixValue }), ariaLabel ? (_jsx("span", { className: "sr-only", id: getSuffixA11yId(), children: ariaLabel })) : null] })) : (false);
+    };
+    const renderLabel = (labelValue, htmlFor) => {
+        return labelValue ? (_jsx("label", { htmlFor: htmlFor, className: "gd-input-label", children: labelValue })) : (false);
+    };
+    const renderSearch = (isSearchValue) => {
+        return isSearchValue ? _jsx("span", { className: "gd-input-icon gd-icon-search" }) : false;
+    };
+    const renderClearIcon = (clearOnEscValue) => {
+        return clearOnEscValue && value.length > 0 ? (_jsx("button", { type: "button", className: "gd-input-icon-clear gd-icon-clear s-input-clear", "aria-label": "Input clear", onClick: (e) => {
                 // react events use delegation and don't bubble, click on clear needs to be kept local
                 // to avoid handling by overlay close handler and others
                 e.stopPropagation();
-                this.onClear();
+                onClear();
             } })) : (false);
-    }
-    renderIconButton(iconButton, iconButtonLabel, onIconButtonClick) {
-        return iconButton ? (_jsx("span", { className: "gd-input-icon-button", children: _jsx(UiIconButton, { icon: iconButton, label: iconButtonLabel, size: "medium", variant: "tertiary", onClick: onIconButtonClick, accessibilityConfig: {
-                    ariaLabel: iconButtonLabel,
+    };
+    const renderIconButton = (iconButtonValue, iconButtonLabelValue, onIconButtonClickValue) => {
+        return iconButtonValue ? (_jsx("span", { className: "gd-input-icon-button", children: _jsx(UiIconButton, { icon: iconButtonValue, label: iconButtonLabelValue, size: "medium", variant: "tertiary", onClick: onIconButtonClickValue, accessibilityConfig: {
+                    ariaLabel: iconButtonLabelValue,
                 } }) })) : (false);
-    }
-    getAriaDescribedBy() {
-        const { prefix, suffix, accessibilityConfig } = this.props;
+    };
+    const getAriaDescribedBy = () => {
         const describedBy = [
-            prefix && accessibilityConfig?.prefixAriaLabel ? this.getPrefixA11yId() : undefined,
-            suffix && accessibilityConfig?.suffixAriaLabel ? this.getSuffixA11yId() : undefined,
+            prefix && accessibilityConfig?.prefixAriaLabel ? getPrefixA11yId() : undefined,
+            suffix && accessibilityConfig?.suffixAriaLabel ? getSuffixA11yId() : undefined,
             accessibilityConfig?.ariaDescribedBy,
         ]
             .filter(Boolean)
             .join(" ")
             .trim();
         return describedBy.length ? describedBy : undefined;
-    }
-    renderInput() {
-        const { clearOnEsc, disabled, isSearch, placeholder, prefix, readonly, suffix, maxlength, value, onBlur, onFocus, name, type, required, accessibilityConfig, autocomplete, iconButton, iconButtonLabel, onIconButtonClick, dataTestId, } = this.props;
+    };
+    const renderInput = () => {
         return (_jsxs("div", { className: "gd-input-wrapper", children: [
-                _jsx("input", { ref: (ref) => {
-                        this.inputNodeRef = ref;
-                    }, type: type ?? "text", id: this.getA11yIdBase(), name: name, required: required, className: this.getInputClassNames(), disabled: disabled, maxLength: maxlength, onChange: this.onChange, onBlur: onBlur, onFocus: onFocus, onKeyDown: this.props.onKeyDown ?? this.onKeyPress, placeholder: placeholder, readOnly: readonly, value: value, role: accessibilityConfig?.role, "aria-label": accessibilityConfig?.ariaLabel ?? undefined, "aria-describedby": this.getAriaDescribedBy(), "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-expanded": accessibilityConfig?.ariaExpanded, "aria-controls": accessibilityConfig?.ariaControls, "aria-activedescendant": accessibilityConfig?.ariaActiveDescendant, "aria-readonly": readonly || undefined, "aria-autocomplete": accessibilityConfig?.ariaAutocomplete, "aria-invalid": accessibilityConfig?.ariaInvalid, autoComplete: isSearch ? "off" : autocomplete, "data-testid": dataTestId }), this.renderSearch(isSearch ?? false), this.renderClearIcon(clearOnEsc ?? false), this.renderPrefix(prefix ?? "", accessibilityConfig?.prefixAriaLabel), this.renderSuffix(suffix ?? "", accessibilityConfig?.suffixAriaLabel), this.renderIconButton(iconButton, iconButtonLabel ?? "", onIconButtonClick)] }));
-    }
-    render() {
-        const { className, label } = this.props;
-        if (label) {
-            return (_jsxs("div", { className: this.getLabelClassNames(className ?? ""), children: [this.renderLabel(label, this.getA11yIdBase()), this.renderInput()] }));
-        }
-        return _jsx("div", { className: this.getLabelClassNames(className ?? ""), children: this.renderInput() });
-    }
-    focus(options) {
-        if (this.inputNodeRef) {
-            this.inputNodeRef.focus(options);
-        }
+                _jsx("input", { ref: inputRef, type: type ?? "text", id: getA11yIdBase(), name: name, required: required, className: getInputClassNames(), disabled: disabled, maxLength: maxlength, onChange: handleChange, onBlur: onBlur, onFocus: onFocus, onKeyDown: onKeyDown ?? onKeyPress, placeholder: placeholder, readOnly: readonly, value: value, role: accessibilityConfig?.role, "aria-label": accessibilityConfig?.ariaLabel ?? undefined, "aria-describedby": getAriaDescribedBy(), "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-expanded": accessibilityConfig?.ariaExpanded, "aria-controls": accessibilityConfig?.ariaControls, "aria-activedescendant": accessibilityConfig?.ariaActiveDescendant, "aria-readonly": readonly || undefined, "aria-autocomplete": accessibilityConfig?.ariaAutocomplete, "aria-invalid": accessibilityConfig?.ariaInvalid, autoComplete: isSearch ? "off" : autocomplete, "data-testid": dataTestId }), renderSearch(isSearch), renderClearIcon(clearOnEsc), renderPrefix(prefix, accessibilityConfig?.prefixAriaLabel), renderSuffix(suffix, accessibilityConfig?.suffixAriaLabel), renderIconButton(iconButton, iconButtonLabel ?? "", onIconButtonClick)] }));
+    };
+    if (label) {
+        return (_jsxs("div", { className: getLabelClassNames(className), children: [renderLabel(label, getA11yIdBase()), renderInput()] }));
     }
-}
+    return _jsx("div", { className: getLabelClassNames(className), children: renderInput() });
+});

package/esm/Form/InputWithNumberFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputWithNumberFormat.d.ts","sourceRoot":"","sources":["../../src/Form/InputWithNumberFormat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAsD,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAmD/C;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED;;GAEG;AAEH,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,2BACb,SAAQ,8BAA8B,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzE,qGAAqG;IACrG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChF;AAUD;;GAEG;AACH,eAAO,MAAM,qBAAqB,mEAsEhC,CAAC"}
+{"version":3,"file":"InputWithNumberFormat.d.ts","sourceRoot":"","sources":["../../src/Form/InputWithNumberFormat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAsD,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAyB,KAAK,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAExF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAmD/C;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAED;;GAEG;AAEH,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,2BACb,SAAQ,8BAA8B,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzE,qGAAqG;IACrG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChF;AAUD;;GAEG;AACH,eAAO,MAAM,qBAAqB,mEAsEhC,CAAC"}

package/esm/Header/Header.d.ts

@@ -2,5 +2,5 @@ import { type IAppHeaderProps } from "./typings.js";
 /**
  * @internal
  */
-export declare const AppHeader: import("react").ComponentType<Omit<IAppHeaderProps, "theme" | "themeIsLoading" | "themeStatus">>;
+export declare function AppHeader({ logoHref, accountMenuItems, helpMenuItems, menuItemsGroups, search, notificationsPanel, workspacePicker, isAccessibilityCompliant, logoUrl, logoTitle, organizationName, className, activeColor, headerColor, headerTextColor, documentationUrl, expiredDate, showUpsellButton, onUpsellButtonClick, badges, showStaticHelpMenu, userName, helpMenuDropdownAlignPoints: helpDropdownAlign, disableHelpDropdown, onHelpClick, helpRedirectUrl, showChatItem, isChatOpen, onChatItemClick, onLogoClick, onMenuItemClick }: IAppHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,KAAK,eAAe,EAA8C,MAAM,cAAc,CAAC;AAyBhG;;GAEG;AACH,eAAO,MAAM,SAAS,kGAskBpB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,KAAK,eAAe,EAA8C,MAAM,cAAc,CAAC;AAyBhG;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,QAAc,EACd,gBAAqB,EACrB,aAAkB,EAClB,eAAoB,EACpB,MAAM,EACN,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,2BAA2B,EAAE,iBAAiB,EAC9C,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EACX,eAAe,EAClB,EAAE,eAAe,2CAsiBjB"}

package/esm/Header/Header.js

@@ -6,7 +6,7 @@ import { differenceInCalendarDays, differenceInMonths, format } from "date-fns";
 import { debounce } from "lodash-es";
 import { FormattedMessage, defineMessage, defineMessages, useIntl } from "react-intl";
 import { v4 as uuid } from "uuid";
-import { withTheme } from "@gooddata/sdk-ui-theme-provider";
+import { useTheme } from "@gooddata/sdk-ui-theme-provider";
 import { Icon } from "../Icon/Icon.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { Typography } from "../Typography/Typography.js";
@@ -42,8 +42,9 @@ const HEADER_HELP_MENU_ITEM_ID = defineMessage({ id: "gs.header.help" }).id;
 /**
  * @internal
  */
-export const AppHeader = withTheme(function AppHeader({ logoHref = "/", accountMenuItems = [], helpMenuItems = [], menuItemsGroups = [], search, notificationsPanel, workspacePicker, isAccessibilityCompliant, logoUrl, logoTitle, organizationName, className, activeColor, headerColor, headerTextColor, documentationUrl, expiredDate, showUpsellButton, onUpsellButtonClick, badges, showStaticHelpMenu, userName, theme, helpMenuDropdownAlignPoints: helpDropdownAlign, disableHelpDropdown, onHelpClick, helpRedirectUrl, showChatItem, isChatOpen, onChatItemClick, onLogoClick, onMenuItemClick, }) {
+export function AppHeader({ logoHref = "/", accountMenuItems = [], helpMenuItems = [], menuItemsGroups = [], search, notificationsPanel, workspacePicker, isAccessibilityCompliant, logoUrl, logoTitle, organizationName, className, activeColor, headerColor, headerTextColor, documentationUrl, expiredDate, showUpsellButton, onUpsellButtonClick, badges, showStaticHelpMenu, userName, helpMenuDropdownAlignPoints: helpDropdownAlign, disableHelpDropdown, onHelpClick, helpRedirectUrl, showChatItem, isChatOpen, onChatItemClick, onLogoClick, onMenuItemClick, }) {
     const intl = useIntl();
+    const theme = useTheme();
     const [state, setState] = useState({
         childrenWidth: 0,
         guid: `header-${uuid()}`,
@@ -360,4 +361,4 @@ export const AppHeader = withTheme(function AppHeader({ logoHref = "/", accountM
     return (_jsxs("header", { ref: nodeRef, "aria-label": intl.formatMessage({ id: "gs.header.accessibility.label" }), className: cx("gd-header", state.guid, className), children: [isAccessibilityCompliant
                 ? renderAccessibilityLogo(logoLinkClassName, organizationName ?? "")
                 : renderLogo(logoLinkClassName), workspacePicker, state.responsiveMode ? renderMobileNav() : renderStandardNav()] }));
-});
+}

package/esm/Header/WorkspacePickerHomeFooter.d.ts

@@ -1,5 +1,4 @@
 import { type MouseEvent, type ReactNode } from "react";
-import { type ITheme } from "@gooddata/sdk-model";
 /**
  * @internal
  */
@@ -7,11 +6,10 @@ export interface IWorkspacePickerHomeFooterProps {
     href?: string;
     onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
     className?: string;
-    theme?: ITheme;
     children?: ReactNode;
 }
 /**
  * @internal
  */
-export declare const WorkspacePickerHomeFooter: import("react").ComponentType<Omit<IWorkspacePickerHomeFooterProps, "theme" | "themeIsLoading" | "themeStatus">>;
+export declare function WorkspacePickerHomeFooter({ children, className, href, onClick }: IWorkspacePickerHomeFooterProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkspacePickerHomeFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspacePickerHomeFooter.d.ts","sourceRoot":"","sources":["../../src/Header/WorkspacePickerHomeFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAKlD;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAmCD;;GAEG;AACH,eAAO,MAAM,yBAAyB,kHAAgD,CAAC"}
+{"version":3,"file":"WorkspacePickerHomeFooter.d.ts","sourceRoot":"","sources":["../../src/Header/WorkspacePickerHomeFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASxD;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACV,EAAE,+BAA+B,2CA0BjC"}

package/esm/Header/WorkspacePickerHomeFooter.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from "classnames";
 import { useIntl } from "react-intl";
-import { withTheme } from "@gooddata/sdk-ui-theme-provider";
+import { useTheme } from "@gooddata/sdk-ui-theme-provider";
 import { Icon } from "../Icon/Icon.js";
-function WorkspacePickerHomeFooterComponent({ children, className, href, onClick, theme, }) {
+/**
+ * @internal
+ */
+export function WorkspacePickerHomeFooter({ children, className, href, onClick, }) {
     const intl = useIntl();
+    const theme = useTheme();
     const mergedClassNames = cx("gd-workspace-picker-home-footer", className);
     const HomeIcon = Icon["Home"];
     return (_jsxs("a", { className: mergedClassNames, "data-testid": "s-workspace-picker-home-footer", href: href, onClick: onClick, tabIndex: 0, "aria-label": intl.formatMessage({ id: "gs.header.href.accessibility" }), children: [
             _jsx(HomeIcon, { className: "gd-icon-home", width: 20, height: 20, color: theme?.palette?.complementary?.c7, ariaHidden: true }), children] }));
 }
-/**
- * @internal
- */
-export const WorkspacePickerHomeFooter = withTheme(WorkspacePickerHomeFooterComponent);

package/esm/Header/typings.d.ts

@@ -1,5 +1,4 @@
 import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
-import { type ITheme } from "@gooddata/sdk-model";
 import { type HelpMenuDropdownAlignPoints } from "../typings/positioning.js";
 /**
  * @internal
@@ -44,7 +43,6 @@ export interface IAppHeaderProps {
     helpMenuDropdownAlignPoints?: HelpMenuDropdownAlignPoints;
     showStaticHelpMenu?: boolean;
     helpRedirectUrl?: string;
-    theme?: ITheme;
     showUpsellButton?: boolean;
     onUpsellButtonClick?: (e: MouseEvent) => void;
     search?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Header/typings.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"typings.d.ts","sourceRoot":"","sources":["../../src/Header/typings.ts"],"names":[],"mappings":"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"}

package/esm/List/LegacyList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyList.d.ts","sourceRoot":"","sources":["../../src/List/LegacyList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,YAAY,EAOpB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAUhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACvB,SAAc,EACd,QAAmB,EACnB,aAAwB,EACxB,QAAmB,EACnB,KAAW,EACX,MAAY,EACZ,UAAe,EACf,gBAAkD,EAClD,gBAAwB,EACxB,UAAU,EACV,OAAO,EACV,EAAE,gBAAgB,2CAuKlB"}
+{"version":3,"file":"LegacyList.d.ts","sourceRoot":"","sources":["../../src/List/LegacyList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,YAAY,EAOpB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAUhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACvB,SAAc,EACd,QAAmB,EACnB,aAAwB,EACxB,QAAmB,EACnB,KAAW,EACX,MAAY,EACZ,UAAe,EACf,gBAAkD,EAClD,gBAAwB,EACxB,UAAU,EACV,OAAO,EACV,EAAE,gBAAgB,2CAiJlB"}

package/esm/List/LegacyList.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cloneElement, useCallback, useEffect, useMemo, useRef, } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import cx from "classnames";
+import { useVirtualizerRectObserver } from "../@ui/hooks/useVirtualizerRectObserver.js";
 // it configures max number of records due to
 // inefficiency with virtual memory allocation
 // that causes application crash (TNT-787)
@@ -17,26 +18,7 @@ export function LegacyList({ className = "", onScroll = () => { }, onScrollStart
     const scrollContainerRef = useRef(null);
     const rowsCount = Math.min(dataSource.rowsCount, MAX_NUMBER_OF_ROWS);
     const estimateSize = useCallback(() => (itemHeightGetter ? itemHeightGetter() : itemHeight), [itemHeightGetter, itemHeight]);
-    // Report the viewport size to the virtualizer from the known props, falling back from a real
-    // measurement when the DOM has no layout (e.g. jsdom in tests). Keeps virtualization correct
-    // without depending on layout being available.
-    const observeElementRect = useCallback((_instance, cb) => {
-        const el = scrollContainerRef.current;
-        if (!el) {
-            return undefined;
-        }
-        const report = () => {
-            const rect = el.getBoundingClientRect();
-            cb({ width: rect.width || width, height: rect.height || height });
-        };
-        report();
-        if (typeof ResizeObserver === "undefined") {
-            return undefined;
-        }
-        const resizeObserver = new ResizeObserver(report);
-        resizeObserver.observe(el);
-        return () => resizeObserver.disconnect();
-    }, [width, height]);
+    const observeElementRect = useVirtualizerRectObserver(scrollContainerRef, height);
     const rowVirtualizer = useVirtualizer({
         count: rowsCount,
         getScrollElement: () => scrollContainerRef.current,

package/esm/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,YAAY,EAMpB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAC7D,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEtC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B,mBAAmB,CAAC,EAAE,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC;CACnF;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,KAAK,IAAI,CAAC;AAElG;;GAEG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACpB,EAAE,EACF,SAAc,EAEd,KAAW,EACX,MAAM,EACN,SAAS,EAET,KAAU,EACV,UAAyB,EACzB,UAAgC,EAChC,gBAA+D,EAC/D,oBAA8C,EAC9C,UAAU,EAEV,aAAa,EACb,WAAW,EAEX,YAAY,EACZ,eAAe,EAEf,mBAAmB,EACtB,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CA+K9B"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,YAAY,EAMpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAC7D,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEtC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B,mBAAmB,CAAC,EAAE,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC;CACnF;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,KAAK,IAAI,CAAC;AAElG;;GAEG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACpB,EAAE,EACF,SAAc,EAEd,KAAW,EACX,MAAM,EACN,SAAS,EAET,KAAU,EACV,UAAyB,EACzB,UAAgC,EAChC,gBAA+D,EAC/D,oBAA8C,EAC9C,UAAU,EAEV,aAAa,EACb,WAAW,EAEX,YAAY,EACZ,eAAe,EAEf,mBAAmB,EACtB,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAyJ9B"}

package/esm/List/List.js

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import cx from "classnames";
+import { useVirtualizerRectObserver } from "../@ui/hooks/useVirtualizerRectObserver.js";
 // it configures max number of records due to
 // inefficiency with virtual memory allocation
 // that causes application crash (TNT-787)
@@ -24,26 +25,7 @@ export function List({ id, className = "", width = 200, height, maxHeight, items
     // the visible viewport height; the list is prop-sized so this is deterministic
     const viewportHeight = maxHeight ? Math.min(maxHeight, listHeight) : listHeight;
     const estimateSize = useCallback((index) => (itemHeightGetter ? itemHeightGetter(index) : itemHeight), [itemHeightGetter, itemHeight]);
-    // Report the viewport size to the virtualizer from the known props, falling back from a real
-    // measurement when the DOM has no layout (e.g. jsdom in tests). Keeps virtualization correct
-    // without depending on layout being available.
-    const observeElementRect = useCallback((_instance, cb) => {
-        const el = scrollContainerRef.current;
-        if (!el) {
-            return undefined;
-        }
-        const report = () => {
-            const rect = el.getBoundingClientRect();
-            cb({ width: rect.width || width, height: rect.height || viewportHeight });
-        };
-        report();
-        if (typeof ResizeObserver === "undefined") {
-            return undefined;
-        }
-        const resizeObserver = new ResizeObserver(report);
-        resizeObserver.observe(el);
-        return () => resizeObserver.disconnect();
-    }, [width, viewportHeight]);
+    const observeElementRect = useVirtualizerRectObserver(scrollContainerRef, viewportHeight);
     const rowVirtualizer = useVirtualizer({
         count: rowsCount,
         getScrollElement: () => scrollContainerRef.current,

package/esm/List/ListItem.d.ts

@@ -9,6 +9,8 @@ export type SingleSelectListItemType = "header" | "separator";
  */
 export interface ISingleSelectListItemProps {
     title?: string;
+    /** Rendered right after the title, e.g. a "(Default)" marker. */
+    suffix?: ReactNode;
     icon?: string | ReactNode;
     type?: SingleSelectListItemType;
     className?: string;

package/esm/List/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,EAAE,EACP,KAAK,UAAU,EACf,KAAK,SAAS,EAOjB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAI5E;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE,KAAK,SAAS,CAAC;IAE5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AA8DD;;GAEG;AACH,eAAO,MAAM,oBAAoB,2IA4J/B,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,EAAE,EACP,KAAK,UAAU,EACf,KAAK,SAAS,EAOjB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAI5E;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE,KAAK,SAAS,CAAC;IAE5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AA8DD;;GAEG;AACH,eAAO,MAAM,oBAAoB,2IA8J/B,CAAC"}

package/esm/List/ListItem.js

@@ -27,7 +27,7 @@ const ButtonElement = forwardRef(function ButtonElement({ children, ...props },
  * @internal
  */
 export const SingleSelectListItem = forwardRef(function SingleSelectListItem(props, ref) {
-    const { title, icon, type, className, info, variant = "default", eventsOnBubble = false, hideDelayBubble, isSelected, isFocused, isMenu, elementType = "div", iconRenderer, infoRenderer, } = props;
+    const { title, suffix, icon, type, className, info, variant = "default", eventsOnBubble = false, hideDelayBubble, isSelected, isFocused, isMenu, elementType = "div", iconRenderer, infoRenderer, } = props;
     const [isOverflowed, setIsOverflowed] = useState(false);
     const titleRef = useRef(null);
     const checkOverflow = useCallback(() => {
@@ -85,7 +85,7 @@ export const SingleSelectListItem = forwardRef(function SingleSelectListItem(pro
                     _jsx("div", { className: "inlineBubbleHelp" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "cr cl" }], arrowOffsets: { "cr cl": [15, 0] }, children: info })
                 ] }) }));
     };
-    const children = (_jsxs(_Fragment, { children: [iconRenderer ? iconRenderer(icon) : renderIcon(icon), renderTitle(), infoRenderer ? infoRenderer(info) : renderInfo()] }));
+    const children = (_jsxs(_Fragment, { children: [iconRenderer ? iconRenderer(icon) : renderIcon(icon), renderTitle(), suffix ? _jsx("span", { className: "gd-list-item-suffix", children: suffix }) : null, infoRenderer ? infoRenderer(info) : renderInfo()] }));
     if (type === "separator" || type === "header") {
         return (_jsx(DivElement, { ref: ref, ...props, className: cx("gd-list-item", {
                 "gd-list-item-separator s-list-separator": type === "separator",

package/esm/ParameterControl/AllowedValuesParameterControlDropdown.d.ts

@@ -0,0 +1,22 @@
+import { type IParameterAllowedValue } from "@gooddata/sdk-model";
+import { type IDropdownBodyRenderProps } from "../Dropdown/Dropdown.js";
+/**
+ * @internal
+ */
+export interface IAllowedValuesParameterControlDropdownProps {
+    name: string;
+    value: string;
+    defaultValue: string;
+    allowedValues: IParameterAllowedValue[];
+    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
+    onApply: (value: string) => void;
+    onCancel: () => void;
+}
+/**
+ * Dropdown panel for picking a string parameter value out of its allowed values. Renders effective
+ * titles only and applies on click — there is no draft, hence no Apply/Cancel.
+ *
+ * @internal
+ */
+export declare function AllowedValuesParameterControlDropdown({ name, value, defaultValue, allowedValues, ariaAttributes, onApply, onCancel }: IAllowedValuesParameterControlDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AllowedValuesParameterControlDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AllowedValuesParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/AllowedValuesParameterControlDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,sBAAsB,EAAiC,MAAM,qBAAqB,CAAC;AAGjG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAcxE;;GAEG;AACH,MAAM,WAAW,2CAA2C;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,sBAAsB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,qCAAqC,CAAC,EAClD,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,cAAc,EACd,OAAO,EACP,QAAQ,EACX,EAAE,2CAA2C,2CAuC7C"}

package/esm/ParameterControl/AllowedValuesParameterControlDropdown.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useMemo, useState } from "react";
+import { defineMessages, useIntl } from "react-intl";
+import { getParameterAllowedValueTitle } from "@gooddata/sdk-model";
+import { bem } from "../@ui/@utils/bem.js";
+import { DropdownList } from "../Dropdown/DropdownList.js";
+import { SingleSelectListItem } from "../List/ListItem.js";
+const { b } = bem("gd-ui-kit-parameter-control");
+const SEARCH_THRESHOLD = 7;
+const messages = defineMessages({
+    searchPlaceholder: { id: "gs.list.search.placeholder" },
+    searchLabel: { id: "parameter_filter.dropdown.search_label" },
+    defaultSuffix: { id: "parameter_filter.dropdown.default_suffix" },
+});
+/**
+ * Dropdown panel for picking a string parameter value out of its allowed values. Renders effective
+ * titles only and applies on click — there is no draft, hence no Apply/Cancel.
+ *
+ * @internal
+ */
+export function AllowedValuesParameterControlDropdown({ name, value, defaultValue, allowedValues, ariaAttributes, onApply, onCancel, }) {
+    const intl = useIntl();
+    const [search, setSearch] = useState("");
+    const showSearch = allowedValues.length > SEARCH_THRESHOLD;
+    const items = useMemo(() => filterAllowedValuesByTitle(allowedValues, search), [allowedValues, search]);
+    const isCurrentValue = (item) => item.value === value;
+    return (_jsx("div", { ...ariaAttributes, className: `${b({ dropdown: true, "allowed-values": true })} overlay gd-dialog gd-dropdown`, "data-testid": "parameter-control-allowed-values-dropdown", children: _jsx(DropdownList, { items: items, itemTitleGetter: getParameterAllowedValueTitle, showSearch: showSearch, searchPlaceholder: intl.formatMessage(messages.searchPlaceholder), searchLabel: intl.formatMessage(messages.searchLabel), onSearch: setSearch, closeDropdown: onCancel, accessibilityConfig: { role: "listbox", ariaLabel: name }, getIsItemSelected: isCurrentValue, onKeyDownSelect: (item) => onApply(item.value), renderItem: ({ item, isSelected }) => (_jsx(SingleSelectListItem, { title: getParameterAllowedValueTitle(item), isSelected: isSelected, onClick: () => onApply(item.value), suffix: item.value === defaultValue
+                    ? intl.formatMessage(messages.defaultSuffix)
+                    : undefined })) }) }));
+}
+function filterAllowedValuesByTitle(allowedValues, search) {
+    if (!search) {
+        return allowedValues;
+    }
+    const needle = search.toLowerCase();
+    return allowedValues.filter((allowedValue) => getParameterAllowedValueTitle(allowedValue).toLowerCase().includes(needle));
+}