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

package/esm/components/buckets/MeasureDateFilterPicker.d.ts

@@ -0,0 +1,56 @@
+import { type IActiveCalendars, type WeekStart } from "@gooddata/sdk-model";
+import { type DateFilterRelativeOptionGroup } from "@gooddata/sdk-ui-filters";
+import { type IDecoratedDateDataset } from "../../models/decorated_date_dataset.js";
+import { type IDecoratedDateDatasets } from "../../models/decorated_date_datasets.js";
+import { type EmptyDateValuesFilterMode, type IAttributeFilter } from "../../store/filter_bar/filter_bar_types.js";
+import { type IDateDatasetRefWithGranularities } from "../../typings/datasets.js";
+import { type IDateFilterOption } from "../filterBar/dateFilter/dateFilterOptionFactory.js";
+export interface IMeasureDateFilterPickerProps {
+    /**
+     * The metric's stored date filter; undefined only between adding it and the store answering.
+     */
+    filter: IDateFilterOption | undefined;
+    /**
+     * The date dataset picked in the open dropdown; it is committed only on Apply.
+     */
+    dateDataset: IDecoratedDateDataset;
+    /**
+     * The date dataset the stored filter uses.
+     */
+    appliedDateDataset: IDecoratedDateDataset | undefined;
+    dateDatasets: IDecoratedDateDatasets;
+    onDateDatasetChange: (dateDataset: IDecoratedDateDataset) => void;
+    loadDateDatasets: () => void;
+    isDateDatasetsDropdownLoaded: boolean;
+    enableUnavailableItemsVisibility: boolean;
+    relativeDateFilterPresets: DateFilterRelativeOptionGroup;
+    dateDatasetRefsWithGranularities: IDateDatasetRefWithGranularities[];
+    dateFormat: string;
+    isTimeForAbsoluteRangeEnabled: boolean;
+    isSecondsGranularityEnabled: boolean;
+    weekStart?: WeekStart;
+    activeCalendars?: IActiveCalendars;
+    /**
+     * The metric's stored additional date filters: its attribute filters on the date dataset's own
+     * attributes, in the shape the filter bar's additional-filter components edit.
+     */
+    additionalDateAttributeFilters?: IAttributeFilter[];
+    /**
+     * Whether the backend can serve elements of generic date attributes; without it the additional
+     * filters section is not offered, as in the filter bar.
+     */
+    areAdditionalDateFiltersSupported?: boolean;
+    /**
+     * The metric's stored empty date values mode; offered in the additional filters section like on the
+     * filter bar, so it needs `areAdditionalDateFiltersSupported` as well.
+     */
+    emptyDateValuesFilter?: EmptyDateValuesFilterMode;
+    onApply: (filter: IDateFilterOption, additionalDateAttributeFilters: IAttributeFilter[], emptyDateValuesFilter: EmptyDateValuesFilterMode | undefined) => void;
+    onCancel: () => void;
+}
+/**
+ * Metric date filter dropdown built from the same sections as the insight date filter picker in the filter
+ * bar, without over-time comparison.
+ */
+export declare function MeasureDateFilterPicker({ filter, dateDataset, appliedDateDataset, dateDatasets, onDateDatasetChange, loadDateDatasets, isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility, relativeDateFilterPresets, dateDatasetRefsWithGranularities, dateFormat, isTimeForAbsoluteRangeEnabled, isSecondsGranularityEnabled, weekStart, activeCalendars, additionalDateAttributeFilters, areAdditionalDateFiltersSupported, emptyDateValuesFilter, onApply, onCancel, }: IMeasureDateFilterPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeasureDateFilterPicker.d.ts.map

package/esm/components/buckets/MeasureDateFilterPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeasureDateFilterPicker.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/MeasureDateFilterPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAGjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAE9E,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EACH,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACxB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,KAAK,gCAAgC,EAAE,MAAM,2BAA2B,CAAC;AAWlF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAU5F,MAAM,WAAW,6BAA6B;IAC1C;;OAEG;IACH,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,WAAW,EAAE,qBAAqB,CAAC;IACnC;;OAEG;IACH,kBAAkB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACtD,YAAY,EAAE,sBAAsB,CAAC;IACrC,mBAAmB,EAAE,CAAC,WAAW,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,4BAA4B,EAAE,OAAO,CAAC;IACtC,gCAAgC,EAAE,OAAO,CAAC;IAC1C,yBAAyB,EAAE,6BAA6B,CAAC;IACzD,gCAAgC,EAAE,gCAAgC,EAAE,CAAC;IACrE,UAAU,EAAE,MAAM,CAAC;IACnB,6BAA6B,EAAE,OAAO,CAAC;IACvC,2BAA2B,EAAE,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC;;;OAGG;IACH,8BAA8B,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpD;;;OAGG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAClD,OAAO,EAAE,CACL,MAAM,EAAE,iBAAiB,EACzB,8BAA8B,EAAE,gBAAgB,EAAE,EAClD,qBAAqB,EAAE,yBAAyB,GAAG,SAAS,KAC3D,IAAI,CAAC;IACV,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,4BAA4B,EAC5B,gCAAgC,EAChC,yBAAyB,EACzB,gCAAgC,EAChC,UAAU,EACV,6BAA6B,EAC7B,2BAA2B,EAC3B,SAAS,EACT,eAAe,EACf,8BAAsD,EACtD,iCAAyC,EACzC,qBAAqB,EACrB,OAAO,EACP,QAAQ,GACX,EAAE,6BAA6B,2CA+H/B"}

package/esm/components/buckets/MeasureDateFilterPicker.js

@@ -0,0 +1,63 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useState } from "react";
+import { areObjRefsEqual, isAllTimeDateFilterOption, } from "@gooddata/sdk-model";
+import { OverTimeComparisonTypes } from "@gooddata/sdk-ui";
+import { AdditionalDateFilters } from "../filterBar/dateFilter/AdditionalFiltersSection/AdditionalDateFilters.js";
+import { useAdditionalDateFiltersState } from "../filterBar/dateFilter/AdditionalFiltersSection/useAdditionalDateFiltersState.js";
+import { ApplyButton } from "../filterBar/dateFilter/Buttons/ApplyButton.js";
+import { useApplyButtonEnabled, useDisabledApplyButtonTooltip, } from "../filterBar/dateFilter/Buttons/applyButtonHook.js";
+import { CancelButton } from "../filterBar/dateFilter/Buttons/CancelButton.js";
+import { datasetRefWithGranularitiesHasSeconds } from "../filterBar/dateFilter/dateDatasetGranularities.js";
+import { DateDatasetSection } from "../filterBar/dateFilter/DateDatasetSection/DateDatasetSection.js";
+import { ALL_TIME_FILTER_OPTION } from "../filterBar/dateFilter/defaultFilterOptions.js";
+import { PresetsSection } from "../filterBar/dateFilter/PresetSection/PresetsSection.js";
+// A metric gets its date filter as All time the moment it is added, so the picker edits an existing
+// filter; this only covers the render between the add and the store answering.
+const NO_PERIOD = { filterOption: ALL_TIME_FILTER_OPTION, excludeCurrentPeriod: false };
+const NO_ADDITIONAL_FILTERS = [];
+/**
+ * Metric date filter dropdown built from the same sections as the insight date filter picker in the filter
+ * bar, without over-time comparison.
+ */
+export function MeasureDateFilterPicker({ filter, dateDataset, appliedDateDataset, dateDatasets, onDateDatasetChange, loadDateDatasets, isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility, relativeDateFilterPresets, dateDatasetRefsWithGranularities, dateFormat, isTimeForAbsoluteRangeEnabled, isSecondsGranularityEnabled, weekStart, activeCalendars, additionalDateAttributeFilters = NO_ADDITIONAL_FILTERS, areAdditionalDateFiltersSupported = false, emptyDateValuesFilter, onApply, onCancel, }) {
+    const originalFilter = filter ?? NO_PERIOD;
+    const [selectedFilter, setSelectedFilter] = useState(originalFilter);
+    const { selectedAdditionalDateFilters, setSelectedAdditionalDateFilters, selectedEmptyDateValuesFilterMode, setSelectedEmptyDateValuesFilterMode, currentMigratedFilters, isOtherFiltersDisabled, migrateToDateDataset, dismissMigratedFilters, } = useAdditionalDateFiltersState({
+        additionalDateFilters: additionalDateAttributeFilters,
+        emptyDateValuesFilterMode: emptyDateValuesFilter,
+    });
+    const isAllTime = isAllTimeDateFilterOption(selectedFilter.filterOption);
+    const isSecondsForAbsoluteRangeEnabled = isSecondsGranularityEnabled &&
+        datasetRefWithGranularitiesHasSeconds(dateDatasetRefsWithGranularities, dateDataset.ref);
+    // Without a stored filter, switching the dataset alone changes nothing that could be applied.
+    const isChangeApplicable = useApplyButtonEnabled(selectedFilter, originalFilter, dateDataset, filter ? appliedDateDataset : dateDataset, OverTimeComparisonTypes.NOTHING, OverTimeComparisonTypes.NOTHING, [], [], selectedAdditionalDateFilters, additionalDateAttributeFilters, true, selectedEmptyDateValuesFilterMode, emptyDateValuesFilter);
+    const isApplyEnabled = isChangeApplicable;
+    const applyButtonTooltip = useDisabledApplyButtonTooltip(selectedFilter.filterOption, OverTimeComparisonTypes.NOTHING, true, selectedEmptyDateValuesFilterMode);
+    const apply = () => {
+        if (isApplyEnabled) {
+            // like the filter bar, "Only" forces All time and drops the additional filters
+            const isOnlyEmptyValues = selectedEmptyDateValuesFilterMode === "only";
+            onApply(isOnlyEmptyValues ? NO_PERIOD : selectedFilter, isOnlyEmptyValues ? [] : selectedAdditionalDateFilters, selectedEmptyDateValuesFilterMode);
+        }
+    };
+    // Same as the filter bar: a dataset change re-points the additional filters at the new dataset's matching
+    // attributes and marks the ones it has to drop.
+    const handleDateDatasetChange = (nextDateDataset) => {
+        if (!areObjRefsEqual(nextDateDataset.ref, dateDataset.ref)) {
+            migrateToDateDataset(nextDateDataset.ref, dateDatasetRefsWithGranularities);
+        }
+        onDateDatasetChange(nextDateDataset);
+    };
+    // "Only" empty values stands alone: besides locking the other sections it resets their local state to
+    // All time without additional filters right away, not just on Apply.
+    const handleEmptyDateValuesFilterModeChange = (mode) => {
+        setSelectedEmptyDateValuesFilterMode(mode);
+        if (mode === "only") {
+            setSelectedFilter(NO_PERIOD);
+            setSelectedAdditionalDateFilters([]);
+            dismissMigratedFilters();
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(DateDatasetSection, { selectedDateDataset: dateDataset, dateDatasets: dateDatasets, onChange: handleDateDatasetChange, loadDateDatasets: loadDateDatasets, isDateDatasetsDropdownLoaded: isDateDatasetsDropdownLoaded, enableUnavailableItemsVisibility: enableUnavailableItemsVisibility }), _jsxs("div", { className: "adi-date-filter-body s-adi-date-filter-body", children: [_jsx(PresetsSection, { filter: selectedFilter, onChange: setSelectedFilter, onEdit: dismissMigratedFilters, relativeDateFilterPresets: relativeDateFilterPresets, dateDataset: dateDataset, dateDatasetRefsWithGranularities: dateDatasetRefsWithGranularities, dateFormat: dateFormat, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled, isSecondsGranularityEnabled: isSecondsGranularityEnabled, weekStart: weekStart, submitForm: apply, isDisabled: isOtherFiltersDisabled, activeCalendars: activeCalendars }), areAdditionalDateFiltersSupported ? (_jsx(AdditionalDateFilters, { dateDataset: dateDataset, dateDatasetRefsWithGranularities: dateDatasetRefsWithGranularities, additionalDateAttributeFilters: selectedAdditionalDateFilters, migratedAdditionalFilters: currentMigratedFilters, emptyDateValuesFilterMode: selectedEmptyDateValuesFilterMode, onFiltersUpdate: setSelectedAdditionalDateFilters, onMigratedFiltersDismiss: dismissMigratedFilters, onEmptyDateValuesFilterModeChange: handleEmptyDateValuesFilterModeChange, isDisabled: isOtherFiltersDisabled, isAllTime: isAllTime, showDateGranularities: true })) : null] }), _jsxs("div", { className: "filter-picker-buttons", children: [_jsx(CancelButton, { onClick: onCancel }), _jsx(ApplyButton, { onClick: apply, isEnabled: isApplyEnabled, tooltip: applyButtonTooltip })] })] }));
+}

