@cube-dev/ui-kit 0.0.0-canary-e056095 → 0.0.0-canary-31f7f8e

package/dist/components/layout/Dashboard/context.js

@@ -1,37 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { createContext } from "react";
-
-//#region src/components/layout/Dashboard/context.ts
-const DashboardMetricsContext = createContext({
-	rowHeight: 80,
-	columnGap: 16,
-	rowGap: 16
-});
-const DashboardTreeContext = createContext({
-	containerDepth: 0,
-	parentKind: "root",
-	parentId: null,
-	layoutParentId: null,
-	parentColumns: 12,
-	parentRows: 1,
-	ancestorIds: []
-});
-const DashboardSelectionContext = createContext({
-	selectionMode: "none",
-	selectedKeys: /* @__PURE__ */ new Set(),
-	register: () => () => {},
-	select: () => {}
-});
-const DashboardEditingContext = createContext({
-	isEditing: false,
-	movingId: null,
-	arrivingIds: /* @__PURE__ */ new Set(),
-	markArriving: () => {},
-	startMoving: () => {},
-	stopMoving: () => {}
-});
-const DashboardAuthoringContext = createContext({ addItems: [] });
-
-//#endregion
-export { DashboardAuthoringContext, DashboardEditingContext, DashboardMetricsContext, DashboardSelectionContext, DashboardTreeContext };
-//# sourceMappingURL=context.js.map

package/dist/components/layout/Dashboard/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/layout/Dashboard/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type {\n  DashboardAuthoringContextValue,\n  DashboardEditingContextValue,\n  DashboardMetrics,\n  DashboardSelectionContextValue,\n  DashboardTreeContextValue,\n} from './types';\n\nexport const DashboardMetricsContext = createContext<DashboardMetrics>({\n  rowHeight: 80,\n  columnGap: 16,\n  rowGap: 16,\n});\n\nexport const DashboardTreeContext = createContext<DashboardTreeContextValue>({\n  containerDepth: 0,\n  parentKind: 'root',\n  parentId: null,\n  layoutParentId: null,\n  parentColumns: 12,\n  parentRows: 1,\n  ancestorIds: [],\n});\n\nexport const DashboardSelectionContext =\n  createContext<DashboardSelectionContextValue>({\n    selectionMode: 'none',\n    selectedKeys: new Set(),\n    register: () => () => {},\n    select: () => {},\n  });\n\nexport const DashboardEditingContext =\n  createContext<DashboardEditingContextValue>({\n    isEditing: false,\n    movingId: null,\n    arrivingIds: new Set(),\n    markArriving: () => {},\n    startMoving: () => {},\n    stopMoving: () => {},\n  });\n\nexport const DashboardAuthoringContext =\n  createContext<DashboardAuthoringContextValue>({\n    addItems: [],\n  });\n"],"mappings":";;;;AAUA,MAAa,0BAA0B,cAAgC;CACrE,WAAW;CACX,WAAW;CACX,QAAQ;CACT,CAAC;AAEF,MAAa,uBAAuB,cAAyC;CAC3E,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,aAAa,EAAE;CAChB,CAAC;AAEF,MAAa,4BACX,cAA8C;CAC5C,eAAe;CACf,8BAAc,IAAI,KAAK;CACvB,sBAAsB;CACtB,cAAc;CACf,CAAC;AAEJ,MAAa,0BACX,cAA4C;CAC1C,WAAW;CACX,UAAU;CACV,6BAAa,IAAI,KAAK;CACtB,oBAAoB;CACpB,mBAAmB;CACnB,kBAAkB;CACnB,CAAC;AAEJ,MAAa,4BACX,cAA8C,EAC5C,UAAU,EAAE,EACb,CAAC"}

package/dist/components/layout/Dashboard/drag.js

