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

package/esm/components/buckets/BucketIcon.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useMemo } from "react";
+import areaMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/area/bucket-title-measures.svg";
+import areaStackIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/area/bucket-title-stack.svg";
+import areaViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/area/bucket-title-view.svg";
+import barMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bar/bucket-title-measures.svg";
+import barStackIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bar/bucket-title-stack.svg";
+import barViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bar/bucket-title-view.svg";
+import bubbleMeasuresXIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bubble/bucket-title-measures-x.svg";
+import bubbleMeasuresYIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bubble/bucket-title-measures-y.svg";
+import bubbleSizeIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bubble/bucket-title-size.svg";
+import bubbleViewByIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bubble/bucket-title-view-by.svg";
+import bulletComparativeMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bullet/bucket-title-comparative.svg";
+import bulletPrimaryMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bullet/bucket-title-primary.svg";
+import bulletTargetMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bullet/bucket-title-target.svg";
+import bulletViewByIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/bullet/bucket-title-view-by.svg";
+import columnMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/column/bucket-title-measures.svg";
+import columnStackIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/column/bucket-title-stack.svg";
+import columnViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/column/bucket-title-view.svg";
+import areaMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-measures-area.svg";
+import columnMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-measures-column.svg";
+import lineMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-measures-line.svg";
+import comboSecondaryMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-secondary-measures.svg";
+import columnAreaIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-view-column-area.svg";
+import columnLineIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-view-column-line.svg";
+import lineAreaIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-view-line-area.svg";
+import lineViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/combo/bucket-title-view-line-line.svg";
+import dependencyWheelAttributeFromIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/dependencyWheel/bucket-title-from.svg";
+import dependencyWheelMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/dependencyWheel/bucket-title-measures.svg";
+import dependencyWheelAttributeToIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/dependencyWheel/bucket-title-to.svg";
+import donutMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/donut/bucket-title-measures.svg";
+import donutViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/donut/bucket-title-view.svg";
+import funnelMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/funnel/bucket-title-measures.svg";
+import funnelViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/funnel/bucket-title-view.svg";
+import geoPushPinBucketColorIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/geoPushpin/bucket-title-color-icon.svg";
+import geoPushPinBucketLocationIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/geoPushpin/bucket-title-location-icon.svg";
+import geoPushPinBucketSegmentIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/geoPushpin/bucket-title-segment-icon.svg";
+import geoPushPinBucketSizeIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/geoPushpin/bucket-title-size-icon.svg";
+import headlineMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/headline/bucket-title-measures.svg";
+import headlineSecondaryMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/headline/bucket-title-secondary-measures.svg";
+import heatmapMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/heatmap/bucket-title-measures.svg";
+import heatmapStackIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/heatmap/bucket-title-stack.svg";
+import heatmapViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/heatmap/bucket-title-view.svg";
+import lineMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/line/bucket-title-measures.svg";
+import lineSegmentIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/line/bucket-title-segment.svg";
+import lineTrendIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/line/bucket-title-trend.svg";
+import mekkoHeightIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/mekko/bucket-title-height.svg";
+import mekkoStackIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/mekko/bucket-title-stack.svg";
+import mekkoViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/mekko/bucket-title-view.svg";
+import mekkoWidthIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/mekko/bucket-title-width.svg";
+import pieMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/pie/bucket-title-measures.svg";
+import pieViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/pie/bucket-title-view.svg";
+import pyramidMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/pyramid/bucket-title-measures.svg";
+import pyramidViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/pyramid/bucket-title-view.svg";
+import radarMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/radar/bucket-title-measures.svg";
+import radarSegmentIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/radar/bucket-title-segment.svg";
+import radarTrendIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/radar/bucket-title-trend.svg";
+import repeaterColumnsIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/repeater/bucket-title-columns.svg";
+import repeaterRowsIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/repeater/bucket-title-rows.svg";
+import repeaterViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/repeater/bucket-title-view.svg";
+import sankeyAttributeFromIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/sankey/bucket-title-from.svg";
+import sankeyMeasureIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/sankey/bucket-title-measures.svg";
+import sankeyAttributeToIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/sankey/bucket-title-to.svg";
+import scatterAttributeIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/scatter/bucket-title-attribute.svg";
+import scatterMeasuresXIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/scatter/bucket-title-measures-x.svg";
+import scatterMeasuresYIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/scatter/bucket-title-measures-y.svg";
+import scatterSegmentIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/scatter/bucket-title-segment.svg";
+import scatterViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/scatter/bucket-title-view.svg";
+import tableColumnsIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/table/bucket-title-columns.svg";
+import tableMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/table/bucket-title-measures.svg";
+import tableRowsIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/table/bucket-title-rows.svg";
+import treemapMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/treemap/bucket-title-measures.svg";
+import treemapSegmentIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/treemap/bucket-title-segment.svg";
+import treemapViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/treemap/bucket-title-view.svg";
+import waterfallMeasuresIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/waterfall/bucket-title-measures.svg";
+import waterfallViewIcon from "@gooddata/sdk-ui-ext/esm/internal/assets/waterfall/bucket-title-view.svg";
+const localBucketIcons = {
+    "area/bucket-title-measures.svg": areaMeasuresIcon,
+    "area/bucket-title-view.svg": areaViewIcon,
+    "area/bucket-title-stack.svg": areaStackIcon,
+    "column/bucket-title-measures.svg": columnMeasuresIcon,
+    "column/bucket-title-view.svg": columnViewIcon,
+    "column/bucket-title-stack.svg": columnStackIcon,
+    "bar/bucket-title-measures.svg": barMeasuresIcon,
+    "bar/bucket-title-view.svg": barViewIcon,
+    "bar/bucket-title-stack.svg": barStackIcon,
+    "bubble/bucket-title-measures-x.svg": bubbleMeasuresXIcon,
+    "bubble/bucket-title-measures-y.svg": bubbleMeasuresYIcon,
+    "bubble/bucket-title-size.svg": bubbleSizeIcon,
+    "bubble/bucket-title-view-by.svg": bubbleViewByIcon,
+    "bullet/bucket-title-primary.svg": bulletPrimaryMeasureIcon,
+    "bullet/bucket-title-target.svg": bulletTargetMeasureIcon,
+    "bullet/bucket-title-comparative.svg": bulletComparativeMeasureIcon,
+    "bullet/bucket-title-view-by.svg": bulletViewByIcon,
+    "combo/bucket-title-measures-column.svg": columnMeasureIcon,
+    "combo/bucket-title-measures-line.svg": lineMeasureIcon,
+    "combo/bucket-title-measures-area.svg": areaMeasureIcon,
+    "combo/bucket-title-view-column-line.svg": columnLineIcon,
+    "combo/bucket-title-view-column-area.svg": columnAreaIcon,
+    "combo/bucket-title-view-line-area.svg": lineAreaIcon,
+    "combo/bucket-title-view-line-line.svg": lineViewIcon,
+    "combo/bucket-title-secondary-measures.svg": comboSecondaryMeasuresIcon,
+    "donut/bucket-title-measures.svg": donutMeasuresIcon,
+    "donut/bucket-title-view.svg": donutViewIcon,
+    "funnel/bucket-title-measures.svg": funnelMeasuresIcon,
+    "funnel/bucket-title-view.svg": funnelViewIcon,
+    "pyramid/bucket-title-measures.svg": pyramidMeasuresIcon,
+    "pyramid/bucket-title-view.svg": pyramidViewIcon,
+    "geoPushpin/bucket-title-location-icon.svg": geoPushPinBucketLocationIcon,
+    "geoPushpin/bucket-title-size-icon.svg": geoPushPinBucketSizeIcon,
+    "geoPushpin/bucket-title-color-icon.svg": geoPushPinBucketColorIcon,
+    "geoPushpin/bucket-title-segment-icon.svg": geoPushPinBucketSegmentIcon,
+    "headline/bucket-title-measures.svg": headlineMeasuresIcon,
+    "headline/bucket-title-secondary-measures.svg": headlineSecondaryMeasuresIcon,
+    "heatmap/bucket-title-measures.svg": heatmapMeasuresIcon,
+    "heatmap/bucket-title-view.svg": heatmapViewIcon,
+    "heatmap/bucket-title-stack.svg": heatmapStackIcon,
+    "line/bucket-title-measures.svg": lineMeasuresIcon,
+    "line/bucket-title-trend.svg": lineTrendIcon,
+    "line/bucket-title-segment.svg": lineSegmentIcon,
+    "pie/bucket-title-measures.svg": pieMeasuresIcon,
+    "pie/bucket-title-view.svg": pieViewIcon,
+    "table/bucket-title-measures.svg": tableMeasuresIcon,
+    "table/bucket-title-rows.svg": tableRowsIcon,
+    "table/bucket-title-columns.svg": tableColumnsIcon,
+    "scatter/bucket-title-measures-x.svg": scatterMeasuresXIcon,
+    "scatter/bucket-title-measures-y.svg": scatterMeasuresYIcon,
+    "scatter/bucket-title-attribute.svg": scatterAttributeIcon,
+    "scatter/bucket-title-view.svg": scatterViewIcon,
+    "scatter/bucket-title-segment.svg": scatterSegmentIcon,
+    "treemap/bucket-title-measures.svg": treemapMeasuresIcon,
+    "treemap/bucket-title-view.svg": treemapViewIcon,
+    "treemap/bucket-title-segment.svg": treemapSegmentIcon,
+    "sankey/bucket-title-measures.svg": sankeyMeasureIcon,
+    "sankey/bucket-title-from.svg": sankeyAttributeFromIcon,
+    "sankey/bucket-title-to.svg": sankeyAttributeToIcon,
+    "dependencyWheel/bucket-title-measures.svg": dependencyWheelMeasureIcon,
+    "dependencyWheel/bucket-title-from.svg": dependencyWheelAttributeFromIcon,
+    "dependencyWheel/bucket-title-to.svg": dependencyWheelAttributeToIcon,
+    "waterfall/bucket-title-measures.svg": waterfallMeasuresIcon,
+    "waterfall/bucket-title-view.svg": waterfallViewIcon,
+    "radar/bucket-title-measures.svg": radarMeasuresIcon,
+    "radar/bucket-title-trend.svg": radarTrendIcon,
+    "radar/bucket-title-segment.svg": radarSegmentIcon,
+    "repeater/bucket-title-rows.svg": repeaterRowsIcon,
+    "repeater/bucket-title-columns.svg": repeaterColumnsIcon,
+    "repeater/bucket-title-view.svg": repeaterViewIcon,
+    "mekko/bucket-title-width.svg": mekkoWidthIcon,
+    "mekko/bucket-title-height.svg": mekkoHeightIcon,
+    "mekko/bucket-title-view.svg": mekkoViewIcon,
+    "mekko/bucket-title-stack.svg": mekkoStackIcon,
+};
+function isLocalBucketIcon(icon) {
+    return /^local:/.test(icon);
+}
+function getLocalBucketIcon(icon) {
+    const localId = icon.replace("local:", "");
+    return localBucketIcons[localId];
+}
+export function BucketIcon({ icon }) {
+    const iconOrLocalIcon = isLocalBucketIcon(icon) ? getLocalBucketIcon(icon) : icon;
+    const style = useMemo(() => {
+        return iconOrLocalIcon
+            ? {
+                backgroundImage: `url("${iconOrLocalIcon}")`,
+            }
+            : null;
+    }, [iconOrLocalIcon]);
+    return _jsx("div", { className: "bucket-title-icon", style: style });
+}

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

