@gooddata/sdk-ui-analytical-designer 0.0.0-stage → 11.65.0-alpha.6

package/esm/components/filterBar/__mocks__/DraggableFilterItem.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DraggableFilterItem({ filterItem }) {
+    return _jsx("div", { children: filterItem.localIdentifier });
+}

package/esm/components/filterBar/__mocks__/FilterBarList.d.ts

@@ -0,0 +1,3 @@
+import { type IFilterBarListProps } from "../FilterBarList.js";
+export declare function FilterBarList(props: IFilterBarListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterBarList.d.ts.map

package/esm/components/filterBar/__mocks__/FilterBarList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarList.d.ts","sourceRoot":"","sources":["../../../../src/components/filterBar/__mocks__/FilterBarList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAQvD"}

package/esm/components/filterBar/__mocks__/FilterBarList.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FilterBarList(props) {
+    return (_jsx("div", { children: props.filterItems.map((item) => (_jsx("div", { children: item.localIdentifier }, item.localIdentifier))) }));
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttribute.d.ts

@@ -0,0 +1,12 @@
+import { type IAttributeFilter, type IOnAttributeFilterApplyProps } from "../../../../store/filter_bar/filter_bar_types.js";
+interface IAdditionalDateAttributeProps {
+    label: string;
+    attributeFilter?: IAttributeFilter;
+    onApply: (props: IOnAttributeFilterApplyProps) => void;
+    onClose: () => void;
+    onRemove: (localIdentifier: string) => void;
+    isAutoOpen: boolean;
+}
+export declare function AdditionalDateAttribute({ label, attributeFilter, onApply, onClose, onRemove, isAutoOpen, }: IAdditionalDateAttributeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdditionalDateAttribute.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDateAttribute.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttribute.tsx"],"names":[],"mappings":"AAUA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,4BAA4B,EACpC,MAAM,kDAAkD,CAAC;AAM1D,UAAU,6BAA6B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,OAAO,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,GACb,EAAE,6BAA6B,2CAsC/B"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttribute.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { useCallback } from "react";
+import classNames from "classnames";
+import { FormattedMessage } from "react-intl";
+import { Button } from "@gooddata/sdk-ui-kit";
+import { simplifyText } from "@gooddata/util";
+import { AdditionalDateAttributeButton } from "../../../AttributeFilter/components/AdditionalDateAttributeButton.js";
+import { AdditionalDateAttributeDropdownBody } from "../../../AttributeFilter/components/AdditionalDateAttributeDropdownBody.js";
+import { AdditionalDateElementsSearchBarComponent } from "../../../AttributeFilter/components/AdditionalDateElementsSearchBarComponent.js";
+import { AttributeFilterItemPure as AttributeFilterItem } from "../../AttributeFilterItem.js";
+export function AdditionalDateAttribute({ label, attributeFilter, onApply, onClose, onRemove, isAutoOpen, }) {
+    const onButtonClick = useCallback(() => onRemove(attributeFilter.localIdentifier), [attributeFilter, onRemove]);
+    const simplifiedLabel = simplifyText(label);
+    const wrapperClassNames = classNames("adi-date-dropdown adi-additional-date-attribute s-adi-additional-date-attribute", `s-adi-additional-date-attribute-${simplifiedLabel}`);
+    return (_jsxs("div", { className: wrapperClassNames, children: [_jsx(FormattedMessage, { id: label }), _jsxs("div", { className: "adi-additional-date-attribute-button-wrapper", children: [_jsx(AttributeFilterItem, { attributeFilterProp: attributeFilter, filterLocalIdentifier: attributeFilter.localIdentifier, dropdownButtonComponent: AdditionalDateAttributeButton, dropdownBodyComponent: AdditionalDateAttributeDropdownBody, elementsSearchBarComponent: AdditionalDateElementsSearchBarComponent, dropdownClassName: `adi-additional-date-attribute-dropdown s-additional-date-attribute-dropdown s-adi-additional-date-attribute-dropdown-${simplifiedLabel}`, onApply: onApply, onClose: onClose, isAutoOpen: isAutoOpen, useAlternativeDisplayForms: false, availableSelectionTypesOverride: ["elements"] }), _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross adi-additional-date-attribute-remove s-remove-attribute-filter", onClick: onButtonClick })] })] }));
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributes.d.ts

@@ -0,0 +1,27 @@
+import { type IDecoratedDateDataset } from "../../../../models/decorated_date_dataset.js";
+import { type IGranularityOption } from "../../../../models/granularity.js";
+import { type EmptyDateValuesFilterMode, type IAttributeFilter, type IOnAttributeFilterApplyProps } from "../../../../store/filter_bar/filter_bar_types.js";
+import { type IDateDatasetRefWithGranularities, type IGranularityOptionWithRefs } from "../../../../typings/datasets.js";
+export interface IAdditionalDateAttributesProps {
+    selectedDateDataset: IDecoratedDateDataset;
+    dateDatasetRefsWithGranularities: IDateDatasetRefWithGranularities[];
+    additionalDateAttributeFilters: IAttributeFilter[];
+    onSelect: (additionalDateAttribute: IAttributeFilter) => void;
+    onApply: (props: IOnAttributeFilterApplyProps) => void;
+    onRemove: (localIdentifier: string) => void;
+    onClose: (localIdentifier: string) => void;
+    migratedAdditionalFilters: string[];
+    autoOpenedFilters: string[];
+    emptyDateValuesFilterMode?: EmptyDateValuesFilterMode;
+    onEmptyDateValuesFilterModeChange: (mode: EmptyDateValuesFilterMode) => void;
+    onEmptyDateValuesFilterAdd: () => void;
+    onEmptyDateValuesFilterRemove: () => void;
+    isEmptyDateValuesFilterOpenOnInit?: boolean;
+    isDisabled?: boolean;
+    isAllTime?: boolean;
+    showDateGranularities?: boolean;
+    isEmptyDateValuesFilterAvailable?: boolean;
+}
+export declare function AdditionalDateAttributes({ selectedDateDataset, dateDatasetRefsWithGranularities, additionalDateAttributeFilters, onSelect, onApply, onClose, onRemove, migratedAdditionalFilters, autoOpenedFilters, emptyDateValuesFilterMode, onEmptyDateValuesFilterModeChange, onEmptyDateValuesFilterAdd, onEmptyDateValuesFilterRemove, isEmptyDateValuesFilterOpenOnInit, isDisabled, isAllTime, showDateGranularities, isEmptyDateValuesFilterAvailable, }: IAdditionalDateAttributesProps): import("react/jsx-runtime").JSX.Element;
+export declare const getAvailableGranularityOptions: (selectedAdditionalDateAttributes: IAttributeFilter[], attributeGranularities: IGranularityOptionWithRefs[]) => IGranularityOption[];
+//# sourceMappingURL=AdditionalDateAttributes.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDateAttributes.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributes.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAGH,KAAK,kBAAkB,EAE1B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACrB,KAAK,4BAA4B,EACpC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACH,KAAK,gCAAgC,EACrC,KAAK,0BAA0B,EAClC,MAAM,iCAAiC,CAAC;AAOzC,MAAM,WAAW,8BAA8B;IAC3C,mBAAmB,EAAE,qBAAqB,CAAC;IAC3C,gCAAgC,EAAE,gCAAgC,EAAE,CAAC;IACrE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC;IACnD,QAAQ,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yBAAyB,EAAE,MAAM,EAAE,CAAC;IACpC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,iCAAiC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,0BAA0B,EAAE,MAAM,IAAI,CAAC;IACvC,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAwED,wBAAgB,wBAAwB,CAAC,EACrC,mBAAmB,EACnB,gCAAgC,EAChC,8BAA8B,EAC9B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,EACjB,yBAAyB,EACzB,iCAAiC,EACjC,0BAA0B,EAC1B,6BAA6B,EAC7B,iCAAiC,EACjC,UAAU,EACV,SAAS,EACT,qBAA4B,EAC5B,gCAAuC,GAC1C,EAAE,8BAA8B,2CA8DhC;AAED,eAAO,MAAM,8BAA8B,qCACL,gBAAgB,EAAE,0BAC5B,0BAA0B,EAAE,KACrD,kBAAkB,EAiBV,CAAC"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributes.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import classNames from "classnames";
+import { FormattedMessage, defineMessage } from "react-intl";
+import { areObjRefsEqual } from "@gooddata/sdk-model";
+import { GRANULARITY, isGenericDateGranularity, } from "../../../../models/granularity.js";
+import { FilterBarService } from "../../../../store/filter_bar/filter_bar_service.js";
+import { AdditionalDateAttribute } from "./AdditionalDateAttribute.js";
+import { AdditionalDateAttributesDropdown } from "./AdditionalDateAttributesDropdown.js";
+import { DisableableFilterWrapper } from "./DisableableFilterWrapper.js";
+import { EmptyDateValuesFilter } from "./EmptyDateValuesFilter.js";
+function AdditionalFilterResetWarning({ migratedAdditionalFiltersCount, }) {
+    if (migratedAdditionalFiltersCount === 0) {
+        return null;
+    }
+    const messageIntlKey = migratedAdditionalFiltersCount === 1
+        ? defineMessage({ id: "filter.singleAdditionalFilterResetWarning.panel" }).id
+        : defineMessage({ id: "filter.multipleAdditionalFiltersResetWarning.panel" }).id;
+    const panelClassNames = classNames("adi-additional-filter-reset-warning", {
+        "s-additional-filter-reset-warning": migratedAdditionalFiltersCount === 1,
+        "s-additional-filter-reset-warnings": migratedAdditionalFiltersCount > 1,
+    });
+    return (_jsx("div", { className: panelClassNames, children: _jsx(FormattedMessage, { id: messageIntlKey, values: { b: (chunks) => _jsx("b", { children: chunks }) } }) }));
+}
+function AdditionalDateAttributeItem({ attributeFilter, attributeGranularities, onApply, onRemove, onClose, isAutoOpen, isDisabled, }) {
+    const { localIdentifier, cacheItemIdentifier } = attributeFilter;
+    const label = attributeGranularities.find(({ cacheIdentifier }) => cacheIdentifier === cacheItemIdentifier)?.label;
+    const onCloseHandler = () => onClose(localIdentifier);
+    if (!label) {
+        return (_jsx("div", { className: "adi-additional-filter-reset-warning", children: _jsx(FormattedMessage, { id: "filter.invalidFilterWarning" }) }));
+    }
+    return (_jsx(DisableableFilterWrapper, { isDisabled: isDisabled, children: _jsx(AdditionalDateAttribute, { label: label, attributeFilter: attributeFilter, onApply: onApply, onRemove: onRemove, onClose: onCloseHandler, isAutoOpen: isAutoOpen }) }));
+}
+export function AdditionalDateAttributes({ selectedDateDataset, dateDatasetRefsWithGranularities, additionalDateAttributeFilters, onSelect, onApply, onClose, onRemove, migratedAdditionalFilters, autoOpenedFilters, emptyDateValuesFilterMode, onEmptyDateValuesFilterModeChange, onEmptyDateValuesFilterAdd, onEmptyDateValuesFilterRemove, isEmptyDateValuesFilterOpenOnInit, isDisabled, isAllTime, showDateGranularities = true, isEmptyDateValuesFilterAvailable = true, }) {
+    const attributeGranularities = dateDatasetRefsWithGranularities.find(({ ref }) => areObjRefsEqual(ref, selectedDateDataset?.ref))
+        ?.attributes || [];
+    const granularities = showDateGranularities
+        ? getAvailableGranularityOptions(additionalDateAttributeFilters, attributeGranularities)
+        : [];
+    const handleOnGranularityClick = (granularity) => {
+        const { cacheIdentifier, dfRef } = attributeGranularities.find((attribute) => attribute.dateType === granularity);
+        const attributeFilter = FilterBarService.createAttributeFilter(cacheIdentifier, dfRef);
+        onSelect(attributeFilter);
+    };
+    const isSingleEmptyValuesMode = !showDateGranularities;
+    const isEmptyDateValuesFilterEnabled = isEmptyDateValuesFilterAvailable &&
+        (emptyDateValuesFilterMode !== undefined || isSingleEmptyValuesMode);
+    return (_jsxs("div", { className: classNames("adi-additional-date-attributes", "s-adi-additional-date-attributes", {
+            "is-disabled": isDisabled,
+        }), children: [additionalDateAttributeFilters.map((attributeFilter) => (_jsx(AdditionalDateAttributeItem, { attributeFilter: attributeFilter, attributeGranularities: attributeGranularities, onApply: onApply, onRemove: onRemove, onClose: onClose, isAutoOpen: autoOpenedFilters.includes(attributeFilter.localIdentifier), isDisabled: isDisabled }, attributeFilter.localIdentifier))), isEmptyDateValuesFilterEnabled ? (_jsx(EmptyDateValuesFilter, { mode: emptyDateValuesFilterMode ?? "include", onModeChange: onEmptyDateValuesFilterModeChange, onRemove: onEmptyDateValuesFilterRemove, openOnInit: isEmptyDateValuesFilterOpenOnInit, isAllTime: isAllTime, canRemove: !isSingleEmptyValuesMode })) : null, _jsx(AdditionalFilterResetWarning, { migratedAdditionalFiltersCount: migratedAdditionalFilters.length }), _jsx(DisableableFilterWrapper, { isDisabled: isDisabled, children: _jsx(AdditionalDateAttributesDropdown, { granularities: granularities, onGranularityChange: handleOnGranularityClick, isEmptyDateValuesFilterEnabled: isEmptyDateValuesFilterEnabled, onEmptyDateValuesFilterAdd: onEmptyDateValuesFilterAdd, isDisabled: isDisabled, isEmptyDateValuesFilterAvailable: isEmptyDateValuesFilterAvailable }) })] }));
+}
+export const getAvailableGranularityOptions = (selectedAdditionalDateAttributes, attributeGranularities) => attributeGranularities
+    .filter(({ dfRef }) => !selectedAdditionalDateAttributes.some(({ displayFormRef }) => areObjRefsEqual(displayFormRef, dfRef)))
+    .filter(isGenericDateGranularity)
+    // TODO CQ-2773: second of day is temporarily not offered as it causes UI issues
+    // in additional date filters; remove this filter once those are resolved.
+    .filter(({ dateType }) => dateType !== GRANULARITY.SECOND_IN_DAY)
+    .map(({ dateType, label, chronologicalGranularity, valuesPreview }) => ({
+    dateType,
+    label,
+    chronologicalGranularity,
+    valuesPreview,
+}));

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributesDropdown.d.ts

@@ -0,0 +1,16 @@
+import { type Granularity, type IGranularityOption } from "../../../../models/granularity.js";
+interface IAdditionalDateAttributesDropdownProps {
+    granularities: IGranularityOption[];
+    onGranularityChange: (granularity: Granularity) => void;
+    isEmptyDateValuesFilterEnabled: boolean;
+    onEmptyDateValuesFilterAdd: () => void;
+    isDisabled?: boolean;
+    /**
+     * Whether the empty date values filter is offered at all; a metric date filter has no place to
+     * store it.
+     */
+    isEmptyDateValuesFilterAvailable?: boolean;
+}
+export declare function AdditionalDateAttributesDropdown({ granularities, onGranularityChange, isEmptyDateValuesFilterEnabled, onEmptyDateValuesFilterAdd, isDisabled, isEmptyDateValuesFilterAvailable, }: IAdditionalDateAttributesDropdownProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AdditionalDateAttributesDropdown.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributesDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDateAttributesDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributesDropdown.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG9F,UAAU,sCAAsC;IAC5C,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,mBAAmB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACxD,8BAA8B,EAAE,OAAO,CAAC;IACxC,0BAA0B,EAAE,MAAM,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAqBD,wBAAgB,gCAAgC,CAAC,EAC7C,aAAa,EACb,mBAAmB,EACnB,8BAA8B,EAC9B,0BAA0B,EAC1B,UAAU,EACV,gCAAuC,GAC1C,EAAE,sCAAsC,kDAsFxC"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateAttributesDropdown.js

@@ -0,0 +1,50 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2021-2026 GoodData Corporation
+import { useEffect, useState } from "react";
+import cx from "classnames";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Button, Header, Item, ItemsWrapper, Menu, useOverlayZIndexWithRegister } from "@gooddata/sdk-ui-kit";
+import { DateGranularitySubMenuItems } from "../../../buckets/categories/DateGranularitySubMenuItems.js";
+// Menu portals to <body> with no overlay-stack awareness, so its z-index must come from the
+// active OverlayController: when AD runs inside the KD editor overlay, the hosting date filter
+// dropdown gets an inline z-index from that controller and would otherwise paint over the menu
+// (the .adi-date-granularity-dropdown CSS pins 5001, tying only with un-controlled overlays).
+// Mounted only while the menu is open, so it registers on open and releases on close; without a
+// controller it falls back to 5001, keeping standalone AD behavior unchanged.
+function MenuItemsWrapper({ children }) {
+    const zIndex = useOverlayZIndexWithRegister();
+    return (_jsx(ItemsWrapper, { className: "adi-additional-date-granularities-dropdown s-adi-additional-date-granularities-dropdown adi-date-granularity-dropdown", smallItemsSpacing: true, style: { zIndex }, children: children }));
+}
+export function AdditionalDateAttributesDropdown({ granularities, onGranularityChange, isEmptyDateValuesFilterEnabled, onEmptyDateValuesFilterAdd, isDisabled, isEmptyDateValuesFilterAvailable = true, }) {
+    const intl = useIntl();
+    const canAddEmptyDateValuesFilter = isEmptyDateValuesFilterAvailable && !isEmptyDateValuesFilterEnabled;
+    const [isOpen, setIsOpen] = useState(false);
+    const handleOpenChange = ({ opened: shouldBeOpen }) => {
+        // Always allow closing (shouldBeOpen === false), but only allow opening when not disabled
+        if (!shouldBeOpen || !isDisabled) {
+            setIsOpen(shouldBeOpen);
+        }
+    };
+    // Close the menu when it becomes disabled
+    useEffect(() => {
+        if (isDisabled && isOpen) {
+            setIsOpen(false);
+        }
+    }, [isDisabled, isOpen]);
+    const onGranularityChangeHandler = (granularity) => {
+        setIsOpen(false);
+        onGranularityChange(granularity);
+    };
+    const onEmptyDateValuesFilterAddHandler = () => {
+        setIsOpen(false);
+        onEmptyDateValuesFilterAdd();
+    };
+    const additionalDateAttributesDropdownButtonClasses = cx("adi-additional-date-granularities-dropdown-button", "s-adi-additional-date-granularities-dropdown-button", "gd-button-link", "gd-icon-plus", "button-dropdown", { "is-active": isOpen });
+    const AdditionalDateAttributesDropdownButton = (_jsx(Button, { className: additionalDateAttributesDropdownButtonClasses, value: intl.formatMessage({ id: "filter.date.additional_filter" }) }));
+    const hasGranularities = granularities.length > 0;
+    // Show dropdown if there are granularities or if the empty date values filter can still be added
+    if (!hasGranularities && !canAddEmptyDateValuesFilter) {
+        return null;
+    }
+    return (_jsx(Menu, { openAction: "click", opened: isOpen, onOpenedChange: handleOpenChange, toggler: AdditionalDateAttributesDropdownButton, children: _jsxs(MenuItemsWrapper, { children: [_jsx("div", { className: "adi-additional-date-granularities-dropdown-label", children: _jsx(FormattedMessage, { id: "filter.date.additional_filter_dropdown_label" }) }), hasGranularities ? (_jsx(DateGranularitySubMenuItems, { granularities: granularities, onGranularityChange: onGranularityChangeHandler })) : null, canAddEmptyDateValuesFilter ? (_jsxs(_Fragment, { children: [_jsx(Header, { children: _jsx(FormattedMessage, { id: "filter.date.additional_filter.category.other" }) }), _jsx(Item, { className: "adi-empty-values-filter-item s-adi-empty-values-filter-item", onClick: onEmptyDateValuesFilterAddHandler, children: _jsx(FormattedMessage, { id: "filter.date.additional_filter.empty_values" }) })] })) : null] }) }));
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateFilters.d.ts

@@ -0,0 +1,23 @@
+import { type IDecoratedDateDataset } from "../../../../models/decorated_date_dataset.js";
+import { type EmptyDateValuesFilterMode, type IAttributeFilter } from "../../../../store/filter_bar/filter_bar_types.js";
+import { type IDateDatasetRefWithGranularities } from "../../../../typings/datasets.js";
+export interface IAdditionalDateFiltersProps {
+    dateDataset: IDecoratedDateDataset;
+    dateDatasetRefsWithGranularities: IDateDatasetRefWithGranularities[];
+    additionalDateAttributeFilters: IAttributeFilter[];
+    migratedAdditionalFilters: string[];
+    emptyDateValuesFilterMode?: EmptyDateValuesFilterMode;
+    onFiltersUpdate: (filters: IAttributeFilter[]) => void;
+    /**
+     * Called on every interaction with the section; the warning about the additional filters a date
+     * dimension change removed is an acknowledgement, so any edit here dismisses it.
+     */
+    onMigratedFiltersDismiss: () => void;
+    onEmptyDateValuesFilterModeChange: (mode: EmptyDateValuesFilterMode | undefined) => void;
+    isDisabled?: boolean;
+    isAllTime?: boolean;
+    showDateGranularities?: boolean;
+    isEmptyDateValuesFilterAvailable?: boolean;
+}
+export declare function AdditionalDateFilters({ dateDataset, dateDatasetRefsWithGranularities, additionalDateAttributeFilters, migratedAdditionalFilters, emptyDateValuesFilterMode, onFiltersUpdate, onMigratedFiltersDismiss, onEmptyDateValuesFilterModeChange, isDisabled, isAllTime, showDateGranularities, isEmptyDateValuesFilterAvailable, }: IAdditionalDateFiltersProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdditionalDateFilters.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDateFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateFilters.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EAExB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,iCAAiC,CAAC;AAMxF,MAAM,WAAW,2BAA2B;IACxC,WAAW,EAAE,qBAAqB,CAAC;IACnC,gCAAgC,EAAE,gCAAgC,EAAE,CAAC;IACrE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC;IACnD,yBAAyB,EAAE,MAAM,EAAE,CAAC;IACpC,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACvD;;;OAGG;IACH,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,iCAAiC,EAAE,CAAC,IAAI,EAAE,yBAAyB,GAAG,SAAS,KAAK,IAAI,CAAC;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,wBAAgB,qBAAqB,CAAC,EAClC,WAAW,EACX,gCAAgC,EAChC,8BAA8B,EAC9B,yBAAyB,EACzB,yBAAyB,EACzB,eAAe,EACf,wBAAwB,EACxB,iCAAiC,EACjC,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,gCAAgC,GACnC,EAAE,2BAA2B,2CAkF7B"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateFilters.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2022-2026 GoodData Corporation
+import { useState } from "react";
+import { AdditionalDateAttributes } from "./AdditionalDateAttributes.js";
+const removeId = (id, ids) => ids.filter((itemId) => itemId !== id);
+export function AdditionalDateFilters({ dateDataset, dateDatasetRefsWithGranularities, additionalDateAttributeFilters, migratedAdditionalFilters, emptyDateValuesFilterMode, onFiltersUpdate, onMigratedFiltersDismiss, onEmptyDateValuesFilterModeChange, isDisabled, isAllTime, showDateGranularities, isEmptyDateValuesFilterAvailable, }) {
+    const [autoOpenedFilters, setAutoOpenedFilters] = useState([]);
+    const [isEmptyDateValuesFilterOpenOnInit, setIsEmptyDateValuesFilterOpenOnInit] = useState(false);
+    const onFilterSelect = (filter) => {
+        onFiltersUpdate([...additionalDateAttributeFilters, filter]);
+        setAutoOpenedFilters((autOpenedFilters) => [...autOpenedFilters, filter.localIdentifier]);
+        onMigratedFiltersDismiss();
+    };
+    const onFilterRemove = (localIdentifier) => {
+        onFiltersUpdate(additionalDateAttributeFilters.filter((filter) => filter.localIdentifier !== localIdentifier));
+        onMigratedFiltersDismiss();
+    };
+    const onFilterApply = (applyProps) => {
+        const { filterLocalIdentifier, selectedElements, totalElementsCount, isInverted } = applyProps;
+        setAutoOpenedFilters((autoOpenedFilters) => removeId(filterLocalIdentifier, autoOpenedFilters));
+        onFiltersUpdate(additionalDateAttributeFilters.map((filter) => filter.localIdentifier === filterLocalIdentifier
+            ? {
+                ...filter,
+                filterConfig: {
+                    ...filter.filterConfig,
+                    selectedElements,
+                    totalElementsCount,
+                    isInverted,
+                },
+            }
+            : filter));
+        onMigratedFiltersDismiss();
+    };
+    const onFilterClose = (localIdentifier) => {
+        setAutoOpenedFilters((autoOpenedFilters) => removeId(localIdentifier, autoOpenedFilters));
+        onMigratedFiltersDismiss();
+    };
+    const handleEmptyDateValuesFilterAdd = () => {
+        onEmptyDateValuesFilterModeChange("exclude");
+        setIsEmptyDateValuesFilterOpenOnInit(true);
+        onMigratedFiltersDismiss();
+    };
+    const handleEmptyDateValuesFilterRemove = () => {
+        setIsEmptyDateValuesFilterOpenOnInit(false);
+        onEmptyDateValuesFilterModeChange(undefined);
+        onMigratedFiltersDismiss();
+    };
+    const handleEmptyDateValuesFilterModeChange = (mode) => {
+        onEmptyDateValuesFilterModeChange(mode);
+        onMigratedFiltersDismiss();
+    };
+    return (_jsx(AdditionalDateAttributes, { selectedDateDataset: dateDataset, dateDatasetRefsWithGranularities: dateDatasetRefsWithGranularities, additionalDateAttributeFilters: additionalDateAttributeFilters, onSelect: onFilterSelect, onApply: onFilterApply, onClose: onFilterClose, onRemove: onFilterRemove, migratedAdditionalFilters: migratedAdditionalFilters, autoOpenedFilters: autoOpenedFilters, emptyDateValuesFilterMode: emptyDateValuesFilterMode, onEmptyDateValuesFilterModeChange: handleEmptyDateValuesFilterModeChange, onEmptyDateValuesFilterAdd: handleEmptyDateValuesFilterAdd, onEmptyDateValuesFilterRemove: handleEmptyDateValuesFilterRemove, isEmptyDateValuesFilterOpenOnInit: isEmptyDateValuesFilterOpenOnInit, isDisabled: isDisabled, isAllTime: isAllTime, showDateGranularities: showDateGranularities, isEmptyDateValuesFilterAvailable: isEmptyDateValuesFilterAvailable }));
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/DisableableFilterWrapper.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export declare function DisableableFilterWrapper(props: {
+    children: ReactNode;
+    isDisabled: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DisableableFilterWrapper.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/DisableableFilterWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisableableFilterWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/DisableableFilterWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAOhD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,2CA2BA"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/DisableableFilterWrapper.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useMemo } from "react";
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { UiTooltip } from "@gooddata/sdk-ui-kit";
+export function DisableableFilterWrapper(props) {
+    const { isDisabled, className, children } = props;
+    const disabledTooltip = useIntl().formatMessage({ id: "filter.date.disabled_for_empty_values_only" });
+    const content = useMemo(() => {
+        return (_jsx("div", { "aria-hidden": isDisabled, className: cx(className, { "is-disabled": isDisabled }), children: children }));
+    }, [children, className, isDisabled]);
+    if (isDisabled) {
+        return (_jsx(UiTooltip, { anchorWrapperStyles: { width: "100%" }, anchor: content, content: disabledTooltip, arrowPlacement: "left", triggerBy: ["hover"], optimalPlacement: true }));
+    }
+    return content;
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/EmptyDateValuesFilter.d.ts

@@ -0,0 +1,12 @@
+import { type EmptyDateValuesFilterMode } from "../../../../store/filter_bar/filter_bar_types.js";
+interface IEmptyDateValuesFilterProps {
+    mode: EmptyDateValuesFilterMode;
+    onModeChange: (mode: EmptyDateValuesFilterMode) => void;
+    onRemove: () => void;
+    openOnInit?: boolean;
+    isAllTime?: boolean;
+    canRemove?: boolean;
+}
+export declare function EmptyDateValuesFilter({ mode, onModeChange, onRemove, openOnInit, isAllTime, canRemove, }: IEmptyDateValuesFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyDateValuesFilter.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/EmptyDateValuesFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDateValuesFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/EmptyDateValuesFilter.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAOlG,UAAU,2BAA2B;IACjC,IAAI,EAAE,yBAAyB,CAAC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAgBD,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAkB,EAClB,SAAgB,EAChB,SAAgB,GACnB,EAAE,2BAA2B,2CA2J7B"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/EmptyDateValuesFilter.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025-2026 GoodData Corporation
+import { useCallback, useMemo, useRef } from "react";
+import cx from "classnames";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Button, FilterLabel, OverlayController, OverlayControllerProvider, UiDropdown, UiListbox, } from "@gooddata/sdk-ui-kit";
+// High z-index to ensure dropdown appears above date filter dialog
+const DROPDOWN_Z_INDEX = 6001;
+// Overlay controller for nested floating elements (tooltips) - starts above the dropdown
+const overlayController = OverlayController.getInstance(DROPDOWN_Z_INDEX + 1);
+/**
+ * Stops event propagation to prevent parent overlays from closing.
+ * Re-dispatches to documentElement (not document) so other floating elements
+ * can still detect outside clicks, but old Overlay components listening on
+ * document won't receive it.
+ */
+const stopOverlayPropagation = (e) => {
+    e.stopPropagation();
+    // Re-dispatch to documentElement for floating-ui based components
+    const evt = new MouseEvent(e.nativeEvent.type, e.nativeEvent);
+    Object.defineProperty(evt, "target", { value: e.nativeEvent.target, enumerable: true });
+    document.documentElement.dispatchEvent(evt);
+};
+export function EmptyDateValuesFilter({ mode, onModeChange, onRemove, openOnInit = false, isAllTime = true, canRemove = true, }) {
+    const intl = useIntl();
+    const listboxRef = useRef(null);
+    const getModeLabel = useCallback((filterMode) => {
+        switch (filterMode) {
+            case "include":
+                return intl.formatMessage({ id: "filter.date.empty_values.include" });
+            case "exclude":
+                return intl.formatMessage({ id: "filter.date.empty_values.exclude" });
+            case "only":
+                return intl.formatMessage({ id: "filter.date.empty_values.only" });
+            default:
+                return "";
+        }
+    }, [intl]);
+    const isIncludeDisabled = !isAllTime;
+    const listboxItems = useMemo(() => [
+        {
+            type: "interactive",
+            id: "include",
+            stringTitle: getModeLabel("include"),
+            data: "include",
+            isDisabled: isIncludeDisabled,
+            tooltip: isIncludeDisabled
+                ? intl.formatMessage({ id: "filter.date.empty_values.include.disabled_option_tooltip" })
+                : undefined,
+        },
+        {
+            type: "interactive",
+            id: "exclude",
+            stringTitle: getModeLabel("exclude"),
+            data: "exclude",
+        },
+        {
+            type: "interactive",
+            id: "only",
+            stringTitle: getModeLabel("only"),
+            data: "only",
+            tooltip: intl.formatMessage({ id: "filter.date.empty_values.only.tooltip" }),
+        },
+    ], [getModeLabel, intl, isIncludeDisabled]);
+    const renderDropdownButton = useCallback(({ isOpen, toggleDropdown }) => {
+        const buttonClasses = cx("adi-empty-values-filter-button", "s-adi-empty-values-filter-button", "gd-button-primary", "gd-button-small", "button-dropdown", "dropdown-button", "gd-icon-right", { "is-dropdown-open": isOpen }, { "is-active": isOpen }, { "gd-icon-navigateup": isOpen }, { "gd-icon-navigatedown": !isOpen });
+        return (_jsx("button", { tabIndex: -1, className: buttonClasses, onClick: toggleDropdown, children: _jsx(FilterLabel, { title: getModeLabel(mode) }) }));
+    }, [getModeLabel, mode]);
+    const renderDropdownBody = useCallback(({ closeDropdown, ariaAttributes, triggerId, }) => {
+        const handleSelect = (item) => {
+            onModeChange(item.data);
+            closeDropdown();
+        };
+        return (_jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx("div", { className: "adi-empty-values-filter-dropdown", onClick: stopOverlayPropagation, onMouseDown: stopOverlayPropagation, children: _jsx(UiListbox, { items: listboxItems, itemDataTestId: (item) => item.type === "interactive"
+                        ? `empty-values-filter-dropdown-${item.data}`
+                        : undefined, selectedItemId: mode, onSelect: handleSelect, onClose: closeDropdown, dataTestId: "s-adi-empty-values-filter-dropdown", ariaAttributes: { ...ariaAttributes, "aria-labelledby": triggerId }, reference: listboxRef, isCompact: true }) }) }));
+    }, [listboxItems, mode, onModeChange]);
+    // Focus the listbox when dropdown opens for keyboard navigation
+    const handleDropdownOpen = useCallback(() => {
+        // Use setTimeout to ensure the dropdown is rendered before focusing
+        setTimeout(() => {
+            listboxRef.current?.focus();
+        }, 0);
+    }, []);
+    return (_jsxs("div", { className: "adi-date-dropdown adi-empty-values-filter s-adi-empty-values-filter", children: [_jsx(FormattedMessage, { id: "filter.date.additional_filter.empty_values" }), _jsxs("div", { className: "adi-empty-values-filter-button-wrapper", children: [_jsx(UiDropdown, { renderButton: renderDropdownButton, renderBody: renderDropdownBody, closeOnOutsideClick: true, closeOnParentScroll: true, closeOnMouseDrag: true, closeOnEscape: true, placement: "bottom-start", zIndex: DROPDOWN_Z_INDEX, accessibilityConfig: {
+                            triggerRole: "combobox",
+                            popupRole: "listbox",
+                        }, width: "same-as-anchor", onOpen: handleDropdownOpen, openOnInit: openOnInit }), canRemove ? (_jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross adi-empty-values-filter-remove s-remove-empty-values-filter", onClick: onRemove })) : null] })] }));
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/fragments/AdditionalDateAttributes.d.ts

@@ -0,0 +1,22 @@
+export declare class AdditionalDateAttributesFragment {
+    container: HTMLElement;
+    constructor(container: HTMLElement);
+    getAdditionalDateFilters: () => NodeListOf<Element>;
+    getAdditionalDateFilter: (granularity: string) => Element | null;
+    getAdditionalDateFilterRemoveButton: (granularity: string) => Element | null;
+    removeAdditionalDateFilter: (granularity: string) => void;
+    getGranularitiesDropdownButton: () => Element | null;
+    clickOnGranularitiesDropdownButton: () => void;
+    getGranularitiesDropdown: () => Element | null;
+    getGranularityOptions: () => NodeListOf<Element>;
+    getGranularityOption: (granularity: string) => Element | null;
+    selectGranularity: (granularity: string) => void;
+    getWarningPanel: () => "multiple" | "none" | "single";
+    getEmptyValuesFilter: () => Element | null;
+    getEmptyValuesFilterButton: () => Element | null;
+    getEmptyValuesFilterRemoveButton: () => Element | null;
+    removeEmptyValuesFilter: () => void;
+    getEmptyValuesFilterDropdownItem: () => Element | null;
+    addEmptyValuesFilter: () => void;
+}
+//# sourceMappingURL=AdditionalDateAttributes.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/fragments/AdditionalDateAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalDateAttributes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/fragments/AdditionalDateAttributes.tsx"],"names":[],"mappings":"AAgBA,qBAAa,gCAAgC;IAClC,SAAS,EAAE,WAAW,CAAC;IAE9B,YAAY,SAAS,EAAE,WAAW,EAEjC;IAEM,wBAAwB,4BAE7B;IAEK,uBAAuB,gBAAiB,MAAM,oBAEnD;IAEK,mCAAmC,gBAAiB,MAAM,oBAI/D;IAEK,0BAA0B,gBAAiB,MAAM,UAEtD;IAEK,8BAA8B,uBAEnC;IAEK,kCAAkC,aAEvC;IAEK,wBAAwB,uBAE7B;IAEK,qBAAqB,4BAE1B;IAEK,oBAAoB,gBAAiB,MAAM,oBAEhD;IAEK,iBAAiB,gBAAiB,MAAM,UAI7C;IAEK,eAAe,uCAQpB;IAEK,oBAAoB,uBAEzB;IAEK,0BAA0B,uBAE/B;IAEK,gCAAgC,uBAErC;IAEK,uBAAuB,aAK5B;IAEK,gCAAgC,uBAErC;IAEK,oBAAoB,aAMzB;CACL"}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/fragments/AdditionalDateAttributes.js

@@ -0,0 +1,85 @@
+// (C) 2021-2026 GoodData Corporation
+import { fireEvent } from "@testing-library/react";
+const ADDITIONAL_DATE_ATTRIBUTE_SELECTOR = ".s-adi-additional-date-attribute";
+const REMOVE_ADDITIONAL_DATE_ATTRIBUTE_SELECTOR = ".s-remove-attribute-filter";
+const GRANULARITIES_DROPDOWN_BUTTON_SELECTOR = ".s-adi-additional-date-granularities-dropdown-button";
+const GRANULARITIES_DROPDOWN_SELECTOR = ".s-adi-additional-date-granularities-dropdown";
+const GRANULARITY_OPTION_SELECTOR = ".s-granularity-item";
+const SINGLE_FILTER_MIGRATED_WARNING_SELECTOR = ".s-additional-filter-reset-warning";
+const MULTIPLE_FILTERS_MIGRATED_WARNING_SELECTOR = ".s-additional-filter-reset-warnings";
+const EMPTY_VALUES_FILTER_SELECTOR = ".s-adi-empty-values-filter";
+const EMPTY_VALUES_FILTER_BUTTON_SELECTOR = ".s-adi-empty-values-filter-button";
+const EMPTY_VALUES_FILTER_REMOVE_SELECTOR = ".s-remove-empty-values-filter";
+const EMPTY_VALUES_FILTER_DROPDOWN_ITEM_SELECTOR = ".s-adi-empty-values-filter-item";
+export class AdditionalDateAttributesFragment {
+    container;
+    constructor(container) {
+        this.container = container;
+    }
+    getAdditionalDateFilters = () => {
+        return this.container.querySelectorAll(ADDITIONAL_DATE_ATTRIBUTE_SELECTOR);
+    };
+    getAdditionalDateFilter = (granularity) => {
+        return this.container.querySelector(`${ADDITIONAL_DATE_ATTRIBUTE_SELECTOR}-${granularity}`);
+    };
+    getAdditionalDateFilterRemoveButton = (granularity) => {
+        return this.getAdditionalDateFilter(granularity).querySelector(REMOVE_ADDITIONAL_DATE_ATTRIBUTE_SELECTOR);
+    };
+    removeAdditionalDateFilter = (granularity) => {
+        fireEvent.click(this.getAdditionalDateFilterRemoveButton(granularity));
+    };
+    getGranularitiesDropdownButton = () => {
+        return this.container.querySelector(GRANULARITIES_DROPDOWN_BUTTON_SELECTOR);
+    };
+    clickOnGranularitiesDropdownButton = () => {
+        fireEvent.click(this.getGranularitiesDropdownButton());
+    };
+    getGranularitiesDropdown = () => {
+        return document.querySelector(GRANULARITIES_DROPDOWN_SELECTOR);
+    };
+    getGranularityOptions = () => {
+        return this.getGranularitiesDropdown().querySelectorAll(GRANULARITY_OPTION_SELECTOR);
+    };
+    getGranularityOption = (granularity) => {
+        return this.getGranularitiesDropdown().querySelector(`.s-${granularity}`);
+    };
+    selectGranularity = (granularity) => {
+        this.clickOnGranularitiesDropdownButton();
+        const granularityOption = this.getGranularityOption(granularity);
+        fireEvent.click(granularityOption);
+    };
+    getWarningPanel = () => {
+        if (this.container.querySelector(MULTIPLE_FILTERS_MIGRATED_WARNING_SELECTOR)) {
+            return "multiple";
+        }
+        if (this.container.querySelector(SINGLE_FILTER_MIGRATED_WARNING_SELECTOR)) {
+            return "single";
+        }
+        return "none";
+    };
+    getEmptyValuesFilter = () => {
+        return this.container.querySelector(EMPTY_VALUES_FILTER_SELECTOR);
+    };
+    getEmptyValuesFilterButton = () => {
+        return this.container.querySelector(EMPTY_VALUES_FILTER_BUTTON_SELECTOR);
+    };
+    getEmptyValuesFilterRemoveButton = () => {
+        return this.container.querySelector(EMPTY_VALUES_FILTER_REMOVE_SELECTOR);
+    };
+    removeEmptyValuesFilter = () => {
+        const removeButton = this.getEmptyValuesFilterRemoveButton();
+        if (removeButton) {
+            fireEvent.click(removeButton);
+        }
+    };
+    getEmptyValuesFilterDropdownItem = () => {
+        return document.querySelector(EMPTY_VALUES_FILTER_DROPDOWN_ITEM_SELECTOR);
+    };
+    addEmptyValuesFilter = () => {
+        this.clickOnGranularitiesDropdownButton();
+        const item = this.getEmptyValuesFilterDropdownItem();
+        if (item) {
+            fireEvent.click(item);
+        }
+    };
+}

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/useAdditionalDateFiltersState.d.ts

@@ -0,0 +1,24 @@
+import { type ObjRef } from "@gooddata/sdk-model";
+import { type EmptyDateValuesFilterMode, type IAttributeFilter } from "../../../../store/filter_bar/filter_bar_types.js";
+import { type IDateDatasetRefWithGranularities } from "../../../../typings/datasets.js";
+export interface IAdditionalDateFiltersStateInit {
+    additionalDateFilters: IAttributeFilter[];
+    emptyDateValuesFilterMode: EmptyDateValuesFilterMode | undefined;
+    migratedFilters?: string[];
+}
+/**
+ * Local (not yet applied) state of the additional date filters section of a date filter picker, shared by
+ * the filter bar date filter and the metric date filter.
+ */
+export declare function useAdditionalDateFiltersState({ additionalDateFilters, emptyDateValuesFilterMode, migratedFilters, }: IAdditionalDateFiltersStateInit): {
+    selectedAdditionalDateFilters: IAttributeFilter[];
+    setSelectedAdditionalDateFilters: import("react").Dispatch<import("react").SetStateAction<IAttributeFilter[]>>;
+    selectedEmptyDateValuesFilterMode: EmptyDateValuesFilterMode | undefined;
+    setSelectedEmptyDateValuesFilterMode: import("react").Dispatch<import("react").SetStateAction<EmptyDateValuesFilterMode | undefined>>;
+    currentMigratedFilters: string[];
+    setCurrentMigratedFilters: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    isOtherFiltersDisabled: boolean;
+    migrateToDateDataset: (nextDateDatasetRef: ObjRef, dateDatasetRefsWithGranularities: IDateDatasetRefWithGranularities[]) => void;
+    dismissMigratedFilters: () => void;
+};
+//# sourceMappingURL=useAdditionalDateFiltersState.d.ts.map

package/esm/components/filterBar/dateFilter/AdditionalFiltersSection/useAdditionalDateFiltersState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdditionalDateFiltersState.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterBar/dateFilter/AdditionalFiltersSection/useAdditionalDateFiltersState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAIlD,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACxB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,iCAAiC,CAAC;AAExF,MAAM,WAAW,+BAA+B;IAC5C,qBAAqB,EAAE,gBAAgB,EAAE,CAAC;IAC1C,yBAAyB,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACjE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,qBAAqB,EACrB,yBAAyB,EACzB,eAAoB,GACvB,EAAE,+BAA+B;;;;;;;;+CAiBF,MAAM,oCACQ,gCAAgC,EAAE;;EAiC/E"}