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

package/esm/components/AttributeFilter/customization/withDropdownButton.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentType } from "react";
+import { type IAttributeFilterDropdownButtonProps } from "@gooddata/sdk-ui-filters";
+/**
+ * This function customize AttributeFilterDropdownButton icons and draggable
+ * It also simulate autoOpen dropdown filter and missing onClose AttributeFilter callback.
+ * Base on isUsedByInsight it add warnings icons and warning message.
+ */
+export declare function withDropdownButton(isUsedByInsight: boolean, isAutoOpen: boolean, warningMessage: string, onClose: () => void, ButtonComponent: ComponentType<IAttributeFilterDropdownButtonProps>): (props: IAttributeFilterDropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=withDropdownButton.d.ts.map

package/esm/components/AttributeFilter/customization/withDropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropdownButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AttributeFilter/customization/withDropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAEH,KAAK,mCAAmC,EAG3C,MAAM,0BAA0B,CAAC;AA8BlC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAC9B,eAAe,EAAE,OAAO,EACxB,UAAU,EAAE,OAAO,EACnB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,IAAI,EACnB,eAAe,EAAE,aAAa,CAAC,mCAAmC,CAAC,WAEzC,mCAAmC,6CAsChE"}

package/esm/components/AttributeFilter/customization/withDropdownButton.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { AttributeFilterDropdownButton, useAutoOpenAttributeFilterDropdownButton, useOnCloseAttributeFilterDropdownButton, } from "@gooddata/sdk-ui-filters";
+import { Bubble, BubbleHoverTrigger, IconAttribute } from "@gooddata/sdk-ui-kit";
+function WarningIcon() {
+    return (_jsx("span", { className: "adi-attribute-filter-warning-icon", children: _jsx("span", {}) }));
+}
+function WrapWithWarningBubble({ button, message, isOpen }) {
+    if (isOpen) {
+        return button;
+    }
+    return (_jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: 200, hideDelay: 0, children: [button, _jsx(Bubble, { alignPoints: [{ align: "bc tc" }], children: message })] }));
+}
+/**
+ * This function customize AttributeFilterDropdownButton icons and draggable
+ * It also simulate autoOpen dropdown filter and missing onClose AttributeFilter callback.
+ * Base on isUsedByInsight it add warnings icons and warning message.
+ */
+export function withDropdownButton(isUsedByInsight, isAutoOpen, warningMessage, onClose, ButtonComponent) {
+    function Component(props) {
+        const { isOpen, isError } = props;
+        const className = "s-filter-button adi-attribute-filter-button";
+        useAutoOpenAttributeFilterDropdownButton(props, isAutoOpen);
+        useOnCloseAttributeFilterDropdownButton(props, onClose);
+        const isWarningAttribute = !(isUsedByInsight || isError);
+        if (ButtonComponent) {
+            return (_jsx("div", { className: className, children: _jsx(ButtonComponent, { ...props }) }));
+        }
+        return (_jsx("div", { className: cx(className, {
+                "adi-attribute-filter-button-warning": isWarningAttribute,
+                "s-filter-warning": isWarningAttribute,
+            }), children: isWarningAttribute ? (_jsx(WrapWithWarningBubble, { button: _jsx(AttributeFilterDropdownButton, { ...props, isDraggable: true, icon: _jsx(WarningIcon, {}) }), message: warningMessage, isOpen: isOpen })) : (_jsx(AttributeFilterDropdownButton, { ...props, isDraggable: true, icon: _jsx(IconAttribute, {}) })) }));
+    }
+    return Component;
+}

