@gooddata/sdk-ui-filters 11.55.0 → 11.56.0-alpha.1

package/esm/MeasureValueFilter/MeasureValueFilterDropdownActions.js

@@ -24,7 +24,5 @@ export function MeasureValueFilterDropdownActions({ onApplyButtonClick, onCancel
     // visually hidden element referenced by aria-describedby (WCAG 4.1.2 / 1.3.1).
     const applyDescriptionId = useIdPrefixed("mvf-apply-disabled-desc");
     const showApplyDescription = !!isApplyDisabled && !!applyDisabledTooltip;
-    return (_jsxs("div", { className: "gd-mvf-dropdown-footer", children: [
-            _jsx(Button, { className: "gd-button-secondary gd-button-small s-mvf-dropdown-cancel", onClick: onCancelButtonClick, value: withoutApply ? closeText : cancelText, title: withoutApply ? closeText : cancelText }), withoutApply ? null : (_jsxs(_Fragment, { children: [
-                    _jsx(UiTooltip, { content: applyDisabledTooltip, triggerBy: ["hover", "focus"], disabled: !isApplyDisabled || !applyDisabledTooltip, arrowPlacement: "left", optimalPlacement: true, anchor: _jsx(Button, { className: "gd-button-action gd-button-small s-mvf-dropdown-apply", onClick: onApplyButtonClick, value: intl.formatMessage({ id: "apply" }), disabled: isApplyDisabled, accessibilityConfig: showApplyDescription ? { ariaDescribedBy: applyDescriptionId } : undefined }) }), showApplyDescription ? (_jsx("span", { id: applyDescriptionId, className: "sr-only", children: applyDisabledTooltip })) : null] }))] }));
+    return (_jsxs("div", { className: "gd-mvf-dropdown-footer", children: [_jsx(Button, { className: "gd-button-secondary gd-button-small s-mvf-dropdown-cancel", onClick: onCancelButtonClick, value: withoutApply ? closeText : cancelText, title: withoutApply ? closeText : cancelText }), withoutApply ? null : (_jsxs(_Fragment, { children: [_jsx(UiTooltip, { content: applyDisabledTooltip, triggerBy: ["hover", "focus"], disabled: !isApplyDisabled || !applyDisabledTooltip, arrowPlacement: "left", optimalPlacement: true, anchor: _jsx(Button, { className: "gd-button-action gd-button-small s-mvf-dropdown-apply", onClick: onApplyButtonClick, value: intl.formatMessage({ id: "apply" }), disabled: isApplyDisabled, accessibilityConfig: showApplyDescription ? { ariaDescribedBy: applyDescriptionId } : undefined }) }), showApplyDescription ? (_jsx("span", { id: applyDescriptionId, className: "sr-only", children: applyDisabledTooltip })) : null] }))] }));
 }

package/esm/MeasureValueFilter/MeasureValueFilterDropdownHeader.js

@@ -8,6 +8,5 @@ import { MeasureValueFilterDetailsBubble } from "./MeasureValueFilterDetailsBubb
  * @internal
  */
 export function MeasureValueFilterDropdownHeader({ title, loadMetricDetails, }) {
-    return (_jsx("div", { className: "gd-mvf-dropdown-header s-mvf-dropdown-header", children: _jsxs("div", { className: "gd-mvf-dropdown-header__title", children: [
-                _jsx(ShortenedText, { className: "gd-mvf-dropdown-header__title-text", tooltipAlignPoints: [{ align: "tc bc" }], ellipsisPosition: "end", children: title }), loadMetricDetails ? (_jsx("span", { className: "gd-mvf-dropdown-header__title-icon", children: _jsx(MeasureValueFilterDetailsBubble, { title: title, requestHandler: loadMetricDetails }) })) : null] }) }));
+    return (_jsx("div", { className: "gd-mvf-dropdown-header s-mvf-dropdown-header", children: _jsxs("div", { className: "gd-mvf-dropdown-header__title", children: [_jsx(ShortenedText, { className: "gd-mvf-dropdown-header__title-text", tooltipAlignPoints: [{ align: "tc bc" }], ellipsisPosition: "end", children: title }), loadMetricDetails ? (_jsx("span", { className: "gd-mvf-dropdown-header__title-icon", children: _jsx(MeasureValueFilterDetailsBubble, { title: title, requestHandler: loadMetricDetails }) })) : null] }) }));
 }

package/esm/MeasureValueFilter/OperatorDropdown.d.ts

@@ -7,6 +7,6 @@ interface IOperatorDropdownProps {
     isMobile?: boolean;
     isViewMode?: boolean;
 }
-export declare const OperatorDropdown: import("react").NamedExoticComponent<IOperatorDropdownProps>;
+export declare const OperatorDropdown: import("react").MemoExoticComponent<(props: IOperatorDropdownProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=OperatorDropdown.d.ts.map

package/esm/MeasureValueFilter/OperatorDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperatorDropdown.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/OperatorDropdown.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAE7D,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,0BAA0B,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,8DAoF3B,CAAC"}
+{"version":3,"file":"OperatorDropdown.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/OperatorDropdown.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAE7D,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,0BAA0B,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,8CAAyC,sBAAsB,6CAoF1F,CAAC"}

package/esm/MeasureValueFilter/OperatorDropdown.js

@@ -40,7 +40,5 @@ export const OperatorDropdown = memo(function OperatorDropdown(props) {
     };
     const closeOperatorDropdown = () => setOpened(false);
     const handleOperatorDropdownButtonClick = () => setOpened((state) => !state);
-    return (_jsxs(_Fragment, { children: [
-            _jsxs("div", { className: "gd-mvf-operator-dropdown", "data-testid": "mvf-operator-section", children: [
-                    _jsx("div", { className: "gd-mvf-operator-dropdown-label", id: labelId, children: intl.formatMessage({ id: "mvf.condition" }) }), renderDropdownButton()] }), opened ? (_jsx(OperatorDropdownBody, { alignTo: `#${buttonId}`, onSelect: handleOperatorSelected, selectedOperator: props.operator, onClose: closeOperatorDropdown, listboxId: listboxId, labelId: labelId, isAllOperatorDisabled: props.isAllOperatorDisabled, isMobile: props.isMobile, isViewMode: props.isViewMode })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "gd-mvf-operator-dropdown", "data-testid": "mvf-operator-section", children: [_jsx("div", { className: "gd-mvf-operator-dropdown-label", id: labelId, children: intl.formatMessage({ id: "mvf.condition" }) }), renderDropdownButton()] }), opened ? (_jsx(OperatorDropdownBody, { alignTo: `#${buttonId}`, onSelect: handleOperatorSelected, selectedOperator: props.operator, onClose: closeOperatorDropdown, listboxId: listboxId, labelId: labelId, isAllOperatorDisabled: props.isAllOperatorDisabled, isMobile: props.isMobile, isViewMode: props.isViewMode })) : null] }));
 });

package/esm/MeasureValueFilter/OperatorDropdownBody.d.ts

@@ -12,6 +12,6 @@ interface IOperatorDropdownBodyProps {
     isMobile?: boolean;
     isViewMode?: boolean;
 }
-export declare const OperatorDropdownBody: import("react").NamedExoticComponent<IOperatorDropdownBodyProps>;
+export declare const OperatorDropdownBody: import("react").MemoExoticComponent<({ onSelect, onClose, selectedOperator, alignTo, listboxId, labelId, isAllOperatorDisabled, isMobile, isViewMode, }: IOperatorDropdownBodyProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=OperatorDropdownBody.d.ts.map

package/esm/MeasureValueFilter/OperatorDropdownBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperatorDropdownBody.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/OperatorDropdownBody.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAE7D,UAAU,0BAA0B;IAChC,gBAAgB,EAAE,0BAA0B,CAAC;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAyFD,eAAO,MAAM,oBAAoB,kEA0I/B,CAAC"}
+{"version":3,"file":"OperatorDropdownBody.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/OperatorDropdownBody.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAE7D,UAAU,0BAA0B;IAChC,gBAAgB,EAAE,0BAA0B,CAAC;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAyFD,eAAO,MAAM,oBAAoB,2JAU9B,0BAA0B,6CAgI3B,CAAC"}

package/esm/MeasureValueFilter/OperatorDropdownBody.js

@@ -46,8 +46,7 @@ function OperatorListItem({ item, isSelected, isFocused, onSelect, }) {
             "is-disabled": isDisabled,
         }), title: item.stringTitle, icon: iconClass, info: bubbleText, isSelected: isSelected, isFocused: isFocused, onClick: isDisabled ? undefined : onSelect }));
     if (isDisabled && disabledTooltip) {
-        return (_jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: 400, hideDelay: 200, children: [listItem, _jsx(Bubble, { className: "bubble-primary", alignPoints: DISABLED_BUBBLE_ALIGN_POINTS, children: disabledTooltip })
-            ] }));
+        return (_jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: 400, hideDelay: 200, children: [listItem, _jsx(Bubble, { className: "bubble-primary", alignPoints: DISABLED_BUBBLE_ALIGN_POINTS, children: disabledTooltip })] }));
     }
     return listItem;
 }
