@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/MTreeView-CWcMwE-Z.js

@@ -0,0 +1,554 @@
+import { E as e, t } from "./frameworkTexts-o43FqY1A.js";
+import { $r as n, Br as r, Fr as i, Gr as a, Hr as o, Ir as s, Jr as c, Lr as l, Qr as u, Rr as d, Ur as f, Vr as p, Wr as m, Xr as h, Yr as g, Zr as _, _i as v, ai as y, ci as b, di as x, ei as S, fi as C, ii as w, mi as T, ni as E, oi as D, pi as O, qi as ee, qr as k, ri as te, si as ne, ti as A } from "./icons-IqEBmGh3.js";
+import { t as j } from "./cn-CUSXNnjF.js";
+import { n as re } from "./useGhostText-CKsb8Ufa.js";
+import { c as ie } from "./useModalLayer-CpOPSDbf.js";
+import { t as ae } from "./MCheckbox-CaWgyUn5.js";
+import { n as oe } from "./radioGroupKeys-Bm-Qeh8G.js";
+import { createContext as M, useContext as se, useEffect as ce, useRef as N, useState as P } from "react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+//#region src/components/data/MTreeView/MTreeView.tsx
+var le = {
+	pdf: /* @__PURE__ */ F(O, {}),
+	ts: /* @__PURE__ */ F(E, {}),
+	tsx: /* @__PURE__ */ F(te, {}),
+	js: /* @__PURE__ */ F(m, {}),
+	jsx: /* @__PURE__ */ F(x, {}),
+	css: /* @__PURE__ */ F(l, {}),
+	scss: /* @__PURE__ */ F(l, {}),
+	html: /* @__PURE__ */ F(o, {}),
+	json: /* @__PURE__ */ F(a, {}),
+	md: /* @__PURE__ */ F(k, {}),
+	txt: /* @__PURE__ */ F(w, {}),
+	csv: /* @__PURE__ */ F(d, {}),
+	zip: /* @__PURE__ */ F(b, {}),
+	rar: /* @__PURE__ */ F(S, {}),
+	svg: /* @__PURE__ */ F(A, {}),
+	png: /* @__PURE__ */ F(u, {}),
+	jpg: /* @__PURE__ */ F(f, {}),
+	jpeg: /* @__PURE__ */ F(C, {}),
+	gif: /* @__PURE__ */ F(p, {}),
+	webp: /* @__PURE__ */ F(y, {}),
+	php: /* @__PURE__ */ F(_, {}),
+	xml: /* @__PURE__ */ F(ne, {}),
+	xls: /* @__PURE__ */ F(D, {}),
+	ppt: /* @__PURE__ */ F(n, {}),
+	odt: /* @__PURE__ */ F(h, {}),
+	exe: /* @__PURE__ */ F(r, {}),
+	mp3: /* @__PURE__ */ F(c, {}),
+	mp4: /* @__PURE__ */ F(g, {})
+};
+function ue(e) {
+	let t = e.lastIndexOf(".");
+	return t < 1 ? null : e.slice(t + 1).toLowerCase();
+}
+function L(e) {
+	return e.kind === "folder" || !!e.children?.length;
+}
+function R(e) {
+	let t = ue(e);
+	return t ? le[t] ?? /* @__PURE__ */ F(T, {}) : /* @__PURE__ */ F(v, {});
+}
+function de(e, t, n) {
+	return e.icon ? e.icon : n ? L(e) ? F(t ? i : s, {}) : R(e.label) : null;
+}
+function fe(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+	function i(e) {
+		t.set(e.id, e);
+		let a = /* @__PURE__ */ new Set();
+		for (let t of e.children ?? []) r.set(t.id, e.id), a.add(t.id), i(t).forEach((e) => a.add(e));
+		return n.set(e.id, a), a;
+	}
+	return e.forEach(i), {
+		nodeMap: t,
+		descendants: n,
+		parentMap: r
+	};
+}
+function pe(e, t) {
+	let n = /* @__PURE__ */ new Set();
+	function r(e) {
+		if (!e.children?.length) return t.has(e.id) ? {
+			checked: 1,
+			total: 1
+		} : {
+			checked: 0,
+			total: 1
+		};
+		let i = 0, a = 0;
+		for (let t of e.children) {
+			let e = r(t);
+			i += e.checked, a += e.total;
+		}
+		return i > 0 && i < a && n.add(e.id), {
+			checked: i,
+			total: a
+		};
+	}
+	return e.forEach(r), n;
+}
+function me(e, t) {
+	return typeof window > "u" ? {
+		x: e,
+		y: t
+	} : {
+		x: Math.max(8, Math.min(e, window.innerWidth - 220)),
+		y: Math.max(8, Math.min(t, window.innerHeight - 16))
+	};
+}
+var he = "__mineral-tree-cut", ge = "__mineral-tree-move-here", _e = "__mineral-tree-cancel-move", ve = new Set([
+	he,
+	ge,
+	_e
+]);
+function ye(e, t) {
+	let n = [];
+	function r(e, i) {
+		for (let a of e) n.push({
+			node: a,
+			parentId: i
+		}), L(a) && t.has(a.id) && r(a.children ?? [], a.id);
+	}
+	return r(e, null), n;
+}
+var be = M(null);
+function xe({ node: e, color: t, level: n, expandable: r, selectable: i, expandedIds: a, selectedId: o, draggedId: s, dropTargetId: c, onToggle: l, onSelect: u, checkable: d, checkedIds: f, indeterminateIds: p, onCheck: m, indent: h, showLines: g, fileIcons: _, draggable: v, canDropOnNode: y, onContextMenu: b, onDragStart: x, onDragOver: S, onDrop: C, onDragEnd: w }) {
+	let T = se(be), E = L(e), D = a.has(e.id), O = o === e.id, k = s === e.id, te = c === e.id, ne = y?.(e), A = de(e, D, !!_), re = f?.has(e.id) ?? !1, ie = p?.has(e.id) ?? !1, oe = T?.cutId === e.id;
+	return /* @__PURE__ */ I("li", {
+		ref: T ? (t) => T.registerItem(e.id, t) : void 0,
+		role: "treeitem",
+		"aria-expanded": E ? D : void 0,
+		"aria-selected": i ? O : void 0,
+		"aria-checked": d ? ie ? "mixed" : re : void 0,
+		"aria-disabled": e.disabled || void 0,
+		"aria-level": n + 1,
+		"aria-label": e.label,
+		tabIndex: T ? T.tabbableId === e.id ? 0 : -1 : void 0,
+		"data-node-id": e.id,
+		onFocus: (t) => {
+			t.target === t.currentTarget && T?.onItemFocus(e.id);
+		},
+		children: [/* @__PURE__ */ I("div", {
+			className: j("item", O && "selected", e.disabled && "disabled", i && !e.disabled && "selectable", v && !e.disabled && "draggable", k && "dragging", ne && "can-drop", te && "drop-target", oe && "cut"),
+			"data-color": t,
+			style: { paddingLeft: n * h },
+			draggable: v && !e.disabled,
+			onClick: () => {
+				e.disabled || (E && r && l(e.id), i && u?.(e.id, e));
+			},
+			onContextMenu: (t) => b?.(t, e),
+			onDragStart: (t) => x?.(t, e),
+			onDragOver: (t) => S?.(t, e),
+			onDrop: (t) => C?.(t, e),
+			onDragEnd: w,
+			children: [
+				/* @__PURE__ */ F("span", {
+					className: "toggle",
+					children: E && r ? /* @__PURE__ */ F("span", {
+						className: j("arrow", D && "expanded"),
+						children: /* @__PURE__ */ F(ee, {})
+					}) : /* @__PURE__ */ F("span", { className: "spacer" })
+				}),
+				d && /* @__PURE__ */ F("span", {
+					className: "check",
+					"aria-hidden": "true",
+					onClick: (e) => e.stopPropagation(),
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ F(ae, {
+						ref: (e) => {
+							e && (e.tabIndex = -1);
+						},
+						size: "sm",
+						clickEffect: "none",
+						disabled: e.disabled,
+						checked: re,
+						indeterminate: ie,
+						"aria-label": e.label,
+						onChange: () => m?.(e.id)
+					})
+				}),
+				A && /* @__PURE__ */ F("span", {
+					className: "icon",
+					children: A
+				}),
+				/* @__PURE__ */ F("span", {
+					className: "label",
+					children: e.label
+				})
+			]
+		}), E && D && /* @__PURE__ */ F("ul", {
+			className: "list",
+			role: "group",
+			style: g ? { "--line-left": `${n * h + 17}px` } : void 0,
+			children: (e.children ?? []).map((e) => /* @__PURE__ */ F(xe, {
+				node: e,
+				color: t,
+				level: n + 1,
+				expandable: r,
+				selectable: i,
+				expandedIds: a,
+				selectedId: o,
+				draggedId: s,
+				dropTargetId: c,
+				onToggle: l,
+				onSelect: u,
+				checkable: d,
+				checkedIds: f,
+				indeterminateIds: p,
+				onCheck: m,
+				indent: h,
+				showLines: g,
+				fileIcons: _,
+				draggable: v,
+				canDropOnNode: y,
+				onContextMenu: b,
+				onDragStart: x,
+				onDragOver: S,
+				onDrop: C,
+				onDragEnd: w
+			}, e.id))
+		})]
+	});
+}
+function z({ items: n, color: r = "primary", expandable: i = !0, selectable: a = !1, defaultExpanded: o = [], expanded: s, onExpandChange: c, selected: l, onSelect: u, checkable: d = !1, defaultChecked: f = [], checked: p, onCheckedChange: m, indent: h = 20, showLines: g = !0, fileIcons: _ = !0, draggable: v = !1, canDrop: y, onMove: b, keyboardMove: x = !0, contextMenuItems: S, onContextMenuAction: C, className: w, "aria-label": T, "aria-labelledby": E, ...D }) {
+	let O = e(), [ee, k] = P(o), [te, ne] = P(null), [A, ae] = P(f), [M, se] = P(null), [le, ue] = P(null), [R, de] = P(null), [z, Se] = P(null), [Ce, we] = P(""), [B, V] = P(null), H = N(null), Te = N(null), Ee = N(/* @__PURE__ */ new Map()), De = N([]), Oe = N({
+		buffer: "",
+		timer: null
+	}), U = s ?? ee, W = new Set(U), G = l === void 0 ? te : l, ke = new Set(p ?? A), Ae = d ? pe(n, ke) : /* @__PURE__ */ new Set(), { nodeMap: K, descendants: je, parentMap: Me } = fe(n), q = M ? K.get(M) ?? null : null, Ne = v && !!b && x, J = z ? K.get(z) ?? null : null, Y = ye(n, W), X = Y.map((e) => e.node.id), Pe = R && X.includes(R) ? R : G && X.includes(G) ? G : X[0] ?? null, { onKeyDown: Fe, getItemProps: Ie, focusItem: Le } = re({
+		itemCount: B?.items.length ?? 0,
+		isOpen: !!B,
+		mode: "roving",
+		selectOnSpace: !0,
+		isItemDisabled: (e) => !!B?.items[e]?.disabled,
+		getItemLabel: (e) => {
+			let t = B?.items[e]?.label;
+			return typeof t == "string" || typeof t == "number" ? String(t) : "";
+		},
+		onSelect: (e) => De.current[e]?.click(),
+		onClose: () => Be(!0)
+	});
+	ce(() => {
+		if (!B) return;
+		function e(e) {
+			e && H.current && H.current.contains(e.target) || V(null);
+		}
+		function t(e) {
+			e.key === "Escape" && !e.defaultPrevented && V(null);
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("keydown", t);
+		};
+	}, [B]), ce(() => {
+		if (!B) return;
+		let e = B.items.findIndex((e) => !e.disabled);
+		e >= 0 ? Le(e) : H.current?.focus();
+	}, [B]), ce(() => {
+		let e = Oe.current;
+		return () => {
+			e.timer && clearTimeout(e.timer);
+		};
+	}, []);
+	function Re(e, t) {
+		t ? Ee.current.set(e, t) : Ee.current.delete(e);
+	}
+	function Z(e) {
+		de(e), Ee.current.get(e)?.focus();
+	}
+	function ze(e) {
+		we(e);
+	}
+	function Be(e) {
+		let t = B?.node;
+		V(null), e && t && Z(t.id);
+	}
+	function Q(e) {
+		let t = W.has(e) ? U.filter((t) => t !== e) : [...U, e];
+		c ? c(t) : k(t);
+	}
+	function Ve(e) {
+		let t = e.filter((e) => !W.has(e));
+		if (!t.length) return;
+		let n = [...U, ...t];
+		c ? c(n) : k(n);
+	}
+	function $(e, t) {
+		u ? u(e, t) : ne(e);
+	}
+	function He(e) {
+		let t = K.get(e);
+		if (!t || t.disabled) return;
+		let n = new Set(ke), r = n.has(e), i = [e, ...Array.from(je.get(e) ?? [])];
+		if (r) for (let e of i) n.delete(e);
+		else for (let e of i) {
+			let t = K.get(e);
+			t && !t.disabled && n.add(e);
+		}
+		let a = Me.get(e);
+		for (; a;) {
+			let e = K.get(a);
+			if (!e) break;
+			let t = (e.children ?? []).every((e) => e.disabled || n.has(e.id)), r = (e.children ?? []).some((e) => !e.disabled);
+			t && r ? n.add(a) : n.delete(a), a = Me.get(a);
+		}
+		let o = Array.from(n);
+		p === void 0 && ae(o), m?.(o);
+	}
+	function Ue() {
+		se(null), ue(null);
+	}
+	function We(e, t) {
+		return !e || !v || !b || t.disabled || !L(t) || t.id === e.id || je.get(e.id)?.has(t.id) || Me.get(e.id) === t.id ? !1 : y ? y(e, t) : !0;
+	}
+	function Ge(e) {
+		return We(q, e);
+	}
+	function Ke(e) {
+		!Ne || e.disabled || (Se(e.id), ze(t(O.cutAnnouncement, { label: e.label })));
+	}
+	function qe(e) {
+		return !J || !We(J, e) ? !1 : (b?.({
+			draggedId: J.id,
+			draggedNode: J,
+			targetId: e.id,
+			targetNode: e
+		}), i && !W.has(e.id) && Q(e.id), Se(null), ze(t(O.movedAnnouncement, {
+			label: J.label,
+			target: e.label
+		})), !0);
+	}
+	function Je() {
+		Se(null), ze(O.moveCancelled);
+	}
+	function Ye(e) {
+		if (!Ne) return [];
+		let t = [];
+		return J && J.id !== e.id && We(J, e) && t.push({
+			id: ge,
+			label: O.moveHere
+		}), !e.disabled && z !== e.id && t.push({
+			id: he,
+			label: O.cut
+		}), z && t.push({
+			id: _e,
+			label: O.cancelMove
+		}), t;
+	}
+	function Xe(e) {
+		return [...S ? S(e).filter(Boolean) : [], ...Ye(e)];
+	}
+	function Ze(e, t, n) {
+		if (e.disabled) return !1;
+		let r = Xe(e);
+		if (!r.length) return !1;
+		$(e.id, e);
+		let i = me(t, n);
+		return V({
+			node: e,
+			items: r,
+			x: i.x,
+			y: i.y
+		}), !0;
+	}
+	function Qe(e, t) {
+		t.disabled || !Xe(t).length || (e.preventDefault(), Ze(t, e.clientX, e.clientY));
+	}
+	function $e(e, t) {
+		if (e.disabled) return;
+		let n = !!H.current?.contains(document.activeElement);
+		e.id === he ? Ke(t) : e.id === ge ? qe(t) : e.id === _e && Je(), ve.has(e.id) || C?.(e.id, t), Be(n);
+	}
+	function et(e) {
+		if (e.key === "Tab") {
+			e.preventDefault(), Be(!0);
+			return;
+		}
+		Fe(e);
+	}
+	function tt(e, t) {
+		!v || t.disabled || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id), V(null), se(t.id));
+	}
+	function nt(e, t) {
+		Ge(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", ue(t.id));
+	}
+	function rt(e, t) {
+		if (e.preventDefault(), !q || !Ge(t)) {
+			Ue();
+			return;
+		}
+		b?.({
+			draggedId: q.id,
+			draggedNode: q,
+			targetId: t.id,
+			targetNode: t
+		}), i && !W.has(t.id) && Q(t.id), Ue();
+	}
+	function it(e) {
+		e.disabled || (L(e) && i && Q(e.id), a && $(e.id, e));
+	}
+	function at(e, t) {
+		let n = Oe.current;
+		n.timer && clearTimeout(n.timer), n.buffer += e.toLowerCase(), n.timer = setTimeout(() => {
+			n.buffer = "", n.timer = null;
+		}, 500);
+		let r = n.buffer, i = r.split("").every((e) => e === r[0]) ? r[0] : r, a = +(i.length === 1);
+		for (let e = 0; e < Y.length; e++) {
+			let n = Y[(t + a + e) % Y.length];
+			if (n.node.label.toLowerCase().startsWith(i)) return Z(n.node.id), !0;
+		}
+		return !1;
+	}
+	function ot(e) {
+		let t = e.target;
+		if (t.getAttribute("role") !== "treeitem") return;
+		let r = t.dataset.nodeId ?? "", o = X.indexOf(r);
+		if (o < 0) return;
+		let { node: s, parentId: c } = Y[o], l = L(s), u = W.has(r), f = e.ctrlKey || e.metaKey, p = e.key;
+		if (p === "ContextMenu" || p === "F10" && e.shiftKey) {
+			let n = t.querySelector(".item")?.getBoundingClientRect() ?? t.getBoundingClientRect();
+			Ze(s, n.left + 16, n.bottom) && e.preventDefault();
+			return;
+		}
+		if (f && !e.altKey && (p === "x" || p === "X")) {
+			Ne && !s.disabled && (e.preventDefault(), Ke(s));
+			return;
+		}
+		if (f && !e.altKey && (p === "v" || p === "V")) {
+			J && (e.preventDefault(), qe(s));
+			return;
+		}
+		if (p === "Escape" && z) {
+			e.preventDefault(), Je();
+			return;
+		}
+		if (f || e.altKey) return;
+		let m = oe(Te.current), h = m ? "ArrowLeft" : "ArrowRight", g = m ? "ArrowRight" : "ArrowLeft";
+		switch (p) {
+			case "ArrowDown":
+				o < Y.length - 1 && Z(X[o + 1]);
+				break;
+			case "ArrowUp":
+				o > 0 && Z(X[o - 1]);
+				break;
+			case "Home":
+				Z(X[0]);
+				break;
+			case "End":
+				Z(X[X.length - 1]);
+				break;
+			case h:
+				l && !u ? i && !s.disabled && Q(r) : l && u && s.children?.length && Z(X[o + 1]);
+				break;
+			case g:
+				l && u && i && !s.disabled ? Q(r) : c && Z(c);
+				break;
+			case "Enter":
+				it(s);
+				break;
+			case " ":
+				Oe.current.buffer ? at(" ", o) : d ? He(r) : a && !s.disabled && $(r, s);
+				break;
+			case "*":
+				if (!i) return;
+				Ve((c ? K.get(c)?.children ?? [] : n).filter((e) => L(e) && !e.disabled).map((e) => e.id));
+				break;
+			default:
+				if (p.length === 1 && p !== " " && at(p, o)) break;
+				return;
+		}
+		e.preventDefault();
+	}
+	let st = {
+		tabbableId: Pe,
+		cutId: z,
+		registerItem: Re,
+		onItemFocus: de
+	};
+	return /* @__PURE__ */ I("div", {
+		className: j("tree", `color-${r}`, g && "lines", w),
+		...D,
+		children: [
+			/* @__PURE__ */ F(be.Provider, {
+				value: st,
+				children: /* @__PURE__ */ F("ul", {
+					ref: Te,
+					className: "list",
+					role: "tree",
+					"aria-label": T,
+					"aria-labelledby": E,
+					onKeyDown: ot,
+					children: n.map((e) => /* @__PURE__ */ F(xe, {
+						node: e,
+						color: r,
+						level: 0,
+						expandable: i,
+						selectable: a,
+						expandedIds: W,
+						selectedId: G,
+						draggedId: M,
+						dropTargetId: le,
+						onToggle: Q,
+						onSelect: $,
+						checkable: d,
+						checkedIds: ke,
+						indeterminateIds: Ae,
+						onCheck: He,
+						indent: h,
+						showLines: g,
+						fileIcons: _,
+						draggable: v,
+						canDropOnNode: Ge,
+						onContextMenu: Qe,
+						onDragStart: tt,
+						onDragOver: nt,
+						onDrop: rt,
+						onDragEnd: Ue
+					}, e.id))
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "tree-live",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: Ce
+			}),
+			B && /* @__PURE__ */ F(ie, { children: /* @__PURE__ */ F("div", {
+				ref: H,
+				className: "tree menu",
+				style: {
+					top: B.y,
+					left: B.x
+				},
+				role: "menu",
+				tabIndex: -1,
+				"aria-label": t(O.menuLabel, { label: B.node.label }),
+				onKeyDown: et,
+				children: B.items.map((e, t) => {
+					let n = Ie(t);
+					return /* @__PURE__ */ I("button", {
+						id: n.id,
+						ref: (e) => {
+							n.ref?.(e), De.current[t] = e;
+						},
+						tabIndex: n.tabIndex,
+						onFocus: n.onFocus,
+						type: "button",
+						className: j("action", e.color, e.disabled && "disabled"),
+						role: "menuitem",
+						disabled: e.disabled,
+						onClick: () => $e(e, B.node),
+						children: [e.icon && /* @__PURE__ */ F("span", {
+							className: "icon",
+							children: e.icon
+						}), /* @__PURE__ */ F("span", { children: e.label })]
+					}, e.id);
+				})
+			}) })
+		]
+	});
+}
+//#endregion
+export { z as t };
+
+//# sourceMappingURL=MTreeView-CWcMwE-Z.js.map

package/dist/MTreeView-CWcMwE-Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MTreeView-CWcMwE-Z.js","names":[],"sources":["../src/components/data/MTreeView/MTreeView.tsx"],"sourcesContent":["import {createContext, useContext, useEffect, useRef, useState} from 'react'\nimport type {CSSProperties, DragEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent, ReactNode} from 'react'\nimport type {\n    MTreeViewProps,\n    MTreeItemProps,\n    MTreeNode,\n    MTreeViewContextMenuItem,\n    MTreeViewMoveEvent,\n} from './MTreeView.types'\nimport {cn} from '../../../utils/cn'\nimport {formatMText, useMTreeViewTexts} from '../../../i18n/frameworkTexts'\nimport {MCheckbox} from '../../controls'\nimport {MPortal} from '../../primitives'\nimport {useKeyboardNav} from '../../../utils/useKeyboardNav'\nimport {isRtlElement} from '../../../utils/radioGroupKeys'\nimport {\n    MChevronRightIcon,\n    MFileCodeIcon,\n    MFileCsvIcon,\n    MFileCssIcon,\n    MFileExeIcon,\n    MFileGifIcon,\n    MFileHtmlIcon,\n    MFileIcon,\n    MFileImageIcon,\n    MFileJpgIcon,\n    MFileJsIcon,\n    MFileJsonIcon,\n    MFileMdIcon,\n    MFileMp3Icon,\n    MFileMp4Icon,\n    MFileOdtIcon,\n    MFilePdfIcon,\n    MFilePhpIcon,\n    MFilePngIcon,\n    MFilePptIcon,\n    MFileRarIcon,\n    MFileSvgIcon,\n    MFileTextIcon,\n    MFileTsIcon,\n    MFileTsxIcon,\n    MFileTxtIcon,\n    MFileWebpIcon,\n    MFileXlsIcon,\n    MFileXmlIcon,\n    MFileZipIcon,\n    MFolderIcon,\n    MFolderOpenIcon,\n} from '../../../icons'\nimport './MTreeView.css'\nconst fileTypeMap: Record<string, ReactNode> = {\n    pdf: <MFilePdfIcon />,\n    ts: <MFileTsIcon />,\n    tsx: <MFileTsxIcon />,\n    js: <MFileJsIcon />,\n    jsx: <MFileCodeIcon />,\n    css: <MFileCssIcon />,\n    scss: <MFileCssIcon />,\n    html: <MFileHtmlIcon />,\n    json: <MFileJsonIcon />,\n    md: <MFileMdIcon />,\n    txt: <MFileTxtIcon />,\n    csv: <MFileCsvIcon />,\n    zip: <MFileZipIcon />,\n    rar: <MFileRarIcon />,\n    svg: <MFileSvgIcon />,\n    png: <MFilePngIcon />,\n    jpg: <MFileJpgIcon />,\n    jpeg: <MFileImageIcon />,\n    gif: <MFileGifIcon />,\n    webp: <MFileWebpIcon />,\n    php: <MFilePhpIcon />,\n    xml: <MFileXmlIcon />,\n    xls: <MFileXlsIcon />,\n    ppt: <MFilePptIcon />,\n    odt: <MFileOdtIcon />,\n    exe: <MFileExeIcon />,\n    mp3: <MFileMp3Icon />,\n    mp4: <MFileMp4Icon />,\n}\n\n// Read the file extension once so icon logic stays predictable.\nfunction getFileExtension(label: string): string | null {\n    const dot = label.lastIndexOf('.')\n    if (dot < 1) return null\n    return label.slice(dot + 1).toLowerCase()\n}\n\n// Treat explicit folders and nodes with children as directory-like.\nfunction isFolderNode(node: MTreeNode) {\n    return node.kind === 'folder' || Boolean(node.children?.length)\n}\n\n// Resolve the proper file icon by extension.\nfunction getFileIcon(label: string): ReactNode {\n    const ext = getFileExtension(label)\n    if (!ext) return <MFileIcon />\n\n    return fileTypeMap[ext] ?? <MFileTextIcon />\n}\n\n// Prefer custom icons first, then fall back to folder or file visuals.\nfunction getDefaultIcon(node: MTreeNode, isExpanded: boolean, fileIcons: boolean) {\n    if (node.icon) return node.icon\n    if (!fileIcons) return null\n\n    if (isFolderNode(node)) return isExpanded ? <MFolderOpenIcon /> : <MFolderIcon />\n\n    return getFileIcon(node.label)\n}\n\n// Cache nodes and descendants so drag-drop validation stays fast.\nfunction buildTreeLookup(items: MTreeNode[]) {\n    const nodeMap = new Map<string, MTreeNode>()\n    const descendants = new Map<string, Set<string>>()\n    const parentMap = new Map<string, string>()\n\n    function walk(node: MTreeNode) {\n        nodeMap.set(node.id, node)\n\n        const childIds = new Set<string>()\n\n        for (const child of node.children ?? []) {\n            parentMap.set(child.id, node.id)\n            childIds.add(child.id)\n\n            const nestedIds = walk(child)\n            nestedIds.forEach((id) => childIds.add(id))\n        }\n\n        descendants.set(node.id, childIds)\n        return childIds\n    }\n\n    items.forEach(walk)\n\n    return {nodeMap, descendants, parentMap}\n}\n\n// Compute indeterminate ids: a node where some but not all leaf descendants are checked.\nfunction computeIndeterminate(items: MTreeNode[], checked: Set<string>): Set<string> {\n    const indeterminate = new Set<string>()\n\n    function walk(node: MTreeNode): {checked: number; total: number} {\n        if (!node.children?.length) {\n            return checked.has(node.id) ? {checked: 1, total: 1} : {checked: 0, total: 1}\n        }\n\n        let c = 0\n        let t = 0\n\n        for (const child of node.children) {\n            const r = walk(child)\n            c += r.checked\n            t += r.total\n        }\n\n        if (c > 0 && c < t) indeterminate.add(node.id)\n        return {checked: c, total: t}\n    }\n\n    items.forEach(walk)\n    return indeterminate\n}\n\n// Keep the context menu inside the viewport.\nfunction clampMenuPosition(x: number, y: number) {\n    if (typeof window === 'undefined') {\n        return {x, y}\n    }\n\n    return {\n        x: Math.max(8, Math.min(x, window.innerWidth - 220)),\n        y: Math.max(8, Math.min(y, window.innerHeight - 16)),\n    }\n}\n\n// Built-in context-menu actions (keyboard / single-pointer alternative to dragging, WCAG 2.5.7).\nconst CUT_ACTION = '__mineral-tree-cut'\nconst MOVE_HERE_ACTION = '__mineral-tree-move-here'\nconst CANCEL_MOVE_ACTION = '__mineral-tree-cancel-move'\nconst BUILT_IN_ACTIONS = new Set([CUT_ACTION, MOVE_HERE_ACTION, CANCEL_MOVE_ACTION])\n\ninterface VisibleNode {\n    node: MTreeNode\n    parentId: string | null\n}\n\n// Visible nodes in document order (the rows a keyboard user walks through).\nfunction flattenVisible(items: MTreeNode[], expandedIds: Set<string>): VisibleNode[] {\n    const result: VisibleNode[] = []\n\n    function walk(nodes: MTreeNode[], parentId: string | null) {\n        for (const node of nodes) {\n            result.push({node, parentId})\n            if (isFolderNode(node) && expandedIds.has(node.id)) walk(node.children ?? [], node.id)\n        }\n    }\n\n    walk(items, null)\n    return result\n}\n\n// Roving-focus state shared with every row (APG tree: one tab stop, focus moves with the arrows).\ninterface TreeNavState {\n    tabbableId: string | null\n    cutId: string | null\n    registerItem: (id: string, element: HTMLLIElement | null) => void\n    onItemFocus: (id: string) => void\n}\n\nconst TreeNavContext = createContext<TreeNavState | null>(null)\n\n// Render one visible row and recurse into children when expanded.\nfunction TreeItem({\n    node,\n    color,\n    level,\n    expandable,\n    selectable,\n    expandedIds,\n    selectedId,\n    draggedId,\n    dropTargetId,\n    onToggle,\n    onSelect,\n    checkable,\n    checkedIds,\n    indeterminateIds,\n    onCheck,\n    indent,\n    showLines,\n    fileIcons,\n    draggable,\n    canDropOnNode,\n    onContextMenu,\n    onDragStart,\n    onDragOver,\n    onDrop,\n    onDragEnd,\n}: MTreeItemProps) {\n    const nav = useContext(TreeNavContext)\n    const hasChildren = isFolderNode(node)\n    const isExpanded = expandedIds.has(node.id)\n    const isSelected = selectedId === node.id\n    const isDragging = draggedId === node.id\n    const isDropTarget = dropTargetId === node.id\n    const canDrop = canDropOnNode?.(node)\n    const icon = getDefaultIcon(node, isExpanded, !!fileIcons)\n    const isChecked = checkedIds?.has(node.id) ?? false\n    const isIndeterminate = indeterminateIds?.has(node.id) ?? false\n    const isCut = nav?.cutId === node.id\n\n    return (\n        <li\n            ref={nav ? (element) => nav.registerItem(node.id, element) : undefined}\n            role=\"treeitem\"\n            aria-expanded={hasChildren ? isExpanded : undefined}\n            aria-selected={selectable ? isSelected : undefined}\n            aria-checked={checkable ? (isIndeterminate ? 'mixed' : isChecked) : undefined}\n            aria-disabled={node.disabled || undefined}\n            aria-level={level + 1}\n            // Name the row by its own label, not by the text of its whole subtree.\n            aria-label={node.label}\n            tabIndex={nav ? (nav.tabbableId === node.id ? 0 : -1) : undefined}\n            data-node-id={node.id}\n            onFocus={(event) => {\n                if (event.target === event.currentTarget) nav?.onItemFocus(node.id)\n            }}\n        >\n            <div\n                className={cn(\n                    'item',\n                    isSelected && 'selected',\n                    node.disabled && 'disabled',\n                    selectable && !node.disabled && 'selectable',\n                    draggable && !node.disabled && 'draggable',\n                    isDragging && 'dragging',\n                    canDrop && 'can-drop',\n                    isDropTarget && 'drop-target',\n                    isCut && 'cut'\n                )}\n                data-color={color}\n                style={{paddingLeft: level * indent}}\n                draggable={draggable && !node.disabled}\n                onClick={() => {\n                    if (node.disabled) return\n                    if (hasChildren && expandable) onToggle(node.id)\n                    if (selectable) onSelect?.(node.id, node)\n                }}\n                onContextMenu={(event) => onContextMenu?.(event, node)}\n                onDragStart={(event) => onDragStart?.(event, node)}\n                onDragOver={(event) => onDragOver?.(event, node)}\n                onDrop={(event) => onDrop?.(event, node)}\n                onDragEnd={onDragEnd}\n            >\n                <span className=\"toggle\">\n                    {hasChildren && expandable ? (\n                        <span className={cn('arrow', isExpanded && 'expanded')}>\n                            <MChevronRightIcon />\n                        </span>\n                    ) : (\n                        <span className=\"spacer\" />\n                    )}\n                </span>\n                {checkable && (\n                    // The row carries `aria-checked` (APG tree); the checkbox is a pointer target only,\n                    // so it stays out of the tab order and the accessibility tree.\n                    <span\n                        className=\"check\"\n                        aria-hidden=\"true\"\n                        onClick={(event) => event.stopPropagation()}\n                        onMouseDown={(event) => event.preventDefault()}\n                    >\n                        <MCheckbox\n                            ref={(element) => {\n                                if (element) element.tabIndex = -1\n                            }}\n                            size=\"sm\"\n                            clickEffect=\"none\"\n                            disabled={node.disabled}\n                            checked={isChecked}\n                            indeterminate={isIndeterminate}\n                            aria-label={node.label}\n                            onChange={() => onCheck?.(node.id)}\n                        />\n                    </span>\n                )}\n                {icon && <span className=\"icon\">{icon}</span>}\n                <span className=\"label\">{node.label}</span>\n            </div>\n            {hasChildren && isExpanded && (\n                <ul\n                    className=\"list\"\n                    role=\"group\"\n                    style={showLines ? ({'--line-left': `${level * indent + 17}px`} as CSSProperties) : undefined}\n                >\n                    {(node.children ?? []).map((child) => (\n                        <TreeItem\n                            key={child.id}\n                            node={child}\n                            color={color}\n                            level={level + 1}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={onToggle}\n                            onSelect={onSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={onCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={canDropOnNode}\n                            onContextMenu={onContextMenu}\n                            onDragStart={onDragStart}\n                            onDragOver={onDragOver}\n                            onDrop={onDrop}\n                            onDragEnd={onDragEnd}\n                        />\n                    ))}\n                </ul>\n            )}\n        </li>\n    )\n}\n\n// Render a file tree with selection, context actions and folder moves.\nexport function MTreeView({\n    items,\n    color = 'primary',\n    expandable = true,\n    selectable = false,\n    defaultExpanded = [],\n    expanded: controlledExpanded,\n    onExpandChange,\n    selected: controlledSelected,\n    onSelect,\n    checkable = false,\n    defaultChecked = [],\n    checked: controlledChecked,\n    onCheckedChange,\n    indent = 20,\n    showLines = true,\n    fileIcons = true,\n    draggable = false,\n    canDrop,\n    onMove,\n    keyboardMove = true,\n    contextMenuItems,\n    onContextMenuAction,\n    className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...rest\n}: MTreeViewProps) {\n    const texts = useMTreeViewTexts()\n    const [internalExpanded, setInternalExpanded] = useState<string[]>(defaultExpanded)\n    const [internalSelected, setInternalSelected] = useState<string | null>(null)\n    const [internalChecked, setInternalChecked] = useState<string[]>(defaultChecked)\n    const [draggedId, setDraggedId] = useState<string | null>(null)\n    const [dropTargetId, setDropTargetId] = useState<string | null>(null)\n    const [focusedId, setFocusedId] = useState<string | null>(null)\n    const [cutId, setCutId] = useState<string | null>(null)\n    const [announcement, setAnnouncement] = useState('')\n    const [menu, setMenu] = useState<{\n        node: MTreeNode\n        items: MTreeViewContextMenuItem[]\n        x: number\n        y: number\n    } | null>(null)\n    const menuRef = useRef<HTMLDivElement>(null)\n    const treeRef = useRef<HTMLUListElement>(null)\n    const itemEls = useRef(new Map<string, HTMLLIElement>())\n    const menuItemEls = useRef<(HTMLButtonElement | null)[]>([])\n    const typeahead = useRef<{buffer: string; timer: ReturnType<typeof setTimeout> | null}>({buffer: '', timer: null})\n\n    const expandedArr = controlledExpanded ?? internalExpanded\n    const expandedIds = new Set(expandedArr)\n    const selectedId = controlledSelected !== undefined ? controlledSelected : internalSelected\n    const checkedArr = controlledChecked ?? internalChecked\n    const checkedIds = new Set(checkedArr)\n    const indeterminateIds = checkable ? computeIndeterminate(items, checkedIds) : new Set<string>()\n    const {nodeMap, descendants, parentMap} = buildTreeLookup(items)\n    const draggedNode = draggedId ? (nodeMap.get(draggedId) ?? null) : null\n    const moveEnabled = draggable && !!onMove && keyboardMove\n    const cutNode = cutId ? (nodeMap.get(cutId) ?? null) : null\n\n    const visible = flattenVisible(items, expandedIds)\n    const visibleIds = visible.map((entry) => entry.node.id)\n    const tabbableId =\n        focusedId && visibleIds.includes(focusedId)\n            ? focusedId\n            : selectedId && visibleIds.includes(selectedId)\n              ? selectedId\n              : (visibleIds[0] ?? null)\n\n    const menuItemCount = menu?.items.length ?? 0\n    const {\n        onKeyDown: onMenuNavKeyDown,\n        getItemProps: getMenuItemProps,\n        focusItem: focusMenuItem,\n    } = useKeyboardNav({\n        itemCount: menuItemCount,\n        isOpen: !!menu,\n        mode: 'roving',\n        selectOnSpace: true,\n        isItemDisabled: (index) => !!menu?.items[index]?.disabled,\n        getItemLabel: (index) => {\n            const label = menu?.items[index]?.label\n            return typeof label === 'string' || typeof label === 'number' ? String(label) : ''\n        },\n        onSelect: (index) => menuItemEls.current[index]?.click(),\n        onClose: () => closeMenu(true),\n    })\n\n    useEffect(() => {\n        if (!menu) return\n\n        function closeOnOutside(event?: Event) {\n            if (event && menuRef.current && menuRef.current.contains(event.target as Node)) {\n                return\n            }\n\n            setMenu(null)\n        }\n\n        function handleKey(event: KeyboardEvent) {\n            if (event.key === 'Escape' && !event.defaultPrevented) {\n                setMenu(null)\n            }\n        }\n\n        document.addEventListener('mousedown', closeOnOutside)\n        document.addEventListener('scroll', closeOnOutside, true)\n        window.addEventListener('resize', closeOnOutside)\n        document.addEventListener('keydown', handleKey)\n\n        return () => {\n            document.removeEventListener('mousedown', closeOnOutside)\n            document.removeEventListener('scroll', closeOnOutside, true)\n            window.removeEventListener('resize', closeOnOutside)\n            document.removeEventListener('keydown', handleKey)\n        }\n    }, [menu])\n\n    // APG menu: focus lands on the first enabled item when the menu opens.\n    useEffect(() => {\n        if (!menu) return\n        const first = menu.items.findIndex((item) => !item.disabled)\n        if (first >= 0) focusMenuItem(first)\n        else menuRef.current?.focus()\n        // Only on open: `menu` is a new object per opening.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [menu])\n\n    useEffect(() => {\n        const state = typeahead.current\n        return () => {\n            if (state.timer) clearTimeout(state.timer)\n        }\n    }, [])\n\n    function registerItem(id: string, element: HTMLLIElement | null) {\n        if (element) itemEls.current.set(id, element)\n        else itemEls.current.delete(id)\n    }\n\n    function focusNode(id: string) {\n        setFocusedId(id)\n        itemEls.current.get(id)?.focus()\n    }\n\n    function announce(message: string) {\n        setAnnouncement(message)\n    }\n\n    function closeMenu(restoreFocus: boolean) {\n        const node = menu?.node\n        setMenu(null)\n        if (restoreFocus && node) focusNode(node.id)\n    }\n\n    function handleToggle(id: string) {\n        const next = expandedIds.has(id) ? expandedArr.filter((e) => e !== id) : [...expandedArr, id]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function expandMany(ids: string[]) {\n        const missing = ids.filter((id) => !expandedIds.has(id))\n        if (!missing.length) return\n        const next = [...expandedArr, ...missing]\n        if (onExpandChange) onExpandChange(next)\n        else setInternalExpanded(next)\n    }\n\n    function handleSelect(id: string, node: MTreeNode) {\n        if (onSelect) onSelect(id, node)\n        else setInternalSelected(id)\n    }\n\n    function handleCheck(id: string) {\n        const node = nodeMap.get(id)\n        if (!node || node.disabled) return\n\n        const next = new Set(checkedIds)\n        const isCurrentlyChecked = next.has(id)\n        const subtree = [id, ...Array.from(descendants.get(id) ?? [])]\n\n        if (isCurrentlyChecked) {\n            for (const sid of subtree) next.delete(sid)\n        } else {\n            for (const sid of subtree) {\n                const sNode = nodeMap.get(sid)\n                if (sNode && !sNode.disabled) next.add(sid)\n            }\n        }\n\n        let parentId = parentMap.get(id)\n\n        while (parentId) {\n            const parent = nodeMap.get(parentId)\n            if (!parent) break\n\n            const allChildrenChecked = (parent.children ?? []).every((child) => child.disabled || next.has(child.id))\n            const hasEnabledChild = (parent.children ?? []).some((child) => !child.disabled)\n\n            if (allChildrenChecked && hasEnabledChild) next.add(parentId)\n            else next.delete(parentId)\n\n            parentId = parentMap.get(parentId)\n        }\n\n        const nextArr = Array.from(next)\n\n        if (controlledChecked === undefined) setInternalChecked(nextArr)\n        onCheckedChange?.(nextArr)\n    }\n\n    function closeDrag() {\n        setDraggedId(null)\n        setDropTargetId(null)\n    }\n\n    // Shared by drag-and-drop and the keyboard / menu move.\n    function canMoveNode(sourceNode: MTreeNode | null, targetNode: MTreeNode) {\n        if (!sourceNode || !draggable || !onMove) return false\n        if (targetNode.disabled || !isFolderNode(targetNode)) return false\n        if (targetNode.id === sourceNode.id) return false\n        if (descendants.get(sourceNode.id)?.has(targetNode.id)) return false\n        // Dropping into the folder that already holds the node would be an empty move.\n        if (parentMap.get(sourceNode.id) === targetNode.id) return false\n\n        return canDrop ? canDrop(sourceNode, targetNode) : true\n    }\n\n    function isValidDropTarget(targetNode: MTreeNode) {\n        return canMoveNode(draggedNode, targetNode)\n    }\n\n    /* ── Keyboard / single-pointer move (cut → move here) ── */\n\n    function cutForMove(node: MTreeNode) {\n        if (!moveEnabled || node.disabled) return\n        setCutId(node.id)\n        announce(formatMText(texts.cutAnnouncement, {label: node.label}))\n    }\n\n    function moveCutInto(targetNode: MTreeNode) {\n        if (!cutNode || !canMoveNode(cutNode, targetNode)) return false\n\n        onMove?.({\n            draggedId: cutNode.id,\n            draggedNode: cutNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        setCutId(null)\n        announce(formatMText(texts.movedAnnouncement, {label: cutNode.label, target: targetNode.label}))\n        return true\n    }\n\n    function cancelMove() {\n        setCutId(null)\n        announce(texts.moveCancelled)\n    }\n\n    function builtInMenuItems(node: MTreeNode): MTreeViewContextMenuItem[] {\n        if (!moveEnabled) return []\n\n        const result: MTreeViewContextMenuItem[] = []\n        if (cutNode && cutNode.id !== node.id && canMoveNode(cutNode, node)) {\n            result.push({id: MOVE_HERE_ACTION, label: texts.moveHere})\n        }\n        if (!node.disabled && cutId !== node.id) {\n            result.push({id: CUT_ACTION, label: texts.cut})\n        }\n        if (cutId) {\n            result.push({id: CANCEL_MOVE_ACTION, label: texts.cancelMove})\n        }\n\n        return result\n    }\n\n    function menuItemsFor(node: MTreeNode) {\n        const custom = contextMenuItems ? contextMenuItems(node).filter(Boolean) : []\n        return [...custom, ...builtInMenuItems(node)]\n    }\n\n    function openMenu(node: MTreeNode, x: number, y: number) {\n        if (node.disabled) return false\n\n        const nextItems = menuItemsFor(node)\n        if (!nextItems.length) return false\n\n        handleSelect(node.id, node)\n\n        const pos = clampMenuPosition(x, y)\n        setMenu({\n            node,\n            items: nextItems,\n            x: pos.x,\n            y: pos.y,\n        })\n        return true\n    }\n\n    function handleContextMenu(event: MouseEvent<HTMLDivElement>, node: MTreeNode) {\n        if (node.disabled || !menuItemsFor(node).length) return\n\n        event.preventDefault()\n        openMenu(node, event.clientX, event.clientY)\n    }\n\n    function handleMenuAction(item: MTreeViewContextMenuItem, node: MTreeNode) {\n        if (item.disabled) return\n\n        const restore = !!menuRef.current?.contains(document.activeElement)\n\n        if (item.id === CUT_ACTION) cutForMove(node)\n        else if (item.id === MOVE_HERE_ACTION) moveCutInto(node)\n        else if (item.id === CANCEL_MOVE_ACTION) cancelMove()\n\n        if (!BUILT_IN_ACTIONS.has(item.id)) onContextMenuAction?.(item.id, node)\n        closeMenu(restore)\n    }\n\n    function handleMenuKeyDown(event: ReactKeyboardEvent<HTMLDivElement>) {\n        if (event.key === 'Tab') {\n            // Leaving the menu closes it and puts focus back on its node.\n            event.preventDefault()\n            closeMenu(true)\n            return\n        }\n        onMenuNavKeyDown(event)\n    }\n\n    function handleDragStart(event: DragEvent<HTMLDivElement>, node: MTreeNode) {\n        if (!draggable || node.disabled) return\n\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', node.id)\n        setMenu(null)\n        setDraggedId(node.id)\n    }\n\n    function handleDragOver(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        if (!isValidDropTarget(targetNode)) return\n\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n        setDropTargetId(targetNode.id)\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>, targetNode: MTreeNode) {\n        event.preventDefault()\n\n        if (!draggedNode || !isValidDropTarget(targetNode)) {\n            closeDrag()\n            return\n        }\n\n        onMove?.({\n            draggedId: draggedNode.id,\n            draggedNode,\n            targetId: targetNode.id,\n            targetNode,\n        } satisfies MTreeViewMoveEvent)\n\n        if (expandable && !expandedIds.has(targetNode.id)) {\n            handleToggle(targetNode.id)\n        }\n\n        closeDrag()\n    }\n\n    /* ── APG tree keyboard ── */\n\n    function activateNode(node: MTreeNode) {\n        if (node.disabled) return\n        if (isFolderNode(node) && expandable) handleToggle(node.id)\n        if (selectable) handleSelect(node.id, node)\n    }\n\n    function typeaheadTo(char: string, from: number) {\n        const state = typeahead.current\n        if (state.timer) clearTimeout(state.timer)\n        state.buffer += char.toLowerCase()\n        state.timer = setTimeout(() => {\n            state.buffer = ''\n            state.timer = null\n        }, 500)\n\n        const buffer = state.buffer\n        const sameChar = buffer.split('').every((c) => c === buffer[0])\n        const search = sameChar ? buffer[0] : buffer\n        const offset = search.length === 1 ? 1 : 0\n        for (let n = 0; n < visible.length; n++) {\n            const entry = visible[(from + offset + n) % visible.length]\n            if (entry.node.label.toLowerCase().startsWith(search)) {\n                focusNode(entry.node.id)\n                return true\n            }\n        }\n        return false\n    }\n\n    function handleTreeKeyDown(event: ReactKeyboardEvent<HTMLUListElement>) {\n        const target = event.target as HTMLElement\n        if (target.getAttribute('role') !== 'treeitem') return\n\n        const id = target.dataset.nodeId ?? ''\n        const position = visibleIds.indexOf(id)\n        if (position < 0) return\n\n        const {node, parentId} = visible[position]\n        const folder = isFolderNode(node)\n        const open = expandedIds.has(id)\n        const ctrl = event.ctrlKey || event.metaKey\n        const key = event.key\n\n        // Context menu from the keyboard.\n        if (key === 'ContextMenu' || (key === 'F10' && event.shiftKey)) {\n            const rect = target.querySelector('.item')?.getBoundingClientRect() ?? target.getBoundingClientRect()\n            if (openMenu(node, rect.left + 16, rect.bottom)) event.preventDefault()\n            return\n        }\n\n        if (ctrl && !event.altKey && (key === 'x' || key === 'X')) {\n            if (moveEnabled && !node.disabled) {\n                event.preventDefault()\n                cutForMove(node)\n            }\n            return\n        }\n\n        if (ctrl && !event.altKey && (key === 'v' || key === 'V')) {\n            if (cutNode) {\n                event.preventDefault()\n                moveCutInto(node)\n            }\n            return\n        }\n\n        if (key === 'Escape' && cutId) {\n            event.preventDefault()\n            cancelMove()\n            return\n        }\n\n        if (ctrl || event.altKey) return\n\n        const rtl = isRtlElement(treeRef.current)\n        const forward = rtl ? 'ArrowLeft' : 'ArrowRight'\n        const backward = rtl ? 'ArrowRight' : 'ArrowLeft'\n\n        switch (key) {\n            case 'ArrowDown':\n                if (position < visible.length - 1) focusNode(visibleIds[position + 1])\n                break\n            case 'ArrowUp':\n                if (position > 0) focusNode(visibleIds[position - 1])\n                break\n            case 'Home':\n                focusNode(visibleIds[0])\n                break\n            case 'End':\n                focusNode(visibleIds[visibleIds.length - 1])\n                break\n            case forward:\n                if (folder && !open) {\n                    if (expandable && !node.disabled) handleToggle(id)\n                } else if (folder && open && node.children?.length) {\n                    focusNode(visibleIds[position + 1])\n                }\n                break\n            case backward:\n                if (folder && open && expandable && !node.disabled) handleToggle(id)\n                else if (parentId) focusNode(parentId)\n                break\n            case 'Enter':\n                activateNode(node)\n                break\n            case ' ':\n                if (typeahead.current.buffer) {\n                    typeaheadTo(' ', position)\n                } else if (checkable) {\n                    handleCheck(id)\n                } else if (selectable && !node.disabled) {\n                    handleSelect(id, node)\n                }\n                break\n            case '*': {\n                if (!expandable) return\n                const siblings = parentId ? (nodeMap.get(parentId)?.children ?? []) : items\n                expandMany(siblings.filter((sibling) => isFolderNode(sibling) && !sibling.disabled).map((s) => s.id))\n                break\n            }\n            default:\n                if (key.length === 1 && key !== ' ' && typeaheadTo(key, position)) break\n                return\n        }\n\n        event.preventDefault()\n    }\n\n    const navState: TreeNavState = {\n        tabbableId,\n        cutId,\n        registerItem,\n        onItemFocus: setFocusedId,\n    }\n\n    return (\n        <div className={cn('tree', `color-${color}`, showLines && 'lines', className)} {...rest}>\n            <TreeNavContext.Provider value={navState}>\n                <ul\n                    ref={treeRef}\n                    className=\"list\"\n                    role=\"tree\"\n                    aria-label={ariaLabel}\n                    aria-labelledby={ariaLabelledBy}\n                    onKeyDown={handleTreeKeyDown}\n                >\n                    {items.map((item) => (\n                        <TreeItem\n                            key={item.id}\n                            node={item}\n                            color={color}\n                            level={0}\n                            expandable={expandable}\n                            selectable={selectable}\n                            expandedIds={expandedIds}\n                            selectedId={selectedId}\n                            draggedId={draggedId}\n                            dropTargetId={dropTargetId}\n                            onToggle={handleToggle}\n                            onSelect={handleSelect}\n                            checkable={checkable}\n                            checkedIds={checkedIds}\n                            indeterminateIds={indeterminateIds}\n                            onCheck={handleCheck}\n                            indent={indent}\n                            showLines={showLines}\n                            fileIcons={fileIcons}\n                            draggable={draggable}\n                            canDropOnNode={isValidDropTarget}\n                            onContextMenu={handleContextMenu}\n                            onDragStart={handleDragStart}\n                            onDragOver={handleDragOver}\n                            onDrop={handleDrop}\n                            onDragEnd={closeDrag}\n                        />\n                    ))}\n                </ul>\n            </TreeNavContext.Provider>\n            <div className=\"tree-live\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n                {announcement}\n            </div>\n            {menu && (\n                <MPortal>\n                    <div\n                        ref={menuRef}\n                        className=\"tree menu\"\n                        style={{top: menu.y, left: menu.x}}\n                        role=\"menu\"\n                        tabIndex={-1}\n                        aria-label={formatMText(texts.menuLabel, {label: menu.node.label})}\n                        onKeyDown={handleMenuKeyDown}\n                    >\n                        {menu.items.map((item, index) => {\n                            const navProps = getMenuItemProps(index)\n                            return (\n                                <button\n                                    key={item.id}\n                                    id={navProps.id}\n                                    ref={(element) => {\n                                        navProps.ref?.(element)\n                                        menuItemEls.current[index] = element\n                                    }}\n                                    tabIndex={navProps.tabIndex}\n                                    onFocus={navProps.onFocus}\n                                    type=\"button\"\n                                    className={cn('action', item.color, item.disabled && 'disabled')}\n                                    role=\"menuitem\"\n                                    disabled={item.disabled}\n                                    onClick={() => handleMenuAction(item, menu.node)}\n                                >\n                                    {item.icon && <span className=\"icon\">{item.icon}</span>}\n                                    <span>{item.label}</span>\n                                </button>\n                            )\n                        })}\n                    </div>\n                </MPortal>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}