@@ -1,481 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { DASHBOARD_ROOT_GAP, clamp, placementsOverlap, pointToCell } from "./placement.js";
-import { DropPlaceholderElement } from "./styles.js";
-import { CloseCircleIcon } from "../../../icons/CloseCircleIcon.js";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-
-//#region src/components/layout/Dashboard/drag.tsx
-function parseDashboardAncestorIds(element) {
-	const value = element.dataset.dashboardAncestorIds;
-	if (!value) return [];
-	try {
-		const parsed = JSON.parse(value);
-		return Array.isArray(parsed) ? parsed.filter((id) => typeof id === "string") : [];
-	} catch {
-		return [];
-	}
-}
-/**
-* Every destination under the pointer, best first.
-*
-* Returning a list rather than a winner is load-bearing. The best candidate is
-* the deepest one, and the deepest one is also the most likely to refuse — a
-* nested container is small, so a node that does not fit it is common. When the
-* caller only had the winner, a refusal ended the frame with no proposal at all
-* and the gesture froze; releasing there discarded the whole drag even though an
-* ancestor under the same pointer would have taken it. The caller now walks the
-* list and keeps the first destination that actually yields a placement.
-*/
-function findDashboardDropTargets(node, clientX, clientY, movingId, isContainer, maximumContainerParentDepth = 2, frozen) {
-	const root = node.closest("[data-dashboard-root]");
-	if (!root) return [];
-	return collectDashboardDropElements(root).flatMap((element) => {
-		const rect = readFrozenRect(frozen, element) ?? element.getBoundingClientRect();
-		if (rect.width <= 0 || rect.height <= 0 || clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) return [];
-		const parentId = element.dataset.dashboardParentId || null;
-		const kind = element.dataset.dashboardContainerKind ?? "root";
-		const depth = Number(element.dataset.dashboardDepth ?? 0);
-		const ancestorIds = parseDashboardAncestorIds(element);
-		if (!isContainer && kind === "root") return [];
-		if (isContainer && (depth > maximumContainerParentDepth || parentId === movingId || ancestorIds.includes(movingId))) return [];
-		return [{
-			parentId,
-			kind,
-			columns: Math.max(1, Number(element.dataset.dashboardColumns ?? 12)),
-			rows: Math.max(1, Number(element.dataset.dashboardRows ?? 1)),
-			depth,
-			rect,
-			element
-		}];
-	}).sort((first, second) => second.depth - first.depth || first.rect.width * first.rect.height - second.rect.width * second.rect.height);
-}
-/**
-* The drop targets belonging to one Dashboard.
-*
-* `querySelectorAll` alone is wrong twice over: the root carries the drop-target
-* attribute itself, so passing it explicitly *and* matching it lists it twice;
-* and a second Dashboard rendered inside a widget of this one contributes its
-* own content grids, whose depths restart at 1. Those win the depth sort and
-* hand the outer consumer a `destinationParentId` from a tree it does not own.
-*/
-function collectDashboardDropElements(root) {
-	return Array.from(root.querySelectorAll("[data-dashboard-drop-target]")).filter((element) => element.closest("[data-dashboard-root]") === root).concat(root);
-}
-/**
-* The node's own parent, as a drop target.
-*
-* Keyboard movement never leaves the parent and has no pointer to hit-test, but
-* it still lands on occupied cells — before this it skipped occupancy entirely
-* and committed overlaps with no danger signal at all.
-*/
-function getOwnDashboardDropTarget(node) {
-	const element = node.parentElement;
-	if (!element || element.dataset.dashboardDropTarget === void 0) return null;
-	return {
-		parentId: element.dataset.dashboardParentId || null,
-		kind: element.dataset.dashboardContainerKind ?? "root",
-		columns: Math.max(1, Number(element.dataset.dashboardColumns ?? 12)),
-		rows: Math.max(1, Number(element.dataset.dashboardRows ?? 1)),
-		depth: Number(element.dataset.dashboardDepth ?? 0),
-		rect: element.getBoundingClientRect(),
-		element
-	};
-}
-function freezeDashboardTargetGeometry(node) {
-	const root = node.closest("[data-dashboard-root]");
-	const frozen = {
-		rects: /* @__PURE__ */ new Map(),
-		scrollX: window.scrollX,
-		scrollY: window.scrollY
-	};
-	if (!root) return frozen;
-	for (const element of collectDashboardDropElements(root)) frozen.rects.set(element, element.getBoundingClientRect());
-	return frozen;
-}
-/** A frozen rectangle brought back into the current client coordinate space. */
-function readFrozenRect(frozen, element) {
-	const rect = frozen?.rects.get(element);
-	if (!rect || !frozen) return void 0;
-	const shiftX = frozen.scrollX - window.scrollX;
-	const shiftY = frozen.scrollY - window.scrollY;
-	if (shiftX === 0 && shiftY === 0) return rect;
-	return new DOMRect(rect.left + shiftX, rect.top + shiftY, rect.width, rect.height);
-}
-function getCrossParentPlacement(target, gesture, minColumns, minRows, isContainer, metrics) {
-	if (target.kind === "root") {
-		if (!isContainer) return null;
-		const siblingMidpoints = Array.from(target.element.children).filter((child) => child instanceof HTMLElement && child.dataset.dashboardNode === "container" && child.dataset.dashboardNodeId !== void 0).map((child) => {
-			const rect = child.getBoundingClientRect();
-			return rect.top + rect.height / 2;
-		}).filter((midpoint) => Number.isFinite(midpoint));
-		const pointerY = gesture.clientY;
-		return {
-			column: 0,
-			row: siblingMidpoints.filter((midpoint) => midpoint < pointerY).length,
-			columns: 12,
-			rows: gesture.origin.rows
-		};
-	}
-	const grabbedItem = gesture.items[0];
-	const columns = Math.min(target.kind === "vertical-stack" ? grabbedItem.maxColumns : gesture.origin.columns, target.columns);
-	const rows = Math.min(target.kind === "horizontal-stack" ? grabbedItem.maxRows : gesture.origin.rows, target.rows);
-	if (columns < minColumns || rows < minRows) return null;
-	const corner = pointToCell({
-		x: gesture.clientX - gesture.grabOffsetX,
-		y: gesture.clientY - gesture.grabOffsetY
-	}, target.rect, target.columns, target.rows, metrics, "nearest");
-	return {
-		column: target.kind === "vertical-stack" ? 0 : Math.min(corner.column, target.columns - columns),
-		row: target.kind === "horizontal-stack" ? 0 : Math.min(corner.row, target.rows - rows),
-		columns,
-		rows
-	};
-}
-function readDashboardNodePlacement(element) {
-	const column = Number(element.dataset.dashboardColumn);
-	const row = Number(element.dataset.dashboardRow);
-	const columns = Number(element.dataset.dashboardColumns);
-	const rows = Number(element.dataset.dashboardRows);
-	if (![
-		column,
-		row,
-		columns,
-		rows
-	].every(Number.isFinite)) return null;
-	return {
-		column,
-		row,
-		columns,
-		rows
-	};
-}
-function getDashboardGestureItem(id, origin, element) {
-	const readConstraint = (value, fallback) => {
-		const parsed = Number(value);
-		return Number.isFinite(parsed) ? parsed : fallback;
-	};
-	return {
-		id,
-		origin,
-		element,
-		minColumns: readConstraint(element.dataset.dashboardMinColumns, origin.columns),
-		maxColumns: readConstraint(element.dataset.dashboardMaxColumns, origin.columns),
-		minRows: readConstraint(element.dataset.dashboardMinRows, origin.rows),
-		maxRows: readConstraint(element.dataset.dashboardMaxRows, origin.rows)
-	};
-}
-/** The stationary nodes a landing has to coexist with, read from the DOM. */
-function getDashboardDropSiblings(target, movingIds) {
-	return Array.from(target.element.children).flatMap((child) => {
-		if (!(child instanceof HTMLElement)) return [];
-		if (!child.dataset.dashboardNode) return [];
-		const id = child.dataset.dashboardNodeId ?? "";
-		if (movingIds.has(id)) return [];
-		if (child.dataset.dashboardAddSlot !== void 0) return [];
-		const placement = readDashboardNodePlacement(child);
-		return placement ? [{
-			id,
-			placement
-		}] : [];
-	});
-}
-const REJECTED = {
-	status: "danger",
-	displaced: []
-};
-/**
-* Where a single blocker can go inside the box the moving node is vacating.
-*
-* Deliberately narrow. Relocating a blocker anywhere in the grid is easy to
-* implement and unpleasant to use: dropping one widget can shove an unrelated
-* section across the dashboard. Restricting the search to the vacated box makes
-* the operation a swap — the only rearrangement a user can predict from the
-* gesture — and anything that does not fit there is refused instead.
-*/
-function findSwapPlacement(target, blocker, vacated, occupied) {
-	const candidates = [];
-	for (let row = vacated.row; row <= vacated.row + vacated.rows - blocker.rows; row += 1) for (let column = vacated.column; column <= vacated.column + vacated.columns - blocker.columns; column += 1) {
-		const candidate = {
-			column,
-			row,
-			columns: blocker.columns,
-			rows: blocker.rows
-		};
-		if (candidate.column + candidate.columns > target.columns || candidate.row + candidate.rows > target.rows) continue;
-		if (occupied.some((placement) => placementsOverlap(candidate, placement))) continue;
-		candidates.push(candidate);
-	}
-	const distance = (candidate) => Math.abs(candidate.column - blocker.column) + Math.abs(candidate.row - blocker.row);
-	return candidates.sort((first, second) => distance(first) - distance(second))[0] ?? null;
-}
-/**
-* Resolve a grid landing, swapping one occupant into the vacated box.
-*
-* Returns the siblings that have to move, or `null` when the landing cannot be
-* arranged — which the caller reports as a danger placeholder rather than
-* silently applying half of it.
-*/
-function resolveGridOccupancy(target, items, siblings, vacated) {
-	const landings = items.map((item) => item.placement);
-	const blockers = siblings.filter((sibling) => landings.some((landing) => placementsOverlap(sibling.placement, landing)));
-	if (!blockers.length) return [];
-	if (!vacated || blockers.length !== 1 || items.length !== 1) return null;
-	const stationary = siblings.filter((sibling) => sibling !== blockers[0]).map((sibling) => sibling.placement);
-	const spot = findSwapPlacement(target, blockers[0].placement, vacated, [...landings, ...stationary]);
-	return spot ? [{
-		id: blockers[0].id,
-		placement: spot
-	}] : null;
-}
-/**
-* Resolve a stack landing by reordering the sequence.
-*
-* A stack has no coordinates the consumer can trust — `getPlacementStyle` emits
-* `span N` and auto-flow decides the rest — so the useful answer is the order,
-* expressed as fresh sequential placements for every affected child.
-*/
-function resolveStackOccupancy(target, items, siblings, isSameParent) {
-	const isHorizontal = target.kind === "horizontal-stack";
-	const axisSpan = (placement) => isHorizontal ? placement.columns : placement.rows;
-	const capacity = isHorizontal ? target.columns : target.rows;
-	if (siblings.reduce((total, sibling) => total + axisSpan(sibling.placement), 0) + items.reduce((total, item) => total + axisSpan(item.placement), 0) > capacity) return null;
-	if (isHorizontal && items.some((item) => item.placement.rows > target.rows)) return null;
-	const start = isHorizontal ? items[0].placement.column : items[0].placement.row;
-	let offset = 0;
-	let index = siblings.length;
-	for (const [position, sibling] of siblings.entries()) {
-		const span = axisSpan(sibling.placement);
-		if (start < offset + span / 2) {
-			index = position;
-			break;
-		}
-		offset += span;
-	}
-	const ordered = [
-		...siblings.slice(0, index).map((sibling) => ({
-			id: sibling.id,
-			placement: sibling.placement,
-			moving: false
-		})),
-		...items.map((item) => ({
-			id: item.id,
-			placement: item.placement,
-			moving: true
-		})),
-		...siblings.slice(index).map((sibling) => ({
-			id: sibling.id,
-			placement: sibling.placement,
-			moving: false
-		}))
-	];
-	let cursor = 0;
-	const resolvedItems = [];
-	const displaced = [];
-	for (const entry of ordered) {
-		const placement = {
-			...entry.placement,
-			column: isHorizontal ? cursor : 0,
-			row: isHorizontal ? 0 : cursor
-		};
-		cursor += axisSpan(entry.placement);
-		if (entry.moving) resolvedItems.push({
-			id: entry.id,
-			placement
-		});
-		else if (placement.column !== entry.placement.column || placement.row !== entry.placement.row) displaced.push({
-			id: entry.id,
-			placement
-		});
-	}
-	if (!isSameParent || displaced.length || resolvedItems.length) return {
-		items: resolvedItems,
-		displaced
-	};
-	return {
-		items,
-		displaced: []
-	};
-}
-/**
-* What this destination would do with the landing.
-*
-* Dashboard used to only *judge* a landing — `valid` or `danger` — and leave the
-* arrangement to the consumer, which meant every consumer reimplemented the
-* swap and reflow policy the Playground demonstrated. Resolving it here means
-* the reported `info.items` already describes the whole arrangement, and the
-* consumer only writes placements.
-*/
-function resolveDashboardDrop(target, items, movingIds, sourceParentId, movingOrigins) {
-	if (target.kind === "root") return {
-		status: "valid",
-		items,
-		displaced: []
-	};
-	const siblings = getDashboardDropSiblings(target, movingIds);
-	const isSameParent = target.parentId === sourceParentId;
-	if (target.kind === "horizontal-stack" || target.kind === "vertical-stack") {
-		const resolved = resolveStackOccupancy(target, items, siblings, isSameParent);
-		return resolved ? {
-			status: "valid",
-			...resolved
-		} : {
-			...REJECTED,
-			items
-		};
-	}
-	const displaced = resolveGridOccupancy(target, items, siblings, isSameParent && movingOrigins.length === 1 ? movingOrigins[0] : void 0);
-	return displaced ? {
-		status: "valid",
-		items,
-		displaced
-	} : {
-		...REJECTED,
-		items
-	};
-}
-function getDashboardDropPreviewStyle(target, placement, movingElement, metrics, movingIds) {
-	if (target.kind === "root") {
-		const rootRect = target.element.getBoundingClientRect();
-		const siblings = Array.from(target.element.children).filter((child) => child instanceof HTMLElement && child.dataset.dashboardNode === "container" && !movingIds.has(child.dataset.dashboardNodeId ?? ""));
-		const index = clamp(placement.row, 0, siblings.length);
-		const previousRect = siblings[index - 1]?.getBoundingClientRect();
-		const nextRect = siblings[index]?.getBoundingClientRect();
-		return {
-			left: 0,
-			top: nextRect ? nextRect.top - rootRect.top : previousRect ? previousRect.bottom - rootRect.top + DASHBOARD_ROOT_GAP : 0,
-			width: rootRect.width,
-			height: movingElement.getBoundingClientRect().height
-		};
-	}
-	return {
-		inset: 0,
-		gridColumn: target.kind === "vertical-stack" ? "1 / -1" : `${placement.column + 1} / span ${placement.columns}`,
-		gridRow: target.kind === "horizontal-stack" ? `1 / span ${placement.rows}` : `${placement.row + 1} / span ${placement.rows}`
-	};
-}
-function getDashboardGestureItems(movingElement, movingId, movingOrigin, isSelected) {
-	const ownItem = getDashboardGestureItem(movingId, movingOrigin, movingElement);
-	if (!isSelected || !movingElement.parentElement) return [ownItem];
-	return [ownItem, ...Array.from(movingElement.parentElement.children).flatMap((child) => {
-		if (!(child instanceof HTMLElement)) return [];
-		const id = child.dataset.dashboardNodeId;
-		if (!id || id === movingId || child.dataset.selected === void 0) return [];
-		const origin = readDashboardNodePlacement(child);
-		return origin ? [getDashboardGestureItem(id, origin, child)] : [];
-	})];
-}
-function getDashboardGesturePlacements(target, gesture, grabbedPlacement) {
-	if (gesture.items.length === 1) return [{
-		id: gesture.items[0].id,
-		placement: grabbedPlacement
-	}];
-	if (target.kind === "root") {
-		if (gesture.items.some((item) => item.element.dataset.dashboardNode !== "container")) return null;
-		return gesture.items.map((item, index) => ({
-			id: item.id,
-			placement: {
-				...item.origin,
-				column: 0,
-				row: grabbedPlacement.row + index,
-				columns: 12
-			}
-		}));
-	}
-	const columnDelta = grabbedPlacement.column - gesture.origin.column;
-	const rowDelta = grabbedPlacement.row - gesture.origin.row;
-	const placements = gesture.items.map((item) => ({
-		id: item.id,
-		placement: {
-			...item.origin,
-			column: target.kind === "vertical-stack" ? 0 : item.origin.column + columnDelta,
-			row: target.kind === "horizontal-stack" ? 0 : item.origin.row + rowDelta,
-			columns: Math.min(target.kind === "vertical-stack" ? item.maxColumns : item.origin.columns, target.columns),
-			rows: Math.min(target.kind === "horizontal-stack" ? item.maxRows : item.origin.rows, target.rows)
-		}
-	}));
-	if (placements.some((item, index) => {
-		const constraints = gesture.items[index];
-		return item.placement.columns < constraints.minColumns || item.placement.rows < constraints.minRows;
-	})) return null;
-	const minimumColumn = Math.min(...placements.map((item) => item.placement.column));
-	const minimumRow = Math.min(...placements.map((item) => item.placement.row));
-	const maximumColumn = Math.max(...placements.map((item) => item.placement.column + item.placement.columns));
-	const maximumRow = Math.max(...placements.map((item) => item.placement.row + item.placement.rows));
-	const groupColumns = maximumColumn - minimumColumn;
-	const groupRows = maximumRow - minimumRow;
-	if (groupColumns > target.columns || groupRows > target.rows) return null;
-	const shiftColumn = minimumColumn < 0 ? -minimumColumn : maximumColumn > target.columns ? target.columns - maximumColumn : 0;
-	const shiftRow = minimumRow < 0 ? -minimumRow : maximumRow > target.rows ? target.rows - maximumRow : 0;
-	return placements.map((item) => ({
-		...item,
-		placement: {
-			...item.placement,
-			column: item.placement.column + shiftColumn,
-			row: item.placement.row + shiftRow
-		}
-	}));
-}
-/**
-* One placeholder per moving item. The status is resolved by the caller, which
-* needs the displaced siblings anyway and should not resolve the same landing
-* twice.
-*/
-function createDashboardDropPreviews(target, items, gestureItems, metrics, status) {
-	const movingIds = new Set(gestureItems.map((item) => item.id));
-	let rootOffset = 0;
-	const addSlotPlacement = Array.from(target.element.children).flatMap((child) => {
-		if (!(child instanceof HTMLElement)) return [];
-		if (child.dataset.dashboardAddSlot === void 0) return [];
-		const placement = readDashboardNodePlacement(child);
-		return placement ? [placement] : [];
-	})[0];
-	return items.map((item) => {
-		const gestureItem = gestureItems.find((candidate) => candidate.id === item.id);
-		const style = getDashboardDropPreviewStyle(target, item.placement, gestureItem?.element ?? gestureItems[0].element, metrics, movingIds);
-		if (target.kind === "root") {
-			style.top = Number(style.top ?? 0) + rootOffset;
-			rootOffset += Number(style.height ?? 0) + DASHBOARD_ROOT_GAP;
-		}
-		return {
-			id: item.id,
-			target: target.element,
-			placement: item.placement,
-			status,
-			coversAddSlot: addSlotPlacement !== void 0 && placementsOverlap(item.placement, addSlotPlacement),
-			style
-		};
-	});
-}
-function useDashboardDropPreview() {
-	const [preview, setPreview] = useState([]);
-	return [preview, useEvent((next) => {
-		setPreview(next ?? []);
-	})];
-}
-function renderDashboardDropPreview(previews, blockedLabel) {
-	return previews.map((preview) => {
-		const isBlocked = preview.status === "danger";
-		return createPortal(/* @__PURE__ */ jsx(DropPlaceholderElement, {
-			"aria-hidden": isBlocked ? void 0 : "true",
-			"data-dashboard-drop-status": preview.status,
-			"data-dashboard-drop-item-id": preview.id,
-			"data-dashboard-drop-covers-add-slot": preview.coversAddSlot || void 0,
-			mods: { danger: isBlocked },
-			style: preview.style,
-			children: /* @__PURE__ */ jsx("div", {
-				"data-element": "Icon",
-				role: isBlocked ? "img" : void 0,
-				"aria-label": isBlocked ? blockedLabel : void 0,
-				"aria-hidden": isBlocked ? void 0 : "true",
-				children: /* @__PURE__ */ jsx(CloseCircleIcon, {})
-			})
-		}, preview.id), preview.target, preview.id);
-	});
-}
-
-//#endregion
-export { createDashboardDropPreviews, findDashboardDropTargets, freezeDashboardTargetGeometry, getCrossParentPlacement, getDashboardGestureItem, getDashboardGestureItems, getDashboardGesturePlacements, getOwnDashboardDropTarget, renderDashboardDropPreview, resolveDashboardDrop, useDashboardDropPreview };
-//# sourceMappingURL=drag.js.map

