@cube-dev/ui-kit 0.190.8 → 0.191.0

package/dist/components/portal/usePortal.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
-import { useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useEffectEvent, useState } from "react";
 import invariant from "tiny-invariant";
 
 //#region src/components/portal/usePortal.ts
@@ -8,32 +9,77 @@ import invariant from "tiny-invariant";
 * @internal Do not use it
 */
 function usePortal(props) {
-	const { children, isDisabled = false, root = null, onMount } = props;
-	const onMountRef = useRef(onMount);
+	const $ = c(18);
+	const { children, isDisabled: t0, root: t1, onMount } = props;
+	const isDisabled = t0 === void 0 ? false : t0;
+	const root = t1 === void 0 ? null : t1;
+	let t2;
+	if ($[0] !== onMount) {
+		t2 = () => onMount?.();
+		$[0] = onMount;
+		$[1] = t2;
+	} else t2 = $[1];
+	const notifyMount = useEffectEvent(t2);
 	const portalContext = usePortalContext();
 	const [mountRoot, setMountRoot] = useState(null);
-	onMountRef.current = onMount;
-	useEffect(() => {
-		if (!isDisabled) {
-			const contextRoot = portalContext.root;
-			const currentRoot = root?.current ?? null;
-			const currentContextRoot = contextRoot?.current ?? null;
-			invariant(!(contextRoot === null && currentRoot === null), "Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component");
-			setMountRoot(currentRoot ?? currentContextRoot);
-		}
-	}, [
-		root,
-		portalContext.root,
-		isDisabled
-	]);
-	useEffect(() => {
-		if (isDisabled || mountRoot) onMountRef.current?.();
-	}, [isDisabled, mountRoot]);
-	return {
-		isDisabled,
-		children,
-		mountRoot
-	};
+	let t3;
+	let t4;
+	if ($[2] !== isDisabled || $[3] !== portalContext.root || $[4] !== root) {
+		t3 = () => {
+			if (!isDisabled) {
+				const contextRoot = portalContext.root;
+				const currentRoot = root?.current ?? null;
+				const currentContextRoot = contextRoot?.current ?? null;
+				invariant(!(contextRoot === null && currentRoot === null), "Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component");
+				setMountRoot(currentRoot ?? currentContextRoot);
+			}
+		};
+		t4 = [
+			root,
+			portalContext.root,
+			isDisabled
+		];
+		$[2] = isDisabled;
+		$[3] = portalContext.root;
+		$[4] = root;
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t3 = $[5];
+		t4 = $[6];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[7] !== isDisabled || $[8] !== mountRoot || $[9] !== notifyMount) {
+		t5 = () => {
+			if (isDisabled || mountRoot) notifyMount();
+		};
+		$[7] = isDisabled;
+		$[8] = mountRoot;
+		$[9] = notifyMount;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== isDisabled || $[12] !== mountRoot) {
+		t6 = [isDisabled, mountRoot];
+		$[11] = isDisabled;
+		$[12] = mountRoot;
+		$[13] = t6;
+	} else t6 = $[13];
+	useEffect(t5, t6);
+	let t7;
+	if ($[14] !== children || $[15] !== isDisabled || $[16] !== mountRoot) {
+		t7 = {
+			isDisabled,
+			children,
+			mountRoot
+		};
+		$[14] = children;
+		$[15] = isDisabled;
+		$[16] = mountRoot;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 }
 
 //#endregion

package/dist/components/portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":["useEffect","useRef","useState","invariant","usePortalContext","PortalProps","usePortal","props","children","isDisabled","root","onMount","onMountRef","portalContext","mountRoot","setMountRoot","HTMLElement","current","contextRoot","currentRoot","currentContextRoot"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const onMountRef = useRef(onMount);\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n  onMountRef.current = onMount;\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      const currentRoot = root?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      onMountRef.current?.();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAgBM,UAAUC,OAAoB;CAC5C,MAAM,EAAEC,UAAUC,aAAa,OAAOC,OAAO,MAAMC,YAAYJ;CAE/D,MAAMK,aAAaX,OAAOU,QAAQ;CAClC,MAAME,gBAAgBT,kBAAkB;CACxC,MAAM,CAACU,WAAWC,gBAAgBb,SAA6B,KAAK;AACpEU,YAAWK,UAAUN;AAErBX,iBAAgB;AACd,MAAI,CAACS,YAAY;GACf,MAAMS,cAAcL,cAAcH;GAClC,MAAMS,cAAcT,MAAMO,WAAW;GACrC,MAAMG,qBAAqBF,aAAaD,WAAW;AAEnDd,aACE,EAAEe,gBAAgB,QAAQC,gBAAgB,OAC1C,2IACD;AAEDJ,gBAAaI,eAAeC,mBAAmB;;IAEhD;EAACV;EAAMG,cAAcH;EAAMD;EAAW,CAAC;AAE1CT,iBAAgB;AACd,MAAIS,cAAcK,UAChBF,YAAWK,WAAW;IAEvB,CAACR,YAAYK,UAAU,CAAC;AAE3B,QAAO;EACLL;EACAD;EACAM;EACD"}
+{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,SAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,SAAA,OAAAF;CAAW,IAAAG;AAAA,KAAAT,EAAA,OAAAO,SAAA;AAEdE,aAAMF,WAAW;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,GAAkB;CACrD,MAAAE,gBAAsBf,kBAAkB;CACxC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,KAAK;CAAC,IAAAoB;CAAA,IAAAC;AAAA,KAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;AAE3DS,aAAA;AACR,OAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cADqBb,MACWc,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;AAE3BxB,cACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,2IACD;AAEDL,iBAAaK,eAAAE,mBAAkC;;;AAEhDL,OAAA;GAACV;GAAMM,cAAaN;GAAOF;GAAW;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAW,cAAAN;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAc;AAAAd,IAAA,KAAAe;QAAA;AAAAD,OAAAd,EAAA;AAAAe,OAAAf,EAAA;;AAfzCR,WAAUsB,IAePC,GAAuC;CAAA,IAAAM;AAAA,KAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;AAEhCW,aAAA;AACR,OAAIlB,cAAAS,UACFF,cAAa;;AAEhBV,IAAA,KAAAG;AAAAH,IAAA,KAAAY;AAAAZ,IAAA,KAAAU;AAAAV,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAAEU,OAAA,CAACnB,YAAYS,UAAU;AAAAZ,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAJ1BR,WAAU6B,IAIPC,GAAwB;CAAA,IAAAC;AAAA,KAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAEpBW,OAAA;GAAApB;GAAAD;GAAAU;GAIN;AAAAZ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAuB;OAAAA,MAAAvB,EAAA;AAAA,QAJMuB"}

package/dist/components/shared/DraggableCollection.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
-import { useCallback, useEffect, useMemo, useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useEffectEvent, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DragPreview, ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";
 import { useDraggableCollectionState, useDroppableCollectionState } from "react-stately";
@@ -34,93 +35,178 @@ function createMockDragState(collection, selectionManager) {
 * Encapsulates all drag/drop hook calls so they are only invoked when
 * reordering is actually enabled.
 */
-function DraggableCollection({ state, listRef, orderedKeys, orientation, onReorder, onItemDrop, shouldAcceptItemDrop, renderPreview, children }) {
-	const handleReorder = useEvent((e) => {
-		if (!onReorder) return;
-		const { target, keys: movableKeys } = e;
-		const { dropPosition, key: targetKey } = target;
-		const movableKey = [...movableKeys][0];
-		const movableIndex = orderedKeys.indexOf(movableKey);
-		const targetIndex = orderedKeys.indexOf(String(targetKey));
-		if (movableIndex === -1 || targetIndex === -1) return;
-		onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
-			if (i === movableIndex) return arr;
-			if (i === targetIndex) if (dropPosition === "before") {
-				arr.push(movableKey);
-				arr.push(key);
-			} else {
-				arr.push(key);
-				arr.push(movableKey);
-			}
-			else arr.push(key);
-			return arr;
-		}, []) : orderedKeys);
-	});
-	const getItems = useCallback((keys) => {
-		dragKeysRef.current = [...keys];
-		return [...keys].map((key_0) => {
-			const item = state.collection.getItem(key_0);
-			return { "text/plain": item?.textValue || String(key_0) };
-		});
-	}, [state.collection]);
-	const dragSelectionManager = useMemo(() => new Proxy(state.selectionManager, { get(target_0, prop) {
-		if (prop === "selectedKeys") return /* @__PURE__ */ new Set();
-		if (prop === "isSelected") return () => false;
-		const value = Reflect.get(target_0, prop);
-		return typeof value === "function" ? value.bind(target_0) : value;
-	} }), [state.selectionManager]);
+function DraggableCollection(t0) {
+	const $ = c(62);
+	const { state, listRef, orderedKeys, orientation, onReorder, onItemDrop, shouldAcceptItemDrop, renderPreview, children } = t0;
+	let t1;
+	if ($[0] !== onReorder || $[1] !== orderedKeys) {
+		t1 = (e) => {
+			if (!onReorder) return;
+			const { target, keys: movableKeys } = e;
+			const { dropPosition, key: targetKey } = target;
+			const movableKey = [...movableKeys][0];
+			const movableIndex = orderedKeys.indexOf(movableKey);
+			const targetIndex = orderedKeys.indexOf(String(targetKey));
+			if (movableIndex === -1 || targetIndex === -1) return;
+			onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
+				if (i === movableIndex) return arr;
+				if (i === targetIndex) if (dropPosition === "before") {
+					arr.push(movableKey);
+					arr.push(key);
+				} else {
+					arr.push(key);
+					arr.push(movableKey);
+				}
+				else arr.push(key);
+				return arr;
+			}, []) : orderedKeys);
+		};
+		$[0] = onReorder;
+		$[1] = orderedKeys;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleReorder = useEvent(t1);
+	let t2;
+	if ($[3] !== state.collection) {
+		t2 = (keys) => {
+			dragKeysRef.current = [...keys];
+			return [...keys].map((key_0) => {
+				const item = state.collection.getItem(key_0);
+				return { "text/plain": item?.textValue || String(key_0) };
+			});
+		};
+		$[3] = state.collection;
+		$[4] = t2;
+	} else t2 = $[4];
+	const getItems = t2;
+	let t3;
+	if ($[5] !== state.selectionManager) {
+		t3 = new Proxy(state.selectionManager, { get(target_0, prop) {
+			if (prop === "selectedKeys") return /* @__PURE__ */ new Set();
+			if (prop === "isSelected") return _temp;
+			const value = Reflect.get(target_0, prop);
+			return typeof value === "function" ? value.bind(target_0) : value;
+		} });
+		$[5] = state.selectionManager;
+		$[6] = t3;
+	} else t3 = $[6];
+	const dragSelectionManager = t3;
 	const previewRef = useRef(null);