@@ -0,0 +1,25 @@
+import { type DropTargetMonitor } from "@evil-internetmann/react-dnd";
+import { type IDecoratedBucket, type IDecoratedBucketItem, type IRawBucketItem } from "../../typings/buckets.js";
+import { type IInjectedDropTargetProps, type IIsAllowedToDrop } from "../../typings/drag_and_drop.js";
+import { type ICatalogEntry } from "../../typings/state_objects.js";
+interface IBucketItemOwnProps {
+    bucket: IDecoratedBucket;
+    bucketItem: IDecoratedBucketItem;
+    itemIsAllowedToDrop: IIsAllowedToDrop;
+    index: number;
+    bucketPosition: number;
+    dragHandle?: boolean;
+}
+export interface IBucketItemProps extends IBucketItemOwnProps, IInjectedDropTargetProps {
+}
+export interface IBucketItemDropHandlers {
+    onCatalogItemDropped: (bucketItem: IRawBucketItem, catalogItem: ICatalogEntry) => void;
+    onItemSwapped: (localIdentifier: string, from: IRawBucketItem, to: IRawBucketItem) => void;
+}
+export declare function BucketItem({ canDrop: canDropProp, isOver: isOverProp, dragHandle, isDragging, itemType, bucketItem, ...restProps }: IBucketItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const dropConfig: {
+    drop({ onCatalogItemDropped, onItemSwapped, bucketItem, }: IBucketItemDropHandlers & Pick<IBucketItemProps, "bucketItem">, monitor: DropTargetMonitor): void;
+    canDrop(props: Pick<IBucketItemProps, "itemIsAllowedToDrop" | "bucketItem">, monitor: DropTargetMonitor): boolean;
+};
+export {};
+//# sourceMappingURL=BucketItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BucketItem.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/BucketItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,8BAA8B,CAAC;AAY/E,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAIpE,UAAU,mBAAmB;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,oBAAoB,CAAC;IACjC,mBAAmB,EAAE,gBAAgB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,EAAE,wBAAwB;CAAG;AAE1F,MAAM,WAAW,uBAAuB;IACpC,oBAAoB,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,KAAK,IAAI,CAAC;IACvF,aAAa,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9F;AAED,wBAAgB,UAAU,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,UAAkB,EAClB,UAAkB,EAClB,QAAe,EACf,UAAU,EACV,GAAG,SAAS,EACf,EAAE,gBAAgB,2CAiHlB;AAED,eAAO,MAAM,UAAU;IACnB,IAAI,uDAKG,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,WACxD,iBAAiB;IAqB9B,OAAO,QAAQ,IAAI,CAAC,gBAAgB,EAAE,qBAAqB,GAAG,YAAY,CAAC,WAAW,iBAAiB;CAS1G,CAAC"}

package/esm/components/buckets/BucketItem.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useEffect, useRef } from "react";
+import { useDrop } from "@evil-internetmann/react-dnd";
+import classNames from "classnames";
+import { useDispatch } from "react-redux";
+import { replaceBucketItem, swapBucketItem } from "../../actions/dnd_actions.js";
+import { BUCKET_ITEM, CATALOG_LIST_ITEM } from "../../constants/drag_item_types.js";
+import { endDragBucketItem, startDragBucketItem } from "../../sagas/drag_and_drop/drag_and_drop_actions.js";
+import { highlightItemsToBeRemovedBySwap, resetHighlightedItemsToBeRemoved, } from "../../sagas/highlighting/highlighting_ui_actions.js";
+import { DraggableBucketItem } from "./DraggableBucketItem.js";
+export function BucketItem({ canDrop: canDropProp, isOver: isOverProp, dragHandle = false, isDragging = false, itemType = null, bucketItem, ...restProps }) {
+    const dispatch = useDispatch();
+    const onCatalogItemDropped = useCallback((droppedOnBucketItem, catalogItem) => {
+        dispatch(replaceBucketItem(droppedOnBucketItem, catalogItem));
+    }, [dispatch]);
+    const onItemSwapped = useCallback((localIdentifier, from, to) => {
+        dispatch(swapBucketItem(localIdentifier, from, to));
+    }, [dispatch]);
+    const onCatalogItemEnteredSwapDropZone = useCallback((replacedItem) => {
+        dispatch(highlightItemsToBeRemovedBySwap(replacedItem));
+    }, [dispatch]);
+    const onCatalogItemLeftSwapDropZone = useCallback(() => {
+        dispatch(resetHighlightedItemsToBeRemoved());
+    }, [dispatch]);
+    const onStartBucketItemDrag = useCallback((item) => {
+        dispatch(startDragBucketItem(item));
+    }, [dispatch]);
+    const onEndBucketItemDrag = useCallback(() => {
+        dispatch(endDragBucketItem());
+    }, [dispatch]);
+    const [{ canDrop, isOver, itemType: monitorItemType }, dropRef] = useDrop(() => ({
+        accept: [CATALOG_LIST_ITEM, BUCKET_ITEM],
+        drop: (_item, monitor) => {
+            dropConfig.drop({ onCatalogItemDropped, onItemSwapped, bucketItem }, monitor);
+        },
+        canDrop: (_item, monitor) => dropConfig.canDrop({ itemIsAllowedToDrop: restProps.itemIsAllowedToDrop, bucketItem }, monitor),
+        collect: (monitor) => ({
+            canDrop: monitor.canDrop(),
+            isOver: monitor.isOver(),
+            itemType: monitor.getItemType(),
+        }),
+    }), [onCatalogItemDropped, onItemSwapped, bucketItem, restProps.itemIsAllowedToDrop]);
+    const effectiveCanDrop = canDropProp ?? canDrop;
+    const effectiveIsOver = isOverProp ?? isOver;
+    const effectiveItemType = itemType ?? monitorItemType;
+    const prevIsOverRef = useRef(effectiveIsOver);
+    useEffect(() => {
+        const prevIsOver = prevIsOverRef.current;
+        if (prevIsOver !== effectiveIsOver && effectiveCanDrop && effectiveItemType === CATALOG_LIST_ITEM) {
+            if (effectiveIsOver) {
+                onCatalogItemEnteredSwapDropZone(bucketItem.original);
+            }
+            else {
+                onCatalogItemLeftSwapDropZone();
+            }
+        }
+        prevIsOverRef.current = effectiveIsOver;
+    }, [
+        effectiveIsOver,
+        effectiveCanDrop,
+        effectiveItemType,
+        bucketItem,
+        onCatalogItemEnteredSwapDropZone,
+        onCatalogItemLeftSwapDropZone,
+    ]);
+    const classes = classNames({
+        "adi-replace-invitation": effectiveCanDrop,
+        "adi-droppable-active": effectiveCanDrop,
+        "adi-droppable-hover": effectiveIsOver && effectiveCanDrop,
+    });
+    return (_jsx("div", { ref: dropRef, children: _jsx(DraggableBucketItem, { ...restProps,
+            onCatalogItemDropped,
+            onItemSwapped,
+            canDrop: effectiveCanDrop,
+            isOver: effectiveIsOver,
+            dragHandle,
+            isDragging,
+            itemType: effectiveItemType,
+            onCatalogItemEnteredSwapDropZone,
+            onCatalogItemLeftSwapDropZone,
+            onStartBucketItemDrag,
+            onEndBucketItemDrag,
+            bucketItem, className: classes }) }));
+}
+export const dropConfig = {
+    drop({ onCatalogItemDropped, onItemSwapped, bucketItem, }, monitor) {
+        switch (monitor.getItemType()) {
+            case BUCKET_ITEM: {
+                const from = monitor.getItem().bucketItem;
+                const to = bucketItem.original;
+                onItemSwapped(null, from, to);
+                break;
+            }
+            case CATALOG_LIST_ITEM: {
+                const originalBucketItem = bucketItem.original;
+                const catalogItem = monitor.getItem().item;
+                onCatalogItemDropped(originalBucketItem, catalogItem);
+                break;
+            }
+            default:
+                break;
+        }
+    },
+    canDrop(props, monitor) {
+        const { itemIsAllowedToDrop, bucketItem } = props;
+        const draggedItem = monitor.getItem() ?? {};
+        return itemIsAllowedToDrop({
+            ...draggedItem,
+            destBucketItem: bucketItem.original,
+        });
+    },
+};

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

