@cube-dev/ui-kit 0.145.3 → 0.145.4

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { FieldWrapper } from "../FieldWrapper/FieldWrapper.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";
 import { forwardRef, isValidElement, useContext } from "react";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { delayValidationRule } from "../validation.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Board/Board.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/layout/Board/BoardProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { BoardDragActiveContext, BoardRegistryContext } from "./board-context.js";
 import { useBoardRegistry } from "./use-board-registry.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/layout/Board/BoardResponsive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/Widget.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useBoardRegistry } from "./board-context.js";

package/dist/components/layout/Board/WidgetHost.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardHostContext } from "./board-context.js";

package/dist/components/layout/Board/board-context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/layout/Board/board-context.tsx

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";
 import { aspectRatio, boundedX, boundedY, containerBounds, gridBounds, maxSize, minMaxSize, minSize, snapToGrid } from "./grid-core/constraints.js";
 import { BoardProvider } from "./BoardProvider.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
-import { getAllCollisions } from "./grid-core/collision.js";
+import { collides } from "./grid-core/collision.js";
 import { bottom, cloneLayout, getLayoutItem, moveElement } from "./grid-core/layout.js";
 import { calcXYRaw } from "./grid-core/calculate.js";
 import { applyPositionConstraints } from "./grid-core/constraints.js";
@@ -29,6 +29,95 @@ function rectCenter(rect) {
 		y: rect.top + rect.height / 2
 	};
 }
