@dashfoo/react 0.5.2 → 0.6.0

package/README.md

@@ -15,7 +15,7 @@ paint.
 It builds on three engines:
 
 - **[react-resizable-panels](https://github.com/bvaughn/react-resizable-panels)** for splitter resize (the resize adapter is the only file that imports it).
-- **[@dnd-kit/dom](https://github.com/clauderic/dnd-kit) 0.5** — the framework-agnostic core (no React bindings) — for drag (the drag adapter is the only file that touches it; pointer-only).
+- **[@dnd-kit/dom](https://github.com/clauderic/dnd-kit) 0.5** — the framework-agnostic core (no React bindings) — for drag (touched only by the drag adapter modules: `drag-adapter`/`drag-hooks`/`drag-overlays`; pointer-only). Tabsets are dnd-kit droppables behind a custom occlusion-aware collision detector; the preview chip rides the Feedback plugin's `overlay` accessor.
 - **[@dashfoo/core](https://www.npmjs.com/package/@dashfoo/core)** for the document: a zod schema, a pure reducer, and the XState machines that drive state and the drag lifecycle.
 
 ## Install

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/float-layer.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/float-layer.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":"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"}

package/dist/index.js

@@ -2,12 +2,48 @@
 
 import { canRedo, canUndo, dashfooMachine, dragDockMachine, findTabset, fromJSON, normalize, reducer, resolveDockTarget, snapEnabled, snapSizes, stackModel, tabNodeSchema, toJSON, zoneRect } from "@dashfoo/core";
 import { Fragment, createContext, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Accessibility, DragDropManager, Draggable, Feedback, PointerSensor } from "@dnd-kit/dom";
+import { Accessibility, DragDropManager, Draggable, Droppable, Feedback, PointerSensor } from "@dnd-kit/dom";
 import { createStore, useStore } from "zustand";
+import { CollisionPriority, CollisionType } from "@dnd-kit/abstract";
 import { useActorRef, useSelector } from "@xstate/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Group, Panel as Panel$1, Separator } from "react-resizable-panels";
 
+//#region src/lib/topmost-collision.ts
+const createTopmostPointerIntersection = (topElementAt = (x, y) => document.elementFromPoint(x, y)) => {
+	let cached = null;
+	const topAt = (x, y) => {
+		if (cached && cached.x === x && cached.y === y) return cached.top;
+		const top = topElementAt(x, y);
+		cached = {
+			top,
+			x,
+			y
+		};
+		queueMicrotask(() => {
+			cached = null;
+		});
+		return top;
+	};
+	return ({ dragOperation, droppable }) => {
+		const { element } = droppable;
+		if (!element) return null;
+		const point = dragOperation.position.current;
+		const top = topAt(point.x, point.y);
+		if (!top || !element.contains(top)) return null;
+		let depth = 0;
+		for (let node = element; node; node = node.parentElement) depth += 1;
+		return {
+			id: droppable.id,
+			priority: CollisionPriority.High,
+			type: CollisionType.PointerIntersection,
+			value: depth
+		};
+	};
+};
+const topmostPointerIntersection = createTopmostPointerIntersection();
+
+//#endregion
 //#region src/hooks/drag-hooks.tsx
 const INTERACTIVE_SELECTOR = `
   input:not([disabled]),
@@ -24,7 +60,7 @@ const preventActivation = (event, source) => {
 	return interactive !== null && interactive !== source.element;
 };
 const createDragManager = () => new DragDropManager({
-	plugins: (defaults) => defaults.filter((plugin) => plugin !== Accessibility && plugin !== Feedback),
+	plugins: (defaults) => [...defaults.filter((plugin) => plugin !== Accessibility && plugin !== Feedback), Feedback.configure({ dropAnimation: null })],
 	sensors: () => [PointerSensor.configure({ preventActivation })]
 });
 const DragContext = createContext(null);
@@ -109,9 +145,37 @@ const useTabsetDraggable = (tabsetId, disabled = false, label = "") => {
 };
 const useTabsetDroppable = (tabsetId) => {
 	const context = useContext(DragContext);
-	return { ref: useCallback((element) => {
-		context?.registerTabset(tabsetId, element);
-	}, [context, tabsetId]) };
+	const elementRef = useRef(null);
+	const droppableRef = useRef(null);
+	const ref = useCallback((element) => {
+		elementRef.current = element;
+		if (droppableRef.current) droppableRef.current.element = element ?? void 0;
+	}, []);
+	const layerId = context?.layerId;
+	const manager = context?.manager;
+	useEffect(() => {
+		if (!manager || layerId === void 0) return;
+		const droppable = new Droppable({
+			collisionDetector: topmostPointerIntersection,
+			data: {
+				layerId,
+				tabsetId,
+				type: "tabset"
+			},
+			id: `${layerId}:${tabsetId}`
+		}, manager);
+		droppable.element = elementRef.current ?? void 0;
+		droppableRef.current = droppable;
+		return () => {
+			droppable.destroy();
+			droppableRef.current = null;
+		};
+	}, [
+		layerId,
+		manager,
+		tabsetId
+	]);
+	return { ref };
 };
 const useExternalTabSource = ({ createTab, disabled = false, label = "" }) => {
 	const id = useId();
@@ -422,31 +486,6 @@ const useDashfooStore = (options) => {
 	]);
 };
 
-//#endregion
-//#region src/components/drag-root.tsx
-const DashfooDragProvider = ({ children }) => {
-	const [manager] = useState(createDragManager);
-	useInsertionEffect(() => () => manager.destroy(), [manager]);
-	const [subjectStore] = useState(createDragSubjectStore);
-	return /* @__PURE__ */ jsx(SharedDragManagerContext.Provider, {
-		value: manager,
-		children: /* @__PURE__ */ jsx(DragSubjectStoreContext.Provider, {
-			value: subjectStore,
-			children
-		})
-	});
-};
-
-//#endregion
-//#region src/hooks/layout-store.ts
-const createLayoutStore = (initial) => createStore(() => initial);
-const LayoutStoreContext = createContext(null);
-const useLayout = (selector) => {
-	const store = useContext(LayoutStoreContext);
-	if (store === null) throw new Error("dashfoo components must be rendered inside <DashfooLayout> or <Layout.Root>.");
-	return useStore(store, selector);
-};
-
 //#endregion
 //#region src/lib/tab-insertion.ts
 const pointInRect = (point, rect) => point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
@@ -472,15 +511,6 @@ const shouldAllowDrop = (draggedId, targetId, tabIds) => {
 	return true;
 };
 
-//#endregion
-//#region src/lib/warn-once.ts
-const warned = /* @__PURE__ */ new Set();
-const warnOnce = (key, message) => {
-	if (warned.has(key)) return;
-	warned.add(key);
-	console.warn(`[dashfoo] ${message}`);
-};
-
 //#endregion
 //#region src/components/drag-overlays.tsx
 const overlayBase = {
@@ -530,25 +560,88 @@ const DockIndicator = ({ actorRef, getTabsetElement }) => {
 		}
 	});
 };
-const previewStyle = {
-	left: 0,
-	position: "fixed",
-	top: 0,
-	zIndex: 9999
+const PREVIEW_OFFSET = {
+	x: 12,
+	y: 8
 };
-const DragPreview = ({ overlayRef, preview }) => {
-	if (!preview) return null;
+const labelOf = (source) => {
+	const raw = source?.data?.label;
+	return typeof raw === "string" ? raw : "";
+};
+const DragPreviewOverlay = ({ manager }) => {
+	const [chip, setChip] = useState(null);
+	useEffect(() => {
+		const offStart = manager.monitor.addEventListener("dragstart", (event) => {
+			const source = event.operation.source;
+			if (!source) return;
+			const rect = source.element?.getBoundingClientRect();
+			const point = event.operation.position.current;
+			setChip({
+				label: labelOf(source),
+				x: PREVIEW_OFFSET.x + (rect ? point.x - rect.left : 0),
+				y: PREVIEW_OFFSET.y + (rect ? point.y - rect.top : 0)
+			});
+		});
+		const offEnd = manager.monitor.addEventListener("dragend", () => setChip(null));
+		return () => {
+			offStart();
+			offEnd();
+		};
+	}, [manager]);
 	return /* @__PURE__ */ jsx("div", {
-		"data-dashfoo": "drag-preview",
-		ref: overlayRef,
-		style: {
-			...previewStyle,
-			transform: `translate(${preview.x}px, ${preview.y}px)`
-		},
-		children: preview.label
+		"data-dnd-overlay": "",
+		ref: useCallback((element) => {
+			const feedback = manager.registry.plugins.get(Feedback);
+			if (feedback) feedback.overlay = element ?? void 0;
+		}, [manager]),
+		children: chip === null ? null : /* @__PURE__ */ jsx("div", {
+			"data-dashfoo": "drag-preview",
+			style: {
+				left: 0,
+				position: "absolute",
+				top: 0,
+				transform: `translate(${chip.x}px, ${chip.y}px)`,
+				width: "max-content"
+			},
+			children: chip.label
+		})
+	});
+};
+
+//#endregion
+//#region src/components/drag-root.tsx
+const DashfooDragProvider = ({ children }) => {
+	const [manager] = useState(createDragManager);
+	useInsertionEffect(() => () => manager.destroy(), [manager]);
+	const [subjectStore] = useState(createDragSubjectStore);
+	return /* @__PURE__ */ jsx(SharedDragManagerContext.Provider, {
+		value: manager,
+		children: /* @__PURE__ */ jsxs(DragSubjectStoreContext.Provider, {
+			value: subjectStore,
+			children: [children, /* @__PURE__ */ jsx(DragPreviewOverlay, { manager })]
+		})
 	});
 };
 
+//#endregion
+//#region src/hooks/layout-store.ts
+const createLayoutStore = (initial) => createStore(() => initial);
+const LayoutStoreContext = createContext(null);
+const useLayout = (selector) => {
+	const store = useContext(LayoutStoreContext);
+	if (store === null) throw new Error("dashfoo components must be rendered inside <DashfooLayout> or <Layout.Root>.");
+	return useStore(store, selector);
+};
+
+//#endregion
+//#region src/lib/warn-once.ts
+const warned = /* @__PURE__ */ new Set();
+const warnOnce = (key, message) => {
+	if (warned.has(key)) return;
+	warned.add(key);
+	console.warn(`[dashfoo] ${message}`);
+};
+
 //#endregion
 //#region src/components/drag-adapter.tsx
 const tabRects = (strip, excludeId) => [...strip.querySelectorAll("[data-dashfoo=\"tab\"]")].flatMap((tab) => tab.dataset.tabId === excludeId ? [] : [tab.getBoundingClientRect()]);
@@ -571,14 +664,6 @@ const intentForTabset = (id, element, point, draggedId) => {
 		targetId: id
 	};
 };
-const PREVIEW_OFFSET = {
-	x: 12,
-	y: 8
-};
-const labelOf = (source) => {
-	const raw = source?.data?.label;
-	return typeof raw === "string" ? raw : "";
-};
 const isTabFactory = (value) => typeof value === "function";
 const subjectFor = (source) => {
 	const data = source.data;
@@ -617,9 +702,6 @@ const subjectFor = (source) => {
 const DragProvider = ({ children, onCommit, splitDock }) => {
 	const actorRef = useActorRef(dragDockMachine);
 	const layoutStore = useContext(LayoutStoreContext);
-	const [tabsets] = useState(() => /* @__PURE__ */ new Map());
-	const overlayRef = useRef(null);
-	const [preview, setPreview] = useState(null);
 	const sharedManager = useContext(SharedDragManagerContext);
 	const [ownManager] = useState(() => sharedManager ? null : createDragManager());
 	useInsertionEffect(() => () => ownManager?.destroy(), [ownManager]);
@@ -657,6 +739,10 @@ const DragProvider = ({ children, onCommit, splitDock }) => {
 		onCommitRef.current = onCommit;
 		splitDockRef.current = splitDock;
 	});
+	const getTabsetElement = useCallback((id) => {
+		const element = manager.registry.droppables.get(`${ownerId}:${id}`)?.element;
+		return element instanceof HTMLElement ? element : void 0;
+	}, [manager, ownerId]);
 	useEffect(() => {
 		const subscription = actorRef.on("COMMIT", (emitted) => {
 			if (layoutStore?.getState().editable === false) return;
@@ -671,23 +757,7 @@ const DragProvider = ({ children, onCommit, splitDock }) => {
 			subscription.unsubscribe();
 		};
 	}, [actorRef, layoutStore]);
-	const registerTabset = useCallback((id, element) => {
-		if (element) tabsets.set(id, element);
-		else tabsets.delete(id);
-	}, [tabsets]);
-	const getTabsetElement = useCallback((id) => tabsets.get(id), [tabsets]);
-	const attachOverlay = useCallback((element) => {
-		overlayRef.current = element;
-	}, []);
 	useEffect(() => {
-		const tabsetAt = (point) => {
-			const top = document.elementFromPoint(point.x, point.y);
-			if (!top) return;
-			for (const [id, element] of tabsets) if (element.contains(top)) return {
-				element,
-				id
-			};
-		};
 		const resolveIntent = (targetId, element, point, draggedId) => {
 			if (layoutStore?.getState().editable === false) return null;
 			if (!shouldAllowDrop(draggedId, targetId, [...element.querySelectorAll("[data-dashfoo=\"tab\"]")].map((tab) => tab.dataset.tabId ?? ""))) return null;
@@ -698,71 +768,62 @@ const DragProvider = ({ children, onCommit, splitDock }) => {
 			};
 			return intent;
 		};
-		const positionOverlay = (point) => {
-			const element = overlayRef.current;
-			if (element) element.style.transform = `translate(${point.x + PREVIEW_OFFSET.x}px, ${point.y + PREVIEW_OFFSET.y}px)`;
-		};
 		const handleStart = (event) => {
 			const source = event.operation.source;
 			if (!source) return;
 			const subject = subjectFor(source);
-			if (!subject) return;
-			const point = event.operation.position.current;
-			setPreview({
-				label: labelOf(source),
-				x: point.x + PREVIEW_OFFSET.x,
-				y: point.y + PREVIEW_OFFSET.y
-			});
+			if (!subject) {
+				manager.actions.stop({ canceled: true });
+				return;
+			}
 			actorRef.send({
 				subject,
 				type: "START"
 			});
 		};
-		const handleMove = (event) => {
-			const op = event.operation;
-			const point = op.position.current;
-			positionOverlay(point);
-			const draggedId = op.source ? String(op.source.id) : void 0;
-			const hit = tabsetAt(point);
+		const syncIntent = () => {
+			const operation = manager.dragOperation;
+			const point = operation.position.current;
+			const target = operation.target;
+			const data = target?.data;
+			const tabsetId = data?.layerId === ownerId ? data.tabsetId : void 0;
+			const element = tabsetId === void 0 ? void 0 : target?.element;
+			const draggedId = operation.source ? String(operation.source.id) : void 0;
 			actorRef.send({
-				intent: hit ? resolveIntent(hit.id, hit.element, point, draggedId) : null,
+				intent: tabsetId !== void 0 && element instanceof HTMLElement ? resolveIntent(tabsetId, element, point, draggedId) : null,
 				type: "OVER"
 			});
 		};
+		const handleMove = () => syncIntent();
+		const handleCollision = () => syncIntent();
 		const handleEnd = (event) => {
-			setPreview(null);
 			if (event.canceled) {
 				actorRef.send({ type: "CANCEL" });
 				return;
 			}
-			const op = event.operation;
-			const point = op.position.current;
-			const draggedId = op.source ? String(op.source.id) : void 0;
-			const hit = tabsetAt(point);
-			if (hit) actorRef.send({
-				intent: resolveIntent(hit.id, hit.element, point, draggedId),
-				type: "OVER"
-			});
+			syncIntent();
 			actorRef.send({ type: "DROP" });
 		};
 		const offStart = manager.monitor.addEventListener("dragstart", handleStart);
 		const offMove = manager.monitor.addEventListener("dragmove", handleMove);
+		const offCollision = manager.monitor.addEventListener("collision", handleCollision);
 		const offEnd = manager.monitor.addEventListener("dragend", handleEnd);
 		return () => {
 			offStart();
 			offMove();
+			offCollision();
 			offEnd();
 		};
 	}, [
 		actorRef,
 		layoutStore,
 		manager,
-		tabsets
+		ownerId
 	]);
 	const contextValue = useMemo(() => ({
-		manager,
-		registerTabset
-	}), [manager, registerTabset]);
+		layerId: ownerId,
+		manager
+	}), [manager, ownerId]);
 	return /* @__PURE__ */ jsx(DragContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsxs(DragSubjectStoreContext.Provider, {
@@ -773,10 +834,7 @@ const DragProvider = ({ children, onCommit, splitDock }) => {
 					actorRef,
 					getTabsetElement
 				}),
-				/* @__PURE__ */ jsx(DragPreview, {
-					overlayRef: attachOverlay,
-					preview
-				})
+				ownManager === null ? null : /* @__PURE__ */ jsx(DragPreviewOverlay, { manager: ownManager })
 			]
 		})
 	});