package/esm/components/buckets/MeasureDateFilterTitle.d.ts

@@ -0,0 +1,20 @@
+import { type IAdditionalDateFilterLabel } from "../../selectors/additional_date_filter_selector.js";
+import { type EmptyDateValuesFilterMode } from "../../store/filter_bar/filter_bar_types.js";
+import { type IDateFilterOption } from "../filterBar/dateFilter/dateFilterOptionFactory.js";
+export interface IMeasureDateFilterTitleProps {
+    filter: IDateFilterOption;
+    attributeTitle?: string;
+    dateFormat: string;
+    /** the metric's additional date filters, shown after the period like on the filter bar's button */
+    additionalDateFilterLabels?: IAdditionalDateFilterLabel[];
+    /** the metric's empty date values mode, worded like the filter bar's button (SelectedPresetName) */
+    emptyDateValuesFilterMode?: EmptyDateValuesFilterMode;
+}
+/**
+ * Metric date filter button label, formatted by the same SDK helper as the insight date filter button,
+ * followed by the metric's additional date filters the way that button lists them. The helper reads
+ * SDK translations, so it renders inside the SDK intl context; the additional filters' names and
+ * selections are AD translations, so they are resolved outside it.
+ */
+export declare function MeasureDateFilterTitle(props: IMeasureDateFilterTitleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeasureDateFilterTitle.d.ts.map

package/esm/components/buckets/MeasureDateFilterTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeasureDateFilterTitle.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/MeasureDateFilterTitle.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,oDAAoD,CAAC;AACrG,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAC5F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAK5F,MAAM,WAAW,4BAA4B;IACzC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,0BAA0B,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC1D,oGAAoG;IACpG,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;CACzD;AAuFD;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,4BAA4B,2CAmBzE"}

package/esm/components/buckets/MeasureDateFilterTitle.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { isAllTimeDateFilterOption } from "@gooddata/sdk-model";
+import { IntlWrapper } from "@gooddata/sdk-ui";
+import { DateFilterHelpers } from "@gooddata/sdk-ui-filters";
+import { ShortenedText, UiTooltip } from "@gooddata/sdk-ui-kit";
+import { getAdditionalDateFilterEntries } from "../filterBar/dateFilter/FilterButton/AdditionalDateFilters.js";
+const tooltipAlignPoints = [{ align: "bc tc" }];
+function periodWithEmptyValues(periodTitle, isAllTime, mode, emptyValuesLabel, exceptLabel) {
+    if (mode === "only") {
+        return emptyValuesLabel;
+    }
+    if (mode === "exclude" && isAllTime) {
+        return `${periodTitle} ${exceptLabel} ${emptyValuesLabel}`;
+    }
+    return periodTitle;
+}
+function Title({ filter: { filterOption, excludeCurrentPeriod }, attributeTitle, dateFormat, additionalFilterLines, emptyDateValuesFilterMode, emptyValuesLabel, exceptLabel, }) {
+    const sdkIntl = useIntl();
+    const periodTitle = periodWithEmptyValues(DateFilterHelpers.getDateFilterTitleUsingTranslator(DateFilterHelpers.applyExcludeCurrentPeriod(filterOption, excludeCurrentPeriod), sdkIntl, "full", dateFormat), isAllTimeDateFilterOption(filterOption), emptyDateValuesFilterMode, emptyValuesLabel, exceptLabel);
+    const lines = [
+        attributeTitle ? `${attributeTitle}: ${periodTitle}` : periodTitle,
+        ...additionalFilterLines,
+    ];
+    // the button stays one line; the tooltip lists each filter on its own line
+    const text = lines.join(", ");
+    if (additionalFilterLines.length === 0) {
+        return (_jsx(ShortenedText, { className: "shortened-text", tooltipAlignPoints: tooltipAlignPoints, children: text }));
+    }
+    // the shortened text already carries the full text for assistive technologies
+    return (_jsx(UiTooltip, { anchor: _jsx(ShortenedText, { className: "shortened-text", displayTooltip: false, children: text }), content: _jsx("div", { className: "s-metric-date-filter-tooltip", children: lines.map((line) => (_jsx("div", { children: line }, line))) }), triggerBy: ["hover", "focus"], arrowPlacement: "left", optimalPlacement: true, component: "span", accessibilityHidden: true }));
+}
+/**
+ * Metric date filter button label, formatted by the same SDK helper as the insight date filter button,
+ * followed by the metric's additional date filters the way that button lists them. The helper reads
+ * SDK translations, so it renders inside the SDK intl context; the additional filters' names and
+ * selections are AD translations, so they are resolved outside it.
+ */
+export function MeasureDateFilterTitle(props) {
+    const intl = useIntl();
+    const additionalFilterLines = getAdditionalDateFilterEntries(props.additionalDateFilterLabels ?? [], false, intl).map(({ name, value }) => `${name}: ${value}`);
+    const emptyValuesLabel = intl.formatMessage({ id: "filter.date.additional_filter.empty_values" });
+    const exceptLabel = intl.formatMessage({ id: "gs.list.except" });
+    return (_jsx(IntlWrapper, { locale: intl.locale, children: _jsx(Title, { ...props, additionalFilterLines: additionalFilterLines, emptyValuesLabel: emptyValuesLabel, exceptLabel: exceptLabel }) }));
+}

package/esm/components/buckets/MeasureDateRangePicker.d.ts

@@ -0,0 +1,10 @@
+export interface IMeasureDateRangePickerProps {
+    className?: string;
+    dateFormat: string;
+    start: Date;
+    end: Date;
+    onApply: (start: Date, end: Date) => void;
+    onCancel: () => void;
+}
+export declare function MeasureDateRangePicker({ className, dateFormat, start: initialStart, end: initialEnd, onApply, onCancel, }: IMeasureDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeasureDateRangePicker.d.ts.map

package/esm/components/buckets/MeasureDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeasureDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/MeasureDateRangePicker.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,4BAA4B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;IACV,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,sBAAsB,CAAC,EACnC,SAAc,EACd,UAAU,EACV,KAAK,EAAE,YAAmB,EAC1B,GAAG,EAAE,UAAiB,EACtB,OAAO,EACP,QAAQ,GACX,EAAE,4BAA4B,2CAuF9B"}

package/esm/components/buckets/MeasureDateRangePicker.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useState } from "react";
+import { useIntl } from "react-intl";
+import { useSelector } from "react-redux";
+import { Button } from "@gooddata/sdk-ui-kit";
+import { getWeekStart } from "../../selectors/feature_flag_selector.js";
+import { DateRangePicker } from "../DateRangePicker.js";
+export function MeasureDateRangePicker({ className = "", dateFormat, start: initialStart = null, end: initialEnd = null, onApply, onCancel, }) {
+    const intl = useIntl();
+    const weekStart = useSelector(getWeekStart);
+    const isValidDate = useCallback((date) => {
+        return date !== null;
+    }, []);
+    const [start, setStart] = useState(initialStart);
+    const [end, setEnd] = useState(initialEnd);
+    const [isValidStart, setIsValidStart] = useState(isValidDate(initialStart));
+    const [isValidEnd, setIsValidEnd] = useState(isValidDate(initialEnd));
+    const onStartDateChanged = useCallback((start) => {
+        if (isValidDate(start)) {
+            const validEnd = Math.max(start ? start.getTime() : 0, end ? end.getTime() : 0);
+            setIsValidStart(true);
+            setStart(start);
+            setEnd(new Date(validEnd));
+        }
+        else {
+            setIsValidStart(false);
+        }
+    }, [end, isValidDate]);
+    const onEndDateChanged = useCallback((end) => {
+        if (isValidDate(end)) {
+            const validStart = Math.min(end ? end.getTime() : 0, start ? start.getTime() : 0);
+            setIsValidEnd(true);
+            setStart(new Date(validStart));
+            setEnd(end);
+        }
+        else {
+            setIsValidEnd(false);
+        }
+    }, [start, isValidDate]);
+    const onApplyDateRange = useCallback(() => {
+        onApply(start, end);
+    }, [onApply, start, end]);
+    const handleCancel = useCallback(() => {
+        onCancel();
+    }, [onCancel]);
+    const isApplyButtonDisabled = useCallback(() => {
+        return !(isValidStart && isValidEnd);
+    }, [isValidStart, isValidEnd]);
+    const cancelText = intl.formatMessage({ id: "cancel" });
+    const applyText = intl.formatMessage({ id: "apply" });
+    return (_jsxs("section", { className: className, children: [_jsx(DateRangePicker, { dateFormat: dateFormat, start: start, end: end, onStartDateChanged: onStartDateChanged, onEndDateChanged: onEndDateChanged, weekStart: weekStart }), _jsxs("footer", { children: [_jsx(Button, { tabIndex: 4, className: "gd-button-secondary gd-button-small s-date-range-cancel", onClick: handleCancel, value: cancelText, title: cancelText }), _jsx(Button, { tabIndex: 3, className: "gd-button-action gd-button-small s-date-range-apply", onClick: onApplyDateRange, value: applyText, title: applyText, disabled: isApplyButtonDisabled() })] })] }));
+}

package/esm/components/buckets/OptionalStacking.d.ts

@@ -0,0 +1,2 @@
+export declare const OptionalStacking: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+//# sourceMappingURL=OptionalStacking.d.ts.map

package/esm/components/buckets/OptionalStacking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalStacking.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/OptionalStacking.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,2FA+E3B,CAAC"}

package/esm/components/buckets/OptionalStacking.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback } from "react";
+import classNames from "classnames";
+import { useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { stackMeasures, stackToPercent } from "../../actions/properties_actions.js";
+import { optionalStackingSelector } from "../../selectors/optional_stacking_selector.js";
+import { ConfigurationCheckbox } from "./measure/ConfigurationCheckbox.js";
+export const OptionalStacking = memo(function OptionalStacking() {
+    const intl = useIntl();
+    const dispatch = useDispatch();
+    const { isStackMeasuresVisible, isStackToPercentVisible, isStackMeasuresChecked, isStackToPercentChecked, isOptionalStackingDisabled, canStackInPercent, isStackToPercentDisabledByNegativeValues, } = useSelector(optionalStackingSelector);
+    const onStackMeasuresChange = useCallback((value) => {
+        dispatch(stackMeasures(value));
+    }, [dispatch]);
+    const onStackToPercentChange = useCallback((value) => {
+        dispatch(stackToPercent(value));
+    }, [dispatch]);
+    const getClasses = () => {
+        return classNames("optional-stacking s-optional-stacking", {
+            "stack-measures-visible": isStackMeasuresVisible,
+        });
+    };
+    if (!isStackMeasuresVisible && !isStackToPercentVisible) {
+        return null;
+    }
+    return (_jsxs("div", { className: getClasses(), children: [isStackMeasuresVisible ? (_jsx("div", { className: "stack-measures", children: _jsx(ConfigurationCheckbox, { checked: isStackMeasuresChecked, onChange: onStackMeasuresChange, label: intl.formatMessage({
+                        id: "dashboard.bucket_item.stack_measures",
+                    }), name: "stack-measures", disabled: isOptionalStackingDisabled }) })) : null, isStackToPercentVisible ? (_jsxs("div", { className: "stack-to-percent", children: [_jsx(ConfigurationCheckbox, { checked: isStackToPercentChecked, onChange: onStackToPercentChange, label: intl.formatMessage({
+                            id: "dashboard.bucket_item.stack_to_percent",
+                        }), name: "stack-to-percent", disabled: !canStackInPercent ||
+                            isOptionalStackingDisabled ||
+                            isStackToPercentDisabledByNegativeValues }), isStackToPercentChecked && isStackToPercentDisabledByNegativeValues ? (_jsx("div", { className: "adi-stack-warn s-stack-to-percent-negative-values-info", children: intl.formatMessage({
+                            id: "dashboard.bucket_item.stack_to_percent.negative_values_info",
+                        }) })) : null] })) : null] }));
+});

package/esm/components/buckets/ShowAllValues/ShowAllAttributeValuesSection.d.ts

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

package/esm/components/buckets/ShowAllValues/ShowAllAttributeValuesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowAllAttributeValuesSection.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/ShowAllValues/ShowAllAttributeValuesSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kCAAkC,EAAwB,MAAM,2BAA2B,CAAC;AAE1G,KAAK,mCAAmC,GAAG,kCAAkC,CAAC;AAE9E,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,mCAAmC,2CAOvF"}

package/esm/components/buckets/ShowAllValues/ShowAllAttributeValuesSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2022-2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { ShowAllValuesSection } from "./ShowAllValuesSection.js";
+export function ShowAllAttributeValuesSection(props) {
+    const intl = useIntl();
+    const label = intl.formatMessage({ id: "dashboard.bucket_item.show_all_values" });
+    const tooltip = intl.formatMessage({ id: "dashboard.bucket_item.show_all_values.attribute.tooltip" });
+    return _jsx(ShowAllValuesSection, { ...props, label: label, tooltip: tooltip });
+}

package/esm/components/buckets/ShowAllValues/ShowAllDateValuesSection.d.ts

@@ -0,0 +1,10 @@
+import { type Granularity, type IGranularityOption } from "../../../models/granularity.js";
+import { type IShowAllValuesSectionExternalProps } from "./ShowAllValuesSection.js";
+interface IShowAllDateValuesOwnSection {
+    granularityOptions: IGranularityOption[];
+    selectedGranularity: Granularity;
+}
+type IShowAllDateValuesSectionProps = IShowAllDateValuesOwnSection & IShowAllValuesSectionExternalProps;
+export declare function ShowAllDateValuesSection(props: IShowAllDateValuesSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShowAllDateValuesSection.d.ts.map

package/esm/components/buckets/ShowAllValues/ShowAllDateValuesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowAllDateValuesSection.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/ShowAllValues/ShowAllDateValuesSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,kBAAkB,EAE1B,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,KAAK,kCAAkC,EAAwB,MAAM,2BAA2B,CAAC;AAE1G,UAAU,4BAA4B;IAClC,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;IACzC,mBAAmB,EAAE,WAAW,CAAC;CACpC;AAED,KAAK,8BAA8B,GAAG,4BAA4B,GAAG,kCAAkC,CAAC;AASxG,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,8BAA8B,2CAqB7E"}

package/esm/components/buckets/ShowAllValues/ShowAllDateValuesSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2022-2026 GoodData Corporation
+import { defineMessage, useIntl } from "react-intl";
+import { isChronologicalDateGranularity, } from "../../../models/granularity.js";
+import { ShowAllValuesSection } from "./ShowAllValuesSection.js";
+const isChronological = (granularityOptions, selectedGranularity) => {
+    const selectedGranularityOption = granularityOptions.find((granularityOption) => granularityOption.dateType === selectedGranularity);
+    return isChronologicalDateGranularity(selectedGranularityOption);
+};
+export function ShowAllDateValuesSection(props) {
+    const intl = useIntl();
+    const { granularityOptions, selectedGranularity } = props;
+    const chronological = isChronological(granularityOptions, selectedGranularity);
+    const label = intl.formatMessage(defineMessage({ id: "dashboard.bucket_item.show_all_values" }));
+    const chronologicalTooltip = intl.formatMessage(defineMessage({ id: "dashboard.bucket_item.show_all_values.chronological.date.attributes.tooltip" }));
+    const genericTooltip = intl.formatMessage(defineMessage({ id: "dashboard.bucket_item.show_all_values.generic.date.attribute.tooltip" }));
+    return (_jsx(ShowAllValuesSection, { ...props, className: "s-show-all-attribute-values", label: label, tooltip: chronological ? chronologicalTooltip : genericTooltip }));
+}

package/esm/components/buckets/ShowAllValues/ShowAllValuesSection.d.ts

@@ -0,0 +1,14 @@
+export interface IShowAllValuesSectionExternalProps {
+    showAllValues: boolean;
+    onChangeShowAllValues: (showAllValues: boolean) => void;
+    visible: boolean;
+}
+interface IShowAllValuesSectionInternalProps {
+    label: string;
+    tooltip: string;
+    className?: string;
+}
+type IShowAllValuesSectionProps = IShowAllValuesSectionExternalProps & IShowAllValuesSectionInternalProps;
+export declare function ShowAllValuesSection({ showAllValues, onChangeShowAllValues, tooltip, label, visible, className, }: IShowAllValuesSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ShowAllValuesSection.d.ts.map

package/esm/components/buckets/ShowAllValues/ShowAllValuesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowAllValuesSection.d.ts","sourceRoot":"","sources":["../../../../src/components/buckets/ShowAllValues/ShowAllValuesSection.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kCAAkC;IAC/C,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kCAAkC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,0BAA0B,GAAG,kCAAkC,GAAG,kCAAkC,CAAC;AAC1G,wBAAgB,oBAAoB,CAAC,EACjC,aAAa,EACb,qBAAqB,EACrB,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GACZ,EAAE,0BAA0B,kDAuB5B"}

package/esm/components/buckets/ShowAllValues/ShowAllValuesSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2022-2026 GoodData Corporation
+import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
+import { ConfigurationCheckbox } from "../measure/ConfigurationCheckbox.js";
+export function ShowAllValuesSection({ showAllValues, onChangeShowAllValues, tooltip, label, visible, className, }) {
+    if (!visible) {
+        return null;
+    }
+    return (_jsx("section", { className: className, children: _jsx("div", { className: "adi-show-all-values-section", children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx(ConfigurationCheckbox, { checked: showAllValues, disabled: false, onChange: onChangeShowAllValues, label: label, name: "show-all-values" }), _jsx(Bubble, { alignPoints: [{ align: "cr cl" }], arrowOffsets: { "cr cl": [6, 0] }, children: tooltip })] }) }) }));
+}