+/**
+* Canonical key for the unordered pair `{id1, id2}`. Widget ids are unrestricted
+* strings, so a naive `` `${id1}|${id2}` `` join is ambiguous - an id containing
+* the delimiter lets two different pairs collide (e.g. `{"a|b","c"}` and
+* `{"a","b|c"}` both yield `"a|b|c"`). `JSON.stringify` of the sorted tuple
+* quotes and escapes each id, so distinct pairs always produce distinct keys.
+*/
+function pairKey(id1, id2) {
+	return id1 < id2 ? JSON.stringify([id1, id2]) : JSON.stringify([id2, id1]);
+}
+/**
+* Keys of every overlapping pair in the layout (see `pairKey`), so two layouts'
+* overlap sets can be compared to tell which overlaps a move *introduced* versus
+* which already existed.
+*/
+function overlappingPairs(layout) {
+	const pairs = /* @__PURE__ */ new Set();
+	for (let i = 0; i < layout.length; i++) for (let j = i + 1; j < layout.length; j++) {
+		const a = layout[i];
+		const b = layout[j];
+		if (collides(a, b)) pairs.add(pairKey(a.i, b.i));
+	}
+	return pairs;
+}
+/**
+* Whether `after` contains an overlapping pair that `before` did not. Used to
+* reject only moves that *create* a new stack. A board may already hold
+* overlapping widgets - a `compact={null}` layout is never gap-compacted, and an
+* app can supply overlapping items directly (or toggle `allowOverlap` off after
+* stacking) - and those pre-existing overlaps must not freeze every subsequent
+* move by making a whole-layout collision check always true.
+*/
+function hasNewOverlap(before, after) {
+	const afterPairs = overlappingPairs(after);
+	for (const key of afterPairs) if (!before.has(key)) return true;
+	return false;
+}
+/**
+* First position at or below the preferred cell where `item` fits without
+* overlapping any of `others` (assumed overlap-free), scanning left-to-right
+* then top-to-bottom, never past `maxRows`. Last-resort placement for a legacy
+* (no-op compaction) cross-board drop that would otherwise stack widgets.
+*
+* A finite `maxRows` mirrors the `gridBounds` constraint the normal landing path
+* applies (`clamp(y, 0, maxRows - h)`): the widget's bottom edge (`y + h`) stays
+* within the row limit even when the landing cell is blocked, so the downward
+* scan can't push it off the board. Rows are searched from the (clamped) landing
+* row down to the limit first, then upward toward the top; if the whole valid
+* band is full the widget is clamped to the limit (bounds win over overlap, as
+* `gridBounds` does). With an unbounded `maxRows` there is always a free slot
+* below every existing item, so the downward scan terminates on its own.
+*/
+function placeInFreeSlot(others, item, cols, maxRows = Infinity) {
+	const w = Math.min(item.w, cols);
+	const maxY = Number.isFinite(maxRows) ? Math.max(0, maxRows - item.h) : Infinity;
+	const fits = (x, y) => !others.some((o) => collides(o, {
+		...item,
+		x,
+		y,
+		w
+	}));
+	const preferX = Math.min(Math.max(0, item.x), cols - w);
+	const startY = Math.min(Math.max(0, item.y), maxY);
+	if (fits(preferX, startY)) return {
+		...item,
+		x: preferX,
+		y: startY,
+		w
+	};
+	const scanBottom = Number.isFinite(maxRows) ? maxY : startY + others.reduce((m, o) => Math.max(m, o.y + o.h), 0) + 1;
+	for (let y = startY; y <= scanBottom; y++) for (let x = 0; x <= cols - w; x++) if (fits(x, y)) return {
+		...item,
+		x,
+		y,
+		w
+	};
+	for (let y = startY - 1; y >= 0; y--) for (let x = 0; x <= cols - w; x++) if (fits(x, y)) return {
+		...item,
+		x,
+		y,
+		w
+	};
+	return {
+		...item,
+		x: preferX,
+		y: startY,
+		w
+	};
+}
 function useBoardRegistry(options) {
 	const store = useMemo(() => new BoardWidgetStore(), []);
 	const onTransferRef = useRef(options?.onWidgetTransfer);
@@ -171,7 +260,7 @@ function useBoardRegistry(options) {
 		const pp = entry.getPositionParams();
 		const compactor = entry.getCompactor();
 		const layout = entry.getLayout();
-		const working = getLayoutItem(layout, item.i) ? [...layout] : [...layout, {
+		const working = getLayoutItem(layout, item.i) ? cloneLayout(layout) : [...cloneLayout(layout), {
 			...item,
 			x,
 			y
@@ -180,6 +269,7 @@ function useBoardRegistry(options) {
 		if (!target) return;
 		const moved = moveElement(working, target, x, y, true, compactor.preventCollision, compactor.type, pp.cols, compactor.allowOverlap);
 		const compacted = [...compactor.compact(moved, pp.cols)];
+		if (!compactor.allowOverlap && hasNewOverlap(overlappingPairs(layout), compacted)) return;
 		entry.applyLayout(compacted, false);
 		entry.setPlaceholder(getLayoutItem(compacted, item.i) ?? null);
 	}, []);
@@ -201,6 +291,7 @@ function useBoardRegistry(options) {
 		const maxRows = entry.getMaxRows();
 		const attempts = directionX < 0 ? live.x : directionX > 0 ? Math.max(0, pp.cols - live.w - live.x) : directionY < 0 ? live.y : Number.isFinite(maxRows) ? Math.max(0, maxRows - live.h - live.y) : Math.max(1, bottom(layout) - live.y);
 		const seen = /* @__PURE__ */ new Set();
+		const beforePairs = overlappingPairs(layout);
 		for (let distance = 1; distance <= attempts; distance++) {
 			const rawX = live.x + directionX * distance;
 			const rawY = live.y + directionY * distance;
@@ -225,7 +316,7 @@ function useBoardRegistry(options) {
 			const landed = getLayoutItem(compacted, item.i);
 			if (!landed) continue;
 			const advanced = directionX !== 0 ? Math.sign(landed.x - live.x) === directionX && landed.y === live.y : Math.sign(landed.y - live.y) === directionY && landed.x === live.x;
-			const overlaps = !compactor.allowOverlap && getAllCollisions(compacted, landed).some((other) => other.i !== landed.i);
+			const overlaps = !compactor.allowOverlap && hasNewOverlap(beforePairs, compacted);
 			if (!advanced || overlaps) continue;
 			entry.applyLayout(compacted, false);
 			entry.setPlaceholder(landed);
@@ -254,7 +345,7 @@ function useBoardRegistry(options) {
 		const pp = target.getPositionParams();
 		const compactor = target.getCompactor();
 		const carried = previewRef.current?.boardId === target.id ? previewRef.current.working : null;
-		const base = (carried ?? cloneLayout(targetSnapshotsRef.current.get(target.id) ?? target.getLayout())).filter((l) => l.i !== item.i);
+		const base = cloneLayout(carried ?? targetSnapshotsRef.current.get(target.id) ?? target.getLayout()).filter((l) => l.i !== item.i);
 		const prevItem = carried ? getLayoutItem(carried, item.i) : void 0;
 		const dragged = prevItem ? { ...prevItem } : compactor.type === "horizontal" ? {
 			...item,
@@ -267,6 +358,7 @@ function useBoardRegistry(options) {
 		};
 		const moved = moveElement([...base, dragged], dragged, x, y, true, compactor.preventCollision, compactor.type, pp.cols, compactor.allowOverlap);
 		const compacted = [...compactor.compact(moved, pp.cols)];
+		if (!compactor.allowOverlap && hasNewOverlap(overlappingPairs(base), compacted)) return;
 		previewRef.current = {
 			boardId: target.id,
 			working: compacted
@@ -389,6 +481,12 @@ function useBoardRegistry(options) {
 				const moved = moveElement([...cloneLayout((targetSnapshotsRef.current.get(target.id) ?? target.getLayout()).filter((l) => l.i !== ds.itemId)), newItem], newItem, landing.x, landing.y, true, tc.preventCollision, tc.type, tp.cols, tc.allowOverlap);
 				finalLayout = [...tc.compact(moved, tp.cols)];
 			}
+			const targetOthers = cloneLayout((targetSnapshotsRef.current.get(target.id) ?? target.getLayout()).filter((l) => l.i !== ds.itemId));
+			if (!tc.allowOverlap && hasNewOverlap(overlappingPairs(targetOthers), finalLayout)) finalLayout = [...targetOthers, placeInFreeSlot(targetOthers, {
+				...ds.item,
+				x: landing.x,
+				y: landing.y
+			}, tp.cols, tp.maxRows)];
 			target.applyLayout(finalLayout, true);
 			onTransferRef.current?.({
 				widgetId: ds.itemId,