@@ -103,10 +102,7 @@ export const OperatorDropdownBody = memo(function OperatorDropdownBody({ onSelec
         id: listboxId,
         "aria-labelledby": labelId,
     };
-    const body = (
-    // Focus moves into the listbox on open and returns to the trigger on close, while Tab
-    // stays inside the popup — matching the listbox APG pattern used by the text filter.
-    _jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: true, children: _jsx("div", { className: cx(MEASURE_VALUE_FILTER_OPERATOR_DROPDOWN_BODY_CLASS, "s-mvf-operator-dropdown-body", { "gd-is-mobile": isMobile }), children: _jsx(UiListbox, { shouldKeyboardActionPreventDefault: true, shouldKeyboardActionStopPropagation: true, isDisabledFocusable: true, maxHeight: isMobile ? undefined : DESKTOP_LISTBOX_MAX_HEIGHT, dataTestId: "mvf-operator-dropdown-body", 
+    const body = (_jsx(UiFocusManager, { enableFocusTrap: true, enableAutofocus: true, enableReturnFocusOnUnmount: true, children: _jsx("div", { className: cx(MEASURE_VALUE_FILTER_OPERATOR_DROPDOWN_BODY_CLASS, "s-mvf-operator-dropdown-body", { "gd-is-mobile": isMobile }), children: _jsx(UiListbox, { shouldKeyboardActionPreventDefault: true, shouldKeyboardActionStopPropagation: true, isDisabledFocusable: true, maxHeight: isMobile ? undefined : DESKTOP_LISTBOX_MAX_HEIGHT, dataTestId: "mvf-operator-dropdown-body", 
                 // Put the per-operator testid on the role="option" <li> (which carries
                 // aria-disabled) rather than the inner item, so disabled-state assertions read
                 // the attribute off the element that actually exposes it.
@@ -114,11 +110,7 @@ export const OperatorDropdownBody = memo(function OperatorDropdownBody({ onSelec
                     ? `mvf-operator-${simplifyText(item.data.operator)}`
                     : undefined, items: items, selectedItemId: selectedOperator, onSelect: (item) => onSelect(item.data.operator), onClose: onClose, ariaAttributes: ariaAttributes, InteractiveItemComponent: OperatorListItem, StaticItemComponent: OperatorSeparatorItem }) }) }));
     if (isMobile) {
-        return (_jsx(FullScreenOverlay, { alignTo: "body", alignPoints: MOBILE_DROPDOWN_ALIGN_POINTS, onClose: onClose, children: _jsxs("div", { className: "gd-mobile-dropdown-overlay overlay gd-flex-row-container gd-mvf-mobile-dropdown", children: [
-                    _jsx("div", { className: "gd-mobile-dropdown-header gd-flex-item gd-mvf-mobile-dropdown-header", children: _jsxs("button", { type: "button", className: "gd-mvf-operator-mobile-header s-mvf-operator-mobile-header", onClick: onClose, children: [
-                                _jsx("span", { className: "gd-mvf-operator-mobile-header__label", children: intl.formatMessage({ id: "mvf.condition" }) }), _jsx("span", { className: "gd-mvf-operator-mobile-header__value", children: selectedOperatorTitle }), _jsx("span", { className: "gd-mvf-operator-mobile-header__chevron gd-icon-navigateup" })
-                            ] }) }), _jsx("div", { className: "gd-mobile-dropdown-content gd-flex-item-stretch gd-mvf-mobile-dropdown-content", children: body })
-                ] }) }));
+        return (_jsx(FullScreenOverlay, { alignTo: "body", alignPoints: MOBILE_DROPDOWN_ALIGN_POINTS, onClose: onClose, children: _jsxs("div", { className: "gd-mobile-dropdown-overlay overlay gd-flex-row-container gd-mvf-mobile-dropdown", children: [_jsx("div", { className: "gd-mobile-dropdown-header gd-flex-item gd-mvf-mobile-dropdown-header", children: _jsxs("button", { type: "button", className: "gd-mvf-operator-mobile-header s-mvf-operator-mobile-header", onClick: onClose, children: [_jsx("span", { className: "gd-mvf-operator-mobile-header__label", children: intl.formatMessage({ id: "mvf.condition" }) }), _jsx("span", { className: "gd-mvf-operator-mobile-header__value", children: selectedOperatorTitle }), _jsx("span", { className: "gd-mvf-operator-mobile-header__chevron gd-icon-navigateup" })] }) }), _jsx("div", { className: "gd-mobile-dropdown-content gd-flex-item-stretch gd-mvf-mobile-dropdown-content", children: body })] }) }));
     }
     return (_jsx(Overlay, { closeOnOutsideClick: true, alignTo: alignTo, alignPoints: [{ align: "bl tl" }], onClose: onClose, children: _jsx("div", { className: "gd-dropdown overlay", children: body }) }));
 });

package/esm/MeasureValueFilter/PreviewSection.d.ts

@@ -27,6 +27,6 @@ interface IPreviewSectionProps {
         };
     }>;
 }
-export declare const PreviewSection: import("react").NamedExoticComponent<IPreviewSectionProps>;
+export declare const PreviewSection: import("react").MemoExoticComponent<({ measureTitle, showSimplifiedSummary, usePercentage, separators, format, useShortFormat, dimensionality, showAllPreview, conditions, }: IPreviewSectionProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};
 //# sourceMappingURL=PreviewSection.d.ts.map

package/esm/MeasureValueFilter/PreviewSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewSection.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/PreviewSection.tsx"],"names":[],"mappings":"AAOA,OAAO,EACH,KAAK,WAAW,EAGnB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA6IxD,UAAU,oBAAoB;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC;QACd,QAAQ,EAAE,0BAA0B,CAAC;QACrC,KAAK,EAAE;YACH,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,EAAE,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACL,CAAC,CAAC;CACN;AAED,eAAO,MAAM,cAAc,4DA6SzB,CAAC"}
+{"version":3,"file":"PreviewSection.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/PreviewSection.tsx"],"names":[],"mappings":"AAOA,OAAO,EACH,KAAK,WAAW,EAGnB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA6IxD,UAAU,oBAAoB;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC;QACd,QAAQ,EAAE,0BAA0B,CAAC;QACrC,KAAK,EAAE;YACH,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,EAAE,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACL,CAAC,CAAC;CACN;AAED,eAAO,MAAM,cAAc,gLAUxB,oBAAoB,oDAmSrB,CAAC"}

package/esm/MeasureValueFilter/RangeInput.js

@@ -17,9 +17,7 @@ export function RangeInput({ from, to, usePercentage, disableAutofocus, onFromCh
         : intl.formatMessage({ id: "mvf.input.ariaLabel.withCondition" }, { label, number: conditionNumber });
     const fromLabelText = withCondition(intl.formatMessage({ id: "mvf.rangeInput.from.ariaLabel" }));
     const toLabelText = withCondition(intl.formatMessage({ id: "mvf.rangeInput.to.ariaLabel" }));
-    return (_jsxs("div", { className: "gd-mvf-range-input", "data-testid": "mvf-range-input", children: [
-            _jsxs("div", { className: "gd-mvf-range-input__field gd-mvf-range-input__field--from", children: [
-                    _jsx(InputWithNumberFormat, { className: "s-mvf-range-from-input", dataTestId: "mvf-range-from-input", autocomplete: "off", value: from, onChange: (val) => onFromChange(val), onEnterKeyPress: onEnterKeyPress, onBlur: onFromBlur ? () => onFromBlur() : undefined, hasError: fromHasError, isSmall: true, autofocus: !disableAutofocus, suffix: usePercentage ? "%" : "", accessibilityConfig: {
+    return (_jsxs("div", { className: "gd-mvf-range-input", "data-testid": "mvf-range-input", children: [_jsxs("div", { className: "gd-mvf-range-input__field gd-mvf-range-input__field--from", children: [_jsx(InputWithNumberFormat, { className: "s-mvf-range-from-input", dataTestId: "mvf-range-from-input", autocomplete: "off", value: from, onChange: (val) => onFromChange(val), onEnterKeyPress: onEnterKeyPress, onBlur: onFromBlur ? () => onFromBlur() : undefined, hasError: fromHasError, isSmall: true, autofocus: !disableAutofocus, suffix: usePercentage ? "%" : "", accessibilityConfig: {
                             ariaLabelledBy: fromLabelId,
                             suffixAriaLabel: usePercentage
                                 ? intl.formatMessage({
@@ -28,8 +26,7 @@ export function RangeInput({ from, to, usePercentage, disableAutofocus, onFromCh
                                 : undefined,
                             ariaDescribedBy: fromHasError ? fromErrorId : undefined,
                             ariaInvalid: fromHasError ? true : undefined,
-                        }, separators: separators }), _jsx("span", { className: "sr-only", id: fromLabelId, children: fromLabelText }), fromField?.errorText ? (_jsx("div", { id: fromErrorId, className: "gd-mvf-input-error gd-mvf-input-error--range s-mvf-input-error", children: fromField?.errorText })) : null] }), _jsxs("div", { className: "gd-mvf-range-input__field gd-mvf-range-input__field--to", children: [
-                    _jsx(InputWithNumberFormat, { className: "s-mvf-range-to-input", dataTestId: "mvf-range-to-input", autocomplete: "off", value: to, onChange: (val) => onToChange(val), onEnterKeyPress: onEnterKeyPress, onBlur: onToBlur ? () => onToBlur() : undefined, isSmall: true, suffix: usePercentage ? "%" : "", hasError: toHasError, accessibilityConfig: {
+                        }, separators: separators }), _jsx("span", { className: "sr-only", id: fromLabelId, children: fromLabelText }), fromField?.errorText ? (_jsx("div", { id: fromErrorId, className: "gd-mvf-input-error gd-mvf-input-error--range s-mvf-input-error", children: fromField?.errorText })) : null] }), _jsxs("div", { className: "gd-mvf-range-input__field gd-mvf-range-input__field--to", children: [_jsx(InputWithNumberFormat, { className: "s-mvf-range-to-input", dataTestId: "mvf-range-to-input", autocomplete: "off", value: to, onChange: (val) => onToChange(val), onEnterKeyPress: onEnterKeyPress, onBlur: onToBlur ? () => onToBlur() : undefined, isSmall: true, suffix: usePercentage ? "%" : "", hasError: toHasError, accessibilityConfig: {
                             ariaLabelledBy: toLabelId,
                             suffixAriaLabel: usePercentage
                                 ? intl.formatMessage({
@@ -38,6 +35,5 @@ export function RangeInput({ from, to, usePercentage, disableAutofocus, onFromCh
                                 : undefined,
                             ariaDescribedBy: toHasError ? toErrorId : undefined,
                             ariaInvalid: toHasError ? true : undefined,
-                        }, separators: separators }), _jsx("span", { className: "sr-only", id: toLabelId, children: toLabelText }), toField?.errorText ? (_jsx("div", { id: toErrorId, className: "gd-mvf-input-error gd-mvf-input-error--range s-mvf-input-error", children: toField?.errorText })) : null] })
-        ] }));
+                        }, separators: separators }), _jsx("span", { className: "sr-only", id: toLabelId, children: toLabelText }), toField?.errorText ? (_jsx("div", { id: toErrorId, className: "gd-mvf-input-error gd-mvf-input-error--range s-mvf-input-error", children: toField?.errorText })) : null] })] }));
 }

package/esm/MeasureValueFilter/TreatNullValuesAsZeroCheckbox.js

@@ -5,9 +5,5 @@ export function TreatNullValuesAsZeroCheckbox({ checked = false, onChange, isMob
     const tooltipText = intl.formatMessage({ id: "mvf.treatNullValuesAsZeroTooltip" });
     const tooltipId = useIdPrefixed("mvf-treat-null-values-as-zero-tooltip");
     const showTooltip = !isMobile && !isViewMode;
-    return (_jsxs("label", { className: "input-checkbox-label gd-mvf-treat-null-values-as-zero s-treat-null-values-as-zero", "data-testid": "mvf-treat-null-values-as-zero", children: [
-            _jsx("input", { type: "checkbox", name: "treat-null-values-as", className: "input-checkbox", checked: checked, onChange: handleOnChange, "aria-describedby": tooltipId }), _jsxs("span", { className: "input-label-text", children: [intl.formatMessage({ id: "mvf.treatNullValuesAsZeroLabel" }), showTooltip ? (_jsxs(BubbleHoverTrigger, { showDelay: 400, hideDelay: 200, children: [
-                            _jsx("span", { className: "inlineBubbleHelp", "aria-hidden": "true" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "tc bl" }], children: tooltipText })
-                        ] })) : null] }), _jsx("span", { className: "sr-only", id: tooltipId, children: tooltipText })
-        ] }));
+    return (_jsxs("label", { className: "input-checkbox-label gd-mvf-treat-null-values-as-zero s-treat-null-values-as-zero", "data-testid": "mvf-treat-null-values-as-zero", children: [_jsx("input", { type: "checkbox", name: "treat-null-values-as", className: "input-checkbox", checked: checked, onChange: handleOnChange, "aria-describedby": tooltipId }), _jsxs("span", { className: "input-label-text", children: [intl.formatMessage({ id: "mvf.treatNullValuesAsZeroLabel" }), showTooltip ? (_jsxs(BubbleHoverTrigger, { showDelay: 400, hideDelay: 200, children: [_jsx("span", { className: "inlineBubbleHelp", "aria-hidden": "true" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "tc bl" }], children: tooltipText })] })) : null] }), _jsx("span", { className: "sr-only", id: tooltipId, children: tooltipText })] }));
 }

package/esm/MeasureValueFilter/helpers/measureValueFilterOperator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"measureValueFilterOperator.d.ts","sourceRoot":"","sources":["../../../src/MeasureValueFilter/helpers/measureValueFilterOperator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAE9D,eAAO,MAAM,yBAAyB,8DAuBrC,CAAC;AAEF,eAAO,MAAM,kCAAkC,8DAyB9C,CAAC;AAEF,eAAO,MAAM,eAAe,kDAgB3B,CAAC"}
+{"version":3,"file":"measureValueFilterOperator.d.ts","sourceRoot":"","sources":["../../../src/MeasureValueFilter/helpers/measureValueFilterOperator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAE9D,eAAO,MAAM,yBAAyB,aAAc,0BAA0B,KAAG,MAAM,GAAG,SAuBzF,CAAC;AAEF,eAAO,MAAM,kCAAkC,aACjC,0BAA0B,KACrC,MAAM,GAAG,SAuBX,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,0BAA0B,KAAG,MAgBtE,CAAC"}

package/esm/MeasureValueFilter/useDimensionalityEditor.d.ts

@@ -64,7 +64,7 @@ export declare function useDimensionalityEditor({ items, insightItems, catalogIt
     handleRemove: (index: number) => void;
     handleReset: () => void;
     handleOpenInlinePicker: () => void;
-    handleOpenStandalonePicker: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
+    handleOpenStandalonePicker: (event: MouseEvent<HTMLButtonElement>) => void;
     handleClosePicker: () => void;
     handleAddItems: (added: IDimensionalityItem[]) => void;
 };

package/esm/MeasureValueFilter/useDimensionalityEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDimensionalityEditor.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/useDimensionalityEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,qBAAqB,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,yFAetC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,qHAG+C,CAAC;AAkBzF,UAAU,mBAAmB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACxD,0GAA0G;IAC1G,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAe,EACf,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACb,EAAE,mBAAmB,GAAG,SAAS,CAsBjC;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC3C,mDAAmD;IACnD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,yGAAyG;IACzG,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,yGAAyG;IACzG,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,mFAAmF;IACnF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACzE,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACX,EAAE,8BAA8B;;;;;;;;;;;;;;EAmHhC"}
+{"version":3,"file":"useDimensionalityEditor.d.ts","sourceRoot":"","sources":["../../src/MeasureValueFilter/useDimensionalityEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,qBAAqB,CAAC;AAG1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,MAChC,mBAAmB,EAAE,GAAG,SAAS,KACjC,mBAAmB,EAAE,GAAG,SAAS,KACrC,OAYF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,cAC1B,mBAAmB,EAAE,GAAG,SAAS,yBACrB,mBAAmB,EAAE,GAAG,SAAS,KACzD,OAAqF,CAAC;AAkBzF,UAAU,mBAAmB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACxD,0GAA0G;IAC1G,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAe,EACf,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACb,EAAE,mBAAmB,GAAG,SAAS,CAsBjC;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC3C,mDAAmD;IACnD,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,yGAAyG;IACzG,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,yGAAyG;IACzG,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,mFAAmF;IACnF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACzE,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACX,EAAE,8BAA8B;;;;;;;;0BA8DjB,MAAM;;;wCAeqC,UAAU,CAAC,iBAAiB,CAAC;;4BAYxE,mBAAmB,EAAE;EA0BpC"}

package/esm/MeasureValueFilter/useDimensionalityEditor.js

@@ -44,10 +44,7 @@ export function WithAddButton({ children, appendAddButton, isDisabled, tooltip,
     if (!appendAddButton) {
         return children;
     }
-    return (_jsxs("div", { className: "gd-mvf-dimensionality-add-wrapper", children: [children, _jsxs(BubbleHoverTrigger, { children: [
-                    _jsx(UiIconButton, { ref: buttonRef, icon: "plus", size: "small", variant: "tertiary", isDisabled: isDisabled, onClick: onClick, dataTestId: dataTestId }), _jsx(Bubble, { alignPoints: [{ align: "bc tc" }], children: tooltip })
-                ] })
-        ] }));
+    return (_jsxs("div", { className: "gd-mvf-dimensionality-add-wrapper", children: [children, _jsxs(BubbleHoverTrigger, { children: [_jsx(UiIconButton, { ref: buttonRef, icon: "plus", size: "small", variant: "tertiary", isDisabled: isDisabled, onClick: onClick, dataTestId: dataTestId }), _jsx(Bubble, { alignPoints: [{ align: "bc tc" }], children: tooltip })] })] }));
 }
 /**
  * Shared state and logic for the dimensionality-items editor used by both the measure value filter

package/esm/RankingFilter/AttributeDropdown/AttributeDropdown.js

@@ -33,8 +33,5 @@ export function AttributeDropdown({ items, selectedItemRef, onSelect, onDropDown
     }, "gd-rf-attribute-dropdown-button", "s-rf-attribute-dropdown-button");
     const selectedAttributeItem = items.find((item) => areObjRefsEqual(item.ref, selectedItemRef));
     const itemTitle = getItemTitle(selectedAttributeItem, intl);
-    return isDisabled ? (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
-            _jsx(Button, { className: buttonClassNames, value: itemTitle, disabled: true }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-attribute-no-options-bubble`, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.attributeDropdown.oneAttributeTooltip" }) })
-        ] })) : (_jsxs(_Fragment, { children: [
-            _jsx(Button, { className: buttonClassNames, value: itemTitle, onClick: onButtonClick, iconLeft: getItemIcon(selectedAttributeItem) }), isOpen ? (_jsx(AttributeDropdownBody, { items: items, selectedItemRef: selectedItemRef, onSelect: onItemSelect, onClose: () => setIsOpen(false), onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection })) : null] }));
+    return isDisabled ? (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx(Button, { className: buttonClassNames, value: itemTitle, disabled: true }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-attribute-no-options-bubble`, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.attributeDropdown.oneAttributeTooltip" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { className: buttonClassNames, value: itemTitle, onClick: onButtonClick, iconLeft: getItemIcon(selectedAttributeItem) }), isOpen ? (_jsx(AttributeDropdownBody, { items: items, selectedItemRef: selectedItemRef, onSelect: onItemSelect, onClose: () => setIsOpen(false), onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection })) : null] }));
 }

package/esm/RankingFilter/AttributeDropdown/AttributeDropdownBody.js

@@ -8,6 +8,5 @@ export function AttributeDropdownBody({ items, selectedItemRef, onSelect, onClos
     return (_jsx(Overlay, { closeOnOutsideClick: true, alignTo: ".gd-rf-attribute-dropdown-button", alignPoints: [{ align: "bl tl" }, { align: "tl bl" }], onClose: onClose, children: _jsxs("div", { className: "gd-dropdown overlay gd-rf-inner-overlay-dropdown gd-rf-attribute-dropdown-body s-rf-attribute-dropdown-body", children: [items.map((item) => {
                     const { type, ref } = item;
                     return (_jsx(AttributeItem, { iconClass: type === "DATE" ? "gd-icon-date" : "gd-icon-attribute", item: item, isSelected: areObjRefsEqual(ref, selectedItemRef), onSelect: onSelect, onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection }, objRefToString(ref)));
-                }), _jsx("div", { className: "gd-rf-attribute-dropdown-separator" }), _jsx(AllRecordsItem, { isSelected: !selectedItemRef, onSelect: onSelect })
-            ] }) }));
+                }), _jsx("div", { className: "gd-rf-attribute-dropdown-separator" }), _jsx(AllRecordsItem, { isSelected: !selectedItemRef, onSelect: onSelect })] }) }));
 }

package/esm/RankingFilter/AttributeDropdown/DropdownItems/AllRecordsItem.js

@@ -8,9 +8,5 @@ export function AllRecordsItem({ isSelected, onSelect }) {
     const className = cx("gd-list-item", "gd-list-item-shortened", {
         "is-selected": isSelected,
     }, "gd-button-link", "s-rf-attribute-all-records");
-    return (_jsxs("button", { className: className, onClick: () => onSelect(), children: [
-            _jsx(FormattedMessage, { id: "rankingFilter.allRecords" }), _jsx("div", { children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
-                        _jsx("span", { className: "gd-icon-circle-question gd-rf-attribute-all-records-icon s-rf-attribute-all-records-icon" }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-attribute-all-records-bubble`, arrowOffsets: { "cr cl": [BUBBLE_OFFSET_X, 0], "cl cr": [-BUBBLE_OFFSET_X, 0] }, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.allRecords.tooltip" }) })
-                    ] }) })
-        ] }));
+    return (_jsxs("button", { className: className, onClick: () => onSelect(), children: [_jsx(FormattedMessage, { id: "rankingFilter.allRecords" }), _jsx("div", { children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx("span", { className: "gd-icon-circle-question gd-rf-attribute-all-records-icon s-rf-attribute-all-records-icon" }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-attribute-all-records-bubble`, arrowOffsets: { "cr cl": [BUBBLE_OFFSET_X, 0], "cl cr": [-BUBBLE_OFFSET_X, 0] }, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.allRecords.tooltip" }) })] }) })] }));
 }

package/esm/RankingFilter/AttributeDropdown/DropdownItems/AttributeItem.js

@@ -23,7 +23,5 @@ export function AttributeItem({ item, iconClass, isSelected, onSelect, onDropDow
     if (!isDisabled) {
         return (_jsx("button", { className: className, onClick: () => onSelect(ref), onMouseOver: onMouseOver, onMouseOut: onMouseOut, title: title, children: _jsx("span", { children: title }) }));
     }
-    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
-            _jsx(Button, { className: className, value: title, title: title, disabled: true }), _jsx(Bubble, { className: "bubble-primary gd-rf-tooltip-bubble s-rf-disabled-attribute-bubble", alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: customGranularitySelection.warningMessage })
-        ] }));
+    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx(Button, { className: className, value: title, title: title, disabled: true }), _jsx(Bubble, { className: "bubble-primary gd-rf-tooltip-bubble s-rf-disabled-attribute-bubble", alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: customGranularitySelection.warningMessage })] }));
 }

package/esm/RankingFilter/MeasureDropdown/MeasureDropdown.js

@@ -21,8 +21,7 @@ export function MeasureDropdown({ items, selectedItemRef, onSelect, onDropDownIt
     }, "gd-rf-measure-dropdown-button", "s-rf-measure-dropdown-button");
     const selectedItem = items.find((item) => areObjRefsEqual(item.ref, selectedItemRef));
     const title = selectedItem?.title;
-    return (_jsxs(_Fragment, { children: [
-            _jsx(Button, { className: buttonClassNames, value: title, onClick: onButtonClick, iconLeft: "gd-icon-metric" }), isOpen
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: buttonClassNames, value: title, onClick: onButtonClick, iconLeft: "gd-icon-metric" }), isOpen
                 ? (renderMeasureDropdownBody?.({
                     selectedItemRef,
                     onSelect: onItemSelect,

package/esm/RankingFilter/MeasureDropdown/MeasureDropdownItem.js

@@ -17,6 +17,5 @@ export function MeasureDropdownItem({ item, isSelected, onSelect, onDropDownItem
             onDropDownItemMouseOut();
         }
     };
-    return (_jsxs("button", { className: className, onClick: () => onSelect(ref), onMouseOver: onMouseOver, onMouseOut: onMouseOut, title: title, children: [
-            _jsx("span", { className: "gd-rf-measure-title", children: title }), sequenceNumber ? _jsx("span", { className: "gd-rf-sequence-number", children: sequenceNumber }) : null] }));
+    return (_jsxs("button", { className: className, onClick: () => onSelect(ref), onMouseOver: onMouseOver, onMouseOut: onMouseOut, title: title, children: [_jsx("span", { className: "gd-rf-measure-title", children: title }), sequenceNumber ? _jsx("span", { className: "gd-rf-sequence-number", children: sequenceNumber }) : null] }));
 }

package/esm/RankingFilter/OperatorDropdown/OperatorDropdown.js

@@ -67,6 +67,5 @@ export function OperatorDropdown({ selectedValue, selectedStrictLimitOfRows, ena
     const title = intl.formatMessage({
         id: getSelectedItemTranslation(items, selectedValue, selectedStrictLimitOfRows, enableRankingStrictLimit),
     });
-    return (_jsxs(_Fragment, { children: [
-            _jsx(Button, { className: buttonClassNames, value: title, onClick: onButtonClick }), isOpen ? (_jsx(OperatorDropdownBody, { items: items, selectedValue: selectedValue, selectedStrictLimitOfRows: selectedStrictLimitOfRows, enableRankingStrictLimit: enableRankingStrictLimit, limitValue: limitValue, onSelect: onItemSelect, onClose: () => setIsOpen(false) })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: buttonClassNames, value: title, onClick: onButtonClick }), isOpen ? (_jsx(OperatorDropdownBody, { items: items, selectedValue: selectedValue, selectedStrictLimitOfRows: selectedStrictLimitOfRows, enableRankingStrictLimit: enableRankingStrictLimit, limitValue: limitValue, onSelect: onItemSelect, onClose: () => setIsOpen(false) })) : null] }));
 }

package/esm/RankingFilter/OperatorDropdown/OperatorDropdownItem.js

@@ -9,6 +9,5 @@ export function OperatorDropdownItem({ title, value, strictLimitOfRows, isSelect
     const className = cx("gd-list-item", "gd-list-item-shortened", {
         "is-selected": isSelected,
     }, "gd-button-link", `s-rf-operator-${simplifyText(title)}`);
-    return (_jsxs("button", { className: className, onClick: () => onSelect(value, strictLimitOfRows), children: [
-            _jsx("span", { children: title }), tooltipId ? (_jsx("span", { className: "gd-rf-operator-tooltip s-rf-operator-tooltip", children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], hoverOpenDelay: 0, hoverCloseDelay: 0, arrowPlacement: "left", optimalPlacement: true, width: 200, anchor: _jsx("span", { className: "gd-rf-operator-tooltip-icon s-rf-operator-tooltip-icon", children: _jsx(UiIcon, { type: "question", size: 14, color: "currentColor", layout: "block" }) }), content: intl.formatMessage({ id: tooltipId }, { n: limitValue }) }) })) : null] }));
+    return (_jsxs("button", { className: className, onClick: () => onSelect(value, strictLimitOfRows), children: [_jsx("span", { children: title }), tooltipId ? (_jsx("span", { className: "gd-rf-operator-tooltip s-rf-operator-tooltip", children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], hoverOpenDelay: 0, hoverCloseDelay: 0, arrowPlacement: "left", optimalPlacement: true, width: 200, anchor: _jsx("span", { className: "gd-rf-operator-tooltip-icon s-rf-operator-tooltip-icon", children: _jsx(UiIcon, { type: "question", size: 14, color: "currentColor", layout: "block" }) }), content: intl.formatMessage({ id: tooltipId }, { n: limitValue }) }) })) : null] }));
 }

package/esm/RankingFilter/RankingAttributesSection.d.ts

@@ -40,5 +40,5 @@ export interface IRankingAttributesSectionProps {
  * "Out of" attributes section for the ranking filter dropdown. Allows users to rank "out of" the insight's
  * own attributes (default) or custom attributes picked from the catalog, with a reset to defaults.
  */
-export declare const RankingAttributesSection: import("react").NamedExoticComponent<IRankingAttributesSectionProps>;
+export declare const RankingAttributesSection: import("react").MemoExoticComponent<({ attributes, insightAttributes, catalogAttributes, loadCatalogAttributes, isLoadingCatalogAttributes, onAttributesChange, isMigratedFilter, }: IRankingAttributesSectionProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=RankingAttributesSection.d.ts.map

package/esm/RankingFilter/RankingAttributesSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RankingAttributesSection.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingAttributesSection.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,qBAAqB,CAAC;AAIzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAG5E;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C;;OAEG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACxF;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAChE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,sEA0InC,CAAC"}
+{"version":3,"file":"RankingAttributesSection.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingAttributesSection.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,qBAAqB,CAAC;AAIzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAG5E;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C;;OAEG;IACH,UAAU,EAAE,mBAAmB,EAAE,CAAC;IAClC;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACxF;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAChE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,uLAQlC,8BAA8B,6CAkI/B,CAAC"}

package/esm/RankingFilter/RankingAttributesSection.js

@@ -23,16 +23,10 @@ export const RankingAttributesSection = memo(function RankingAttributesSection({
     });
     const addButtonTooltip = intl.formatMessage({ id: "mvf.dimensionality.addButton.tooltip" });
     const resetButtonTooltip = intl.formatMessage({ id: "mvf.dimensionality.reset.tooltip" });
-    return (_jsxs("div", { className: "gd-mvf-dimensionality gd-rf-attributes s-rf-attributes", "data-testid": "rf-attributes", children: [
-            _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.outOf" }) }), attributes.length > 0 ? (_jsxs("div", { className: "gd-mvf-dimensionality-items", children: [attributes.map((item, index) => {
+    return (_jsxs("div", { className: "gd-mvf-dimensionality gd-rf-attributes s-rf-attributes", "data-testid": "rf-attributes", children: [_jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.outOf" }) }), attributes.length > 0 ? (_jsxs("div", { className: "gd-mvf-dimensionality-items", children: [attributes.map((item, index) => {
                         const isDateItem = item.type === "chronologicalDate" || item.type === "genericDate";
                         const icon = isDateItem ? "date" : "ldmAttribute";
                         const iconColor = isDateItem ? "primary" : "warning";
                         return (_jsx(WithAddButton, { appendAddButton: index === attributes.length - 1, isDisabled: false, tooltip: addButtonTooltip, buttonRef: inlineAddButtonRef, onClick: handleOpenInlineAttributePicker, dataTestId: "rf-attributes-plus", children: _jsx("div", { className: "gd-mvf-dimensionality-tag-wrapper", children: _jsx(UiTag, { variant: "outlined", size: "large", iconBefore: icon, iconBeforeColor: iconColor, label: item.title, isDeletable: true, onDelete: () => handleRemoveAttribute(index), dataTestId: `rf-attributes-tag-${index}` }) }) }, objRefToString(item.identifier)));
-                    }), shouldShowResetButton ? (_jsx("div", { className: "gd-mvf-dimensionality-reset-button", children: _jsxs(BubbleHoverTrigger, { children: [
-                                _jsx(UiIconButton, { icon: "history", size: "small", variant: "tertiary", onClick: handleResetAttributes, label: resetButtonTooltip, dataTestId: "rf-attributes-reset" }), _jsx(Bubble, { alignPoints: [{ align: "cr cl" }], children: resetButtonTooltip })
-                            ] }) })) : null] })) : (_jsxs("div", { className: "gd-mvf-dimensionality-empty-actions", children: [
-                    _jsx(UiButton, { label: intl.formatMessage({ id: "mvf.dimensionality.addAttributes" }), variant: "tertiary", size: "small", iconBefore: "plus", onClick: handleOpenStandaloneAttributePicker }), shouldShowResetButton ? (_jsxs(BubbleHoverTrigger, { children: [
-                            _jsx(UiButton, { size: "small", variant: "tertiary", iconBefore: "history", label: intl.formatMessage({ id: "mvf.dimensionality.reset" }), onClick: handleResetAttributes, dataTestId: "rf-attributes-reset" }), _jsx(Bubble, { alignPoints: [{ align: "cr cl" }], children: resetButtonTooltip })
-                        ] })) : null] })), isMigratedFilter ? null : (_jsx("div", { role: "status", "aria-live": "polite", className: "gd-message information gd-rf-attributes-backward-compatibility-message", "data-testid": "rf-backward-compatibility-note", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage({ id: "rankingFilter.outOf.backwardCompatibilityNote" }) }) })), isAttributePickerOpen && actualAnchor ? (_jsx(AttributePicker, { anchorElement: actualAnchor, onAdd: handleAddAttributeItems, onCancel: handleCloseAttributePicker, availableInsightItems: availableInsightItems, availableCatalogItems: availableCatalogItems, isLoadingCatalogDimensionality: isLoadingCatalogForPicker })) : null] }));
+                    }), shouldShowResetButton ? (_jsx("div", { className: "gd-mvf-dimensionality-reset-button", children: _jsxs(BubbleHoverTrigger, { children: [_jsx(UiIconButton, { icon: "history", size: "small", variant: "tertiary", onClick: handleResetAttributes, label: resetButtonTooltip, dataTestId: "rf-attributes-reset" }), _jsx(Bubble, { alignPoints: [{ align: "cr cl" }], children: resetButtonTooltip })] }) })) : null] })) : (_jsxs("div", { className: "gd-mvf-dimensionality-empty-actions", children: [_jsx(UiButton, { label: intl.formatMessage({ id: "mvf.dimensionality.addAttributes" }), variant: "tertiary", size: "small", iconBefore: "plus", onClick: handleOpenStandaloneAttributePicker }), shouldShowResetButton ? (_jsxs(BubbleHoverTrigger, { children: [_jsx(UiButton, { size: "small", variant: "tertiary", iconBefore: "history", label: intl.formatMessage({ id: "mvf.dimensionality.reset" }), onClick: handleResetAttributes, dataTestId: "rf-attributes-reset" }), _jsx(Bubble, { alignPoints: [{ align: "cr cl" }], children: resetButtonTooltip })] })) : null] })), isMigratedFilter ? null : (_jsx("div", { role: "status", "aria-live": "polite", className: "gd-message information gd-rf-attributes-backward-compatibility-message", "data-testid": "rf-backward-compatibility-note", children: _jsx("div", { className: "gd-message-text", children: intl.formatMessage({ id: "rankingFilter.outOf.backwardCompatibilityNote" }) }) })), isAttributePickerOpen && actualAnchor ? (_jsx(AttributePicker, { anchorElement: actualAnchor, onAdd: handleAddAttributeItems, onCancel: handleCloseAttributePicker, availableInsightItems: availableInsightItems, availableCatalogItems: availableCatalogItems, isLoadingCatalogDimensionality: isLoadingCatalogForPicker })) : null] }));
 });

package/esm/RankingFilter/RankingFilter.js

@@ -19,6 +19,5 @@ export function RankingFilter({ measureItems, attributeItems, filter, onApply, o
         onCancel();
         setIsOpen(false);
     };
-    return (_jsxs(_Fragment, { children: [
-            _jsx(RankingFilterButton, { isActive: isOpen, onClick: onButtonClick, title: buttonTitle, className: "gd-rf-dropdown-button" }), isOpen ? (_jsx(RankingFilterDropdown, { measureItems: measureItems, attributeItems: attributeItems, filter: filter, onApply: handleApply, onCancel: handleCancel, anchorEl: ".gd-rf-dropdown-button", onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection, locale: locale })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(RankingFilterButton, { isActive: isOpen, onClick: onButtonClick, title: buttonTitle, className: "gd-rf-dropdown-button" }), isOpen ? (_jsx(RankingFilterDropdown, { measureItems: measureItems, attributeItems: attributeItems, filter: filter, onApply: handleApply, onCancel: handleCancel, anchorEl: ".gd-rf-dropdown-button", onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection, locale: locale })) : null] }));
 }

package/esm/RankingFilter/RankingFilterDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RankingFilterDropdown.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingFilterDropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI9E,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAG5E,OAAO,EACH,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EACjC,MAAM,YAAY,CAAC;AAKpB,eAAO,MAAM,yBAAyB,yEAqBrC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,YAAY,EAAE,oBAAoB,EAAE,CAAC;IACrC,cAAc,EAAE,sBAAsB,EAAE,CAAC;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,0BAA0B,CAAC,EAAE,2BAA2B,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IAItD,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oGAAoG;IACpG,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAC3F;AA8DD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,2BAA2B,2CAMvE"}
+{"version":3,"file":"RankingFilterDropdown.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingFilterDropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI9E,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAG5E,OAAO,EACH,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EACjC,MAAM,YAAY,CAAC;AAKpB,eAAO,MAAM,yBAAyB,WAC1B,cAAc,kCAEvB,cAkBF,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,YAAY,EAAE,oBAAoB,EAAE,CAAC;IACrC,cAAc,EAAE,sBAAsB,EAAE,CAAC;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uBAAuB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,0BAA0B,CAAC,EAAE,2BAA2B,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IAItD,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,oGAAoG;IACpG,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC1C,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAC3F;AA8DD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,2BAA2B,2CAMvE"}

package/esm/RankingFilter/RankingFilterDropdown.test.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RankingFilterDropdown.test.utils.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingFilterDropdown.test.utils.tsx"],"names":[],"mappings":"AAiBA,qBAAa,6BAA6B;IAC/B,WAAW,sCAGhB;IAEK,UAAU,sCAGf;IAEK,cAAc,2BAAiD;IAE/D,qBAAqB,gBAA+D;IAEpF,sBAAsB,gBAAmE;IAEzF,yBAAyB,uBAA0D;IAEnF,oBAAoB,sCAKzB;IAEK,WAAW,mDAGhB;IAEK,WAAW,eAA+E;IAE1F,gBAAgB,uBAA2D;IAE3E,qBAAqB,4BAC+C;IAEpE,sBAAsB,gBAAmC;IAEzD,gBAAgB,mDAIrB;IAEK,QAAQ,mDAIb;IAEK,cAAc,mDAInB;IAEK,QAAQ,eAAkF;IAE1F,qBAAqB,gBAAkE;IAEvF,wBAAwB,uBAAyD;IAEjF,mBAAmB,sCAKxB;IAEK,cAAc,oCAEnB;IAEK,cAAc,mDAGnB;IAEK,UAAU,eAA8E;IAExF,yBAAyB,gBACsC;IAE/D,uBAAuB,gBAAoE;IAE3F,qBAAqB,sCAK1B;IAEK,mCAAmC,4BAExC;IAEK,gBAAgB,oCAErB;IAEK,gBAAgB,mDAGrB;IAEK,wBAAwB,sCAG7B;IAEK,0BAA0B,uBAA2D;IAErF,YAAY,eAAgE;IAE5E,UAAU,eAAmE;CACvF"}
+{"version":3,"file":"RankingFilterDropdown.test.utils.d.ts","sourceRoot":"","sources":["../../src/RankingFilter/RankingFilterDropdown.test.utils.tsx"],"names":[],"mappings":"AAiBA,qBAAa,6BAA6B;IAC/B,WAAW,QAAO,6BAA6B,CAGpD;IAEK,UAAU,QAAO,6BAA6B,CAGnD;IAEK,cAAc,2BAAiD;IAE/D,qBAAqB,gBAA+D;IAEpF,sBAAsB,QAAO,OAAO,CAAqD;IAEzF,yBAAyB,uBAA0D;IAEnF,oBAAoB,QAAO,6BAA6B,CAK7D;IAEK,WAAW,UAAW,MAAM,KAAG,6BAA6B,CAGjE;IAEK,WAAW,QAAO,MAAM,CAAkE;IAE1F,gBAAgB,uBAA2D;IAE3E,qBAAqB,4BAC+C;IAEpE,sBAAsB,gBAAmC;IAEzD,gBAAgB,UAAW,MAAM,KAAG,6BAA6B,CAItE;IAEK,QAAQ,UAAW,MAAM,KAAG,6BAA6B,CAI9D;IAEK,cAAc,UAAW,MAAM,KAAG,6BAA6B,CAIpE;IAEK,QAAQ,eAAkF;IAE1F,qBAAqB,QAAO,OAAO,CAAoD;IAEvF,wBAAwB,uBAAyD;IAEjF,mBAAmB,QAAO,6BAA6B,CAK5D;IAEK,cAAc,UAAW,MAAM,oBAEpC;IAEK,cAAc,UAAW,MAAM,KAAG,6BAA6B,CAGpE;IAEK,UAAU,QAAO,MAAM,CAAiE;IAExF,yBAAyB,QAAO,OAAO,CACwB;IAE/D,uBAAuB,QAAO,OAAO,CAAsD;IAE3F,qBAAqB,QAAO,6BAA6B,CAK9D;IAEK,mCAAmC,4BAExC;IAEK,gBAAgB,UAAW,MAAM,oBAEtC;IAEK,gBAAgB,UAAW,MAAM,KAAG,6BAA6B,CAGtE;IAEK,wBAAwB,QAAO,6BAA6B,CAGjE;IAEK,0BAA0B,uBAA2D;IAErF,YAAY,QAAO,MAAM,CAAmD;IAE5E,UAAU,QAAO,MAAM,CAAsD;CACvF"}

package/esm/RankingFilter/RankingFilterDropdownBody.js

@@ -128,23 +128,9 @@ export function RankingFilterDropdownBody({ measureItems, attributeItems, filter
     }, [setApplyOnResult]);
     return (_jsxs("div", { className: "gd-dialog gd-dropdown overlay gd-rf-dropdown-body s-rf-dropdown-body", children: [isAttributesSectionEnabled ? null : (_jsx("div", { className: "gd-rf-dropdown-header", children: _jsx(FormattedMessage, { id: "rankingFilter.topBottom" }) })), _jsxs("div", { className: "gd-rf-dropdown-section", children: [enableRankingStrictLimit ? (_jsx("div", { className: "gd-rf-dropdown-section-title gd-rf-dropdown-section-title-first", children: _jsx(FormattedMessage, { id: "rankingFilter.condition" }) })) : null, _jsxs("div", { className: cx("gd-rf-value-section", {
                             "gd-rf-value-section--strict-limit": enableRankingStrictLimit,
-                        }), children: [
-                            _jsx(OperatorDropdown, { selectedValue: operator, selectedStrictLimitOfRows: strictLimitOfRows, enableRankingStrictLimit: enableRankingStrictLimit, limitValue: value, onSelect: handleConditionSelect }), _jsx(ValueDropdown, { selectedValue: value, onSelect: setValue }), enableRankingStrictLimit ? null : (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
-                                    _jsx("span", { className: "gd-icon-circle-question gd-rf-value-tooltip-icon s-rf-value-tooltip-icon" }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-value-tooltip`, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.valueTooltip" }) })
-                                ] }))] }), isAttributesSectionEnabled ? (
-                    // The growing "out of" pills scroll in a single dedicated container so that wheel
-                    // events over the pills always scroll them. The condition row stays outside: the
-                    // value input's suggestion menu renders inline (not portaled), so a scrollable
-                    // ancestor around it would clip the open menu.
-                    _jsx("div", { className: "gd-rf-attributes-scroll-container", children: _jsx(RankingAttributesSection, { attributes: attributeItemsState, insightAttributes: insightAttributes, catalogAttributes: catalogAttributes, loadCatalogAttributes: loadCatalogAttributes, onAttributesChange: handleAttributesChange, isMigratedFilter: isMigratedFilter }) })) : (_jsxs(_Fragment, { children: [
-                            _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.outOf" }) }), _jsx(AttributeDropdown, { items: attributeItems, selectedItemRef: attribute, onSelect: setAttribute, onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection })
-                        ] })), _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.basedOn" }) }), _jsx(MeasureDropdown, { items: measureItems, selectedItemRef: measure, onSelect: setMeasureIdentifier, onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, renderMeasureDropdownBody: renderMeasureDropdownBody }), enableRankingWithMvf ? (_jsx("div", { className: "gd-rf-apply-on-result", children: _jsxs("label", { className: "input-checkbox-label gd-rf-apply-on-result-checkbox", "data-testid": "rf-apply-on-result", children: [
-                                _jsx("input", { type: "checkbox", name: "apply-on-result", className: "input-checkbox", checked: applyOnResult, onChange: handleApplyOnResultChange }), _jsx("span", { className: "input-label-text", children: intl.formatMessage({
+                        }), children: [_jsx(OperatorDropdown, { selectedValue: operator, selectedStrictLimitOfRows: strictLimitOfRows, enableRankingStrictLimit: enableRankingStrictLimit, limitValue: value, onSelect: handleConditionSelect }), _jsx(ValueDropdown, { selectedValue: value, onSelect: setValue }), enableRankingStrictLimit ? null : (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx("span", { className: "gd-icon-circle-question gd-rf-value-tooltip-icon s-rf-value-tooltip-icon" }), _jsx(Bubble, { className: `bubble-primary gd-rf-tooltip-bubble s-rf-value-tooltip`, alignPoints: [{ align: "cr cl" }, { align: "cl cr" }], children: _jsx(FormattedMessage, { id: "rankingFilter.valueTooltip" }) })] }))] }), isAttributesSectionEnabled ? (_jsx("div", { className: "gd-rf-attributes-scroll-container", children: _jsx(RankingAttributesSection, { attributes: attributeItemsState, insightAttributes: insightAttributes, catalogAttributes: catalogAttributes, loadCatalogAttributes: loadCatalogAttributes, onAttributesChange: handleAttributesChange, isMigratedFilter: isMigratedFilter }) })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.outOf" }) }), _jsx(AttributeDropdown, { items: attributeItems, selectedItemRef: attribute, onSelect: setAttribute, onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, customGranularitySelection: customGranularitySelection })] })), _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.basedOn" }) }), _jsx(MeasureDropdown, { items: measureItems, selectedItemRef: measure, onSelect: setMeasureIdentifier, onDropDownItemMouseOver: onDropDownItemMouseOver, onDropDownItemMouseOut: onDropDownItemMouseOut, renderMeasureDropdownBody: renderMeasureDropdownBody }), enableRankingWithMvf ? (_jsx("div", { className: "gd-rf-apply-on-result", children: _jsxs("label", { className: "input-checkbox-label gd-rf-apply-on-result-checkbox", "data-testid": "rf-apply-on-result", children: [_jsx("input", { type: "checkbox", name: "apply-on-result", className: "input-checkbox", checked: applyOnResult, onChange: handleApplyOnResultChange }), _jsx("span", { className: "input-label-text", children: intl.formatMessage({
                                         id: "rankingFilter.applyOnResultLabel",
-                                    }) })
-                            ] }) })) : null, _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.preview" }) }), _jsx(Preview, { measure: selectedMeasure, attribute: previewAttribute, operator: operator, value: value, enableRankingStrictLimit: enableRankingStrictLimit, strictLimitOfRows: strictLimitOfRows })
-                ] }), _jsxs("div", { className: "gd-rf-dropdown-footer", children: [
-                    _jsx(Button, { className: "gd-button-secondary gd-button-small s-rf-dropdown-cancel", onClick: () => onCancel(), value: intl.formatMessage({ id: "cancel" }) }), _jsx(Button, { className: "gd-button-action gd-button-small s-rf-dropdown-apply", onClick: applyHandler, value: intl.formatMessage({ id: "apply" }), disabled: isAttributesSelectionInvalid ||
+                                    }) })] }) })) : null, _jsx("div", { className: "gd-rf-dropdown-section-title", children: _jsx(FormattedMessage, { id: "rankingFilter.preview" }) }), _jsx(Preview, { measure: selectedMeasure, attribute: previewAttribute, operator: operator, value: value, enableRankingStrictLimit: enableRankingStrictLimit, strictLimitOfRows: strictLimitOfRows })] }), _jsxs("div", { className: "gd-rf-dropdown-footer", children: [_jsx(Button, { className: "gd-button-secondary gd-button-small s-rf-dropdown-cancel", onClick: () => onCancel(), value: intl.formatMessage({ id: "cancel" }) }), _jsx(Button, { className: "gd-button-action gd-button-small s-rf-dropdown-apply", onClick: applyHandler, value: intl.formatMessage({ id: "apply" }), disabled: isAttributesSelectionInvalid ||
                             isApplyButtonDisabled(
                             // Compare against the seeded baseline so reusing the insight defaults (unchanged)
                             // keeps Apply disabled and does not persist the defaults.
@@ -153,7 +139,5 @@ export function RankingFilterDropdownBody({ measureItems, attributeItems, filter
                                     ...rankingFilter,
                                     attributes: baselineAttributes.length ? baselineAttributes : undefined,
                                 },
-                            }, getFilterState(), enableRankingWithMvf, applyOnResult, enableRankingStrictLimit, strictLimitOfRows) })
-                ] })
-        ] }));
+                            }, getFilterState(), enableRankingWithMvf, applyOnResult, enableRankingStrictLimit, strictLimitOfRows) })] })] }));
 }

package/esm/RankingFilter/ValueDropdown/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/RankingFilter/ValueDropdown/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAwBjF,eAAO,MAAM,mBAAmB,4BAM/B,CAAC;AAEF,eAAO,MAAM,aAAa,yDAezB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/RankingFilter/ValueDropdown/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAwBjF,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,OAMnD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,MAAM,QAAQ,SAAS,KAAG,iBAAiB,EAe/E,CAAC"}

package/esm/sdk-ui-filters.d.ts

@@ -538,8 +538,8 @@ export declare const DateFilterHelpers: {
     defaultDateFilterOptions: IDateFilterOptionsByType;
     canExcludeCurrentPeriod: (dateFilterOption: DateFilterOption) => boolean;
     mapOptionToAfm: (value: DateFilterOption, dateDataSet: ObjRef, excludeCurrentPeriod: boolean) => IDateFilter | null;
-    formatAbsoluteDateRange: (from: string | Date, to: string | Date, dateFormat: string, splitter?: string) => string;
-    formatRelativeDateRange: (from: number, to: number, granularity: DateFilterGranularity, translator: IDateAndMessageTranslator, labelMode: DateFilterLabelMode, boundedFilter?: ILowerBoundedFilter | IUpperBoundedFilter | undefined) => string;
+    formatAbsoluteDateRange: (from: Date | string, to: Date | string, dateFormat: string, splitter?: string) => string;
+    formatRelativeDateRange: (from: number, to: number, granularity: DateFilterGranularity, translator: IDateAndMessageTranslator, labelMode: DateFilterLabelMode, boundedFilter?: IUpperBoundedFilter | ILowerBoundedFilter) => string;
     filterVisibleDateFilterOptions: typeof filterVisibleDateFilterOptions;
 };
 
@@ -3244,6 +3244,16 @@ export declare interface IDateFilterOwnProps extends IDateFilterStatePropsInters
      * @defaultValue false
      */
     isSecondsForAbsoluteRangeEnabled?: boolean;
+    /**
+     * Enables Day/Week/Month/Quarter/Year granularity switching for the absolute (static) date filter.
+     *
+     * @remarks
+     * Defaults to `false` to keep backward compatibility. Dashboard apps should control this
+     * via a feature flag and explicitly opt-in.
+     *
+     * @alpha
+     */
+    isAbsoluteDateFilterGranularityEnabled?: boolean;
     showDropDownHeaderMessage?: boolean;
     weekStart?: WeekStart;
     /**
@@ -3389,6 +3399,7 @@ export declare interface IDateFilterStatePropsIntersection {
  */
 export declare interface IDateTranslator {
     formatDate: IntlShape["formatDate"];
+    locale?: string;
 }
 
 /**

package/esm/shared/components/internal/FilterButtonCustomIcon.js

@@ -17,7 +17,5 @@ export function FilterButtonCustomIcon({ customIcon, disabled }) {
     const classNames = cx(["gd-filter-button-custom-icon-wrapper", "s-gd-filter-button-custom-icon-wrapper"], {
         "disabled s-disabled": disabled,
     });
-    return (_jsx("div", { className: classNames, children: _jsxs(BubbleHoverTrigger, { children: [
-                _jsx("i", { className: `gd-filter-button-custom-icon s-gd-filter-button-custom-icon ${icon}` }), _jsx(Bubble, { className: `bubble-primary ${bubbleClassNames || ""}`, alignPoints: bubbleAlignPoints || DEFAULT_BUBBLE_ALIGN_POINTS, children: tooltip })
-            ] }) }));
+    return (_jsx("div", { className: classNames, children: _jsxs(BubbleHoverTrigger, { children: [_jsx("i", { className: `gd-filter-button-custom-icon s-gd-filter-button-custom-icon ${icon}` }), _jsx(Bubble, { className: `bubble-primary ${bubbleClassNames || ""}`, alignPoints: bubbleAlignPoints || DEFAULT_BUBBLE_ALIGN_POINTS, children: tooltip })] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-filters",
-  "version": "11.55.0",
+  "version": "11.56.0-alpha.1",
   "description": "GoodData.UI SDK - Filter Components",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -47,11 +47,11 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-ui": "11.55.0",
-    "@gooddata/sdk-model": "11.55.0",
-    "@gooddata/sdk-ui-kit": "11.55.0",
-    "@gooddata/sdk-backend-spi": "11.55.0",
-    "@gooddata/util": "11.55.0"
+    "@gooddata/sdk-backend-spi": "11.56.0-alpha.1",
+    "@gooddata/sdk-model": "11.56.0-alpha.1",
+    "@gooddata/sdk-ui": "11.56.0-alpha.1",
+    "@gooddata/sdk-ui-kit": "11.56.0-alpha.1",
+    "@gooddata/util": "11.56.0-alpha.1"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.10",
@@ -65,7 +65,7 @@
     "@types/react-dom": "19.1.7",
     "@typescript-eslint/eslint-plugin": "8.58.0",
     "@typescript-eslint/parser": "8.58.0",
-    "@typescript/native-preview": "7.0.0-dev.20260202.1",
+    "@typescript/native-preview": "7.0.0-dev.20260501.1",
     "dependency-cruiser": "17.3.10",
     "eslint": "^9.39.2",
     "eslint-plugin-headers": "1.3.3",
@@ -85,17 +85,17 @@
     "raf": "3.4.1",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "sass": "1.77.1",
+    "sass": "1.78.0",
     "stylelint": "16.26.1",
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/oxlint-config": "11.55.0",
-    "@gooddata/sdk-backend-mockingbird": "11.55.0",
-    "@gooddata/eslint-config": "11.55.0",
-    "@gooddata/sdk-ui-theme-provider": "11.55.0",
-    "@gooddata/stylelint-config": "11.55.0",
-    "@gooddata/reference-workspace": "11.55.0"
+    "@gooddata/eslint-config": "11.56.0-alpha.1",
+    "@gooddata/oxlint-config": "11.56.0-alpha.1",
+    "@gooddata/reference-workspace": "11.56.0-alpha.1",
+    "@gooddata/sdk-backend-mockingbird": "11.56.0-alpha.1",
+    "@gooddata/sdk-ui-theme-provider": "11.56.0-alpha.1",
+    "@gooddata/stylelint-config": "11.56.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",