-	const dragState = useDraggableCollectionState({
-		collection: state.collection,
-		selectionManager: dragSelectionManager,
-		getItems,
-		getAllowedDropOperations,
-		preview: renderPreview ? previewRef : void 0
-	});
-	useDraggableCollection({
-		getItems,
-		getAllowedDropOperations
-	}, dragState, listRef);
-	const handleItemDrop = useEvent((e_0) => {
-		if (!onItemDrop) return;
-		const keys_0 = [...e_0.dropOperation === "cancel" ? [] : dragKeysRef.current];
-		onItemDrop(e_0.target.key, keys_0);
-	});
-	const dragKeysRef = useRef([]);
-	const dropState = useDroppableCollectionState({
-		collection: state.collection,
-		selectionManager: state.selectionManager,
-		onReorder: onReorder ? handleReorder : void 0,
-		onItemDrop: onItemDrop ? handleItemDrop : void 0,
-		shouldAcceptItemDrop: shouldAcceptItemDrop ? (target_1) => shouldAcceptItemDrop(target_1.key) : void 0
-	});
-	const { collectionProps } = useDroppableCollection({
-		keyboardDelegate: useMemo(() => new ListKeyboardDelegate({
+	const t4 = renderPreview ? previewRef : void 0;
+	let t5;
+	if ($[7] !== dragSelectionManager || $[8] !== getItems || $[9] !== state.collection || $[10] !== t4) {
+		t5 = {
+			collection: state.collection,
+			selectionManager: dragSelectionManager,
+			getItems,
+			getAllowedDropOperations,
+			preview: t4
+		};
+		$[7] = dragSelectionManager;
+		$[8] = getItems;
+		$[9] = state.collection;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	const dragState = useDraggableCollectionState(t5);
+	let t6;
+	if ($[12] !== getItems) {
+		t6 = {
+			getItems,
+			getAllowedDropOperations
+		};
+		$[12] = getItems;
+		$[13] = t6;
+	} else t6 = $[13];
+	useDraggableCollection(t6, dragState, listRef);
+	let t7;
+	if ($[14] !== onItemDrop) {
+		t7 = (e_0) => {
+			if (!onItemDrop) return;
+			const keys_0 = [...e_0.dropOperation === "cancel" ? [] : dragKeysRef.current];
+			onItemDrop(e_0.target.key, keys_0);
+		};
+		$[14] = onItemDrop;
+		$[15] = t7;
+	} else t7 = $[15];
+	const handleItemDrop = useEvent(t7);
+	let t8;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = [];
+		$[16] = t8;
+	} else t8 = $[16];
+	const dragKeysRef = useRef(t8);
+	const t9 = onReorder ? handleReorder : void 0;
+	const t10 = onItemDrop ? handleItemDrop : void 0;
+	let t11;
+	if ($[17] !== shouldAcceptItemDrop) {
+		t11 = shouldAcceptItemDrop ? (target_1) => shouldAcceptItemDrop(target_1.key) : void 0;
+		$[17] = shouldAcceptItemDrop;
+		$[18] = t11;
+	} else t11 = $[18];
+	let t12;
+	if ($[19] !== state.collection || $[20] !== state.selectionManager || $[21] !== t10 || $[22] !== t11 || $[23] !== t9) {
+		t12 = {
+			collection: state.collection,
+			selectionManager: state.selectionManager,
+			onReorder: t9,
+			onItemDrop: t10,
+			shouldAcceptItemDrop: t11
+		};
+		$[19] = state.collection;
+		$[20] = state.selectionManager;
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t9;
+		$[24] = t12;
+	} else t12 = $[24];
+	const dropState = useDroppableCollectionState(t12);
+	let t13;
+	if ($[25] !== listRef || $[26] !== orientation || $[27] !== state.collection || $[28] !== state.disabledKeys) {
+		t13 = new ListKeyboardDelegate({
 			collection: state.collection,
 			disabledKeys: state.disabledKeys,
 			ref: listRef,
 			orientation
-		}), [
-			state.collection,
-			state.disabledKeys,
-			listRef,
-			orientation
-		]),
-		dropTargetDelegate: useMemo(() => new ListDropTargetDelegate(state.collection, listRef, { orientation }), [
-			state.collection,
-			listRef,
-			orientation
-		]),
-		onReorder: onReorder ? handleReorder : void 0,
-		onItemDrop: onItemDrop ? handleItemDrop : void 0
-	}, dropState, listRef);
+		});
+		$[25] = listRef;
+		$[26] = orientation;
+		$[27] = state.collection;
+		$[28] = state.disabledKeys;
+		$[29] = t13;
+	} else t13 = $[29];
+	const keyboardDelegate = t13;
+	let t14;
+	if ($[30] !== listRef || $[31] !== orientation || $[32] !== state.collection) {
+		t14 = new ListDropTargetDelegate(state.collection, listRef, { orientation });
+		$[30] = listRef;
+		$[31] = orientation;
+		$[32] = state.collection;
+		$[33] = t14;
+	} else t14 = $[33];
+	const dropTargetDelegate = t14;
+	const t15 = onReorder ? handleReorder : void 0;
+	const t16 = onItemDrop ? handleItemDrop : void 0;
+	let t17;
+	if ($[34] !== dropTargetDelegate || $[35] !== keyboardDelegate || $[36] !== t15 || $[37] !== t16) {
+		t17 = {
+			keyboardDelegate,
+			dropTargetDelegate,
+			onReorder: t15,
+			onItemDrop: t16
+		};
+		$[34] = dropTargetDelegate;
+		$[35] = keyboardDelegate;
+		$[36] = t15;
+		$[37] = t16;
+		$[38] = t17;
+	} else t17 = $[38];
+	const { collectionProps } = useDroppableCollection(t17, dropState, listRef);
 	const isDragActive = dragState.draggingKeys.size > 0;