package/esm/components/buckets/SimpleBucketItem.d.ts

@@ -0,0 +1,16 @@
+import { type ConnectDragSource } from "@evil-internetmann/react-dnd";
+import { type IDecoratedBucketItem } from "../../typings/buckets.js";
+export interface ISimpleBucketItemOwnProps {
+    bucketItem: IDecoratedBucketItem;
+    connectDragSource: ConnectDragSource;
+    dragHandle: boolean;
+    /**
+     * Kept for API compatibility only — the store value wins, exactly as it did under `connect`,
+     * whose default mergeProps let the state props override the own props of the same name.
+     */
+    isLocationIconEnabled: boolean;
+    localIdentifier?: string;
+}
+export type SimpleBucketItemProps = ISimpleBucketItemOwnProps;
+export declare const SimpleBucketItem: import("react").MemoExoticComponent<({ bucketItem, localIdentifier: bucketLocalIdentifier, connectDragSource, }: SimpleBucketItemProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=SimpleBucketItem.d.ts.map

package/esm/components/buckets/SimpleBucketItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleBucketItem.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/SimpleBucketItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AA8BtE,OAAO,EAAE,KAAK,oBAAoB,EAAuB,MAAM,0BAA0B,CAAC;AAU1F,MAAM,WAAW,yBAAyB;IACtC,UAAU,EAAE,oBAAoB,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,eAAO,MAAM,gBAAgB,mHAI1B,qBAAqB,6CAsNtB,CAAC"}

package/esm/components/buckets/SimpleBucketItem.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { changeBucketItemDisplayForm, changeBucketItemShowAllValues, toggleBucketItemExpanded, } from "../../actions/buckets_actions.js";
+import { normalizeDraggedItemType } from "../../models/bucket_rules.js";
+import { DecoratedDateDataset } from "../../models/decorated_date_dataset.js";
+import { isFiscalGranularity, isStandardGranularity, } from "../../models/granularity.js";
+import { supportsAllAttributeValues } from "../../selectors/backend_capabilities_selector.js";
+import { getDisplayFormsForBucketItemSelector, isFiscalCalendarActive as isFiscalCalendarActiveSelector, isStandardCalendarActive as isStandardCalendarActiveSelector, propertiesContainTooltipTextSelector, } from "../../selectors/buckets_selector.js";
+import { isStaticHyperLinkDisplayFormTextEnabled as isStaticHyperLinkDisplayFormTextEnabledSelector } from "../../selectors/ui_config_selector.js";
+import { BucketItemService } from "../../services/bucket_item_service.js";
+import { isRenamingBucketItem as isRenamingBucketItemSelector } from "../../services/buckets_service.js";
+import { isLocationIconEnabled as isLocationIconEnabledSelector } from "../../services/reference_point_service.js";
+import { getCatalogItemTitle } from "../../utils/translations.js";
+import { getCatalogItemClassName } from "../catalog/item/CatalogItem.js";
+import { hasLocationDisplayForm } from "../catalog/utils/locationAttribute.js";
+import { AttributeBucketItemConfiguration } from "./AttributeBucketItemConfiguration.js";
+import { DateConfiguration } from "./categories/DateConfiguration.js";
+import { SimpleBucketItemHeader } from "./SimpleBucketItemHeader.js";
+export const SimpleBucketItem = memo(function SimpleBucketItem({ bucketItem, localIdentifier: bucketLocalIdentifier = "", connectDragSource = null, }) {
+    const intl = useIntl();
+    const dispatch = useDispatch();
+    const isRenamingBucketItem = useSelector((state) => isRenamingBucketItemSelector(state));
+    const isLocationIconEnabled = useSelector((state) => isLocationIconEnabledSelector(state));
+    const areAllAttributeValuesEnabled = useSelector(() => supportsAllAttributeValues());
+    const displayForms = useSelector((state) => getDisplayFormsForBucketItemSelector(state, { bucketItem }));
+    const propertiesContainTooltipText = useSelector((state) => propertiesContainTooltipTextSelector(state));
+    const isStaticHyperLinkDisplayFormTextEnabled = useSelector((state) => isStaticHyperLinkDisplayFormTextEnabledSelector(state, { localIdentifier: bucketLocalIdentifier }));
+    const isFiscalCalendarActive = useSelector((state) => isFiscalCalendarActiveSelector(state));
+    const isStandardCalendarActive = useSelector((state) => isStandardCalendarActiveSelector(state));
+    const toggleExpanded = useCallback((item) => {
+        dispatch(toggleBucketItemExpanded(item));
+    }, [dispatch]);
+    const changeDisplayForm = useCallback((localIdentifier, displayForm) => {
+        dispatch(changeBucketItemDisplayForm(localIdentifier, displayForm));
+    }, [dispatch]);
+    const changeShowAllValues = useCallback((localIdentifier, showAllValues) => {
+        dispatch(changeBucketItemShowAllValues(localIdentifier, showAllValues));
+    }, [dispatch]);
+    const getItem = () => {
+        return bucketItem.attribute;
+    };
+    const getDateDatasetItemGranularity = () => {
+        return bucketItem.granularity;
+    };
+    const getDateDatasetItem = () => {
+        return bucketItem.dateDataset;
+    };
+    const getItemType = () => {
+        // a computed attribute wears the attribute glyph and the attribute layout - it behaves like
+        // an attribute in every bucket, so nothing here has to tell them apart
+        return normalizeDraggedItemType(getItem().type);
+    };
+    const getCatalogDateDatasetItemTitle = () => {
+        if (bucketItem.isDate) {
+            return BucketItemService.getDateDatasetItemTitle(getDateDatasetItemGranularity(), getDateDatasetItem());
+        }
+        return getCatalogItemTitleHelper();
+    };
+    const getCatalogItemTitleHelper = () => {
+        return getCatalogItemTitle(getItem(), intl);
+    };
+    const getCatalogItemClassNameHelper = () => {
+        return getCatalogItemClassName(getItem());
+    };
+    const getBucketItemAlias = () => {
+        return bucketItem.alias;
+    };
+    const shouldLocationIconBeVisible = () => {
+        const bucketItem = getItem();
+        // On an itemCache entry `attribute` is a STRING (the date item's `attr.datedataset`), so
+        // the second read resolves to undefined and the `??` falls through.
+        const explicitFlag = bucketItem.isLocationIconVisible ??
+            bucketItem?.attribute?.isLocationIconVisible;
+        if (explicitFlag !== undefined) {
+            return Boolean(explicitFlag) && isLocationIconEnabled;
+        }
+        const displayForms = bucketItem?.displayForms;
+        const hasLocationForms = hasLocationDisplayForm(displayForms ?? []);
+        return hasLocationForms && isLocationIconEnabled;
+    };
+    const renderHeader = () => {
+        const onToggleCollapse = () => toggleExpanded(bucketItem.original);
+        const header = (_jsxs("div", { children: [_jsx("div", { className: "adi-bucket-invitation-inner", children: _jsx(FormattedMessage, { id: "dashboard.bucket_item.drop_to_switch", tagName: "span" }) }), _jsx(SimpleBucketItemHeader, { localIdentifier: bucketItem.localIdentifier, title: getCatalogDateDatasetItemTitle(), alias: getBucketItemAlias(), type: getItemType(), className: getCatalogItemClassNameHelper(), isLocationIconVisible: shouldLocationIconBeVisible(), isCollapsed: bucketItem.collapsed, onToggleCollapse: onToggleCollapse })] }));
+        if (!isRenamingBucketItem && connectDragSource) {
+            return connectDragSource(header);
+        }
+        return header;
+    };
+    const renderConfiguration = () => {
+        if (bucketItem.isDate && !bucketItem.collapsed) {
+            return renderDateConfiguration();
+        }
+        else if (!bucketItem.isDate && !bucketItem.collapsed) {
+            return renderAttributeConfiguration();
+        }
+        return null;
+    };
+    const renderDateConfiguration = () => {
+        const allGranularities = bucketItem.dateDataset?.attributes.map(({ dateType, label, chronologicalGranularity, valuesPreview }) => ({
+            dateType,
+            label,
+            chronologicalGranularity,
+            valuesPreview,
+        }));
+        const granularities = allGranularities.filter((g) => {
+            if (!isFiscalCalendarActive && isFiscalGranularity(g.dateType))
+                return false;
+            return !(!isStandardCalendarActive && isStandardGranularity(g.dateType));
+        });
+        if (granularities.length === 0) {
+            return null;
+        }
+        const storedGranularity = bucketItem.granularity?.dateType;
+        const isStoredGranularityAvailable = granularities.some((g) => g.dateType === storedGranularity);
+        const selectedGranularity = isStoredGranularityAvailable
+            ? storedGranularity
+            : granularities[0].dateType;
+        const selectedDateDataSet = DecoratedDateDataset.createFromDecorated(bucketItem.dateDataset);
+        const selectedDisplayForm = isStoredGranularityAvailable ? bucketItem.granularity?.dfRef : undefined;
+        return (_jsx(DateConfiguration, { localIdentifier: bucketItem.localIdentifier, selectedDateDataSet: selectedDateDataSet, selectedGranularity: selectedGranularity, granularities: granularities, displayForms: displayForms, selectedDisplayForm: selectedDisplayForm, onSelectDisplayForm: (displayForm) => {
+                changeDisplayForm(bucketItem.localIdentifier, displayForm);
+            }, showAllValues: !!bucketItem.showAllValues, onChangeShowAllValues: (showAllValues) => {
+                changeShowAllValues(bucketItem.localIdentifier, showAllValues);
+            } }));
+    };
+    const renderAttributeConfiguration = () => {
+        const selectedDisplayForm = bucketItem.original?.dfRef || bucketItem.attribute?.dfRef;
+        return (_jsx(AttributeBucketItemConfiguration, { localIdentifier: bucketItem.localIdentifier, bucketLocalIdentifier: bucketLocalIdentifier, attribute: getItem(), displayForms: displayForms, selectedDisplayForm: selectedDisplayForm, propertiesContainTooltipText: propertiesContainTooltipText, onSelectDisplayForm: (displayForm) => {
+                changeDisplayForm(bucketItem.localIdentifier, displayForm);
+            }, showAllValuesVisible: areAllAttributeValuesEnabled, showAllValues: !!bucketItem.showAllValues, isStaticHyperLinkDisplayFormTextEnabled: isStaticHyperLinkDisplayFormTextEnabled, onChangeShowAllValues: (showAllValues) => {
+                changeShowAllValues(bucketItem.localIdentifier, showAllValues);
+            } }));
+    };
+    return (_jsxs("div", { children: [renderHeader(), renderConfiguration()] }));
+});

package/esm/components/buckets/SimpleBucketItemHeader.d.ts

@@ -0,0 +1,12 @@
+export interface ISimpleBucketItemHeaderProps {
+    localIdentifier: string;
+    title: string;
+    alias?: string;
+    type: string;
+    className: string;
+    isCollapsed: boolean;
+    isLocationIconVisible?: boolean;
+    onToggleCollapse: () => void;
+}
+export declare const SimpleBucketItemHeader: import("react").MemoExoticComponent<({ localIdentifier, title, alias, type, className, isCollapsed, isLocationIconVisible, onToggleCollapse, }: ISimpleBucketItemHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=SimpleBucketItemHeader.d.ts.map

package/esm/components/buckets/SimpleBucketItemHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleBucketItemHeader.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/SimpleBucketItemHeader.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,4BAA4B;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,kJAShC,4BAA4B,6CAoE7B,CAAC"}