@@ -0,0 +1,35 @@
+import { type ReactElement } from "react";
+import { type ConnectDragSource } from "@evil-internetmann/react-dnd";
+import { type IBucketSequenceNumbers } from "../../selectors/measure_sequence_numbers_selector.js";
+import { type IDecoratedBucketItem, type IDecoratedBucketItems } from "../../typings/buckets.js";
+export declare function getBucketItemIdClassName(bucketItem: IDecoratedBucketItem, bucketItems: IDecoratedBucketItems, measureSequenceNumbers: IBucketSequenceNumbers): string;
+interface IBucketItemPureOwnProps {
+    bucketItem: IDecoratedBucketItem;
+    connectDragSource?: ConnectDragSource;
+    localIdentifier?: string;
+    className?: string;
+    isDragging?: boolean;
+    dragHandle?: boolean;
+    isDraggedItem?: boolean;
+}
+interface IBucketItemPureStateProps {
+    measureSequenceNumbers: IBucketSequenceNumbers;
+    bucketItems: IDecoratedBucketItems;
+    highlightedLocalIdentifiers?: string[] | undefined;
+    aboutToBeRemovedBucketAndFilterItems?: string[] | undefined;
+}
+interface IBucketItemPureProps extends IBucketItemPureOwnProps, IBucketItemPureStateProps {
+}
+export declare const BucketItemPure: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ bucketItem, connectDragSource, localIdentifier, className, isDragging, dragHandle, isDraggedItem, measureSequenceNumbers, bucketItems, highlightedLocalIdentifiers, aboutToBeRemovedBucketAndFilterItems, }: IBucketItemPureProps) => ReactElement>, {
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null>;
+    store?: import("redux").Store;
+    bucketItem: IDecoratedBucketItem;
+    connectDragSource?: ConnectDragSource;
+    localIdentifier?: string;
+    className?: string;
+    isDragging?: boolean;
+    dragHandle?: boolean;
+    isDraggedItem?: boolean;
+}>;
+export {};
+//# sourceMappingURL=BucketItemPure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BucketItemPure.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/BucketItemPure.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAQ,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAOtE,OAAO,EACH,KAAK,sBAAsB,EAE9B,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAoCjG,wBAAgB,wBAAwB,CACpC,UAAU,EAAE,oBAAoB,EAChC,WAAW,EAAE,qBAAqB,EAClC,sBAAsB,EAAE,sBAAsB,GAC/C,MAAM,CAIR;AA2BD,UAAU,uBAAuB;IAC7B,UAAU,EAAE,oBAAoB,CAAC;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,yBAAyB;IAC/B,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,WAAW,EAAE,qBAAqB,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACnD,oCAAoC,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CAC/D;AAED,UAAU,oBAAqB,SAAQ,uBAAuB,EAAE,yBAAyB;CAAG;AAW5F,eAAO,MAAM,cAAc,+RAepB,oBAAoB,KAAG,YAAY;;;gBA1C1B,oBAAoB;wBACZ,iBAAiB;sBACnB,MAAM;gBACZ,MAAM;iBACL,OAAO;iBACP,OAAO;oBACJ,OAAO;EA0F1B,CAAC"}