-	const endDragRef = useRef(dragState.endDrag);
-	endDragRef.current = dragState.endDrag;
-	useEffect(() => {
-		if (!isDragActive) return;
-		const handleEscape = (e_1) => {
-			if (e_1.key === "Escape") endDragRef.current({
+	let t18;
+	if ($[39] !== dragState) {
+		t18 = () => {
+			dragState.endDrag({
 				type: "dragend",
 				keys: new Set(dragKeysRef.current),
 				x: 0,
@@ -129,39 +215,99 @@ function DraggableCollection({ state, listRef, orderedKeys, orientation, onReord
 				isInternal: false
 			});
 		};
-		document.addEventListener("keydown", handleEscape, true);
-		return () => document.removeEventListener("keydown", handleEscape, true);
-	}, [isDragActive]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [children(dragState, dropState, { ...mergeProps(collectionProps, { onKeyDownCapture: useEvent((e_2) => {
-		if (!e_2.altKey || !onReorder) return;
-		const target_2 = e_2.target;
-		if (target_2 instanceof HTMLInputElement || target_2 instanceof HTMLTextAreaElement || target_2.isContentEditable) return;
-		const moveKeys = orientation === "vertical" ? {
-			backward: "ArrowUp",
-			forward: "ArrowDown"
-		} : {
-			backward: "ArrowLeft",
-			forward: "ArrowRight"
+		$[39] = dragState;
+		$[40] = t18;
+	} else t18 = $[40];
+	const cancelNativeDrag = useEffectEvent(t18);
+	let t19;
+	if ($[41] !== cancelNativeDrag || $[42] !== isDragActive) {
+		t19 = () => {
+			if (!isDragActive) return;
+			const handleEscape = (e_1) => {
+				if (e_1.key === "Escape") cancelNativeDrag();
+			};
+			document.addEventListener("keydown", handleEscape, true);
+			return () => document.removeEventListener("keydown", handleEscape, true);
+		};
+		$[41] = cancelNativeDrag;
+		$[42] = isDragActive;
+		$[43] = t19;
+	} else t19 = $[43];
+	let t20;
+	if ($[44] !== isDragActive) {
+		t20 = [isDragActive];
+		$[44] = isDragActive;
+		$[45] = t20;
+	} else t20 = $[45];
+	useEffect(t19, t20);
+	let t21;
+	if ($[46] !== onReorder || $[47] !== orderedKeys || $[48] !== orientation || $[49] !== state.selectionManager) {
+		t21 = (e_2) => {
+			if (!e_2.altKey || !onReorder) return;
+			const target_2 = e_2.target;
+			if (target_2 instanceof HTMLInputElement || target_2 instanceof HTMLTextAreaElement || target_2.isContentEditable) return;
+			const moveKeys = orientation === "vertical" ? {
+				backward: "ArrowUp",
+				forward: "ArrowDown"
+			} : {
+				backward: "ArrowLeft",
+				forward: "ArrowRight"
+			};
+			const direction = e_2.key === moveKeys.backward ? -1 : e_2.key === moveKeys.forward ? 1 : 0;
+			if (direction === 0) return;
+			e_2.preventDefault();
+			e_2.stopPropagation();
+			const focusedKey = String(state.selectionManager.focusedKey);
+			const idx = orderedKeys.indexOf(focusedKey);
+			if (idx === -1) return;
+			const targetIdx = idx + direction;
+			if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;
+			const newKeys_0 = [...orderedKeys];
+			const [t22, t23] = [newKeys_0[targetIdx], newKeys_0[idx]];
+			newKeys_0[idx] = t22;
+			newKeys_0[targetIdx] = t23;
+			onReorder(newKeys_0);
 		};
-		const direction = e_2.key === moveKeys.backward ? -1 : e_2.key === moveKeys.forward ? 1 : 0;
-		if (direction === 0) return;
-		e_2.preventDefault();
-		e_2.stopPropagation();
-		const focusedKey = String(state.selectionManager.focusedKey);
-		const idx = orderedKeys.indexOf(focusedKey);
-		if (idx === -1) return;
-		const targetIdx = idx + direction;
-		if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;
-		const newKeys_0 = [...orderedKeys];
-		[newKeys_0[idx], newKeys_0[targetIdx]] = [newKeys_0[targetIdx], newKeys_0[idx]];
-		onReorder(newKeys_0);
-	}) }) }), renderPreview ? /* @__PURE__ */ jsx(DragPreview, {
-		ref: previewRef,
-		children: () => {
-			const preview = renderPreview(dragKeysRef.current);
-			return preview ? /* @__PURE__ */ jsx(Fragment$1, { children: preview }) : null;
-		}
-	}) : null] });
+		$[46] = onReorder;
+		$[47] = orderedKeys;
+		$[48] = orientation;
+		$[49] = state.selectionManager;
+		$[50] = t21;
+	} else t21 = $[50];
+	const handleKeyDownCapture = useEvent(t21);
+	let t22;
+	if ($[51] !== children || $[52] !== collectionProps || $[53] !== dragState || $[54] !== dropState || $[55] !== handleKeyDownCapture) {
+		t22 = children(dragState, dropState, { ...mergeProps(collectionProps, { onKeyDownCapture: handleKeyDownCapture }) });
+		$[51] = children;
+		$[52] = collectionProps;
+		$[53] = dragState;
+		$[54] = dropState;
+		$[55] = handleKeyDownCapture;
+		$[56] = t22;
+	} else t22 = $[56];
+	let t23;
+	if ($[57] !== renderPreview) {
+		t23 = renderPreview ? /* @__PURE__ */ jsx(DragPreview, {
+			ref: previewRef,
+			children: () => {
+				const preview = renderPreview(dragKeysRef.current);
+				return preview ? /* @__PURE__ */ jsx(Fragment$1, { children: preview }) : null;
+			}
+		}) : null;
+		$[57] = renderPreview;
+		$[58] = t23;
+	} else t23 = $[58];
+	let t24;
+	if ($[59] !== t22 || $[60] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t22, t23] });
+		$[59] = t22;
+		$[60] = t23;
+		$[61] = t24;
+	} else t24 = $[61];
+	return t24;
+}
+function _temp() {
+	return false;
 }
 
 //#endregion

package/dist/components/shared/DraggableCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","handleReorder","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","dragKeysRef","current","map","item","getItem","textValue","dragSelectionManager","Proxy","get","prop","value","Reflect","bind","previewRef","preview","undefined","handleItemDrop","dropOperation","keyboardDelegate","ref","dropTargetDelegate","isDragActive","size","endDragRef","handleEscape","globalThis","type","x","y","isInternal","document","addEventListener","removeEventListener","handleKeyDownCapture","altKey","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","onKeyDownCapture"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const endDragRef = useRef(dragState.endDrag);\n  endDragRef.current = dragState.endDrag;\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        endDragRef.current({\n          type: 'dragend',\n          keys: new Set(dragKeysRef.current),\n          x: 0,\n          y: 0,\n          dropOperation: 'cancel',\n          isInternal: false,\n        });\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.191.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";