package/dist/components/layout/Dashboard/drag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag.js","names":[],"sources":["../../../../src/components/layout/Dashboard/drag.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { CloseCircleIcon } from '../../../icons/CloseCircleIcon';\n\nimport {\n  clamp,\n  DASHBOARD_ROOT_GAP,\n  placementsOverlap,\n  pointToCell,\n} from './placement';\nimport { DropPlaceholderElement } from './styles';\n\nimport type { CSSProperties } from 'react';\nimport type {\n  DashboardMetrics,\n  DashboardParentKind,\n  DashboardPlacement,\n  DashboardPlacementChangeInput,\n  DashboardPlacementChangeItem,\n  DashboardPlacementChangeReason,\n} from './types';\n\nexport interface DashboardPlacementGesture {\n  origin: DashboardPlacement;\n  current: DashboardPlacement;\n  currentItems: DashboardPlacementChangeItem[];\n  /** Siblings the current landing pushes aside; reported alongside the group. */\n  currentDisplaced?: DashboardPlacementChangeItem[];\n  sourceParentId: string | null;\n  destinationParentId: string | null;\n  /** Accumulated page-space movement, used for quantized same-parent steps. */\n  deltaX: number;\n  deltaY: number;\n  /**\n   * The live pointer position in client space.\n   *\n   * Not `pointerStart + delta`: `useMove` reports page-space deltas, while every\n   * rectangle hit testing compares against is client-space, so scrolling during\n   * a drag put the two coordinate systems a scroll-offset apart and the pointer\n   * appeared to be somewhere it was not.\n   */\n  clientX: number;\n  clientY: number;\n  grabOffsetX: number;\n  grabOffsetY: number;\n  /** Destination rectangles measured once, at gesture start. */\n  frozen?: DashboardTargetGeometry;\n  /** Set by Escape or `pointercancel`; suppresses the commit. */\n  cancelled?: boolean;\n  keyboardColumns: number;\n  keyboardRows: number;\n  columnStep: number;\n  rowStep: number;\n  input: DashboardPlacementChangeInput;\n  canCommit: boolean;\n  items: DashboardGestureItem[];\n}\n\nexport interface DashboardGestureItem {\n  id: string;\n  origin: DashboardPlacement;\n  element: HTMLElement;\n  minColumns: number;\n  maxColumns: number;\n  minRows: number;\n  maxRows: number;\n}\n\nexport interface DashboardDropTarget {\n  parentId: string | null;\n  kind: DashboardParentKind;\n  columns: number;\n  rows: number;\n  depth: number;\n  rect: DOMRect;\n  element: HTMLElement;\n}\n\nexport type DashboardDropStatus = 'valid' | 'danger';\n\nexport interface DashboardDropPreview {\n  id: string;\n  target: HTMLElement;\n  placement: DashboardPlacement;\n  status: DashboardDropStatus;\n  coversAddSlot: boolean;\n  style: CSSProperties;\n}\n\nexport function parseDashboardAncestorIds(element: HTMLElement): string[] {\n  const value = element.dataset.dashboardAncestorIds;\n  if (!value) return [];\n\n  try {\n    const parsed: unknown = JSON.parse(value);\n    return Array.isArray(parsed)\n      ? parsed.filter((id): id is string => typeof id === 'string')\n      : [];\n  } catch {\n    return [];\n  }\n}\n\n/**\n * Every destination under the pointer, best first.\n *\n * Returning a list rather than a winner is load-bearing. The best candidate is\n * the deepest one, and the deepest one is also the most likely to refuse — a\n * nested container is small, so a node that does not fit it is common. When the\n * caller only had the winner, a refusal ended the frame with no proposal at all\n * and the gesture froze; releasing there discarded the whole drag even though an\n * ancestor under the same pointer would have taken it. The caller now walks the\n * list and keeps the first destination that actually yields a placement.\n */\nexport function findDashboardDropTargets(\n  node: HTMLElement,\n  clientX: number,\n  clientY: number,\n  movingId: string,\n  isContainer: boolean,\n  maximumContainerParentDepth = 2,\n  frozen?: DashboardTargetGeometry,\n): DashboardDropTarget[] {\n  const root = node.closest<HTMLElement>('[data-dashboard-root]');\n  if (!root) return [];\n\n  const candidates = collectDashboardDropElements(root)\n    .flatMap((element) => {\n      const rect =\n        readFrozenRect(frozen, element) ?? element.getBoundingClientRect();\n      if (\n        rect.width <= 0 ||\n        rect.height <= 0 ||\n        clientX < rect.left ||\n        clientX > rect.right ||\n        clientY < rect.top ||\n        clientY > rect.bottom\n      ) {\n        return [];\n      }\n\n      const parentId = element.dataset.dashboardParentId || null;\n      const kind = (element.dataset.dashboardContainerKind ??\n        'root') as DashboardParentKind;\n      const depth = Number(element.dataset.dashboardDepth ?? 0);\n      const ancestorIds = parseDashboardAncestorIds(element);\n\n      if (!isContainer && kind === 'root') return [];\n      if (\n        isContainer &&\n        (depth > maximumContainerParentDepth ||\n          parentId === movingId ||\n          ancestorIds.includes(movingId))\n      ) {\n        return [];\n      }\n\n      return [\n        {\n          parentId,\n          kind,\n          columns: Math.max(1, Number(element.dataset.dashboardColumns ?? 12)),\n          rows: Math.max(1, Number(element.dataset.dashboardRows ?? 1)),\n          depth,\n          rect,\n          element,\n        },\n      ];\n    })\n    .sort(\n      (first, second) =>\n        second.depth - first.depth ||\n        first.rect.width * first.rect.height -\n          second.rect.width * second.rect.height,\n    );\n\n  return candidates;\n}\n\n/**\n * The drop targets belonging to one Dashboard.\n *\n * `querySelectorAll` alone is wrong twice over: the root carries the drop-target\n * attribute itself, so passing it explicitly *and* matching it lists it twice;\n * and a second Dashboard rendered inside a widget of this one contributes its\n * own content grids, whose depths restart at 1. Those win the depth sort and\n * hand the outer consumer a `destinationParentId` from a tree it does not own.\n */\nfunction collectDashboardDropElements(root: HTMLElement): HTMLElement[] {\n  return Array.from(\n    root.querySelectorAll<HTMLElement>('[data-dashboard-drop-target]'),\n  )\n    .filter((element) => element.closest('[data-dashboard-root]') === root)\n    .concat(root);\n}\n\n/**\n * The node's own parent, as a drop target.\n *\n * Keyboard movement never leaves the parent and has no pointer to hit-test, but\n * it still lands on occupied cells — before this it skipped occupancy entirely\n * and committed overlaps with no danger signal at all.\n */\nexport function getOwnDashboardDropTarget(\n  node: HTMLElement,\n): DashboardDropTarget | null {\n  const element = node.parentElement;\n  if (!element || element.dataset.dashboardDropTarget === undefined) {\n    return null;\n  }\n\n  return {\n    parentId: element.dataset.dashboardParentId || null,\n    kind: (element.dataset.dashboardContainerKind ??\n      'root') as DashboardParentKind,\n    columns: Math.max(1, Number(element.dataset.dashboardColumns ?? 12)),\n    rows: Math.max(1, Number(element.dataset.dashboardRows ?? 1)),\n    depth: Number(element.dataset.dashboardDepth ?? 0),\n    rect: element.getBoundingClientRect(),\n    element,\n  };\n}\n\n/**\n * Destination rectangles, measured once at the start of a gesture.\n *\n * Hit testing cannot read live geometry here. The consumer owns the layout and\n * applies every `preview` placement, so the node moves as the pointer moves —\n * which moves the rectangles the next frame's hit test depends on, and the\n * result oscillates between two destinations. Freezing at gesture start makes\n * the pointer the only thing that varies. `Board` reaches the same conclusion\n * for the same reason (see `use-board-registry.ts`).\n *\n * The scroll offset is frozen alongside the rectangles. A client-space rectangle\n * is only valid at the scroll position it was measured at, so reading one back\n * has to undo whatever scrolling has happened since — otherwise scrolling during\n * a drag silently moves every destination out from under the pointer.\n */\nexport interface DashboardTargetGeometry {\n  rects: Map<HTMLElement, DOMRect>;\n  scrollX: number;\n  scrollY: number;\n}\n\nexport function freezeDashboardTargetGeometry(\n  node: HTMLElement,\n): DashboardTargetGeometry {\n  const root = node.closest<HTMLElement>('[data-dashboard-root]');\n  const frozen: DashboardTargetGeometry = {\n    rects: new Map(),\n    scrollX: window.scrollX,\n    scrollY: window.scrollY,\n  };\n  if (!root) return frozen;\n\n  for (const element of collectDashboardDropElements(root)) {\n    frozen.rects.set(element, element.getBoundingClientRect());\n  }\n\n  return frozen;\n}\n\n/** A frozen rectangle brought back into the current client coordinate space. */\nfunction readFrozenRect(\n  frozen: DashboardTargetGeometry | undefined,\n  element: HTMLElement,\n): DOMRect | undefined {\n  const rect = frozen?.rects.get(element);\n  if (!rect || !frozen) return undefined;\n\n  const shiftX = frozen.scrollX - window.scrollX;\n  const shiftY = frozen.scrollY - window.scrollY;\n  if (shiftX === 0 && shiftY === 0) return rect;\n\n  return new DOMRect(\n    rect.left + shiftX,\n    rect.top + shiftY,\n    rect.width,\n    rect.height,\n  );\n}\n\nexport function getCrossParentPlacement(\n  target: DashboardDropTarget,\n  gesture: DashboardPlacementGesture,\n  minColumns: number,\n  minRows: number,\n  isContainer: boolean,\n  metrics: DashboardMetrics,\n): DashboardPlacement | null {\n  if (target.kind === 'root') {\n    if (!isContainer) return null;\n\n    const siblingMidpoints = Array.from(target.element.children)\n      .filter(\n        (child): child is HTMLElement =>\n          child instanceof HTMLElement &&\n          child.dataset.dashboardNode === 'container' &&\n          child.dataset.dashboardNodeId !== undefined,\n      )\n      .map((child) => {\n        const rect = child.getBoundingClientRect();\n        return rect.top + rect.height / 2;\n      })\n      .filter((midpoint) => Number.isFinite(midpoint));\n    const pointerY = gesture.clientY;\n\n    return {\n      column: 0,\n      row: siblingMidpoints.filter((midpoint) => midpoint < pointerY).length,\n      columns: 12,\n      rows: gesture.origin.rows,\n    };\n  }\n\n  const grabbedItem = gesture.items[0];\n  const columns = Math.min(\n    target.kind === 'vertical-stack'\n      ? grabbedItem.maxColumns\n      : gesture.origin.columns,\n    target.columns,\n  );\n  const rows = Math.min(\n    target.kind === 'horizontal-stack'\n      ? grabbedItem.maxRows\n      : gesture.origin.rows,\n    target.rows,\n  );\n  if (columns < minColumns || rows < minRows) return null;\n\n  const corner = pointToCell(\n    {\n      x: gesture.clientX - gesture.grabOffsetX,\n      y: gesture.clientY - gesture.grabOffsetY,\n    },\n    target.rect,\n    target.columns,\n    target.rows,\n    metrics,\n    'nearest',\n  );\n\n  return {\n    column:\n      target.kind === 'vertical-stack'\n        ? 0\n        : Math.min(corner.column, target.columns - columns),\n    row:\n      target.kind === 'horizontal-stack'\n        ? 0\n        : Math.min(corner.row, target.rows - rows),\n    columns,\n    rows,\n  };\n}\n\nexport function readDashboardNodePlacement(\n  element: HTMLElement,\n): DashboardPlacement | null {\n  const column = Number(element.dataset.dashboardColumn);\n  const row = Number(element.dataset.dashboardRow);\n  const columns = Number(element.dataset.dashboardColumns);\n  const rows = Number(element.dataset.dashboardRows);\n\n  if (![column, row, columns, rows].every(Number.isFinite)) return null;\n\n  return { column, row, columns, rows };\n}\n\nexport function getDashboardGestureItem(\n  id: string,\n  origin: DashboardPlacement,\n  element: HTMLElement,\n): DashboardGestureItem {\n  const readConstraint = (\n    value: string | undefined,\n    fallback: number,\n  ): number => {\n    const parsed = Number(value);\n\n    return Number.isFinite(parsed) ? parsed : fallback;\n  };\n\n  return {\n    id,\n    origin,\n    element,\n    minColumns: readConstraint(\n      element.dataset.dashboardMinColumns,\n      origin.columns,\n    ),\n    maxColumns: readConstraint(\n      element.dataset.dashboardMaxColumns,\n      origin.columns,\n    ),\n    minRows: readConstraint(element.dataset.dashboardMinRows, origin.rows),\n    maxRows: readConstraint(element.dataset.dashboardMaxRows, origin.rows),\n  };\n}\n\nexport interface DashboardSibling {\n  id: string;\n  placement: DashboardPlacement;\n}\n\n/** The stationary nodes a landing has to coexist with, read from the DOM. */\nexport function getDashboardDropSiblings(\n  target: DashboardDropTarget,\n  movingIds: ReadonlySet<string>,\n): DashboardSibling[] {\n  return Array.from(target.element.children).flatMap((child) => {\n    if (!(child instanceof HTMLElement)) return [];\n    if (!child.dataset.dashboardNode) return [];\n    const id = child.dataset.dashboardNodeId ?? '';\n    if (movingIds.has(id)) return [];\n    if (child.dataset.dashboardAddSlot !== undefined) return [];\n\n    const placement = readDashboardNodePlacement(child);\n\n    return placement ? [{ id, placement }] : [];\n  });\n}\n\n/** What a destination will accept, and what has to move out of the way for it. */\nexport interface DashboardDropResolution {\n  status: DashboardDropStatus;\n  /** The moving group, normalized for the destination's layout. */\n  items: DashboardPlacementChangeItem[];\n  /** Stationary siblings this landing pushes to a new placement. */\n  displaced: DashboardPlacementChangeItem[];\n}\n\nconst REJECTED: Omit<DashboardDropResolution, 'items'> = {\n  status: 'danger',\n  displaced: [],\n};\n\n/**\n * Where a single blocker can go inside the box the moving node is vacating.\n *\n * Deliberately narrow. Relocating a blocker anywhere in the grid is easy to\n * implement and unpleasant to use: dropping one widget can shove an unrelated\n * section across the dashboard. Restricting the search to the vacated box makes\n * the operation a swap — the only rearrangement a user can predict from the\n * gesture — and anything that does not fit there is refused instead.\n */\nfunction findSwapPlacement(\n  target: DashboardDropTarget,\n  blocker: DashboardPlacement,\n  vacated: DashboardPlacement,\n  occupied: DashboardPlacement[],\n): DashboardPlacement | null {\n  const candidates: DashboardPlacement[] = [];\n\n  for (\n    let row = vacated.row;\n    row <= vacated.row + vacated.rows - blocker.rows;\n    row += 1\n  ) {\n    for (\n      let column = vacated.column;\n      column <= vacated.column + vacated.columns - blocker.columns;\n      column += 1\n    ) {\n      const candidate = {\n        column,\n        row,\n        columns: blocker.columns,\n        rows: blocker.rows,\n      };\n\n      if (\n        candidate.column + candidate.columns > target.columns ||\n        candidate.row + candidate.rows > target.rows\n      ) {\n        continue;\n      }\n      if (\n        occupied.some((placement) => placementsOverlap(candidate, placement))\n      ) {\n        continue;\n      }\n      candidates.push(candidate);\n    }\n  }\n\n  const distance = (candidate: DashboardPlacement) =>\n    Math.abs(candidate.column - blocker.column) +\n    Math.abs(candidate.row - blocker.row);\n\n  return (\n    candidates.sort((first, second) => distance(first) - distance(second))[0] ??\n    null\n  );\n}\n\n/**\n * Resolve a grid landing, swapping one occupant into the vacated box.\n *\n * Returns the siblings that have to move, or `null` when the landing cannot be\n * arranged — which the caller reports as a danger placeholder rather than\n * silently applying half of it.\n */\nfunction resolveGridOccupancy(\n  target: DashboardDropTarget,\n  items: DashboardPlacementChangeItem[],\n  siblings: DashboardSibling[],\n  vacated?: DashboardPlacement,\n): DashboardPlacementChangeItem[] | null {\n  const landings = items.map((item) => item.placement);\n  const blockers = siblings.filter((sibling) =>\n    landings.some((landing) => placementsOverlap(sibling.placement, landing)),\n  );\n  if (!blockers.length) return [];\n  // A swap needs one thing coming in and one thing going out, and somewhere\n  // known for it to go.\n  if (!vacated || blockers.length !== 1 || items.length !== 1) return null;\n\n  const stationary = siblings\n    .filter((sibling) => sibling !== blockers[0])\n    .map((sibling) => sibling.placement);\n  const spot = findSwapPlacement(target, blockers[0].placement, vacated, [\n    ...landings,\n    ...stationary,\n  ]);\n\n  return spot ? [{ id: blockers[0].id, placement: spot }] : null;\n}\n\n/**\n * Resolve a stack landing by reordering the sequence.\n *\n * A stack has no coordinates the consumer can trust — `getPlacementStyle` emits\n * `span N` and auto-flow decides the rest — so the useful answer is the order,\n * expressed as fresh sequential placements for every affected child.\n */\nfunction resolveStackOccupancy(\n  target: DashboardDropTarget,\n  items: DashboardPlacementChangeItem[],\n  siblings: DashboardSibling[],\n  isSameParent: boolean,\n): Omit<DashboardDropResolution, 'status'> | null {\n  const isHorizontal = target.kind === 'horizontal-stack';\n  const axisSpan = (placement: DashboardPlacement) =>\n    isHorizontal ? placement.columns : placement.rows;\n  const capacity = isHorizontal ? target.columns : target.rows;\n  const used = siblings.reduce(\n    (total, sibling) => total + axisSpan(sibling.placement),\n    0,\n  );\n  const incoming = items.reduce(\n    (total, item) => total + axisSpan(item.placement),\n    0,\n  );\n\n  if (used + incoming > capacity) return null;\n  if (isHorizontal && items.some((item) => item.placement.rows > target.rows)) {\n    return null;\n  }\n\n  // Where the pointer put the grabbed item, in sequence terms: before the first\n  // sibling whose midpoint it has passed.\n  const start = isHorizontal\n    ? items[0].placement.column\n    : items[0].placement.row;\n  let offset = 0;\n  let index = siblings.length;\n\n  for (const [position, sibling] of siblings.entries()) {\n    const span = axisSpan(sibling.placement);\n    if (start < offset + span / 2) {\n      index = position;\n      break;\n    }\n    offset += span;\n  }\n\n  const ordered = [\n    ...siblings.slice(0, index).map((sibling) => ({\n      id: sibling.id,\n      placement: sibling.placement,\n      moving: false,\n    })),\n    ...items.map((item) => ({\n      id: item.id,\n      placement: item.placement,\n      moving: true,\n    })),\n    ...siblings.slice(index).map((sibling) => ({\n      id: sibling.id,\n      placement: sibling.placement,\n      moving: false,\n    })),\n  ];\n\n  let cursor = 0;\n  const resolvedItems: DashboardPlacementChangeItem[] = [];\n  const displaced: DashboardPlacementChangeItem[] = [];\n\n  for (const entry of ordered) {\n    const placement = {\n      ...entry.placement,\n      column: isHorizontal ? cursor : 0,\n      row: isHorizontal ? 0 : cursor,\n    };\n    cursor += axisSpan(entry.placement);\n\n    if (entry.moving) {\n      resolvedItems.push({ id: entry.id, placement });\n    } else if (\n      placement.column !== entry.placement.column ||\n      placement.row !== entry.placement.row\n    ) {\n      displaced.push({ id: entry.id, placement });\n    }\n  }\n\n  // A same-parent reorder that changes nothing is not a move; let the caller's\n  // own \"did anything change\" check see the original placements.\n  if (!isSameParent || displaced.length || resolvedItems.length) {\n    return { items: resolvedItems, displaced };\n  }\n\n  return { items, displaced: [] };\n}\n\n/**\n * What this destination would do with the landing.\n *\n * Dashboard used to only *judge* a landing — `valid` or `danger` — and leave the\n * arrangement to the consumer, which meant every consumer reimplemented the\n * swap and reflow policy the Playground demonstrated. Resolving it here means\n * the reported `info.items` already describes the whole arrangement, and the\n * consumer only writes placements.\n */\nexport function resolveDashboardDrop(\n  target: DashboardDropTarget,\n  items: DashboardPlacementChangeItem[],\n  movingIds: ReadonlySet<string>,\n  sourceParentId: string | null,\n  movingOrigins: DashboardPlacement[],\n): DashboardDropResolution {\n  if (target.kind === 'root') return { status: 'valid', items, displaced: [] };\n\n  const siblings = getDashboardDropSiblings(target, movingIds);\n  const isSameParent = target.parentId === sourceParentId;\n\n  if (target.kind === 'horizontal-stack' || target.kind === 'vertical-stack') {\n    const resolved = resolveStackOccupancy(\n      target,\n      items,\n      siblings,\n      isSameParent,\n    );\n\n    return resolved ? { status: 'valid', ...resolved } : { ...REJECTED, items };\n  }\n\n  const displaced = resolveGridOccupancy(\n    target,\n    items,\n    siblings,\n    isSameParent && movingOrigins.length === 1 ? movingOrigins[0] : undefined,\n  );\n\n  return displaced\n    ? { status: 'valid', items, displaced }\n    : { ...REJECTED, items };\n}\n\nexport function getDashboardDropPreviewStyle(\n  target: DashboardDropTarget,\n  placement: DashboardPlacement,\n  movingElement: HTMLElement,\n  metrics: DashboardMetrics,\n  movingIds: ReadonlySet<string>,\n): CSSProperties {\n  if (target.kind === 'root') {\n    const rootRect = target.element.getBoundingClientRect();\n    const siblings = Array.from(target.element.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.dataset.dashboardNode === 'container' &&\n        !movingIds.has(child.dataset.dashboardNodeId ?? ''),\n    );\n    const index = clamp(placement.row, 0, siblings.length);\n    const previousRect = siblings[index - 1]?.getBoundingClientRect();\n    const nextRect = siblings[index]?.getBoundingClientRect();\n    const top = nextRect\n      ? nextRect.top - rootRect.top\n      : previousRect\n        ? previousRect.bottom - rootRect.top + DASHBOARD_ROOT_GAP\n        : 0;\n\n    return {\n      left: 0,\n      top,\n      width: rootRect.width,\n      height: movingElement.getBoundingClientRect().height,\n    };\n  }\n\n  return {\n    inset: 0,\n    gridColumn:\n      target.kind === 'vertical-stack'\n        ? '1 / -1'\n        : `${placement.column + 1} / span ${placement.columns}`,\n    gridRow:\n      target.kind === 'horizontal-stack'\n        ? `1 / span ${placement.rows}`\n        : `${placement.row + 1} / span ${placement.rows}`,\n  };\n}\n\nexport function getDashboardGestureItems(\n  movingElement: HTMLElement,\n  movingId: string,\n  movingOrigin: DashboardPlacement,\n  isSelected: boolean,\n): DashboardGestureItem[] {\n  const ownItem = getDashboardGestureItem(\n    movingId,\n    movingOrigin,\n    movingElement,\n  );\n  if (!isSelected || !movingElement.parentElement) return [ownItem];\n\n  const selectedSiblings = Array.from(\n    movingElement.parentElement.children,\n  ).flatMap((child) => {\n    if (!(child instanceof HTMLElement)) return [];\n    const id = child.dataset.dashboardNodeId;\n    if (!id || id === movingId || child.dataset.selected === undefined) {\n      return [];\n    }\n\n    const origin = readDashboardNodePlacement(child);\n\n    return origin ? [getDashboardGestureItem(id, origin, child)] : [];\n  });\n\n  return [ownItem, ...selectedSiblings];\n}\n\nexport function getDashboardGesturePlacements(\n  target: DashboardDropTarget,\n  gesture: DashboardPlacementGesture,\n  grabbedPlacement: DashboardPlacement,\n): DashboardPlacementChangeItem[] | null {\n  if (gesture.items.length === 1) {\n    return [{ id: gesture.items[0].id, placement: grabbedPlacement }];\n  }\n\n  if (target.kind === 'root') {\n    if (\n      gesture.items.some(\n        (item) => item.element.dataset.dashboardNode !== 'container',\n      )\n    ) {\n      return null;\n    }\n\n    return gesture.items.map((item, index) => ({\n      id: item.id,\n      placement: {\n        ...item.origin,\n        column: 0,\n        row: grabbedPlacement.row + index,\n        columns: 12,\n      },\n    }));\n  }\n\n  const columnDelta = grabbedPlacement.column - gesture.origin.column;\n  const rowDelta = grabbedPlacement.row - gesture.origin.row;\n  const placements = gesture.items.map((item) => ({\n    id: item.id,\n    placement: {\n      ...item.origin,\n      column:\n        target.kind === 'vertical-stack' ? 0 : item.origin.column + columnDelta,\n      row: target.kind === 'horizontal-stack' ? 0 : item.origin.row + rowDelta,\n      columns: Math.min(\n        target.kind === 'vertical-stack'\n          ? item.maxColumns\n          : item.origin.columns,\n        target.columns,\n      ),\n      rows: Math.min(\n        target.kind === 'horizontal-stack' ? item.maxRows : item.origin.rows,\n        target.rows,\n      ),\n    },\n  }));\n  if (\n    placements.some((item, index) => {\n      const constraints = gesture.items[index];\n\n      return (\n        item.placement.columns < constraints.minColumns ||\n        item.placement.rows < constraints.minRows\n      );\n    })\n  ) {\n    return null;\n  }\n  const minimumColumn = Math.min(\n    ...placements.map((item) => item.placement.column),\n  );\n  const minimumRow = Math.min(...placements.map((item) => item.placement.row));\n  const maximumColumn = Math.max(\n    ...placements.map((item) => item.placement.column + item.placement.columns),\n  );\n  const maximumRow = Math.max(\n    ...placements.map((item) => item.placement.row + item.placement.rows),\n  );\n  const groupColumns = maximumColumn - minimumColumn;\n  const groupRows = maximumRow - minimumRow;\n\n  if (groupColumns > target.columns || groupRows > target.rows) return null;\n\n  const shiftColumn =\n    minimumColumn < 0\n      ? -minimumColumn\n      : maximumColumn > target.columns\n        ? target.columns - maximumColumn\n        : 0;\n  const shiftRow =\n    minimumRow < 0\n      ? -minimumRow\n      : maximumRow > target.rows\n        ? target.rows - maximumRow\n        : 0;\n\n  return placements.map((item) => ({\n    ...item,\n    placement: {\n      ...item.placement,\n      column: item.placement.column + shiftColumn,\n      row: item.placement.row + shiftRow,\n    },\n  }));\n}\n\n/**\n * One placeholder per moving item. The status is resolved by the caller, which\n * needs the displaced siblings anyway and should not resolve the same landing\n * twice.\n */\nexport function createDashboardDropPreviews(\n  target: DashboardDropTarget,\n  items: DashboardPlacementChangeItem[],\n  gestureItems: DashboardGestureItem[],\n  metrics: DashboardMetrics,\n  status: DashboardDropStatus,\n): DashboardDropPreview[] {\n  const movingIds = new Set(gestureItems.map((item) => item.id));\n  let rootOffset = 0;\n  const addSlotPlacement = Array.from(target.element.children).flatMap(\n    (child) => {\n      if (!(child instanceof HTMLElement)) return [];\n      if (child.dataset.dashboardAddSlot === undefined) return [];\n\n      const placement = readDashboardNodePlacement(child);\n\n      return placement ? [placement] : [];\n    },\n  )[0];\n\n  return items.map((item) => {\n    const gestureItem = gestureItems.find(\n      (candidate) => candidate.id === item.id,\n    );\n    const style = getDashboardDropPreviewStyle(\n      target,\n      item.placement,\n      gestureItem?.element ?? gestureItems[0].element,\n      metrics,\n      movingIds,\n    );\n\n    if (target.kind === 'root') {\n      style.top = Number(style.top ?? 0) + rootOffset;\n      rootOffset += Number(style.height ?? 0) + DASHBOARD_ROOT_GAP;\n    }\n\n    return {\n      id: item.id,\n      target: target.element,\n      placement: item.placement,\n      status,\n      coversAddSlot:\n        addSlotPlacement !== undefined &&\n        placementsOverlap(item.placement, addSlotPlacement),\n      style,\n    };\n  });\n}\n\nexport function useDashboardDropPreview() {\n  const [preview, setPreview] = useState<DashboardDropPreview[]>([]);\n  const updatePreview = useEvent((next: DashboardDropPreview[] | null) => {\n    setPreview(next ?? []);\n  });\n\n  return [preview, updatePreview] as const;\n}\n\nexport function renderDashboardDropPreview(\n  previews: DashboardDropPreview[],\n  blockedLabel: string,\n) {\n  return previews.map((preview) => {\n    const isBlocked = preview.status === 'danger';\n\n    return createPortal(\n      <DropPlaceholderElement\n        key={preview.id}\n        aria-hidden={isBlocked ? undefined : 'true'}\n        data-dashboard-drop-status={preview.status}\n        data-dashboard-drop-item-id={preview.id}\n        data-dashboard-drop-covers-add-slot={preview.coversAddSlot || undefined}\n        mods={{ danger: isBlocked }}\n        style={preview.style}\n      >\n        <div\n          data-element=\"Icon\"\n          role={isBlocked ? 'img' : undefined}\n          aria-label={isBlocked ? blockedLabel : undefined}\n          aria-hidden={isBlocked ? undefined : 'true'}\n        >\n          <CloseCircleIcon />\n        </div>\n      </DropPlaceholderElement>,\n      preview.target,\n      preview.id,\n    );\n  });\n}\n"],"mappings":"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"}

package/dist/components/layout/Dashboard/index.d.ts

@@ -1,6 +0,0 @@
-
-import { CubeDashboardContainerProps, CubeDashboardProps, CubeDashboardTabProps, CubeDashboardTabsProps, CubeDashboardWidgetProps, DashboardAddItemDefinition, DashboardAddItemInfo, DashboardAddItemKind, DashboardContainerKind, DashboardNodeAction, DashboardParentKind, DashboardPlacement, DashboardPlacementChangeInfo, DashboardPlacementChangeInput, DashboardPlacementChangeItem, DashboardPlacementChangePhase, DashboardPlacementChangeReason, DashboardPlacementProps, DashboardSelectionMode } from "./types.js";
-import { DashboardTab, DashboardTabs } from "./DashboardTabs.js";
-import { DashboardGrid, DashboardHorizontalStack, DashboardVerticalStack } from "./DashboardContainer.js";
-import { DashboardWidget } from "./DashboardWidget.js";
-import { Dashboard } from "./Dashboard.js";