@gooddata/sdk-ui-kit 11.47.0-alpha.2 → 11.47.0-alpha.4

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

@@ -1 +1 @@
-{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACtB,MAAM,sBAAsB,CAAC;AAI9B;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,qBAAqB,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,8GA0FpB,CAAC"}
+{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACtB,MAAM,sBAAsB,CAAC;AAI9B;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,qBAAqB,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,8GAmFpB,CAAC"}

package/esm/@ui/UiButton/UiButton.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2024-2026 GoodData Corporation
 import { forwardRef } from "react";
 import { simplifyText } from "@gooddata/util";
+import { accessibilityConfigToAttributes } from "../../typings/utilities.js";
 import { bem } from "../@utils/bem.js";
 import { UiIcon } from "../UiIcon/UiIcon.js";
 const { b, e } = bem("gd-ui-kit-button");
@@ -24,6 +25,6 @@ export const UiButton = forwardRef(({ id, size = "medium", variant = "secondary"
             hasIconBefore,
             hasIconAfter,
             isSelected: isSelected ?? false,
-        }), disabled: isDisabled, tabIndex: tabIndex, autoFocus: autoFocus, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, "aria-description": accessibilityConfig?.ariaDescription, "aria-controls": accessibilityConfig?.ariaControls, "aria-haspopup": accessibilityConfig?.ariaHaspopup, role: accessibilityConfig?.role, children: [iconBefore ? (_jsx(UiIcon, { type: iconBefore, size: iconBeforeSize, accessibilityConfig: { ariaHidden: accessibilityConfig?.iconAriaHidden }, disableAnimation: disableIconAnimation })) : null, _jsx("span", { className: e("text"), style: { maxWidth }, children: label }), badgeAfter !== undefined && typeof badgeAfter === "number" ? (_jsxs("span", { className: e("badge"), children: ["(", badgeAfter, ")"] })) : null, badgeAfter !== undefined && typeof badgeAfter === "string" ? (_jsx("span", { className: e("badge"), children: badgeAfter })) : null, iconAfter ? (_jsx(UiIcon, { type: iconAfter, size: iconAfterSize, accessibilityConfig: { ariaHidden: accessibilityConfig?.iconAriaHidden }, disableAnimation: disableIconAnimation })) : null] }));
+        }), disabled: isDisabled, tabIndex: tabIndex, autoFocus: autoFocus, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, ...accessibilityConfigToAttributes(accessibilityConfig), children: [iconBefore ? (_jsx(UiIcon, { type: iconBefore, size: iconBeforeSize, accessibilityConfig: { ariaHidden: accessibilityConfig?.iconAriaHidden }, disableAnimation: disableIconAnimation })) : null, _jsx("span", { className: e("text"), style: { maxWidth }, children: label }), badgeAfter !== undefined && typeof badgeAfter === "number" ? (_jsxs("span", { className: e("badge"), children: ["(", badgeAfter, ")"] })) : null, badgeAfter !== undefined && typeof badgeAfter === "string" ? (_jsx("span", { className: e("badge"), children: badgeAfter })) : null, iconAfter ? (_jsx(UiIcon, { type: iconAfter, size: iconAfterSize, accessibilityConfig: { ariaHidden: accessibilityConfig?.iconAriaHidden }, disableAnimation: disableIconAnimation })) : null] }));
 });
 UiButton.displayName = "UiButton";

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

@@ -2,5 +2,5 @@ import { type IUiCertificationIconProps } from "./types.js";
 /**
  * @internal
  */