package/esm/components/buckets/BucketItemPure.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo } from "react";
+import classNames from "classnames";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { getOperandLocalIdentifiers, getType } from "../../models/bucket_item.js";
+import { getDecoratedBucketItems } from "../../selectors/buckets_selector.js";
+import { getMeasureSequenceNumbers, } from "../../selectors/measure_sequence_numbers_selector.js";
+import { getAboutToBeRemovedBucketAndFilterItems, getHighlightedBucketItems, } from "../../store/highlighting/highlighting_selector.js";
+import { getCssClass } from "../../utils/css_class.js";
+import { MeasureBucketItem } from "./MeasureBucketItem.js";
+import { ArithmeticMeasureBucketItem } from "./measures/arithmetic_measure/ArithmeticMeasureBucketItem.js";
+import { SimpleBucketItem } from "./SimpleBucketItem.js";
+const getBucketItemIdClassNamePrefix = (bucketItem, bucketItems, measureSequenceNumbers) => {
+    if (bucketItem.isArithmeticMeasure) {
+        return `arithmetic_${measureSequenceNumbers[bucketItem.localIdentifier]}`;
+    }
+    if (bucketItem.isDerived) {
+        const masterMeasure = bucketItems.find((item) => item.localIdentifier === bucketItem.masterLocalIdentifier);
+        if (masterMeasure?.isArithmeticMeasure) {
+            return `derived_arithmetic_${measureSequenceNumbers[masterMeasure.localIdentifier]}`;
+        }
+    }
+    if (bucketItem.isDate) {
+        return "date";
+    }
+    return bucketItem.attribute?.identifier;
+};
+const getBucketItemIdClassNameSuffix = (bucketItem) => getType(bucketItem) === "fact" ? "_generated" : "";
+export function getBucketItemIdClassName(bucketItem, bucketItems, measureSequenceNumbers) {
+    const prefix = getBucketItemIdClassNamePrefix(bucketItem, bucketItems, measureSequenceNumbers);
+    const suffix = getBucketItemIdClassNameSuffix(bucketItem);
+    return getCssClass(prefix + suffix, "s-id-").replace(/\./g, "_");
+}
+function getBucketItemTypeClassNames(bucketItem) {
+    const types = [];
+    if (bucketItem.isArithmeticMeasure) {
+        types.push("arithmetic");
+    }
+    if (bucketItem.isMeasure) {
+        if (bucketItem.isDerived) {
+            types.push("derived");
+        }
+        else {
+            types.push("master");
+        }
+    }
+    return types.map((type) => `s-type-${type}`);
+}
+const hasArithmeticMeasureNoOperands = (bucketItem) => {
+    if (bucketItem.isArithmeticMeasure) {
+        const operandLocalIdentifiers = getOperandLocalIdentifiers(bucketItem);
+        return operandLocalIdentifiers.every((operandLocalIdentifier) => operandLocalIdentifier === null);
+    }
+    return false;
+};
+const makeMapStateToProps = () => {
+    return createStructuredSelector({
+        measureSequenceNumbers: getMeasureSequenceNumbers,
+        bucketItems: getDecoratedBucketItems,
+        highlightedLocalIdentifiers: getHighlightedBucketItems,
+        aboutToBeRemovedBucketAndFilterItems: getAboutToBeRemovedBucketAndFilterItems,
+    });
+};
+export const BucketItemPure = connect(makeMapStateToProps)(memo(function BucketItemPure({ bucketItem, connectDragSource = ((v) => v), localIdentifier = "", className = "", isDragging = false, dragHandle = false, isDraggedItem = false, measureSequenceNumbers, bucketItems, highlightedLocalIdentifiers, aboutToBeRemovedBucketAndFilterItems, }) {
+    const getBucketItemComponent = () => {
+        if (bucketItem.isArithmeticMeasure) {
+            return ArithmeticMeasureBucketItem;
+        }
+        else if (bucketItem.isMeasure) {
+            return MeasureBucketItem;
+        }
+        return SimpleBucketItem;
+    };
+    const getClasses = () => {
+        const isHighlighted = highlightedLocalIdentifiers?.includes(bucketItem.localIdentifier);
+        const isAboutToBeRemoved = aboutToBeRemovedBucketAndFilterItems?.includes(bucketItem.localIdentifier);
+        return classNames("adi-bucket-item", "s-bucket-item", getBucketItemIdClassName(bucketItem, bucketItems, measureSequenceNumbers), getBucketItemTypeClassNames(bucketItem), className, {
+            "adi-bucket-item-drag-handle": dragHandle,
+            "is-dragging": isDragging,
+            highlight: isHighlighted,
+            "about-to-be-removed": isAboutToBeRemoved,
+            "has-no-operands": hasArithmeticMeasureNoOperands(bucketItem),
+        });
+    };
+    // the per-type components share this core contract; their extra props are optional at
+    // runtime and are not passed from here (previously hidden behind `any`)
+    const BucketItemComponent = getBucketItemComponent();
+    return (_jsx("div", { className: getClasses(), children: _jsx(BucketItemComponent, { bucketItem: bucketItem, connectDragSource: connectDragSource, localIdentifier: localIdentifier, isDraggedItem: isDraggedItem }) }));
+}));

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

