@foresthubai/workflow-builder 0.4.3 → 0.4.5

package/dist/toolbars/CanvasTabsToolbar.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ScrollArea } from "../components/ui/scroll-area";
-import { cn } from "../lib/utils";
-import { FunctionSquare, Workflow, X } from "lucide-react";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { MAIN_CANVAS_ID } from "../stores/canvasStore";
-export const CanvasTabsToolbar = ({ tabs, activeTabId, onTabChange, onTabClose, onTabReorder, }) => {
-    const containerRef = useRef(null);
-    const viewportRef = useRef(null);
-    const dragIndex = useRef(null);
-    // Translate vertical mouse-wheel deltas into horizontal scroll on the tabs
-    // viewport. A non-passive native listener is required because React's
-    // synthetic onWheel is passive — preventDefault() there is a no-op, so the
-    // page would also scroll vertically alongside the toolbar shift. We leave
-    // genuine horizontal wheels (touchpads, tilt wheels) alone by gating on
-    // deltaY, and skip the override entirely when there's nothing to scroll
-    // so vertical-page scrolling still works when the pointer happens to
-    // hover an unfilled toolbar.
-    useEffect(() => {
-        const el = viewportRef.current;
-        if (!el)
-            return;
-        const handler = (e) => {
-            if (e.deltaY === 0)
-                return;
-            if (el.scrollWidth <= el.clientWidth)
-                return;
-            e.preventDefault();
-            el.scrollLeft += e.deltaY;
-        };
-        el.addEventListener("wheel", handler, { passive: false });
-        return () => el.removeEventListener("wheel", handler);
-    }, []);
-    // dropSlot: insertion index (before which tab the dragged tab lands)
-    const [dropSlot, setDropSlot] = useState(null);
-    // indicatorX: pixel offset from container left for the visual line
-    const [indicatorX, setIndicatorX] = useState(null);
-    const isMainTab = (index) => tabs[index]?.id === MAIN_CANVAS_ID;
-    const clearDrag = useCallback(() => {
-        dragIndex.current = null;
-        setDropSlot(null);
-        setIndicatorX(null);
-    }, []);
-    const handleTabDragOver = useCallback((e, index) => {
-        if (dragIndex.current === null || !containerRef.current)
-            return;
-        // Ignore Main tab entirely — not a valid drag target
-        if (tabs[index]?.id === MAIN_CANVAS_ID)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        e.dataTransfer.dropEffect = "move";
-        const rect = e.currentTarget.getBoundingClientRect();
-        const containerRect = containerRef.current.getBoundingClientRect();
-        const midX = rect.left + rect.width / 2;
-        const isLeftHalf = e.clientX < midX;
-        // Slot: insertion index
-        const slot = isLeftHalf ? index : index + 1;
-        // Tabs are now flush with a 1px separator between them — land the indicator on that seam.
-        const raw = isLeftHalf ? rect.left - containerRect.left : rect.right - containerRect.left;
-        // Clamp so the indicator stays fully visible inside the container
-        const x = Math.round(Math.max(0, Math.min(raw, containerRef.current.clientWidth - 2)));
-        setDropSlot(slot);
-        setIndicatorX(x);
-    }, [tabs]);
-    return (
-    // ScrollArea provides the horizontal overlay scrollbar (hover-only, in the
-    // panel gutter so the tab row doesn't shift). The Root carries the bg +
-    // bottom border; the inner div inside the Viewport stays the drag/drop
-    // container — containerRef points at it so the indicator's coordinates
-    // remain relative to the (scrollable) tab row, not the fixed Root.
-    _jsx(ScrollArea, { className: "bg-card/80 border-b border-border/50", viewportRef: viewportRef, children: _jsxs("div", { ref: containerRef, className: "relative flex items-stretch", onDragOver: (e) => {
-                // Fallback for empty area past last tab
-                if (dragIndex.current === null || !containerRef.current)
-                    return;
-                e.preventDefault();
-                e.dataTransfer.dropEffect = "move";
-            }, onDrop: (e) => {
-                e.preventDefault();
-                if (dragIndex.current !== null && dropSlot !== null) {
-                    const from = dragIndex.current;
-                    const target = dropSlot > from ? dropSlot - 1 : dropSlot;
-                    if (target > 0 && target !== from) {
-                        onTabReorder(from, target);
-                    }
-                }
-                clearDrag();
-            }, children: [indicatorX !== null && (_jsx("div", { className: "absolute top-0 bottom-0 bg-primary z-10 pointer-events-none", style: { left: 0, width: "2px", transform: `translateX(${indicatorX}px)` } })), tabs.map((tab, index) => {
-                    const isDraggable = !isMainTab(index);
-                    return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "w-px bg-border/70 shrink-0" }), _jsxs("div", { draggable: isDraggable, onDragStart: (e) => {
-                                    if (!isDraggable)
-                                        return;
-                                    dragIndex.current = index;
-                                    e.dataTransfer.effectAllowed = "move";
-                                }, onDragOver: (e) => handleTabDragOver(e, index), onDragEnd: clearDrag, className: cn("group flex items-center gap-1.5 pl-2 pr-1 text-sm font-medium cursor-pointer transition-colors", "hover:bg-field/80", activeTabId === tab.id ? "bg-field text-foreground" : "text-muted-foreground hover:text-foreground", isDraggable ? "cursor-grab active:cursor-grabbing" : "select-none"), onClick: () => onTabChange(tab.id), children: [isMainTab(index) ? (_jsx(Workflow, { className: "w-3.5 h-3.5 shrink-0" })) : (_jsx(FunctionSquare, { className: "w-3.5 h-3.5 shrink-0" })), _jsx("span", { className: "truncate max-w-[120px] py-1", children: tab.label }), tab.id !== MAIN_CANVAS_ID ? (_jsx("button", { type: "button", "aria-label": `Close tab ${tab.label}`, title: `Close tab ${tab.label}`, className: "flex items-center justify-center w-4 h-4 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity hover:bg-destructive/15 hover:text-destructive", onClick: (e) => {
-                                            e.stopPropagation();
-                                            onTabClose(tab.id);
-                                        }, children: _jsx(X, { className: "w-3.5 h-3.5" }) })) : (_jsx("span", { className: "w-1 shrink-0" }))] })] }, tab.id));
-                })] }) }));
-};
-//# sourceMappingURL=CanvasTabsToolbar.js.map

package/dist/toolbars/CanvasTabsToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasTabsToolbar.js","sourceRoot":"","sources":["../../src/toolbars/CanvasTabsToolbar.tsx"],"names":[],"mappings":"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"}