-export declare function UiCertificationIcon({ certification, accessibilityConfig }: IUiCertificationIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiCertificationIcon({ certification, size, tabIndex, accessibilityConfig }: IUiCertificationIconProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiCertificationIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiCertificationIcon.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCertificationIcon/UiCertificationIcon.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAI5D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,EAAE,yBAAyB,2CAsEpG"}
+{"version":3,"file":"UiCertificationIcon.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCertificationIcon/UiCertificationIcon.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAI5D;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,aAAa,EACb,IAAI,EACJ,QAAY,EACZ,mBAAmB,EACtB,EAAE,yBAAyB,2CAsE3B"}

package/esm/@ui/UiCertificationIcon/UiCertificationIcon.js

@@ -10,11 +10,11 @@ const { b, e } = bem("gd-ui-kit-certification-icon");
 /**
  * @internal
  */
-export function UiCertificationIcon({ certification, accessibilityConfig }) {
+export function UiCertificationIcon({ certification, size, tabIndex = 0, accessibilityConfig, }) {
     const intl = useIntl();
     const tooltipId = useIdPrefixed("certification-tooltip");
     const certificationAriaLabel = accessibilityConfig?.ariaLabel ?? intl.formatMessage({ id: "uiKit.certification.tooltip.title" });
-    const icon = (_jsx("span", { tabIndex: 0, "aria-label": certificationAriaLabel, "aria-describedby": tooltipId, children: _jsx(UiIcon, { type: "certification", size: 16, backgroundSize: 26, color: "success", layout: "block", accessibilityConfig: { ariaHidden: true } }) }));
+    const icon = (_jsx("span", { tabIndex: tabIndex, "aria-label": certificationAriaLabel, "aria-describedby": tooltipId, children: _jsx(UiIcon, { type: "certification", size: size ?? 16, backgroundSize: 26, color: "success", layout: "block", accessibilityConfig: { ariaHidden: true } }) }));
     return (_jsx("div", { className: b(), children: _jsx(UiTooltip, { id: tooltipId, arrowPlacement: "top", optimalPlacement: true, triggerBy: ["hover", "focus"], variant: "none", showArrow: false, width: 200, offset: -6, anchor: icon, content: _jsxs("div", { className: e("tooltip"), children: [
                     _jsxs("div", { className: e("tooltip-header"), children: [
                             _jsx(UiIcon, { type: "certification", size: 14, color: "success", layout: "block" }), _jsx("span", { className: e("tooltip-title"), children: intl.formatMessage({ id: "uiKit.certification.tooltip.title" }) })

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

@@ -15,6 +15,8 @@ export interface IUiCertification {
  */
 export interface IUiCertificationIconProps {
     certification: IUiCertification;
+    size?: number;
+    tabIndex?: number;
     accessibilityConfig?: {
         ariaLabel?: string;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCertificationIcon/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC,aAAa,EAAE,gBAAgB,CAAC;IAChC,mBAAmB,CAAC,EAAE;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCertificationIcon/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACtC,aAAa,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL"}

package/esm/Dialog/ExportTabularPdfDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExportTabularPdfDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportTabularPdfDialog.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,4BAA4B,EAAuC,MAAM,cAAc,CAAC;AA0CtG;;GAEG;AACH,eAAO,MAAM,sBAAsB,oEAwKjC,CAAC"}
+{"version":3,"file":"ExportTabularPdfDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportTabularPdfDialog.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,4BAA4B,EAAuC,MAAM,cAAc,CAAC;AA0CtG;;GAEG;AACH,eAAO,MAAM,sBAAsB,oEA0KjC,CAAC"}

package/esm/Dialog/ExportTabularPdfDialog.js

@@ -57,6 +57,8 @@ export const ExportTabularPdfDialog = memo(function ExportTabularPdfDialog({ dis
     const orientationMenuItems = useMemo(() => getOrientationMenuItems(intl), [intl]);
     const dialogId = useIdPrefixed("pdfExportDialog");
     const showInfoPageId = useIdPrefixed("showInfoPage");
+    const pageSizeDropdownButtonId = useIdPrefixed("pageSizeDropdownButton");
+    const orientationDropdownButtonId = useIdPrefixed("orientationDropdownButton");
     const handleSubmit = useCallback(() => {
         onSubmit?.({
             pageSize: selectedSize,
@@ -73,9 +75,8 @@ export const ExportTabularPdfDialog = memo(function ExportTabularPdfDialog({ dis
     return (_jsx(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", children: _jsxs(ConfirmDialogBase, { className: "gd-pdf-export-dialog", displayCloseButton: displayCloseButton, isPositive: isPositive, isSubmitDisabled: isSubmitDisabled, headline: intl.formatMessage({ id: "dialogs.export.pdf.headline" }), cancelButtonText: cancelButtonText || intl.formatMessage({ id: "cancel" }), submitButtonText: submitButtonText || intl.formatMessage({ id: "dialogs.export.submit" }), onCancel: onCancel, onSubmit: handleSubmit, autofocusOnOpen: true, accessibilityConfig: {
                 dialogId,
             }, children: [
-                _jsxs("div", { className: "gd-pdf-export-dialog-item", children: [
-                        _jsx("h4", { id: "page-size-label", children: _jsx(FormattedMessage, { id: "dialogs.export.pdf.pageSize" }) }), _jsx(Dropdown, { fullscreenOnMobile: false, renderButton: ({ isOpen, toggleDropdown }) => (_jsx(DropdownButton, { value: pageSizeMenuItems.find((item) => item.data === selectedSize)?.stringTitle, isOpen: isOpen, onClick: toggleDropdown, accessibilityConfig: {
-                                    ariaLabelledBy: "page-size-label",
+                _jsxs("div", { className: "gd-input gd-pdf-export-dialog-item", children: [
+                        _jsx("label", { className: "gd-label", htmlFor: pageSizeDropdownButtonId, children: _jsx(FormattedMessage, { id: "dialogs.export.pdf.pageSize" }) }), _jsx(Dropdown, { fullscreenOnMobile: false, renderButton: ({ isOpen, toggleDropdown }) => (_jsx(DropdownButton, { id: pageSizeDropdownButtonId, value: pageSizeMenuItems.find((item) => item.data === selectedSize)?.stringTitle, isOpen: isOpen, onClick: toggleDropdown, accessibilityConfig: {
                                     ariaHaspopup: "true",
                                     ariaExpanded: isOpen,
                                     ...(isOpen ? { ariaControls: "page-size-menu" } : {}),
@@ -87,10 +88,9 @@ export const ExportTabularPdfDialog = memo(function ExportTabularPdfDialog({ dis
                                 }, onClose: closeDropdown, shouldCloseOnSelect: true, ariaAttributes: {
                                     "aria-label": "Page size options",
                                     id: "page-size-menu",
-                                }, maxWidth: 150 })), autofocusOnOpen: true })] }), _jsxs("div", { className: "gd-pdf-export-dialog-item", children: [
-                        _jsx("h4", { id: "orientation-label", children: _jsx(FormattedMessage, { id: "dialogs.export.pdf.pageOrientation" }) }), _jsx(Dropdown, { fullscreenOnMobile: false, renderButton: ({ isOpen, toggleDropdown }) => (_jsx(DropdownButton, { value: orientationMenuItems.find((item) => item.data === selectedOrientation)
+                                }, maxWidth: 150 })), autofocusOnOpen: true })] }), _jsxs("div", { className: "gd-input gd-pdf-export-dialog-item", children: [
+                        _jsx("label", { className: "gd-label", htmlFor: orientationDropdownButtonId, children: _jsx(FormattedMessage, { id: "dialogs.export.pdf.pageOrientation" }) }), _jsx(Dropdown, { fullscreenOnMobile: false, renderButton: ({ isOpen, toggleDropdown }) => (_jsx(DropdownButton, { id: orientationDropdownButtonId, value: orientationMenuItems.find((item) => item.data === selectedOrientation)
                                     ?.stringTitle, isOpen: isOpen, onClick: toggleDropdown, accessibilityConfig: {
-                                    ariaLabelledBy: "orientation-label",
                                     ariaHaspopup: "true",
                                     ariaExpanded: isOpen,
                                     ...(isOpen ? { ariaControls: "orientation-menu" } : {}),

package/esm/Dropdown/DropdownButton.d.ts

@@ -1,4 +1,4 @@
-import { type AriaAttributes, type MouseEvent, type MutableRefObject, type ReactNode } from "react";
+import { type AriaAttributes, type MouseEvent, type ReactNode, type Ref } from "react";
 import { type IAccessibilityConfigBase } from "../typings/accessibility.js";
 /**
  * @internal
@@ -19,7 +19,7 @@ export interface IDropdownButtonProps {
     onClick?: (e: MouseEvent) => void;
     children?: ReactNode;
     dropdownId?: string;
-    buttonRef?: MutableRefObject<HTMLElement>;
+    buttonRef?: Ref<HTMLElement>;
 }
 /**
  * @internal

package/esm/Dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,wBAAwB,GAAG;QAAE,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;KAAE,CAAC;IAEjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAElC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC3B,EAAE,EACF,SAAS,EACT,mBAAmB,EAEnB,KAAK,EACL,KAAa,EACb,QAAQ,EAER,MAAM,EACN,OAAc,EACd,QAAQ,EACR,WAAmB,EACnB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACZ,EAAE,oBAAoB,2CAuDtB"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAMvF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,wBAAwB,GAAG;QAAE,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;KAAE,CAAC;IAEjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAElC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC3B,EAAE,EACF,SAAS,EACT,mBAAmB,EAEnB,KAAK,EACL,KAAa,EACb,QAAQ,EAER,MAAM,EACN,OAAc,EACd,QAAQ,EACR,WAAmB,EACnB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACZ,EAAE,oBAAoB,2CAuDtB"}

package/esm/Form/InputPure.d.ts

@@ -90,7 +90,7 @@ export declare class InputPure extends PureComponent<IInputPureProps> implements
     private getSuffixA11yId;
     renderPrefix(prefix: string, ariaLabel?: string): ReactNode;
     renderSuffix(suffix: string, ariaLabel?: string): ReactNode;
-    renderLabel(label: ReactNode): ReactNode;
+    renderLabel(label: ReactNode, htmlFor?: string): ReactNode;
     renderSearch(isSearch: boolean): ReactNode;
     renderClearIcon(clearOnEsc: boolean): ReactNode;
     renderIconButton(iconButton: IconType, iconButtonLabel: string, onIconButtonClick: (e: MouseEvent<HTMLButtonElement>) => void): ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"InputPure.d.ts","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputPure.d.ts","sourceRoot":"","sources":["../../src/Form/InputPure.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,aAAa,EACb,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAKhF;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,wBAAwB;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAChD;AAED;;GAEG;AAEH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,6BAA6B,CAAC;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AACD;;GAEG;AACH,qBAAa,SAAU,SAAQ,aAAa,CAAC,eAAe,CAAE,YAAW,UAAU;IACxE,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACpD,OAAO,CAAC,mBAAmB,CAAwB;IACnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAU;IAErC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;MAsBjB;IAEO,iBAAiB,IAAI,IAAI,CAGjC;IAEQ,oBAAoB,IAAI,IAAI,CAEpC;IAEQ,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,eAAe,CAAC,QAK/D;IAED,QAAQ,6CAEN;IAEF,UAAU,sCAeR;IAEF,OAAO,0DAGL;IAEF,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAiB5C;IAED,kBAAkB,IAAI,MAAM,CAK3B;IAED,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,eAAe;IAIvB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAe1D;IAED,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAe1D;IAED,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAQzD;IAED,YAAY,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAEzC;IAED,eAAe,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAgB9C;IAED,gBAAgB,CACZ,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,MAAM,EACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAC9D,SAAS,CAiBX;IAED,kBAAkB,IAAI,MAAM,GAAG,SAAS,CAavC;IAED,WAAW,4CA+DV;IAEQ,MAAM,4CAad;IAED,KAAK,CAAC,OAAO,CAAC,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAIjD;CACJ"}

package/esm/Form/InputPure.js

@@ -110,14 +110,14 @@ export class InputPure extends PureComponent {
         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) {
-        return label ? _jsx("span", { className: "gd-input-label", children: label }) : 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("span", { role: "button", className: "gd-input-icon-clear gd-icon-clear s-input-clear", "aria-label": "Input clear", onClick: (e) => {
+        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) => {
                 // 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();
@@ -142,15 +142,18 @@ export class InputPure extends PureComponent {
         return describedBy.length ? describedBy : undefined;
     }
     renderInput() {
-        const { clearOnEsc, disabled, isSearch, placeholder, prefix, readonly, suffix, maxlength, value, onBlur, onFocus, id, name, type, required, accessibilityConfig, autocomplete, iconButton, iconButtonLabel, onIconButtonClick, dataTestId, } = this.props;
+        const { clearOnEsc, disabled, isSearch, placeholder, prefix, readonly, suffix, maxlength, value, onBlur, onFocus, name, type, required, accessibilityConfig, autocomplete, iconButton, iconButtonLabel, onIconButtonClick, dataTestId, } = this.props;
         return (_jsxs("div", { className: "gd-input-wrapper", children: [
                 _jsx("input", { ref: (ref) => {
                         this.inputNodeRef = ref;
-                    }, type: type ?? "text", id: id, 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)] }));
+                    }, 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;
-        return label ? (_jsxs("label", { className: this.getLabelClassNames(className ?? ""), children: [this.renderLabel(label), this.renderInput()] })) : (_jsx("div", { className: this.getLabelClassNames(className ?? ""), children: this.renderInput() }));
+        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) {

package/esm/Form/InputWithNumberFormat.d.ts

@@ -1,3 +1,4 @@
+import { type ChangeEvent } from "react";
 import { type IInputPureProps } from "./InputPure.js";
 import { type Separators } from "./typings.js";
 export declare const MAX_NUMBER: number;
@@ -17,7 +18,9 @@ export interface IInputWithNumberFormatState {
 /**
  * @internal
  */
-export interface IInputWithNumberFormatProps extends IInputWithNumberFormatOwnProps, IInputPureProps {
+export interface IInputWithNumberFormatProps extends IInputWithNumberFormatOwnProps, Omit<IInputPureProps, "onChange"> {
+    /** Called with the parsed number; null when the input is cleared or holds no parseable value yet. */
+    onChange?: (value: number | null, e?: ChangeEvent<HTMLInputElement>) => void;
 }
 /**
  * @internal

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

@@ -1 +1 @@
-{"version":3,"file":"InputWithNumberFormat.d.ts","sourceRoot":"","sources":["../../src/Form/InputWithNumberFormat.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,eAAO,MAAM,UAAU,QAAW,CAAC;AA6DnC;;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,2BAA4B,SAAQ,8BAA8B,EAAE,eAAe;CAAG;AAUvG;;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,EAAE,KAAK,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,eAAO,MAAM,UAAU,QAAW,CAAC;AA6DnC;;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/ParameterControl/NumberParameterControlDropdown.d.ts

@@ -0,0 +1,37 @@
+import { type MessageDescriptor } from "react-intl";
+import { type INumberParameterConstraints } from "@gooddata/sdk-model";
+import { type IDropdownBodyRenderProps } from "../Dropdown/Dropdown.js";
+/**
+ * @internal
+ */
+export interface INumberParameterControlDropdownProps {
+    name: string;
+    value: number;
+    /**
+     * Workspace-default snapshot used by the Reset link. Reset is hidden when this is
+     * `undefined` or equals the current (valid) draft value. Reset writes this value into the
+     * draft input only; the user must click Apply to commit.
+     */
+    resetValue?: number;
+    constraints?: INumberParameterConstraints;
+    inputId?: string;
+    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
+    onApply: (value: number) => void;
+    onCancel: () => void;
+}
+/**
+ * Dropdown panel for editing a numeric parameter value. Owns the draft, inline validation,
+ * preview, and (mode-aware) Reset via `resetValue`.
+ *
+ * @internal
+ */
+export declare function NumberParameterControlDropdown({ name, value, resetValue, constraints, inputId, ariaAttributes, onApply, onCancel }: INumberParameterControlDropdownProps): 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=NumberParameterControlDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/NumberParameterControlDropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAEtF,OAAO,EAAE,KAAK,2BAA2B,EAA+B,MAAM,qBAAqB,CAAC;AAEpG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAWxE;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD,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,CAAC,EAAE,MAAM,CAAC;IACjB,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,8BAA8B,CAAC,EAC3C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,cAAc,EACd,OAAO,EACP,QAAQ,EACX,EAAE,oCAAoC,2CA0BtC;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,2BAA2B,GAC1C,iBAAiB,GAAG,SAAS,CAgB/B"}

package/esm/ParameterControl/NumberParameterControlDropdown.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useState } from "react";
+import { FormattedMessage, defineMessages } from "react-intl";
+import { isValidNumberParameterValue } from "@gooddata/sdk-model";
+import { ParameterControlDropdown } from "./ParameterControlDropdown.js";
+const messages = defineMessages({
+    errorNotANumber: { id: "parameter_filter.dropdown.error.notANumber" },
+    errorOutOfRange: { id: "parameter_filter.dropdown.error.outOfRange" },
+    errorOutOfRangeMin: { id: "parameter_filter.dropdown.error.outOfRange.min" },
+    errorOutOfRangeMax: { id: "parameter_filter.dropdown.error.outOfRange.max" },
+});
+/**
+ * Dropdown panel for editing a numeric parameter value. Owns the draft, inline validation,
+ * preview, and (mode-aware) Reset via `resetValue`.
+ *
+ * @internal
+ */
+export function NumberParameterControlDropdown({ name, value, resetValue, constraints, inputId, ariaAttributes, onApply, onCancel, }) {
+    const [draft, setDraft] = useState(String(value));
+    const error = getDraftValidationError(draft, constraints);
+    const effectiveValue = error ? value : parseDraft(draft);
+    const showReset = resetValue !== undefined && effectiveValue !== resetValue;
+    return (_jsx(ParameterControlDropdown, { name: name, draft: draft, onDraftChange: setDraft, inputProps: { type: "number", min: constraints?.min, max: constraints?.max }, inputId: inputId, ariaAttributes: ariaAttributes, errorMessage: error ? (_jsx(FormattedMessage, { ...error, values: { min: constraints?.min, max: constraints?.max } })) : undefined, previewValue: effectiveValue, onReset: showReset ? () => setDraft(String(resetValue)) : undefined, onApply: () => onApply(parseDraft(draft)), onCancel: onCancel }));
+}
+/**
+ * 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 function getDraftValidationError(draft, constraints) {
+    const value = parseDraft(draft);
+    if (!Number.isFinite(value)) {
+        return messages.errorNotANumber;
+    }
+    if (isValidNumberParameterValue(value, constraints)) {
+        return undefined;
+    }
+    const { min, max } = constraints ?? {};
+    if (min !== undefined && max === undefined) {
+        return messages.errorOutOfRangeMin;
+    }
+    if (max !== undefined && min === undefined) {
+        return messages.errorOutOfRangeMax;
+    }
+    return messages.errorOutOfRange;
+}
+function parseDraft(draft) {
+    return draft.trim() === "" ? Number.NaN : Number(draft);
+}

package/esm/ParameterControl/ParameterControl.d.ts

@@ -0,0 +1,23 @@
+import { type IParameterDefinition, type ParameterValue } from "@gooddata/sdk-model";
+import { type IDropdownBodyRenderProps } from "../Dropdown/Dropdown.js";
+/**
+ * @internal
+ */
+export interface IParameterControlProps {
+    name: string;
+    definition: IParameterDefinition;
+    value: ParameterValue;
+    resetValue?: ParameterValue;
+    inputId?: string;
+    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
+    onApply: (value: ParameterValue) => void;
+    onCancel: () => void;
+}
+/**
+ * Selects the parameter editing control by `definition.type` — the single seam where control
+ * variants are dispatched. New parameter types get a sibling control and a new arm here.
+ *
+ * @internal
+ */
+export declare function ParameterControl({ name, definition, value, resetValue, inputId, ariaAttributes, onApply, onCancel }: IParameterControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ParameterControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterControl.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAmB,MAAM,qBAAqB,CAAC;AAEtG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAKxE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAAc,EACd,OAAO,EACP,QAAQ,EACX,EAAE,sBAAsB,2CA+BxB"}

package/esm/ParameterControl/ParameterControl.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { throwUnexpected } from "@gooddata/sdk-model";
+import { NumberParameterControlDropdown } from "./NumberParameterControlDropdown.js";
+import { StringParameterControlDropdown } from "./StringParameterControlDropdown.js";
+/**
+ * Selects the parameter editing control by `definition.type` — the single seam where control
+ * variants are dispatched. New parameter types get a sibling control and a new arm here.
+ *
+ * @internal
+ */
+export function ParameterControl({ name, definition, value, resetValue, inputId, ariaAttributes, onApply, onCancel, }) {
+    switch (definition.type) {
+        case "NUMBER":
+            return (_jsx(NumberParameterControlDropdown, { name: name, value: Number(value), resetValue: resetValue === undefined ? undefined : Number(resetValue), constraints: definition.constraints, inputId: inputId, ariaAttributes: ariaAttributes, onApply: onApply, onCancel: onCancel }));
+        case "STRING":
+            return (_jsx(StringParameterControlDropdown, { name: name, value: String(value), resetValue: resetValue === undefined ? undefined : String(resetValue), constraints: definition.constraints, inputId: inputId, ariaAttributes: ariaAttributes, onApply: onApply, onCancel: onCancel }));
+        default:
+            return throwUnexpected(definition);
+    }
+}

package/esm/ParameterControl/ParameterControlButton.d.ts

@@ -1,9 +1,10 @@
+import { type ParameterValue } from "@gooddata/sdk-model";
 /**
  * @internal
  */
 export interface IParameterControlButtonProps {
     name: string;
-    value: number;
+    value: ParameterValue;
     isActive: boolean;
     isDraggable?: boolean;
     isDragging?: boolean;

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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EAC5B,EAAE,4BAA4B,2CAoB9B"}
+{"version":3,"file":"ParameterControlButton.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAS1D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EAC5B,EAAE,4BAA4B,2CAoB9B"}

package/esm/ParameterControl/ParameterControlDropdown.d.ts

@@ -1,40 +1,27 @@
-import { type MessageDescriptor } from "react-intl";
-import { type INumberParameterConstraints } from "@gooddata/sdk-model";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type ParameterValue } from "@gooddata/sdk-model";
 import { type IDropdownBodyRenderProps } from "../Dropdown/Dropdown.js";
 /**
  * @internal
  */
 export interface IParameterControlDropdownProps {
     name: string;
-    value: number;
-    /**
-     * Workspace-default snapshot used by the Reset link. Reset is hidden when this is
-     * `undefined` or equals `value`. Reset writes this value into the draft input only;
-     * the user must click Apply to commit.
-     */
-    resetValue?: number;
-    constraints?: INumberParameterConstraints;
+    draft: string;
+    onDraftChange: (draft: string) => void;
+    inputProps?: Pick<ComponentPropsWithoutRef<"input">, "type" | "min" | "max">;
     inputId?: string;
     ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
-    onApply: (value: number) => void;
+    errorMessage?: ReactNode;
+    previewValue: ParameterValue;
+    onReset?: () => void;
+    onApply: () => void;
     onCancel: () => void;
 }
 /**
- * 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
- * writes `resetValue` into the draft input only. The user must click Apply to commit.
- *
- * @internal
- */
-export declare function ParameterControlDropdown({ name, value, resetValue, constraints, inputId: inputIdProp, ariaAttributes, 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.
+ * Presentational dropdown shared by the parameter control variants; variants own the draft state,
+ * parsing, and validation.
  *
  * @internal
  */
-export declare function getDraftValidationError(draft: string, constraints?: INumberParameterConstraints): MessageDescriptor | undefined;
+export declare function ParameterControlDropdown({ name, draft, onDraftChange, inputProps, inputId: inputIdProp, ariaAttributes, errorMessage, previewValue, onReset, onApply, onCancel }: IParameterControlDropdownProps): import("react/jsx-runtime").JSX.Element;
 //# 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":"AAKA,OAAO,EAAoB,KAAK,iBAAiB,EAA2B,MAAM,YAAY,CAAC;AAE/F,OAAO,EAAE,KAAK,2BAA2B,EAA+B,MAAM,qBAAqB,CAAC;AAIpG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAiBxE;;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,CAAC,EAAE,MAAM,CAAC;IACjB,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;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,cAAc,EACd,OAAO,EACP,QAAQ,EACX,EAAE,8BAA8B,2CA8FhC;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,2BAA2B,GAC1C,iBAAiB,GAAG,SAAS,CAgB/B"}
+{"version":3,"file":"ParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/ParameterControlDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAaxE;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,EAAE,cAAc,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,aAAa,EACb,UAAU,EACV,OAAO,EAAE,WAAW,EACpB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACX,EAAE,8BAA8B,2CA4EhC"}

package/esm/ParameterControl/ParameterControlDropdown.js

@@ -1,9 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2026 GoodData Corporation
-import { useState } from "react";
 import cx from "classnames";
 import { FormattedMessage, defineMessages, useIntl } from "react-intl";
-import { isValidNumberParameterValue } from "@gooddata/sdk-model";
 import { bem } from "../@ui/@utils/bem.js";
 import { UiButton } from "../@ui/UiButton/UiButton.js";
 import { useId } from "../utils/useId.js";
@@ -14,72 +11,28 @@ const messages = defineMessages({
     previewLabel: { id: "parameter_filter.dropdown.preview_label" },
     apply: { id: "parameter_filter.dropdown.apply" },
     cancel: { id: "cancel" },
-    errorNotANumber: { id: "parameter_filter.dropdown.error.notANumber" },
-    errorOutOfRange: { id: "parameter_filter.dropdown.error.outOfRange" },
-    errorOutOfRangeMin: { id: "parameter_filter.dropdown.error.outOfRange.min" },
-    errorOutOfRangeMax: { id: "parameter_filter.dropdown.error.outOfRange.max" },
 });
 /**
- * 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
- * writes `resetValue` into the draft input only. The user must click Apply to commit.
+ * Presentational dropdown shared by the parameter control variants; variants own the draft state,
+ * parsing, and validation.
  *
  * @internal
  */
-export function ParameterControlDropdown({ name, value, resetValue, constraints, inputId: inputIdProp, ariaAttributes, onApply, onCancel, }) {
+export function ParameterControlDropdown({ name, draft, onDraftChange, inputProps, inputId: inputIdProp, ariaAttributes, errorMessage, previewValue, onReset, onApply, onCancel, }) {
     const intl = useIntl();
     const generatedInputId = useId();
     const inputId = inputIdProp ?? generatedInputId;
-    const [draft, setDraft] = useState(String(value));
-    const error = getDraftValidationError(draft, constraints);
-    const effectiveValue = error ? value : parseDraft(draft);
-    const handleApply = () => {
-        if (error) {
-            return;
-        }
-        onApply(parseDraft(draft));
-    };
-    const showReset = resetValue !== undefined && effectiveValue !== resetValue;
     return (_jsxs("div", { ...ariaAttributes, className: `${b({ dropdown: true })} overlay gd-dialog gd-dropdown`, "data-testid": "parameter-control-dropdown", children: [
-            _jsxs("div", { className: cx(e("dropdown-field"), { "has-error": !!error }), children: [
+            _jsxs("div", { className: cx(e("dropdown-field"), { "has-error": !!errorMessage }), children: [
                     _jsxs("div", { className: e("dropdown-field-header"), children: [
-                            _jsx("label", { htmlFor: inputId, className: e("dropdown-label"), children: intl.formatMessage(messages.valueLabel) }), showReset ? (_jsx("button", { type: "button", className: e("dropdown-reset"), "data-testid": "parameter-control-dropdown-reset", onClick: () => setDraft(String(resetValue)), children: intl.formatMessage(messages.reset) })) : null] }), _jsx("input", { id: inputId, type: "number", className: `${e("dropdown-input")} gd-input-field`, "data-testid": "parameter-control-dropdown-input", value: draft, min: constraints?.min, max: constraints?.max, onChange: (event) => setDraft(event.target.value) }), error ? (_jsx("div", { className: e("dropdown-error"), "data-testid": "parameter-control-dropdown-error", children: _jsx(FormattedMessage, { ...error, values: { min: constraints?.min, max: constraints?.max } }) })) : null] }), _jsx("div", { className: e("dropdown-divider") }), _jsxs("div", { className: e("dropdown-preview"), "data-testid": "parameter-control-dropdown-preview", children: [
+                            _jsx("label", { htmlFor: inputId, className: e("dropdown-label"), children: intl.formatMessage(messages.valueLabel) }), onReset ? (_jsx("button", { type: "button", className: e("dropdown-reset"), "data-testid": "parameter-control-dropdown-reset", onClick: onReset, children: intl.formatMessage(messages.reset) })) : null] }), _jsx("input", { ...inputProps, id: inputId, className: `${e("dropdown-input")} gd-input-field`, "data-testid": "parameter-control-dropdown-input", value: draft, onChange: (event) => onDraftChange(event.target.value) }), errorMessage ? (_jsx("div", { className: e("dropdown-error"), "data-testid": "parameter-control-dropdown-error", children: errorMessage })) : null] }), _jsx("div", { className: e("dropdown-divider") }), _jsxs("div", { className: e("dropdown-preview"), "data-testid": "parameter-control-dropdown-preview", children: [
                     _jsx("span", { className: e("dropdown-preview-label"), children: intl.formatMessage(messages.previewLabel) }), _jsx("span", { className: e("dropdown-preview-text"), children: _jsx(FormattedMessage, { id: "parameter_filter.dropdown.preview", values: {
                                 name,
-                                value: effectiveValue,
+                                value: previewValue,
                                 strong: (chunks) => _jsx("strong", { children: chunks }),
                             } }) })
                 ] }), _jsxs("div", { className: e("dropdown-footer"), children: [
-                    _jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-control-dropdown-cancel", onClick: onCancel }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(messages.apply), dataTestId: "parameter-control-dropdown-apply", onClick: handleApply, isDisabled: !!error })
+                    _jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-control-dropdown-cancel", onClick: onCancel }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(messages.apply), dataTestId: "parameter-control-dropdown-apply", onClick: onApply, isDisabled: !!errorMessage })
                 ] })
         ] }));
 }
-/**
- * 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 function getDraftValidationError(draft, constraints) {
-    const value = parseDraft(draft);
-    if (!Number.isFinite(value)) {
-        return messages.errorNotANumber;
-    }
-    if (isValidNumberParameterValue(value, constraints)) {
-        return undefined;
-    }
-    const { min, max } = constraints ?? {};
-    if (min !== undefined && max === undefined) {
-        return messages.errorOutOfRangeMin;
-    }
-    if (max !== undefined && min === undefined) {
-        return messages.errorOutOfRangeMax;
-    }
-    return messages.errorOutOfRange;
-}
-function parseDraft(draft) {
-    return draft.trim() === "" ? Number.NaN : Number(draft);
-}

package/esm/ParameterControl/StringParameterControlDropdown.d.ts

@@ -0,0 +1,28 @@
+import { type IStringParameterConstraints } from "@gooddata/sdk-model";
+import { type IDropdownBodyRenderProps } from "../Dropdown/Dropdown.js";
+/**
+ * @internal
+ */
+export interface IStringParameterControlDropdownProps {
+    name: string;
+    value: string;
+    /**
+     * Workspace-default snapshot used by the Reset link. Reset is hidden when this is
+     * `undefined` or equals the current (valid) draft value. Reset writes this value into the
+     * draft input only; the user must click Apply to commit.
+     */
+    resetValue?: string;
+    constraints?: IStringParameterConstraints;
+    inputId?: string;
+    ariaAttributes?: IDropdownBodyRenderProps["ariaAttributes"];
+    onApply: (value: string) => void;
+    onCancel: () => void;
+}
+/**
+ * Dropdown panel for editing a string parameter value as free text. Owns the draft, inline
+ * length validation, preview, and (mode-aware) Reset via `resetValue`.
+ *
+ * @internal
+ */
+export declare function StringParameterControlDropdown({ name, value, resetValue, constraints, inputId, ariaAttributes, onApply, onCancel }: IStringParameterControlDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringParameterControlDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringParameterControlDropdown.d.ts","sourceRoot":"","sources":["../../src/ParameterControl/StringParameterControlDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,2BAA2B,EAA+B,MAAM,qBAAqB,CAAC;AAEpG,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AASxE;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD,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,CAAC,EAAE,MAAM,CAAC;IACjB,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,8BAA8B,CAAC,EAC3C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,cAAc,EACd,OAAO,EACP,QAAQ,EACX,EAAE,oCAAoC,2CA6BtC"}