package/esm/components/AttributeFilter/customization/withDropdownClassName.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentType } from "react";
+import { type IAttributeFilterDropdownBodyProps } from "@gooddata/sdk-ui-filters";
+/**
+ * This function customize IAttributeFilterDropdownBody and add wrapper for custom classNames
+ */
+export declare function withDropdownClassName(BodyComponent: ComponentType<IAttributeFilterDropdownBodyProps>, dropdownClassName: string): (props: IAttributeFilterDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=withDropdownClassName.d.ts.map

package/esm/components/AttributeFilter/customization/withDropdownClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropdownClassName.d.ts","sourceRoot":"","sources":["../../../../src/components/AttributeFilter/customization/withDropdownClassName.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF;;GAEG;AACH,wBAAgB,qBAAqB,CACjC,aAAa,EAAE,aAAa,CAAC,iCAAiC,CAAC,EAC/D,iBAAiB,EAAE,MAAM,WAEC,iCAAiC,6CAU9D"}

package/esm/components/AttributeFilter/customization/withDropdownClassName.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+/**
+ * This function customize IAttributeFilterDropdownBody and add wrapper for custom classNames
+ */
+export function withDropdownClassName(BodyComponent, dropdownClassName) {
+    function Component(props) {
+        const classNames = cx(dropdownClassName, "s-filter-picker");
+        return (_jsx("div", { className: classNames, children: _jsx(BodyComponent, { ...props }) }));
+    }
+    return Component;
+}

package/esm/components/AttributeFilter/customization/withElementIdClassName.d.ts

@@ -0,0 +1,6 @@
+import { type IAttributeFilterElementsSelectItemProps } from "@gooddata/sdk-ui-filters";
+/**
+ * This function customize AttributeFilterElementsSelectItem and add wrapped s-class for each AttributeFilter Item
+ */
+export declare function withElementIdClassName(props: IAttributeFilterElementsSelectItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=withElementIdClassName.d.ts.map

package/esm/components/AttributeFilter/customization/withElementIdClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withElementIdClassName.d.ts","sourceRoot":"","sources":["../../../../src/components/AttributeFilter/customization/withElementIdClassName.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,KAAK,uCAAuC,EAC/C,MAAM,0BAA0B,CAAC;AAIlC;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,uCAAuC,2CAWpF"}

package/esm/components/AttributeFilter/customization/withElementIdClassName.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import cx from "classnames";
+import { AttributeFilterElementsSelectItem, } from "@gooddata/sdk-ui-filters";
+import { getIdFromElement } from "../../../models/decorated_attribute_elements.js";
+/**
+ * This function customize AttributeFilterElementsSelectItem and add wrapped s-class for each AttributeFilter Item
+ */
+export function withElementIdClassName(props) {
+    const { item } = props;
+    const id = getIdFromElement(item);
+    const classNameByID = `s-id-${id}`;
+    return (_jsx("div", { className: cx("s-filter-item", classNameByID), children: _jsx(AttributeFilterElementsSelectItem, { ...props }) }));
+}

package/esm/components/AttributeFilter/customization/withTitleElementsDropdownActionsComponent.d.ts

@@ -0,0 +1,8 @@
+import { type IAttributeFilterDropdownActionsProps } from "@gooddata/sdk-ui-filters";
+import { type IItemTitlesMap } from "../types.js";
+/**
+ * This function return custom AttributeFilterDropdownActions component, that catch AttributeFilter onApplyButtonClick use useAttributeFilterContext
+ * to resolve selection elements titles and propagate it via onApplyTitles callback
+ */
+export declare function withTitleElementsDropdownActionsComponent(onApplyTitles: (itemTitles: IItemTitlesMap, totalElementsCount: number) => void): (props: IAttributeFilterDropdownActionsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=withTitleElementsDropdownActionsComponent.d.ts.map

package/esm/components/AttributeFilter/customization/withTitleElementsDropdownActionsComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTitleElementsDropdownActionsComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/AttributeFilter/customization/withTitleElementsDropdownActionsComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,KAAK,oCAAoC,EAE5C,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;;GAGG;AACH,wBAAgB,yCAAyC,CACrD,aAAa,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,KAAK,IAAI,WAErD,oCAAoC,6CAgBjE"}

package/esm/components/AttributeFilter/customization/withTitleElementsDropdownActionsComponent.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback } from "react";
+import { AttributeFilterDropdownActions, useAttributeFilterContext, } from "@gooddata/sdk-ui-filters";
+import { elementsToItemTitlesMap } from "../utils.js";
+/**
+ * This function return custom AttributeFilterDropdownActions component, that catch AttributeFilter onApplyButtonClick use useAttributeFilterContext
+ * to resolve selection elements titles and propagate it via onApplyTitles callback
+ */
+export function withTitleElementsDropdownActionsComponent(onApplyTitles) {
+    function Component(props) {
+        const { onApplyButtonClick } = props;
+        const { workingSelectionElements, totalElementsCountWithCurrentSettings } = useAttributeFilterContext();
+        const onCustomApply = useCallback(() => {
+            const titlesMap = elementsToItemTitlesMap(workingSelectionElements);
+            onApplyTitles(titlesMap, totalElementsCountWithCurrentSettings);
+            onApplyButtonClick();
+        }, [onApplyButtonClick, totalElementsCountWithCurrentSettings, workingSelectionElements]);
+        return _jsx(AttributeFilterDropdownActions, { ...props, onApplyButtonClick: onCustomApply });
+    }
+    return Component;
+}

package/esm/components/AttributeFilter/types.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentType } from "react";
+import { type IUserWorkspaceSettings } from "@gooddata/sdk-backend-spi";
+import { type IAttributeElement, type ObjRef } from "@gooddata/sdk-model";
+import { type AttributeFilterAvailableSelectionType, type IAttributeFilterDropdownBodyProps, type IAttributeFilterDropdownButtonProps, type IAttributeFilterElementsSearchBarProps } from "@gooddata/sdk-ui-filters";
+import { type IDecoratedMetricAttributeFilter } from "../../models/decorated_metric_attribute_filter.js";
+import { type IUpdateAttributeFilterPayload } from "../../typings/measure_filters.js";
+import { type ICacheItemDisplayForm } from "../../typings/state_objects.js";
+export type OnDisplayFormChangeHandler = (dfRef: ObjRef, currentFilterPrimaryDf?: ObjRef, selectedElements?: IAttributeElement[]) => void;
+export interface IAttributeFilterProps {
+    filter: IDecoratedMetricAttributeFilter;
+    autoOpen?: boolean;
+    onApply: (payload: IUpdateAttributeFilterPayload) => void;
+    onClose?: () => void;
+    bucketType: string;
+    isUsedByInsight?: boolean;
+    useAlternativeDisplayForms?: boolean;
+    onDisplayFormChange: OnDisplayFormChangeHandler;
+    availableDisplayForms: ICacheItemDisplayForm[];
+    availableSelectionTypes?: AttributeFilterAvailableSelectionType[];
+    dropdownClassName?: string;
+    dropdownButtonComponent?: ComponentType<IAttributeFilterDropdownButtonProps>;
+    dropdownBodyComponent?: ComponentType<IAttributeFilterDropdownBodyProps>;
+    elementsSearchBarComponent?: ComponentType<IAttributeFilterElementsSearchBarProps>;
+}
+export interface IAttributeFilterStateProps {
+    settings: IUserWorkspaceSettings;
+}
+export type IItemTitlesMap = {
+    [index: string]: IAttributeElement;
+};
+export interface ISelectedElements {
+    itemTitles: IItemTitlesMap;
+    totalElementsCount: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/components/AttributeFilter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeFilter/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EACH,KAAK,qCAAqC,EAC1C,KAAK,iCAAiC,EACtC,KAAK,mCAAmC,EACxC,KAAK,sCAAsC,EAC9C,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,mDAAmD,CAAC;AACzG,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,MAAM,0BAA0B,GAAG,CACrC,KAAK,EAAE,MAAM,EACb,sBAAsB,CAAC,EAAE,MAAM,EAC/B,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,KACrC,IAAI,CAAC;AACV,MAAM,WAAW,qBAAqB;IAClC,MAAM,EAAE,+BAA+B,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,EAAE,CAAC,OAAO,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,EAAE,0BAA0B,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,EAAE,CAAC;IAE/C,uBAAuB,CAAC,EAAE,qCAAqC,EAAE,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,uBAAuB,CAAC,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;IAC7E,qBAAqB,CAAC,EAAE,aAAa,CAAC,iCAAiC,CAAC,CAAC;IACzE,0BAA0B,CAAC,EAAE,aAAa,CAAC,sCAAsC,CAAC,CAAC;CACtF;AAED,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,sBAAsB,CAAC;CACpC;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;CAC9B"}

package/esm/components/AttributeFilter/types.js

@@ -0,0 +1,2 @@
+// (C) 2007-2026 GoodData Corporation
+export {};

package/esm/components/AttributeFilter/utils.d.ts

@@ -0,0 +1,21 @@
+import { type IAttributeElement, type IAttributeFilter, type IAttributeFilterWithSelection, type ObjRef } from "@gooddata/sdk-model";
+import { type IDecoratedMetricAttributeFilter } from "../../models/decorated_metric_attribute_filter.js";
+import { type TextModeFilterData } from "../../store/filter_bar/filter_bar_types.js";
+import { type IElement } from "../../typings/measure_filters.js";
+import { type ICacheItemDisplayForm } from "../../typings/state_objects.js";
+import { type IItemTitlesMap } from "./types.js";
+export declare const isDisplayFormSelectVisible: (useAlternativeDisplayForms: boolean, availableDisplayForms: ICacheItemDisplayForm[]) => boolean;
+export declare const elementsToItemTitlesMap: (elements: IAttributeElement[]) => IItemTitlesMap;
+export declare const mapFilterToSelectedItems: (filter: IAttributeFilter, itemTitlesMap: IItemTitlesMap) => IElement[];
+export declare const getSelectedItems: (filter: IAttributeFilterWithSelection) => import("@gooddata/sdk-model").IAttributeElements;
+/**
+ * Extracts mode-specific data from an SDK attribute filter.
+ * Returns undefined for element-based (positive/negative) filters.
+ */
+export declare const extractTextModeFilterData: (filter: IAttributeFilter) => TextModeFilterData | undefined;
+/**
+ * Reconstructs an SDK attribute filter from mode-specific data, displayForm and localIdentifier.
+ */
+export declare const textModeFilterDataToSdkFilter: (data: TextModeFilterData, displayFormRef: ObjRef, localIdentifier: string) => IAttributeFilter;
+export declare const mapDecoratedFilterToFilter: (filter: IDecoratedMetricAttributeFilter, isPrimaryDisplayForm: boolean) => IAttributeFilter;
+//# sourceMappingURL=utils.d.ts.map

package/esm/components/AttributeFilter/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/AttributeFilter/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,6BAA6B,EAClC,KAAK,MAAM,EAWd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,mDAAmD,CAAC;AACzG,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,0BAA0B,+BACP,OAAO,yBACZ,qBAAqB,EAAE,YAGjD,CAAC;AAEF,eAAO,MAAM,uBAAuB,aAAc,iBAAiB,EAAE,KAAG,cAOvE,CAAC;AAEF,eAAO,MAAM,wBAAwB,WACzB,gBAAgB,iBACT,cAAc,KAC9B,QAAQ,EA2BV,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,6BAA6B,qDAKrE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,WAAY,gBAAgB,KAAG,kBAAkB,GAAG,SAgBzF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,SAChC,kBAAkB,kBACR,MAAM,mBACL,MAAM,KACxB,gBAmBF,CAAC;AAEF,eAAO,MAAM,0BAA0B,WAC3B,+BAA+B,wBACjB,OAAO,KAC9B,gBA+BF,CAAC"}

package/esm/components/AttributeFilter/utils.js

@@ -0,0 +1,100 @@
+// (C) 2007-2026 GoodData Corporation
+import { isArbitraryAttributeFilter, isAttributeElementsByRef, isAttributeElementsByValue, isAttributeFilterWithSelection, isMatchAttributeFilter, isPositiveAttributeFilter, newArbitraryAttributeFilter, newMatchAttributeFilter, newNegativeAttributeFilter, newPositiveAttributeFilter, } from "@gooddata/sdk-model";
+export const isDisplayFormSelectVisible = (useAlternativeDisplayForms, availableDisplayForms) => {
+    return useAlternativeDisplayForms && availableDisplayForms?.length > 1;
+};
+export const elementsToItemTitlesMap = (elements) => {
+    const accumulator = {};
+    return elements.reduce((map, item) => {
+        map[item.uri] = item;
+        return map;
+    }, accumulator);
+};
+export const mapFilterToSelectedItems = (filter, itemTitlesMap) => {
+    if (!isAttributeFilterWithSelection(filter)) {
+        return [];
+    }
+    const items = getSelectedItems(filter);
+    if (isAttributeElementsByRef(items)) {
+        return items.uris.map((uri) => {
+            const itemTitle = itemTitlesMap[uri]?.title;
+            return { title: itemTitle, uri };
+        });
+    }
+    else if (isAttributeElementsByValue(items)) {
+        // In analytical designer, attribute filter is always "uri" based.
+        // In the past, we were relying on the fact, that tiger/panther does not support multiple labels and uri was always equal to the title.
+        // This is not correct anymore, and all filters in panther and tiger are saved as values, so we need to send them as values also to AttributeFilter.
+        // When we are converting it back to AD shape, we need to preserve the previous expectations/behavior.
+        return items.values.map((value) => {
+            const itemTitle = itemTitlesMap[value]?.title;
+            const formattedItemTitle = itemTitlesMap[value]?.formattedTitle;
+            return {
+                title: itemTitle,
+                uri: value,
+                formattedTitle: formattedItemTitle,
+            };
+        });
+    }
+    return [];
+};
+export const getSelectedItems = (filter) => {
+    if (isPositiveAttributeFilter(filter)) {
+        return filter.positiveAttributeFilter.in;
+    }
+    return filter.negativeAttributeFilter.notIn;
+};
+/**
+ * Extracts mode-specific data from an SDK attribute filter.
+ * Returns undefined for element-based (positive/negative) filters.
+ */
+export const extractTextModeFilterData = (filter) => {
+    if (isArbitraryAttributeFilter(filter)) {
+        const { values, negativeSelection } = filter.arbitraryAttributeFilter;
+        return { mode: "arbitrary", values, negativeSelection };
+    }
+    if (isMatchAttributeFilter(filter)) {
+        const { operator, literal, caseSensitive, negativeSelection } = filter.matchAttributeFilter;
+        return {
+            mode: "match",
+            operator,
+            literal,
+            ...(caseSensitive === undefined ? {} : { caseSensitive }),
+            ...(negativeSelection === undefined ? {} : { negativeSelection }),
+        };
+    }
+    return undefined;
+};
+/**
+ * Reconstructs an SDK attribute filter from mode-specific data, displayForm and localIdentifier.
+ */
+export const textModeFilterDataToSdkFilter = (data, displayFormRef, localIdentifier) => {
+    if (data.mode === "arbitrary") {
+        return newArbitraryAttributeFilter(displayFormRef, data.values, data.negativeSelection, localIdentifier);
+    }
+    return newMatchAttributeFilter(displayFormRef, data.operator, data.literal, {
+        caseSensitive: data.caseSensitive,
+        negativeSelection: data.negativeSelection,
+    }, localIdentifier);
+};
+export const mapDecoratedFilterToFilter = (filter, isPrimaryDisplayForm) => {
+    const textModeData = filter.textModeFilter;
+    if (textModeData) {
+        const attributeDf = filter.original?.displayFormRef;
+        const localIdentifier = filter.original?.localIdentifier;
+        return textModeFilterDataToSdkFilter(textModeData, attributeDf, localIdentifier);
+    }
+    const isInverted = filter.isInverted;
+    const selectedElements = filter.selectedElements;
+    const attributeDf = filter.original?.displayFormRef;
+    const localIdentifier = filter.original?.localIdentifier;
+    const elementsUris = selectedElements.map((item) => (isPrimaryDisplayForm ? item.uri : item.title));
+    if (isInverted) {
+        return newNegativeAttributeFilter(attributeDf, {
+            uris: elementsUris,
+        }, localIdentifier);
+    }
+    return newPositiveAttributeFilter(attributeDf, {
+        uris: elementsUris,
+    }, localIdentifier);
+};

package/esm/components/AttributeHierarchyEditingDialog.d.ts

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

package/esm/components/AttributeHierarchyEditingDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeHierarchyEditingDialog.d.ts","sourceRoot":"","sources":["../../src/components/AttributeHierarchyEditingDialog.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,+BAA+B,mDA6B9C"}

package/esm/components/AttributeHierarchyEditingDialog.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2023-2026 GoodData Corporation
+import { useCallback } from "react";
+import { useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { IntlWrapper } from "@gooddata/sdk-ui";
+import { AttributeHierarchyDialog } from "@gooddata/sdk-ui-ext";
+import { hideDialog } from "../actions/dialogs_actions.js";
+import { CatalogUiActions } from "../sagas/catalog/catalog_ui_actions.js";
+import { attributeHierarchyEditDialogSelector } from "../selectors/dialogs_selector.js";
+export function AttributeHierarchyEditingDialog() {
+    const intl = useIntl();
+    const dispatch = useDispatch();
+    const { openAttributeHierarchyEditDialog, attributeHierarchy } = useSelector(attributeHierarchyEditDialogSelector);
+    const handleHideDialog = useCallback(() => {
+        dispatch(hideDialog());
+    }, [dispatch]);
+    const handleDeleteAttributeHierarchy = () => {
+        dispatch(CatalogUiActions.deleteCatalogAttributeHierarchy(attributeHierarchy.attributeHierarchy.id));
+    };
+    const handleUpdateAttributeHierarchy = (attributeHierarchy) => {
+        dispatch(CatalogUiActions.updateCatalogAttributeHierarchy(attributeHierarchy));
+    };
+    return openAttributeHierarchyEditDialog ? (_jsx(IntlWrapper, { locale: intl.locale, children: _jsx(AttributeHierarchyDialog, { editingAttributeHierarchy: attributeHierarchy, onClose: handleHideDialog, onDeleteSuccess: handleDeleteAttributeHierarchy, onSaveOrUpdateSuccess: handleUpdateAttributeHierarchy }) })) : null;
+}

package/esm/components/Buckets.d.ts

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

package/esm/components/Buckets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buckets.d.ts","sourceRoot":"","sources":["../../src/components/Buckets.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,OAAO,4FAqClB,CAAC"}

package/esm/components/Buckets.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { selectVisualizationType } from "../actions/buckets_actions.js";
+import { getDecoratedBuckets } from "../selectors/buckets_selector.js";
+import { enableNewGeoPushpin as enableNewGeoPushpinSelector } from "../selectors/feature_flag_selector.js";
+import { getEnabledVisualizationClasses, getVisualizationClass, } from "../services/visualization_class_service.js";
+import { isConfigurationPanelCollapsed } from "../store/configuration_panel/configuration_panel_selectors.js";
+import { BucketsPanel } from "./buckets/BucketsPanel.js";
+import { VisualizationPicker } from "./buckets/VisualizationPicker.js";
+import { DragScroller } from "./DragScroller/DragScroller.js";
+export const Buckets = memo(function Buckets() {
+    const buckets = useSelector(getDecoratedBuckets);
+    const visualizationClass = useSelector(getVisualizationClass);
+    const visualizationClasses = useSelector(getEnabledVisualizationClasses);
+    const configurationPanelCollapsed = useSelector(isConfigurationPanelCollapsed);
+    const enableNewGeoPushpin = useSelector(enableNewGeoPushpinSelector);
+    const dispatch = useDispatch();
+    const onTypeChanged = useCallback((type) => {
+        dispatch(selectVisualizationType(type));
+    }, [dispatch]);
+    if (!visualizationClasses || !visualizationClass) {
+        return false;
+    }
+    return (_jsxs("div", { className: "adi-buckets-panel", children: [_jsx(VisualizationPicker, { selected: visualizationClass, visualizationClasses: visualizationClasses, onClick: onTypeChanged, enableNewGeoPushpin: enableNewGeoPushpin }), _jsx(DragScroller, { className: "adi-buckets-scroller", children: _jsx(BucketsPanel, { buckets: buckets, configurationPanelCollapsed: configurationPanelCollapsed, visualizationClass: visualizationClass }) })] }));
+});

package/esm/components/CatalogPanel.d.ts

@@ -0,0 +1,25 @@
+import { type DropTargetMonitor } from "@evil-internetmann/react-dnd";
+import { type FilterType } from "../store/filter_bar/filter_bar_types.js";
+import { type IRawBucketItem } from "../typings/buckets.js";
+import { type IInjectedDropTargetProps } from "../typings/drag_and_drop.js";
+interface ICatalogPanelStateProps {
+    canUserManageMetric: boolean;
+    canUserCreateMetric: boolean;
+    isEmbeddedMode: boolean;
+    projectId: string;
+    isCreateMeasureLinkHidden?: boolean;
+    noData: boolean;
+    isEnhancedInsightPickerEnabled: boolean;
+}
+interface ICatalogPanelDispatchProps {
+    onDropBucketItem: (bucketItem: IRawBucketItem, bucketItemPosition: number, from: string) => void;
+    onDropFilterItem: (itemLocalIdentifier: string, itemType: FilterType) => void;
+}
+export type ICatalogPanelProps = ICatalogPanelStateProps & ICatalogPanelDispatchProps & IInjectedDropTargetProps;
+export declare const dropConfig: {
+    drop(props: ICatalogPanelProps, monitor: DropTargetMonitor): void;
+};
+export declare function CatalogPanelBase({ isDragging, isOver, canUserManageMetric, canUserCreateMetric, isEmbeddedMode, projectId, onDropBucketItem, onDropFilterItem, isCreateMeasureLinkHidden, noData, isEnhancedInsightPickerEnabled, }: ICatalogPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CatalogPanel(ownProps: IInjectedDropTargetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CatalogPanel.d.ts.map

package/esm/components/CatalogPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogPanel.d.ts","sourceRoot":"","sources":["../../src/components/CatalogPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,8BAA8B,CAAC;AAc/E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAE1E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAGH,KAAK,wBAAwB,EAChC,MAAM,6BAA6B,CAAC;AAQrC,UAAU,uBAAuB;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,8BAA8B,EAAE,OAAO,CAAC;CAC3C;AAED,UAAU,0BAA0B;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,gBAAgB,EAAE,CAAC,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAC;CACjF;AAED,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GACpD,0BAA0B,GAC1B,wBAAwB,CAAC;AAE7B,eAAO,MAAM,UAAU;IACnB,IAAI,QAAQ,kBAAkB,WAAW,iBAAiB;CAY7D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,MAAM,EACN,8BAA8B,GACjC,EAAE,kBAAkB,2CAoEpB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,wBAAwB,2CAsC9D"}

package/esm/components/CatalogPanel.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2019-2026 GoodData Corporation
+import { useCallback } from "react";
+import { useDrop } from "@evil-internetmann/react-dnd";
+import classNames from "classnames";
+import { useDispatch, useSelector } from "react-redux";
+import { removeBucketItem } from "../actions/dnd_actions.js";
+import { BUCKET_ITEM, FILTER_ITEM } from "../constants/drag_item_types.js";
+import { removeFilter } from "../sagas/filter_bar/filter_bar_ui_actions.js";
+import { canManageMetadata } from "../selectors/backend_capabilities_selector.js";
+import { getProjectId } from "../selectors/bootstrap_selector.js";
+import { enableEnhancedInsightPicker } from "../selectors/feature_flag_selector.js";
+import { getIsEmbedded } from "../selectors/meta_selector.js";
+import { canCreateMetric } from "../selectors/metric_permissions_selector.js";
+import { canManageMetric } from "../selectors/permissions_selector.js";
+import { isCatalogEmptyNoData } from "../store/catalog/catalog_selector.js";
+import { CreateMeasureLink } from "./catalog/blocks/CreateMeasureLink.js";
+import { CreateMetricButton } from "./catalog/blocks/CreateMetricButton.js";
+import { Trash } from "./catalog/blocks/Trash.js";
+import { Catalog } from "./catalog/Catalog.js";
+import { CatalogSidebarHeader } from "./catalogSidebar/CatalogSidebarToggle.js";
+export const dropConfig = {
+    drop(props, monitor) {
+        const { onDropBucketItem, onDropFilterItem } = props;
+        const dragItemType = monitor.getItem().dragItemType;
+        if (dragItemType === FILTER_ITEM) {
+            const { itemType, itemLocalIdentifier } = monitor.getItem();
+            onDropFilterItem(itemLocalIdentifier, itemType);
+        }
+        else {
+            const { bucketItem, from, index } = monitor.getItem();
+            onDropBucketItem(bucketItem, index, from);
+        }
+    },
+};
+export function CatalogPanelBase({ isDragging, isOver, canUserManageMetric, canUserCreateMetric, isEmbeddedMode, projectId, onDropBucketItem, onDropFilterItem, isCreateMeasureLinkHidden, noData, isEnhancedInsightPickerEnabled, }) {
+    const [{ canDrop, isOver: isOverDrop }, dropRef] = useDrop(() => ({
+        accept: [BUCKET_ITEM, FILTER_ITEM],
+        drop: (_item, monitor) => {
+            dropConfig.drop({
+                isDragging,
+                isOver,
+                canUserManageMetric,
+                canUserCreateMetric,
+                isEmbeddedMode,
+                projectId,
+                isCreateMeasureLinkHidden,
+                noData,
+                onDropBucketItem,
+                onDropFilterItem,
+                isEnhancedInsightPickerEnabled,
+            }, monitor);
+        },
+        collect: (monitor) => ({
+            canDrop: monitor.canDrop(),
+            isOver: monitor.isOver(),
+        }),
+    }), [
+        isDragging,
+        isOver,
+        canUserManageMetric,
+        canUserCreateMetric,
+        isEmbeddedMode,
+        projectId,
+        isCreateMeasureLinkHidden,
+        noData,
+        onDropBucketItem,
+        onDropFilterItem,
+    ]);
+    const effectiveIsDragging = isDragging ?? canDrop;
+    const effectiveIsOver = isOver ?? isOverDrop;
+    const catalogPanelClasses = classNames("adi-catalog-panel", "s-catalogue", {
+        transparent: effectiveIsDragging,
+        "enhanced-insight-picker": isEnhancedInsightPickerEnabled,
+    });
+    const trashPanelClasses = classNames("adi-trash-panel", {
+        invisible: !effectiveIsDragging,
+        "enhanced-insight-picker": isEnhancedInsightPickerEnabled,
+    });
+    return (_jsxs("div", { className: "adi-catalog-section", ref: dropRef, children: [_jsx(CatalogSidebarHeader, {}), _jsxs("div", { className: catalogPanelClasses, children: [_jsx(Catalog, {}), !isEmbeddedMode && !isCreateMeasureLinkHidden && canUserManageMetric ? (_jsx(CreateMeasureLink, { projectId: projectId, disabled: noData })) : null, canUserCreateMetric ? _jsx(CreateMetricButton, { disabled: noData }) : null] }), _jsx("div", { className: trashPanelClasses, children: _jsx(Trash, { isOver: effectiveIsOver }) })] }));
+}
+export function CatalogPanel(ownProps) {
+    const dispatch = useDispatch();
+    const projectId = useSelector(getProjectId);
+    const canUserManageMetric = useSelector(canManageMetric);
+    const canUserCreateMetric = useSelector(canCreateMetric);
+    const isEmbeddedMode = useSelector(getIsEmbedded);
+    const canBackendManageMetadata = useSelector(canManageMetadata);
+    const noData = useSelector(isCatalogEmptyNoData);
+    const isEnhancedInsightPickerEnabled = useSelector(enableEnhancedInsightPicker);
+    const onDropBucketItem = useCallback((bucketItem, bucketItemPosition, from) => {
+        dispatch(removeBucketItem(bucketItem, bucketItemPosition, from));
+    }, [dispatch]);
+    const onDropFilterItem = useCallback((itemLocalIdentifier, itemType) => {
+        dispatch(removeFilter(itemLocalIdentifier, itemType));
+    }, [dispatch]);
+    return (_jsx(CatalogPanelBase, { ...ownProps, projectId: projectId, canUserManageMetric: canUserManageMetric, canUserCreateMetric: canUserCreateMetric, isEmbeddedMode: isEmbeddedMode, isCreateMeasureLinkHidden: !canBackendManageMetadata, noData: noData, isEnhancedInsightPickerEnabled: isEnhancedInsightPickerEnabled, onDropBucketItem: onDropBucketItem, onDropFilterItem: onDropFilterItem }));
+}

package/esm/components/ConfigurationPanel.d.ts

@@ -0,0 +1,9 @@
+interface IConfigurationPanelProps {
+    isCollapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    appSessionId: string;
+    visualizationType: string;
+}
+export declare const ConfigurationPanel: import("react").MemoExoticComponent<({ isCollapsed, setCollapsed, appSessionId, visualizationType, }: IConfigurationPanelProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ConfigurationPanel.d.ts.map

package/esm/components/ConfigurationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationPanel.d.ts","sourceRoot":"","sources":["../../src/components/ConfigurationPanel.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,wGAK5B,wBAAwB,6CAoEzB,CAAC"}

package/esm/components/ConfigurationPanel.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo } from "react";
+import classNames from "classnames";
+import { FormattedMessage } from "react-intl";
+import { ConfigPanelClassName } from "@gooddata/sdk-ui-ext/internal";
+export const ConfigurationPanel = memo(function ConfigurationPanel({ isCollapsed, setCollapsed, appSessionId, visualizationType, }) {
+    const getHeaderClasses = () => {
+        return classNames("bucket-title", "bucket-title-configuration-panel");
+    };
+    const getConfigurationPanelClasses = () => {
+        return classNames("adi-bucket", "bucket-configuration", {
+            "has-rounded-corners": true,
+            "bucket-collapsed": isCollapsed,
+        }, "s-configuration-panel");
+    };
+    const getConfigurationPanelContentClasses = () => {
+        /*
+         * Note: the Pluggable Visualization locates div for configuration panel using the
+         *  `${ConfigPanelClassName}-${appSessionId}` selector. This is essential for correct
+         *  cleanup during 'Clear' operation.
+         *
+         * Without this appSessionId, the old plug viz would try to unmount from the same div where
+         * new plug viz tries to mount the config panel - leading to react errors and mounted component leaks.
+         */
+        return classNames(ConfigPanelClassName, `${ConfigPanelClassName}-${appSessionId}`, `${ConfigPanelClassName}-${visualizationType}`, {
+            invisible: isCollapsed,
+        }, "s-configuration-panel-content");
+    };
+    const getSeparatorClasses = () => {
+        return classNames("adi-bucket-invitation-separator", {
+            invisible: isCollapsed,
+        });
+    };
+    const toggleConfigurationPanel = () => {
+        if (isCollapsed) {
+            setCollapsed(false);
+        }
+    };
+    // We need add appSessionId as a key to the root div to force re-rendering of the configuration panel
+    // if not strange things happen when opening different visualizations and resetting
+    // Plugglable visualization explodes on unmount node
+    // Same approach was used in Report.tsx so we copied it here and fix unmount error
+    return (_jsxs("div", { className: getConfigurationPanelClasses(), children: [_jsxs("div", { className: getHeaderClasses(), onClick: toggleConfigurationPanel, children: [_jsx("div", { className: "bucket-title-icon" }), _jsx("h3", { children: _jsx(FormattedMessage, { id: "configurationPanel.title" }) })] }), _jsxs("div", { className: "bucket-contents", children: [_jsx("hr", { className: getSeparatorClasses() }), _jsx("div", { className: getConfigurationPanelContentClasses() }, visualizationType)] })] }, appSessionId));
+});

package/esm/components/ConfirmUnsavedChangesDialog.d.ts

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

package/esm/components/ConfirmUnsavedChangesDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUnsavedChangesDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmUnsavedChangesDialog.tsx"],"names":[],"mappings":"AAaA,wBAAgB,2BAA2B,mDA6D1C"}