@@ -0,0 +1,27 @@
+import { type IDecoratedBucket, type IDecoratedBucketItem, type IDecoratedBuckets } from "../../typings/buckets.js";
+import { type IInjectedDropTargetProps, type IIsAllowedToDrop, type IItemDropContext } from "../../typings/drag_and_drop.js";
+import { type ICatalogEntry } from "../../typings/state_objects.js";
+export declare const HOVER_TOP = "top";
+export declare const HOVER_BOTTOM = "bottom";
+interface IBucketReorderableItemOwnProps {
+    onFilterItemDropped?: (catalogItem: ICatalogEntry) => void;
+    itemIsAllowedToReplace?: (params?: Partial<IItemDropContext>, buckets?: IDecoratedBuckets) => boolean;
+    itemIsAllowedToReorder?: IIsAllowedToDrop;
+    isWithinLimit?: (context?: Partial<IItemDropContext>, buckets?: IDecoratedBuckets) => boolean;
+    dropZoneTitle?: string;
+    bucket: IDecoratedBucket;
+    bucketItem: IDecoratedBucketItem;
+    index: number;
+    bucketPosition: number;
+    dragHandle: boolean;
+}
+export interface IBucketReorderableItemProps extends IBucketReorderableItemOwnProps, IInjectedDropTargetProps {
+}
+export declare function BucketReorderableItem(props: IBucketReorderableItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function getHoverPosition(y: number, { top, bottom }: {
+    top: number;
+    bottom: number;
+}): "bottom" | "top";
+export declare function calculateDropIndex(hoverPosition: string, draggedItemIndex: number | null, hoveredItemIndex: number, lastIndex: number): number | null;
+export {};
+//# sourceMappingURL=BucketReorderableItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BucketReorderableItem.d.ts","sourceRoot":"","sources":["../../../src/components/buckets/BucketReorderableItem.tsx"],"names":[],"mappings":"AAcA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EAEzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKpE,eAAO,MAAM,SAAS,QAAQ,CAAC;AAC/B,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC,UAAU,8BAA8B;IACpC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAAC;IACtG,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAAC;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,2BACb,SAAQ,8BAA8B,EAAE,wBAAwB;CAAG;AAEvE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,2BAA2B,2CA+JvE;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,oBAG3F;AAED,wBAAgB,kBAAkB,CAC9B,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAC/B,gBAAgB,EAAE,MAAM,EACxB,SAAS,EAAE,MAAM,iBA8BpB"}

package/esm/components/buckets/BucketReorderableItem.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useMemo, useRef, useState } from "react";
+import { useDrop } from "@evil-internetmann/react-dnd";
+import classnames from "classnames";
+import { omit } from "lodash-es";
+import { useDispatch } from "react-redux";
+import { dropCatalogItem, reorderBucketItem } from "../../actions/dnd_actions.js";
+import { CATALOG } from "../../constants/bucket.js";
+import { BUCKET_ITEM, CATALOG_LIST_ITEM } from "../../constants/drag_item_types.js";
+import { endDragBucketItem, startDragBucketItem } from "../../sagas/drag_and_drop/drag_and_drop_actions.js";
+import { BucketItem } from "./BucketItem.js";
+import { DraggableBucketItem } from "./DraggableBucketItem.js";
+export const HOVER_TOP = "top";
+export const HOVER_BOTTOM = "bottom";
+export function BucketReorderableItem(props) {
+    const { 
+    // the fallbacks were `(v) => v` — every call site passes a (truthy) context object, so the
+    // literal `true` is what they always answered
+    itemIsAllowedToReplace = () => true, itemIsAllowedToReorder = () => true, isWithinLimit = () => true, canDrop: canDropProp, isOver: isOverProp, bucket, bucketItem, index, } = props;
+    const dispatch = useDispatch();
+    const onCatalogItemDropped = useCallback((localIdentifier, catalogItem, bucketPosition) => {
+        dispatch(dropCatalogItem(localIdentifier, catalogItem, bucketPosition));
+    }, [dispatch]);
+    const onReorderBucketItem = useCallback((localIdentifier, from, fromPosition, bucketPosition) => {
+        dispatch(reorderBucketItem(localIdentifier, from, fromPosition, bucketPosition));
+    }, [dispatch]);
+    const onStartBucketItemDrag = useCallback((item) => {
+        dispatch(startDragBucketItem(item));
+    }, [dispatch]);
+    const onEndBucketItemDrag = useCallback(() => {
+        dispatch(endDragBucketItem());
+    }, [dispatch]);
+    const [dropPosition, setDropPosition] = useState(HOVER_TOP);
+    const [dropIndex, setDropIndex] = useState(null);
+    const [draggedItemBucket, setDraggedItemBucket] = useState(null);
+    const containerRef = useRef(null);
+    const itemIsAllowedToReplaceLocal = useMemo(() => function (context, buckets) {
+        return !isWithinLimit(context, buckets) && itemIsAllowedToReplace(context, buckets);
+    }, [isWithinLimit, itemIsAllowedToReplace]);
+    const [{ canDrop, isOver }, dropRef] = useDrop(() => ({
+        accept: [CATALOG_LIST_ITEM, BUCKET_ITEM],
+        drop: (_item, monitor) => {
+            const item = monitor.getItem();
+            const catalogItem = item.item;
+            const localIdentifier = bucket.localIdentifier;
+            if (dropIndex === null)
+                return;
+            const itemType = monitor.getItemType();
+            if (itemType === BUCKET_ITEM) {
+                onReorderBucketItem(localIdentifier, item.bucketItem, item.index, dropIndex);
+                setDropIndex(null);
+            }
+            else if (itemType === CATALOG_LIST_ITEM) {
+                onCatalogItemDropped(localIdentifier, catalogItem, dropIndex);
+                setDropIndex(null);
+            }
+        },
+        hover: (_item, monitor) => {
+            const can = monitor.canDrop();
+            const dragged = monitor.getItem();
+            setDraggedItemBucket(dragged.from);
+            if (dragged.index === index) {
+                setDropIndex(null);
+                return;
+            }
+            const lastIndex = bucket.items.length - 1;
+            const rect = containerRef.current?.getBoundingClientRect();
+            if (!rect)
+                return;
+            const hoverPos = getHoverPosition(monitor.getClientOffset().y, rect);
+            const di = calculateDropIndex(hoverPos, dragged.index, index, lastIndex);
+            if (di === null) {
+                setDropIndex(null);
+                return;
+            }
+            if (can && di >= 0) {
+                setDropPosition(hoverPos);
+                setDropIndex(di);
+            }
+        },
+        canDrop: (_item, monitor) => {
+            const draggedItem = monitor.getItem();
+            return itemIsAllowedToReorder({
+                ...draggedItem,
+                destBucketItem: bucketItem.original,
+            });
+        },
+        collect: (monitor) => ({
+            canDrop: monitor.canDrop(),
+            isOver: monitor.isOver(),
+        }),
+    }), [
+        bucket,
+        bucketItem,
+        index,
+        onReorderBucketItem,
+        onCatalogItemDropped,
+        itemIsAllowedToReorder,
+        dropIndex,
+    ]);
+    const effectiveCanDrop = canDropProp ?? canDrop;
+    const effectiveIsOver = isOverProp ?? isOver;
+    const isDropLineVisible = () => {
+        const items = bucket.items ?? [];
+        const itemsCountInLimit = items.length < bucket.itemsLimit;
+        const isBucketAllowed = draggedItemBucket === bucket.localIdentifier ||
+            (draggedItemBucket === CATALOG && itemsCountInLimit);
+        return effectiveIsOver && effectiveCanDrop && isBucketAllowed && dropIndex !== null;
+    };
+    const renderDropLine = () => {
+        if (isDropLineVisible()) {
+            const classes = classnames("adi-bucket-drop-line", `adi-drop-line-${dropPosition}`);
+            return _jsx("div", { className: classes });
+        }
+        return false;
+    };
+    const childProps = {
+        ...omit(props, ["itemIsAllowedToReorder", "itemIsAllowedToReplace", "isWithinLimit"]),
+        onCatalogItemDropped,
+        reorderBucketItem: onReorderBucketItem,
+        onStartBucketItemDrag,
+        onEndBucketItemDrag,
+        itemIsAllowedToDrop: itemIsAllowedToReplaceLocal,
+    };
+    const isMeasureItem = bucketItem.isMeasure;
+    return (_jsxs("div", { className: "adi-reorderable-bucket-item", ref: (node) => {
+            containerRef.current = node;
+            dropRef(node);
+        }, children: [renderDropLine(), isMeasureItem ? _jsx(DraggableBucketItem, { ...childProps }) : _jsx(BucketItem, { ...childProps })] }));
+}
+const getLineCenter = (a, b) => Math.abs(a - b) / 2;
+export function getHoverPosition(y, { top, bottom }) {
+    const bucketItemCenter = getLineCenter(top, bottom) + top;
+    return y < bucketItemCenter ? HOVER_TOP : HOVER_BOTTOM;
+}
+export function calculateDropIndex(hoverPosition, draggedItemIndex, hoveredItemIndex, lastIndex) {
+    const draggedFromCatalog = draggedItemIndex === null;
+    if (hoverPosition === HOVER_TOP) {
+        // Next item top half = same position -> nothing to do
+        if (draggedItemIndex + 1 === hoveredItemIndex) {
+            return null;
+        }
+        return draggedFromCatalog || draggedItemIndex > hoveredItemIndex
+            ? hoveredItemIndex
+            : hoveredItemIndex - 1;
+    }
+    if (hoverPosition === HOVER_BOTTOM) {
+        // disable drop to last position when dragging from catalog
+        if (draggedFromCatalog && lastIndex === hoveredItemIndex) {
+            return null;
+        }
+        // Previous item bottom half = same position -> nothing to do
+        if (draggedItemIndex - 1 === hoveredItemIndex) {
+            return null;
+        }
+        return draggedFromCatalog || draggedItemIndex > hoveredItemIndex
+            ? hoveredItemIndex + 1
+            : hoveredItemIndex;
+    }
+    return null;
+}