@dashfoo/react 0.6.0 → 0.6.2

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { Action, Dashfoo, DockLocation, DragSubject, DropIntent, FloatNode, GlobalAttributes, Orientation, RowNode, SnapConfig, TabNode, TabsetNode } from "@dashfoo/core";
 import { ComponentProps, ComponentType, ReactNode, Ref } from "react";
 import { DragDropManager } from "@dnd-kit/dom";
+import "zustand";
 //#region src/hooks/persistence.d.ts
 type StorageAdapter = {
   getItem: (key: string) => string | null;
@@ -80,9 +81,7 @@ type DashfooLayoutProps = {
 declare const DashfooLayout: import("react").ForwardRefExoticComponent<DashfooLayoutProps & import("react").RefAttributes<DashfooHandle>>;
 //#endregion
 //#region src/components/drag-root.d.ts
-declare const DashfooDragProvider: ({
-  children
-}: {
+declare const DashfooDragProvider: ({ children }: {
   children: ReactNode;
 }) => ReactNode;
 //#endregion
@@ -92,11 +91,7 @@ type ExternalTabSourceOptions = {
   disabled?: boolean;
   label?: string;
 };
-declare const useExternalTabSource: ({
-  createTab,
-  disabled,
-  label
-}: ExternalTabSourceOptions) => {
+declare const useExternalTabSource: ({ createTab, disabled, label }: ExternalTabSourceOptions) => {
   ref: (element: Element | null) => void;
 };
 declare const useDragSubject: () => DragSubject | null;
@@ -150,44 +145,11 @@ type TabsetViewProps = {
 //#endregion
 //#region src/components/layout.d.ts
 declare const Layout: {
-  readonly DragLayer: ({
-    children,
-    onCommit,
-    splitDock
-  }: DragProviderProps) => import("react").ReactNode;
-  readonly FloatLayer: ({
-    children,
-    floats,
-    global
-  }: FloatLayerProps) => import("react").ReactNode;
-  readonly Root: ({
-    children,
-    closableTabs,
-    dispatch,
-    draggableTabs,
-    draggableTabsets,
-    editable,
-    floatable,
-    keepMounted,
-    maximizable,
-    model,
-    renamableTabs,
-    renderTab,
-    renderTabLabel,
-    renderTabsetToolbar,
-    resizableSplits,
-    rootRef,
-    snap,
-    style,
-    ...props
-  }: LayoutRootProps) => import("react").ReactNode;
-  readonly Rows: ({
-    node,
-    renderTabset
-  }: RowViewProps) => import("react").ReactNode;
-  readonly Tabset: ({
-    node
-  }: TabsetViewProps) => import("react").ReactNode;
+  readonly DragLayer: ({ children, onCommit, splitDock }: DragProviderProps) => import("react").ReactNode;
+  readonly FloatLayer: ({ children, floats, global }: FloatLayerProps) => import("react").ReactNode;
+  readonly Root: ({ children, closableTabs, dispatch, draggableTabs, draggableTabsets, editable, floatable, keepMounted, maximizable, model, renamableTabs, renderTab, renderTabLabel, renderTabsetToolbar, resizableSplits, rootRef, snap, style, ...props }: LayoutRootProps) => import("react").ReactNode;
+  readonly Rows: ({ node, renderTabset }: RowViewProps) => import("react").ReactNode;
+  readonly Tabset: ({ node }: TabsetViewProps) => import("react").ReactNode;
 };
 //#endregion
 //#region src/components/panel.d.ts
@@ -238,67 +200,19 @@ type TabsetTablistProps = ComponentProps<"div">;
 //#endregion
 //#region src/components/tabset/tabset.d.ts
 declare const Tabset: {
-  readonly CloseButton: ({
-    children,
-    onClick,
-    ...props
-  }: TabsetCloseButtonProps) => import("react").ReactNode;
-  readonly Content: ({
-    children,
-    style,
-    ...props
-  }: TabsetContentProps) => import("react").ReactNode;
-  readonly FloatButton: ({
-    children,
-    onClick,
-    ...props
-  }: TabsetFloatButtonProps) => import("react").ReactNode;
-  readonly Grip: ({
-    children,
-    ref: userRef,
-    ...props
-  }: TabsetGripProps) => import("react").ReactNode;
-  readonly MaximizeButton: ({
-    children,
-    onClick,
-    ...props
-  }: TabsetMaximizeButtonProps) => import("react").ReactNode;
+  readonly CloseButton: ({ children, onClick, ...props }: TabsetCloseButtonProps) => import("react").ReactNode;
+  readonly Content: ({ children, style, ...props }: TabsetContentProps) => import("react").ReactNode;
+  readonly FloatButton: ({ children, onClick, ...props }: TabsetFloatButtonProps) => import("react").ReactNode;
+  readonly Grip: ({ children, ref: userRef, ...props }: TabsetGripProps) => import("react").ReactNode;
+  readonly MaximizeButton: ({ children, onClick, ...props }: TabsetMaximizeButtonProps) => import("react").ReactNode;
   readonly OverflowMenu: () => import("react").ReactNode;
   readonly RenameInput: (props: TabsetRenameInputProps) => import("react").ReactNode;
-  readonly Root: ({
-    children,
-    node,
-    ref: userRef,
-    style,
-    ...props
-  }: TabsetRootProps) => import("react").ReactNode;
-  readonly Tab: ({
-    children,
-    ref: userRef,
-    tab,
-    ...props
-  }: TabsetTabProps) => import("react").ReactNode;
-  readonly Tablist: ({
-    onKeyDown,
-    ref: userRef,
-    style,
-    ...props
-  }: TabsetTablistProps) => import("react").ReactNode;
-  readonly TabStrip: ({
-    style,
-    ...props
-  }: TabsetTabStripProps) => import("react").ReactNode;
-  readonly Toolbar: ({
-    style,
-    ...props
-  }: TabsetToolbarProps) => import("react").ReactNode;
-  readonly Trigger: ({
-    children,
-    onClick,
-    onDoubleClick,
-    ref: userRef,
-    ...props
-  }: TabsetTriggerProps) => import("react").ReactNode;
+  readonly Root: ({ children, node, ref: userRef, style, ...props }: TabsetRootProps) => import("react").ReactNode;
+  readonly Tab: ({ children, ref: userRef, tab, ...props }: TabsetTabProps) => import("react").ReactNode;
+  readonly Tablist: ({ onKeyDown, ref: userRef, style, ...props }: TabsetTablistProps) => import("react").ReactNode;
+  readonly TabStrip: ({ style, ...props }: TabsetTabStripProps) => import("react").ReactNode;
+  readonly Toolbar: ({ style, ...props }: TabsetToolbarProps) => import("react").ReactNode;
+  readonly Trigger: ({ children, onClick, onDoubleClick, ref: userRef, ...props }: TabsetTriggerProps) => import("react").ReactNode;
 };
 //#endregion
 //#region src/components/tab-overflow.d.ts
@@ -392,9 +306,7 @@ type ResponsiveModel = {
 declare const matchBreakpoint: (breakpoint: Breakpoint, width: number) => boolean;
 declare const activeBreakpoint: (breakpoints: Array<Breakpoint>, width: number) => Breakpoint;
 declare const useContainerWidth: () => [(element: HTMLElement | null) => void, number];
-declare const useResponsiveModel: ({
-  breakpoints
-}: UseResponsiveModelOptions) => ResponsiveModel;
+declare const useResponsiveModel: ({ breakpoints }: UseResponsiveModelOptions) => ResponsiveModel;
 //#endregion
 //#region src/hooks/store.d.ts
 type DashfooStore = {

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

@@ -1,7 +1,7 @@
 "use client";
 
 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 { Fragment, createContext, createElement, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Accessibility, DragDropManager, Draggable, Droppable, Feedback, PointerSensor } from "@dnd-kit/dom";
 import { createStore, useStore } from "zustand";
 import { CollisionPriority, CollisionType } from "@dnd-kit/abstract";
@@ -126,20 +126,22 @@ const useDraggableEntity = (descriptor, disabled, label) => {
 		draggableRef,
 		label
 	]);
-	return { ref };
+	return useMemo(() => ({ ref }), [ref]);
 };
 const useTabDraggable = (tabId, disabled = false, label = "") => {
+	const data = useMemo(() => ({ type: "tab" }), []);
 	return useDraggableEntity({
-		data: useMemo(() => ({ type: "tab" }), []),
+		data,
 		id: tabId
 	}, disabled, label);
 };
 const useTabsetDraggable = (tabsetId, disabled = false, label = "") => {
+	const data = useMemo(() => ({
+		tabsetId,
+		type: "tabset"
+	}), [tabsetId]);
 	return useDraggableEntity({
-		data: useMemo(() => ({
-			tabsetId,
-			type: "tabset"
-		}), [tabsetId]),
+		data,
 		id: `grip-${tabsetId}`
 	}, disabled, label);
 };
@@ -175,7 +177,7 @@ const useTabsetDroppable = (tabsetId) => {
 		manager,
 		tabsetId
 	]);
-	return { ref };
+	return useMemo(() => ({ ref }), [ref]);
 };
 const useExternalTabSource = ({ createTab, disabled = false, label = "" }) => {
 	const id = useId();
@@ -183,11 +185,12 @@ const useExternalTabSource = ({ createTab, disabled = false, label = "" }) => {
 	useEffect(() => {
 		createTabRef.current = createTab;
 	});
+	const data = useMemo(() => ({
+		createTab: () => createTabRef.current(),
+		type: "external"
+	}), []);
 	return useDraggableEntity({
-		data: useMemo(() => ({
-			createTab: () => createTabRef.current(),
-			type: "external"
-		}), []),
+		data,
 		id: `external-${id}`
 	}, disabled, label);
 };
@@ -376,16 +379,18 @@ const useResponsiveModel = ({ breakpoints }) => {
 		};
 	}, [breakpoints]);
 	const active = activeBreakpoint(breakpoints, width);
-	const isCompact = active.compact === true;
-	return {
-		breakpoint: active.id,
-		containerRef,
-		draggableTabs: !isCompact,
-		draggableTabsets: !isCompact,
-		isCompact,
-		model: active.model,
-		resizableSplits: !isCompact
-	};
+	return useMemo(() => {
+		const isCompact = active.compact === true;
+		return {
+			breakpoint: active.id,
+			containerRef,
+			draggableTabs: !isCompact,
+			draggableTabsets: !isCompact,
+			isCompact,
+			model: active.model,
+			resizableSplits: !isCompact
+		};
+	}, [active, containerRef]);
 };
 
 //#endregion
@@ -544,18 +549,22 @@ const DockIndicator = ({ actorRef, getTabsetElement }) => {
 	const zIndex = element.closest("[data-dashfoo=\"float\"]") ? overlayBase.zIndex : "auto";
 	if (intent.location === "center") {
 		const strip = element.querySelector("[data-dashfoo=\"tabstrip\"]");
-		if (strip) return /* @__PURE__ */ jsx("div", {
-			"data-dashfoo": "dock-indicator",
-			style: {
-				...lineStyle(insertionLineRect(strip.getBoundingClientRect(), tabItemRects(strip, draggedId), intent.index ?? 0)),
-				zIndex
-			}
-		});
+		if (strip) {
+			const line = insertionLineRect(strip.getBoundingClientRect(), tabItemRects(strip, draggedId), intent.index ?? 0);
+			return /* @__PURE__ */ jsx("div", {
+				"data-dashfoo": "dock-indicator",
+				style: {
+					...lineStyle(line),
+					zIndex
+				}
+			});
+		}
 	}
+	const zone = zoneRect(element.getBoundingClientRect(), intent.location);
 	return /* @__PURE__ */ jsx("div", {
 		"data-dashfoo": "dock-indicator",
 		style: {
-			...paneStyle(zoneRect(element.getBoundingClientRect(), intent.location)),
+			...paneStyle(zone),
 			zIndex
 		}
 	});
@@ -860,12 +869,13 @@ const clampToBounds = (rect, bounds, size = rect) => ({
 });
 const measureFloatRect = (element) => {
 	const rect = (element.closest("[data-dashfoo=\"tabset\"]") ?? element).getBoundingClientRect();
-	return clampToBounds({
+	const seeded = {
 		height: Math.max(MIN_HEIGHT, Math.min(Math.round(rect.height), DEFAULT_HEIGHT)),
 		left: Math.round(rect.left) + LIFT_OFFSET,
 		top: Math.round(rect.top) + LIFT_OFFSET,
 		width: Math.max(MIN_WIDTH, Math.min(Math.round(rect.width), DEFAULT_WIDTH))
-	}, {
+	};
+	return clampToBounds(seeded, {
 		height: window.innerHeight,
 		width: window.innerWidth
 	});
@@ -1189,20 +1199,20 @@ const TabsetContent = ({ children, style, ...props }) => {
 		...contentStyle,
 		...style
 	};
-	if (keepMounted && node.children.length > 0) return node.children.map((tab, index) => /* @__PURE__ */ jsx("div", {
+	if (keepMounted && node.children.length > 0) return node.children.map((tab, index) => /* @__PURE__ */ createElement("div", {
 		...props,
 		"aria-labelledby": tabDomId(node.id, tab.id),
 		"data-dashfoo": "tabcontent",
 		hidden: index !== visualSelected || void 0,
 		id: index === visualSelected ? panelDomId(node.id) : void 0,
+		key: tab.id,
 		role: index === visualSelected ? "tabpanel" : void 0,
 		style: mergedStyle,
-		tabIndex: index === visualSelected ? 0 : void 0,
-		children: /* @__PURE__ */ jsx(TabPanel, {
-			render: children,
-			tab
-		})
-	}, tab.id));
+		tabIndex: index === visualSelected ? 0 : void 0
+	}, /* @__PURE__ */ jsx(TabPanel, {
+		render: children,
+		tab
+	})));
 	const active = node.children[visualSelected];
 	if (active) return /* @__PURE__ */ jsx("div", {
 		...props,
@@ -1865,8 +1875,9 @@ const TabsetFloatButton = ({ children, onClick, ...props }) => {
 	}
 	const handleClick = (event) => {
 		onClick?.(event);
+		const geometry = measureFloatRect(event.currentTarget);
 		dispatch({
-			geometry: measureFloatRect(event.currentTarget),
+			geometry,
 			tabsetId: node.id,
 			type: "floatTabset"
 		});