@noxickon/onyx 5.0.2 → 6.1.0

package/dist/node_modules/@dnd-kit/sortable/dist/sortable.esm.js

@@ -0,0 +1,346 @@
+import { CSS as e, isKeyboardEvent as t, subtract as n, useCombinedRefs as r, useIsomorphicLayoutEffect as i, useUniqueId as a } from "../../utilities/dist/utilities.esm.js";
+import { KeyboardCode as o, closestCorners as s, getClientRect as c, getFirstCollision as l, getScrollableAncestors as u, useDndContext as d, useDraggable as f, useDroppable as p } from "../../core/dist/core.esm.js";
+import m, { useContext as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+//#region node_modules/@dnd-kit/sortable/dist/sortable.esm.js
+function b(e, t, n) {
+	let r = e.slice();
+	return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
+}
+function x(e, t) {
+	return e.reduce((e, n, r) => {
+		let i = t.get(n);
+		return i && (e[r] = i), e;
+	}, Array(e.length));
+}
+function S(e) {
+	return e !== null && e >= 0;
+}
+function C(e, t) {
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function w(e) {
+	return typeof e == "boolean" ? {
+		draggable: e,
+		droppable: e
+	} : e;
+}
+var T = (e) => {
+	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = b(t, r, n), o = t[i], s = a[i];
+	return !s || !o ? null : {
+		x: s.left - o.left,
+		y: s.top - o.top,
+		scaleX: s.width / o.width,
+		scaleY: s.height / o.height
+	};
+}, E = {
+	scaleX: 1,
+	scaleY: 1
+}, D = (e) => {
+	let { activeIndex: t, activeNodeRect: n, index: r, rects: i, overIndex: a } = e, o = i[t] ?? n;
+	if (!o) return null;
+	if (r === t) {
+		let e = i[a];
+		return e ? {
+			x: 0,
+			y: t < a ? e.top + e.height - (o.top + o.height) : e.top - o.top,
+			...E
+		} : null;
+	}
+	let s = O(i, r, t);
+	return r > t && r <= a ? {
+		x: 0,
+		y: -o.height - s,
+		...E
+	} : r < t && r >= a ? {
+		x: 0,
+		y: o.height + s,
+		...E
+	} : {
+		x: 0,
+		y: 0,
+		...E
+	};
+};
+function O(e, t, n) {
+	let r = e[t], i = e[t - 1], a = e[t + 1];
+	return r ? n < t ? i ? r.top - (i.top + i.height) : a ? a.top - (r.top + r.height) : 0 : a ? a.top - (r.top + r.height) : i ? r.top - (i.top + i.height) : 0 : 0;
+}
+var k = "Sortable", A = /*#__PURE__*/ m.createContext({
+	activeIndex: -1,
+	containerId: k,
+	disableTransforms: !1,
+	items: [],
+	overIndex: -1,
+	useDragOverlay: !1,
+	sortedRects: [],
+	strategy: T,
+	disabled: {
+		draggable: !1,
+		droppable: !1
+	}
+});
+function j(e) {
+	let { children: t, id: n, items: r, strategy: o = T, disabled: s = !1 } = e, { active: c, dragOverlay: l, droppableRects: u, over: f, measureDroppableContainers: p } = d(), h = a(k, n), y = l.rect !== null, b = _(() => r.map((e) => typeof e == "object" && "id" in e ? e.id : e), [r]), S = c != null, E = c ? b.indexOf(c.id) : -1, D = f ? b.indexOf(f.id) : -1, O = v(b), j = !C(b, O.current), M = D !== -1 && E === -1 || j, N = w(s);
+	i(() => {
+		j && S && p(b);
+	}, [
+		j,
+		b,
+		S,
+		p
+	]), g(() => {
+		O.current = b;
+	}, [b]);
+	let P = _(() => ({
+		activeIndex: E,
+		containerId: h,
+		disabled: N,
+		disableTransforms: M,
+		items: b,
+		overIndex: D,
+		useDragOverlay: y,
+		sortedRects: x(b, u),
+		strategy: o
+	}), [
+		E,
+		h,
+		N.draggable,
+		N.droppable,
+		M,
+		b,
+		D,
+		u,
+		y,
+		o
+	]);
+	return m.createElement(A.Provider, { value: P }, t);
+}
+var M = (e) => {
+	let { id: t, items: n, activeIndex: r, overIndex: i } = e;
+	return b(n, r, i).indexOf(t);
+}, N = (e) => {
+	let { containerId: t, isSorting: n, wasDragging: r, index: i, items: a, newIndex: o, previousItems: s, previousContainerId: c, transition: l } = e;
+	return !l || !r || s !== a && i === o ? !1 : n ? !0 : o !== i && t === c;
+}, P = {
+	duration: 200,
+	easing: "ease"
+}, F = "transform", ee = /*#__PURE__*/ e.Transition.toString({
+	property: F,
+	duration: 0,
+	easing: "linear"
+}), I = { roleDescription: "sortable" };
+function te(e) {
+	let { disabled: t, index: n, node: r, rect: a } = e, [o, s] = y(null), l = v(n);
+	return i(() => {
+		if (!t && n !== l.current && r.current) {
+			let e = a.current;
+			if (e) {
+				let t = c(r.current, { ignoreTransform: !0 }), n = {
+					x: e.left - t.left,
+					y: e.top - t.top,
+					scaleX: e.width / t.width,
+					scaleY: e.height / t.height
+				};
+				(n.x || n.y) && s(n);
+			}
+		}
+		n !== l.current && (l.current = n);
+	}, [
+		t,
+		n,
+		r,
+		a
+	]), g(() => {
+		o && s(null);
+	}, [o]), o;
+}
+function L(n) {
+	let { animateLayoutChanges: i = N, attributes: a, disabled: o, data: s, getNewIndex: c = M, id: l, strategy: u, resizeObserverConfig: d, transition: m = P } = n, { items: y, containerId: b, activeIndex: x, disabled: C, disableTransforms: w, sortedRects: T, overIndex: E, useDragOverlay: D, strategy: O } = h(A), k = ne(o, C), j = y.indexOf(l), L = _(() => ({
+		sortable: {
+			containerId: b,
+			index: j,
+			items: y
+		},
+		...s
+	}), [
+		b,
+		s,
+		j,
+		y
+	]), R = _(() => y.slice(y.indexOf(l)), [y, l]), { rect: z, node: B, isOver: V, setNodeRef: H } = p({
+		id: l,
+		data: L,
+		disabled: k.droppable,
+		resizeObserverConfig: {
+			updateMeasurementsFor: R,
+			...d
+		}
+	}), { active: U, activatorEvent: re, activeNodeRect: ie, attributes: ae, setNodeRef: W, listeners: oe, isDragging: G, over: se, setActivatorNodeRef: ce, transform: le } = f({
+		id: l,
+		data: L,
+		attributes: {
+			...I,
+			...a
+		},
+		disabled: k.draggable
+	}), ue = r(H, W), K = !!U, q = K && !w && S(x) && S(E), J = !D && G, de = q ? (J && q ? le : null) ?? (u ?? O)({
+		rects: T,
+		activeNodeRect: ie,
+		activeIndex: x,
+		overIndex: E,
+		index: j
+	}) : null, Y = S(x) && S(E) ? c({
+		id: l,
+		items: y,
+		activeIndex: x,
+		overIndex: E
+	}) : j, X = U?.id, Z = v({
+		activeId: X,
+		items: y,
+		newIndex: Y,
+		containerId: b
+	}), fe = y !== Z.current.items, Q = i({
+		active: U,
+		containerId: b,
+		isDragging: G,
+		isSorting: K,
+		id: l,
+		index: j,
+		items: y,
+		newIndex: Z.current.newIndex,
+		previousItems: Z.current.items,
+		previousContainerId: Z.current.containerId,
+		transition: m,
+		wasDragging: Z.current.activeId != null
+	}), $ = te({
+		disabled: !Q,
+		index: j,
+		node: B,
+		rect: z
+	});
+	return g(() => {
+		K && Z.current.newIndex !== Y && (Z.current.newIndex = Y), b !== Z.current.containerId && (Z.current.containerId = b), y !== Z.current.items && (Z.current.items = y);
+	}, [
+		K,
+		Y,
+		b,
+		y
+	]), g(() => {
+		if (X === Z.current.activeId) return;
+		if (X != null && Z.current.activeId == null) {
+			Z.current.activeId = X;
+			return;
+		}
+		let e = setTimeout(() => {
+			Z.current.activeId = X;
+		}, 50);
+		return () => clearTimeout(e);
+	}, [X]), {
+		active: U,
+		activeIndex: x,
+		attributes: ae,
+		data: L,
+		rect: z,
+		index: j,
+		newIndex: Y,
+		items: y,
+		isOver: V,
+		isSorting: K,
+		isDragging: G,
+		listeners: oe,
+		node: B,
+		overIndex: E,
+		over: se,
+		setNodeRef: ue,
+		setActivatorNodeRef: ce,
+		setDroppableNodeRef: H,
+		setDraggableNodeRef: W,
+		transform: $ ?? de,
+		transition: pe()
+	};
+	function pe() {
+		if ($ || fe && Z.current.newIndex === j) return ee;
+		if (!(J && !t(re) || !m) && (K || Q)) return e.Transition.toString({
+			...m,
+			property: F
+		});
+	}
+}
+function ne(e, t) {
+	return typeof e == "boolean" ? {
+		draggable: e,
+		droppable: !1
+	} : {
+		draggable: e?.draggable ?? t.draggable,
+		droppable: e?.droppable ?? t.droppable
+	};
+}
+function R(e) {
+	if (!e) return !1;
+	let t = e.data.current;
+	return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
+}
+var z = [
+	o.Down,
+	o.Right,
+	o.Up,
+	o.Left
+], B = (e, t) => {
+	let { context: { active: r, collisionRect: i, droppableRects: a, droppableContainers: c, over: d, scrollableAncestors: f } } = t;
+	if (z.includes(e.code)) {
+		if (e.preventDefault(), !r || !i) return;
+		let t = [];
+		c.getEnabled().forEach((n) => {
+			if (!n || n != null && n.disabled) return;
+			let r = a.get(n.id);
+			if (r) switch (e.code) {
+				case o.Down:
+					i.top < r.top && t.push(n);
+					break;
+				case o.Up:
+					i.top > r.top && t.push(n);
+					break;
+				case o.Left:
+					i.left > r.left && t.push(n);
+					break;
+				case o.Right:
+					i.left < r.left && t.push(n);
+					break;
+			}
+		});
+		let p = s({
+			active: r,
+			collisionRect: i,
+			droppableRects: a,
+			droppableContainers: t,
+			pointerCoordinates: null
+		}), m = l(p, "id");
+		if (m === d?.id && p.length > 1 && (m = p[1].id), m != null) {
+			let e = c.get(r.id), t = c.get(m), o = t ? a.get(t.id) : null, s = t?.node.current;
+			if (s && o && e && t) {
+				let r = u(s).some((e, t) => f[t] !== e), a = V(e, t), c = H(e, t), l = r || !a ? {
+					x: 0,
+					y: 0
+				} : {
+					x: c ? i.width - o.width : 0,
+					y: c ? i.height - o.height : 0
+				}, d = {
+					x: o.left,
+					y: o.top
+				};
+				return l.x && l.y ? d : n(d, l);
+			}
+		}
+	}
+};
+function V(e, t) {
+	return !R(e) || !R(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+}
+function H(e, t) {
+	return !R(e) || !R(t) || !V(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+}
+//#endregion
+export { j as SortableContext, b as arrayMove, N as defaultAnimateLayoutChanges, M as defaultNewIndexGetter, R as hasSortableData, T as rectSortingStrategy, B as sortableKeyboardCoordinates, L as useSortable, D as verticalListSortingStrategy };

package/dist/node_modules/@dnd-kit/utilities/dist/utilities.esm.js

@@ -0,0 +1,155 @@
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useMemo as r, useRef as i } from "react";
+//#region node_modules/@dnd-kit/utilities/dist/utilities.esm.js
+function a() {
+	var e = [...arguments];
+	return r(() => (t) => {
+		e.forEach((e) => e(t));
+	}, e);
+}
+var o = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
+function s(e) {
+	let t = Object.prototype.toString.call(e);
+	return t === "[object Window]" || t === "[object global]";
+}
+function c(e) {
+	return "nodeType" in e;
+}
+function l(e) {
+	return e ? s(e) ? e : c(e) ? e.ownerDocument?.defaultView ?? window : window : window;
+}
+function u(e) {
+	let { Document: t } = l(e);
+	return e instanceof t;
+}
+function d(e) {
+	return s(e) ? !1 : e instanceof l(e).HTMLElement;
+}
+function f(e) {
+	return e instanceof l(e).SVGElement;
+}
+function p(e) {
+	return e ? s(e) ? e.document : c(e) ? u(e) ? e : d(e) || f(e) ? e.ownerDocument : document : document : document;
+}
+var m = o ? n : t;
+function h(t) {
+	let n = i(t);
+	return m(() => {
+		n.current = t;
+	}), e(function() {
+		var e = [...arguments];
+		return n.current == null ? void 0 : n.current(...e);
+	}, []);
+}
+function g() {
+	let t = i(null);
+	return [e((e, n) => {
+		t.current = setInterval(e, n);
+	}, []), e(() => {
+		t.current !== null && (clearInterval(t.current), t.current = null);
+	}, [])];
+}
+function _(e, t) {
+	t === void 0 && (t = [e]);
+	let n = i(e);
+	return m(() => {
+		n.current !== e && (n.current = e);
+	}, t), n;
+}
+function v(e, t) {
+	let n = i();
+	return r(() => {
+		let t = e(n.current);
+		return n.current = t, t;
+	}, [...t]);
+}
+function y(t) {
+	let n = h(t), r = i(null);
+	return [r, e((e) => {
+		e !== r.current && n?.(e, r.current), r.current = e;
+	}, [])];
+}
+function b(e) {
+	let n = i();
+	return t(() => {
+		n.current = e;
+	}, [e]), n.current;
+}
+var x = {};
+function S(e, t) {
+	return r(() => {
+		if (t) return t;
+		let n = x[e] == null ? 0 : x[e] + 1;
+		return x[e] = n, e + "-" + n;
+	}, [e, t]);
+}
+function C(e) {
+	return function(t) {
+		return [...arguments].slice(1).reduce((t, n) => {
+			let r = Object.entries(n);
+			for (let [n, i] of r) {
+				let r = t[n];
+				r != null && (t[n] = r + e * i);
+			}
+			return t;
+		}, { ...t });
+	};
+}
+var w = /*#__PURE__*/ C(1), T = /*#__PURE__*/ C(-1);
+function E(e) {
+	return "clientX" in e && "clientY" in e;
+}
+function D(e) {
+	if (!e) return !1;
+	let { KeyboardEvent: t } = l(e.target);
+	return t && e instanceof t;
+}
+function O(e) {
+	if (!e) return !1;
+	let { TouchEvent: t } = l(e.target);
+	return t && e instanceof t;
+}
+function k(e) {
+	if (O(e)) {
+		if (e.touches && e.touches.length) {
+			let { clientX: t, clientY: n } = e.touches[0];
+			return {
+				x: t,
+				y: n
+			};
+		} else if (e.changedTouches && e.changedTouches.length) {
+			let { clientX: t, clientY: n } = e.changedTouches[0];
+			return {
+				x: t,
+				y: n
+			};
+		}
+	}
+	return E(e) ? {
+		x: e.clientX,
+		y: e.clientY
+	} : null;
+}
+var A = /*#__PURE__*/ Object.freeze({
+	Translate: { toString(e) {
+		if (!e) return;
+		let { x: t, y: n } = e;
+		return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
+	} },
+	Scale: { toString(e) {
+		if (!e) return;
+		let { scaleX: t, scaleY: n } = e;
+		return "scaleX(" + t + ") scaleY(" + n + ")";
+	} },
+	Transform: { toString(e) {
+		if (e) return [A.Translate.toString(e), A.Scale.toString(e)].join(" ");
+	} },
+	Transition: { toString(e) {
+		let { property: t, duration: n, easing: r } = e;
+		return t + " " + n + "ms " + r;
+	} }
+}), j = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function M(e) {
+	return e.matches(j) ? e : e.querySelector(j);
+}
+//#endregion
+export { A as CSS, w as add, o as canUseDOM, M as findFirstFocusableNode, k as getEventCoordinates, p as getOwnerDocument, l as getWindow, E as hasViewportRelativeCoordinates, u as isDocument, d as isHTMLElement, D as isKeyboardEvent, c as isNode, f as isSVGElement, O as isTouchEvent, s as isWindow, T as subtract, a as useCombinedRefs, h as useEvent, g as useInterval, m as useIsomorphicLayoutEffect, _ as useLatestValue, v as useLazyMemo, y as useNodeRef, b as usePrevious, S as useUniqueId };