ezux 1.1.13 → 1.1.18

package/dist/EzTreeView-D1G0Aomc.js

@@ -0,0 +1,818 @@
+import { _ as e, n as t } from "./EzProvider-AlmsYIDk.js";
+import { n, t as r } from "./EzErrorBoundary-C7a6VisX.js";
+import { t as i } from "./useService-CnCBGG3G.js";
+import { t as a } from "./useComponentState-DiSFLYju.js";
+import { n as o, t as s } from "./useInitCoreServices-CuBrviDM.js";
+import { t as c } from "./useServiceState-CkrJZm1D.js";
+import { a as l, i as u, t as d } from "./HighlightText-DNA2R2uf.js";
+import { _ as f, t as p } from "./EzContextMenu-srLxujt8.js";
+import { memo as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { AlertTriangle as b, Check as x, ChevronDown as S, ChevronRight as C, Loader2 as w, RefreshCw as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { DndContext as k, PointerSensor as A, closestCenter as j, useSensor as M, useSensors as N } from "@dnd-kit/core";
+import { CSS as P } from "@dnd-kit/utilities";
+import { SortableContext as F, useSortable as I, verticalListSortingStrategy as L } from "@dnd-kit/sortable";
+//#region src/shared/services/HierarchyService.ts
+var R = class {
+	name = "HierarchyService";
+	nodeMap = /* @__PURE__ */ new Map();
+	constructor() {}
+	registerNode(e) {
+		this.nodeMap.set(e.id, e);
+	}
+	unregisterNode(e) {
+		this.nodeMap.delete(e);
+	}
+	getParent(e) {
+		let t = this.nodeMap.get(e);
+		if (t && t.parentId) return this.nodeMap.get(t.parentId);
+	}
+	getChildren(e) {
+		let t = this.nodeMap.get(e);
+		return t && t.children ? t.children.map((e) => this.nodeMap.get(e)).filter((e) => !!e) : [];
+	}
+	getDescendants(e) {
+		let t = [], n = [...this.nodeMap.get(e)?.children || []];
+		for (; n.length > 0;) {
+			let e = n.pop();
+			t.push(e);
+			let r = this.nodeMap.get(e);
+			r?.children && n.push(...r.children);
+		}
+		return t;
+	}
+	getAncestors(e) {
+		let t = [], n = this.nodeMap.get(e)?.parentId;
+		for (; n;) t.push(n), n = this.nodeMap.get(n)?.parentId;
+		return t;
+	}
+	getNode(e) {
+		return this.nodeMap.get(e);
+	}
+	cleanup() {
+		this.nodeMap.clear();
+	}
+}, z = (e, t) => t ? {
+	id: t.id ? e[t.id] : e.id,
+	label: t.text ? e[t.text] : e.label,
+	children: t.children ? e[t.children] : e.children,
+	icon: t.icon ? e[t.icon] : e.icon,
+	...e
+} : e, B = (e, t) => !t || t === "None" ? e : [...e].sort((e, n) => {
+	let r = e.label.localeCompare(n.label);
+	return t === "Ascending" ? r : -r;
+}).map((e) => ({
+	...e,
+	children: e.children ? B(e.children, t) : void 0
+})), V = u, H = l, U = (e) => {
+	let { data: t, fields: n, sortOrder: r, onDataSourceChanged: i, onDataBound: o } = e, { state: s, setState: c } = a({ initialState: {
+		internalTreeData: t,
+		loadingNodes: /* @__PURE__ */ new Set()
+	} }), l = v(!1), u = h((e) => {
+		c((t) => ({
+			...t,
+			internalTreeData: typeof e == "function" ? e(t.internalTreeData) : e
+		}));
+	}, [c]), d = h((e) => {
+		c((t) => ({
+			...t,
+			loadingNodes: typeof e == "function" ? e(t.loadingNodes) : e
+		}));
+	}, [c]), { internalTreeData: f, loadingNodes: p } = s, m = _(() => {
+		let e = f;
+		if (n) {
+			let t = (e) => e.map((e) => {
+				let r = z(e, n);
+				return r.children &&= t(r.children), r;
+			});
+			e = t(e);
+		}
+		return r && (e = B(e, r)), e;
+	}, [
+		f,
+		n,
+		r
+	]), y = v(t);
+	return g(() => {
+		y.current !== t && (u(t), i?.(), y.current = t);
+	}, [t, i]), g(() => {
+		l.current && o?.();
+	}, [m, o]), g(() => (l.current = !0, () => {
+		l.current = !1;
+	}), []), {
+		treeData: m,
+		setInternalTreeData: u,
+		loadingNodes: p,
+		setLoadingNodes: d,
+		updateNode: h((e, t) => {
+			u((n) => H(n, e, t));
+		}, [u])
+	};
+}, ee = (e, t, n, r, i) => {
+	let { expandedNodes: a, onNodeExpanding: o, onNodeExpanded: s, onNodeCollapsing: c, onNodeCollapsed: l, onNodeExpand: u, onLoadChildren: d, onActionFailure: f } = e, [p, m] = y(/* @__PURE__ */ new Set()), g = a ? new Set(a) : p;
+	return {
+		expandedNodes: g,
+		setInternalExpandedNodes: m,
+		toggleExpand: h(async (e) => {
+			let p = g.has(e), h = !p;
+			if (h) {
+				if (o?.(e) === !1) return;
+			} else if (c?.(e) === !1) return;
+			if (h && (d || i)) {
+				let a = V(t, e);
+				if (a && !a.isLoaded && !a.isLeaf) {
+					r((t) => new Set(t).add(e));
+					try {
+						n(e, {
+							children: i ? await i.loadNodes(e) : await d(e),
+							isLoaded: !0
+						});
+					} catch (e) {
+						f?.(e);
+						return;
+					} finally {
+						r((t) => {
+							let n = new Set(t);
+							return n.delete(e), n;
+						});
+					}
+				}
+			}
+			let _ = new Set(g);
+			p ? _.delete(e) : _.add(e), a || m(_), u?.(e, h), h ? s?.(e) : l?.(e);
+		}, [
+			g,
+			t,
+			d,
+			u,
+			a,
+			o,
+			c,
+			s,
+			l,
+			f,
+			n,
+			r,
+			i
+		])
+	};
+}, W = (e, t, n) => {
+	let { selectedNodes: r, checkedNodes: i, selectionMode: a = "single", onSelectionChange: o, onCheckedChange: s, onNodeSelecting: c, onNodeSelected: l, onNodeChecking: u, onNodeChecked: d, autoCheck: f = !0 } = e, [p, m] = y(/* @__PURE__ */ new Set()), _ = r ? new Set(r) : p, [v, b] = y(/* @__PURE__ */ new Set()), x = i ? new Set(i) : v, [S, C] = y(/* @__PURE__ */ new Set()), w = h((e) => {
+		if (c?.(e) === !1) return;
+		let t = new Set(a === "multiple" ? _ : []);
+		t.has(e) ? t.delete(e) : t.add(e), r || m(t), o?.(Array.from(t)), l?.(e);
+	}, [
+		_,
+		a,
+		o,
+		r,
+		c,
+		l
+	]), T = h((e, n) => {
+		let r = new Set(x), a = new Set(S), o = t.getDescendants(e), c = t.getAncestors(e);
+		n ? (r.add(e), a.delete(e), f && o.forEach((e) => {
+			r.add(e), a.delete(e);
+		})) : (r.delete(e), a.delete(e), f && o.forEach((e) => {
+			r.delete(e), a.delete(e);
+		})), f && c.forEach((e) => {
+			let n = t.getChildren(e), i = n.every((e) => r.has(e.id)), o = n.every((e) => !r.has(e.id) && !a.has(e.id));
+			i ? (r.add(e), a.delete(e)) : o ? (r.delete(e), a.delete(e)) : (r.delete(e), a.add(e));
+		}), C(a), i || b(r), s?.(Array.from(r)), d?.(e, n);
+	}, [
+		x,
+		S,
+		t,
+		s,
+		f,
+		i,
+		d
+	]), E = h((e) => {
+		let t = x.has(e);
+		u?.(e, !t) !== !1 && T(e, !t);
+	}, [
+		x,
+		T,
+		u
+	]);
+	return g(() => {
+		if (!f || !t || !n.length) return;
+		let e = /* @__PURE__ */ new Set(), r = new Set(x), a = (t) => {
+			if (!(t.children && t.children.length > 0)) return {
+				isChecked: r.has(t.id),
+				isIndeterminate: !1
+			};
+			let n = t.children.map((e) => a(e)), i = n.every((e) => !e.isChecked && !e.isIndeterminate);
+			return n.every((e) => e.isChecked && !e.isIndeterminate) ? (r.add(t.id), {
+				isChecked: !0,
+				isIndeterminate: !1
+			}) : i ? (r.delete(t.id), {
+				isChecked: !1,
+				isIndeterminate: !1
+			}) : (r.delete(t.id), e.add(t.id), {
+				isChecked: !1,
+				isIndeterminate: !0
+			});
+		};
+		n.forEach((e) => a(e)), Array.from(S).sort().join(",") !== Array.from(e).sort().join(",") && C(e), Array.from(x).sort().join(",") !== Array.from(r).sort().join(",") && (i || b(r), s?.(Array.from(r)));
+	}, [
+		x,
+		t,
+		f,
+		n,
+		i,
+		s,
+		b
+	]), {
+		selectedNodes: _,
+		setInternalSelectedNodes: m,
+		toggleSelect: w,
+		checkedNodes: x,
+		setInternalCheckedNodes: b,
+		indeterminateNodes: S,
+		setIndeterminateNodes: C,
+		toggleCheck: E,
+		updateCheckState: T
+	};
+}, G = (e, t, n = "") => {
+	let r = n.toLowerCase(), i = _(() => {
+		if (!r) return null;
+		let t = /* @__PURE__ */ new Map(), n = (e) => {
+			if (t.has(e.id)) return t.get(e.id);
+			let i = (e.label || "").toLowerCase().includes(r), a = !1;
+			if (e.children) for (let t of e.children) n(t).matches && (a = !0);
+			let o = {
+				matches: i || a,
+				hasChildMatch: a
+			};
+			return t.set(e.id, o), o;
+		};
+		return e.forEach((e) => n(e)), t;
+	}, [e, r]);
+	return { flattenedNodes: _(() => {
+		let n = [], r = (e, a = 0) => {
+			e.forEach((e) => {
+				let o = i ? i.get(e.id) : void 0;
+				if ((i ? o?.matches : !0) === !1) return;
+				n.push({
+					node: e,
+					level: a
+				});
+				let s = i && o?.hasChildMatch;
+				(t.has(e.id) || s) && e.children && r(e.children, a + 1);
+			});
+		};
+		return r(e), n;
+	}, [
+		e,
+		t,
+		i
+	]) };
+}, K = (e, r, i, a, o, s, c, l, u, d, f, p, m, h, g = {}) => {
+	let v = t(), { expandedNodes: y, checkedNodes: b, selectedNodes: x, onNodeExpand: S, onCheckedChange: C, onSelectionChange: w, onNodeEditing: T } = e;
+	n(h, _(() => {
+		let e = {
+			expandAll: () => {
+				let e = Array.from(p.nodeMap.keys());
+				y ? S?.(e[0], !0) : o(new Set(e));
+			},
+			collapseAll: () => {
+				y ? S?.("", !1) : o(/* @__PURE__ */ new Set());
+			},
+			checkAll: () => {
+				let e = Array.from(p.nodeMap.keys());
+				b ? C?.(e) : (c(new Set(e)), u(/* @__PURE__ */ new Set()));
+			},
+			uncheckAll: () => {
+				b ? C?.([]) : (c(/* @__PURE__ */ new Set()), u(/* @__PURE__ */ new Set()));
+			},
+			selectNode: (e) => {
+				x ? w?.([e]) : l(/* @__PURE__ */ new Set([e]));
+			},
+			expandNode: (e, t = !0) => {
+				y ? S?.(e, t) : o((n) => {
+					let r = new Set(n);
+					return t ? r.add(e) : r.delete(e), r;
+				});
+			},
+			checkNode: (e, t = !0) => d(e, t),
+			getFlattenedNodes: () => f,
+			addNodes: (e, t, n) => {
+				if (!t) i((t) => {
+					let r = [...t];
+					return n === void 0 ? r.push(...e) : r.splice(n, 0, ...e), r;
+				});
+				else {
+					let r = (i) => i.map((i) => {
+						if (i.id === t) {
+							let t = [...i.children || []];
+							return n === void 0 ? t.push(...e) : t.splice(n, 0, ...e), {
+								...i,
+								children: t
+							};
+						}
+						return i.children ? {
+							...i,
+							children: r(i.children)
+						} : i;
+					});
+					i((e) => r(e));
+				}
+				v.get("NotificationService")?.show({
+					type: "success",
+					message: `${e.length} Node(s) Added`,
+					duration: 2e3
+				});
+			},
+			removeNodes: (e) => {
+				let t = new Set(e), n = (e) => e.filter((e) => !t.has(e.id)).map((e) => ({
+					...e,
+					children: e.children ? n(e.children) : void 0
+				}));
+				i((e) => n(e)), v.get("NotificationService")?.show({
+					type: "success",
+					message: `${e.length} Node(s) Removed`,
+					duration: 2e3
+				});
+			},
+			updateNode: (e, t) => {
+				i((n) => H(n, e, t)), v.get("NotificationService")?.show({
+					type: "success",
+					message: "Node Updated Successfully",
+					duration: 2e3
+				});
+			},
+			moveNodes: (e, t, n) => {
+				let a = [], o = new Set(e), s = (e) => e.filter((e) => o.has(e.id) ? (a.push(e), !1) : !0).map((e) => ({
+					...e,
+					children: e.children ? s(e.children) : void 0
+				})), c = s(r), l = (e) => e.map((e) => {
+					if (e.id === t) {
+						let t = [...e.children || []];
+						return n === void 0 ? t.push(...a) : t.splice(n, 0, ...a), {
+							...e,
+							children: t
+						};
+					}
+					return e.children ? {
+						...e,
+						children: l(e.children)
+					} : e;
+				});
+				i(l(c)), v.get("NotificationService")?.show({
+					type: "success",
+					message: "Nodes Moved Successfully",
+					duration: 2e3
+				});
+			},
+			getNode: (e) => V(r, e),
+			getTreeData: () => r,
+			ensureVisible: (e) => {
+				let t = p.getAncestors(e);
+				y ? (t.forEach((e) => S?.(e, !0)), S?.(e, !0)) : o((n) => {
+					let r = new Set(n);
+					return t.forEach((e) => r.add(e)), r.add(e), r;
+				});
+			},
+			beginEdit: (e) => {
+				V(r, e) && T?.(e) !== !1 && m(e);
+			},
+			disableNodes: (e, t = !0) => {
+				e.forEach((e) => {
+					i((n) => H(n, e, { disabled: t }));
+				});
+			},
+			enableNodes: (e) => {
+				e.forEach((e) => {
+					i((t) => H(t, e, { disabled: !1 }));
+				});
+			},
+			getAllCheckedNodes: () => Array.from(s),
+			getDisabledNodes: () => {
+				let e = [], t = (n) => {
+					n.forEach((n) => {
+						n.disabled && e.push(n.id), n.children && t(n.children);
+					});
+				};
+				return t(r), e;
+			}
+		};
+		return {
+			...g,
+			...e
+		};
+	}, [
+		p,
+		r,
+		a,
+		s,
+		y,
+		b,
+		x,
+		S,
+		C,
+		w,
+		T,
+		i,
+		o,
+		c,
+		l,
+		u,
+		d,
+		f,
+		m,
+		g
+	]));
+}, q = (e) => {
+	let n = t(), r = c("I18nService")?.dir || "ltr", { serviceRegistry: a, api: s } = o(e), { dir: l, apiRef: u, searchTerm: d } = e, f = l === "auto" || !l ? r : l, { treeData: p, setInternalTreeData: m, loadingNodes: v, setLoadingNodes: b, updateNode: x } = U(e), S = _(() => e.service ? e.service : e.serviceName ? n.get(e.serviceName) : null, [e.service, e.serviceName]);
+	g(() => {
+		S && S.loadNodes().then((e) => {
+			m(e);
+		});
+	}, [S, m]);
+	let C = i("HierarchyService", () => new R(), a || n), w = h((e, t = 0, n) => {
+		e.forEach((e) => {
+			let r = {
+				id: e.id,
+				level: t,
+				parentId: n,
+				children: e.children?.map((e) => e.id)
+			};
+			C.registerNode(r), e.children && w(e.children, t + 1, e.id);
+		});
+	}, [C]);
+	g(() => {
+		C && (C.cleanup(), w(p));
+	}, [
+		p,
+		C,
+		w
+	]);
+	let { selectedNodes: T, setInternalSelectedNodes: E, toggleSelect: D, checkedNodes: O, setInternalCheckedNodes: k, indeterminateNodes: A, setIndeterminateNodes: j, toggleCheck: M, updateCheckState: N } = W(e, C, p), { expandedNodes: P, setInternalExpandedNodes: F, toggleExpand: I } = ee(e, p, x, b, S), { flattenedNodes: L } = G(p, P, d), [z, B] = y(null), V = h((t, n) => {
+		x(t, { label: n }), e.onNodeRename?.(t, n);
+	}, [x, e.onNodeRename]);
+	return K(e, p, m, P, F, O, k, E, j, N, L, C, B, u, s), {
+		state: {
+			treeData: p,
+			expandedNodes: P,
+			selectedNodes: T,
+			checkedNodes: O,
+			indeterminateNodes: A,
+			loadingNodes: v,
+			flattenedNodes: L,
+			editingNodeId: z
+		},
+		actions: {
+			toggleExpand: I,
+			toggleSelect: D,
+			toggleCheck: M,
+			handleNodeRename: V,
+			setEditingNodeId: B
+		},
+		config: {
+			allowTextWrap: e.allowTextWrap,
+			animation: e.animation,
+			checkOnClick: e.checkOnClick,
+			fullRowSelect: e.fullRowSelect,
+			fullRowNavigable: e.fullRowNavigable,
+			onKeyPress: e.onKeyPress,
+			onNodeClicked: e.onNodeClicked,
+			onDrawNode: e.onDrawNode
+		},
+		dir: f,
+		baseApi: s
+	};
+}, J = () => /* @__PURE__ */ D("div", {
+	className: "flex flex-col items-center justify-center min-h-screen p-4",
+	children: /* @__PURE__ */ O("div", {
+		className: "flex flex-col items-center gap-4 max-w-md w-full",
+		children: [
+			/* @__PURE__ */ D("div", {
+				className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10",
+				children: /* @__PURE__ */ D(b, { className: "w-8 h-8 text-destructive" })
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex flex-col items-center gap-2 text-center",
+				children: [/* @__PURE__ */ D("h2", {
+					className: "text-lg font-semibold",
+					children: "Tree View Error"
+				}), /* @__PURE__ */ D("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Something went wrong with the tree view. Please refresh the page or try again."
+				})]
+			}),
+			/* @__PURE__ */ O("button", {
+				onClick: () => window.location.reload(),
+				className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors",
+				children: [/* @__PURE__ */ D(T, { className: "w-4 h-4" }), "Refresh Page"]
+			})
+		]
+	})
+}), Y = m(({ node: t, level: n, isExpanded: r, isSelected: i, isChecked: a, isIndeterminate: o, isLoading: s, onToggleExpand: c, onToggleSelect: l, onToggleCheck: u, onRename: f, showCheckboxes: m, allowEditing: h, searchTerm: _, style: b, onKeyDown: T, tabIndex: k, autoFocus: A, slots: j, slotProps: M, allowTextWrap: N, animation: F, checkOnClick: L, fullRowSelect: R, fullRowNavigable: z, onNodeClicked: B, onDrawNode: V, isEditing: H, onEditingChange: U, dir: ee }) => {
+	let [W, G] = y(!1), [K, q] = y(t.label);
+	g(() => {
+		H !== void 0 && H !== W && (G(H), H && q(t.label));
+	}, [
+		H,
+		W,
+		t.label
+	]), g(() => {
+		V?.(t);
+	}, [t, V]);
+	let { setNodeRef: J, transform: Y, isDragging: X, attributes: te, listeners: Z, transition: ne } = I({
+		id: t.id,
+		data: {
+			node: t,
+			type: "tree-item",
+			level: n
+		}
+	}), Q = v(null), re = (e) => {
+		J(e), Q.current = e;
+	};
+	g(() => {
+		A && Q.current && !W && Q.current.focus({ preventScroll: !0 });
+	}, [A, W]);
+	let ie = () => {
+		h && (G(!0), q(t.label), U?.(!0));
+	}, ae = (e) => {
+		e.key === "Enter" ? (f(t.id, K), G(!1), U?.(!1)) : e.key === "Escape" && (q(t.label), G(!1), U?.(!1));
+	}, $ = t.children && t.children.length > 0 || t.children && !t.isLeaf || !t.isLoaded && !t.isLeaf, oe = n * 20 + ($ ? 0 : 20), se = {
+		...b,
+		transform: P.Translate.toString(Y) ? `${b.transform || ""} ${P.Translate.toString(Y)}` : b.transform,
+		transition: ne || b.transition,
+		opacity: X ? .3 : 1,
+		zIndex: X ? 999 : "auto"
+	}, ce = j?.node, le = j?.expandIcon, ue = j?.checkbox, de = () => s ? /* @__PURE__ */ D(w, { className: "w-3.5 h-3.5 animate-spin" }) : $ ? le ? /* @__PURE__ */ D(le, {
+		isExpanded: r,
+		isLoading: s,
+		...M?.expandIcon
+	}) : D(r ? S : C, { className: "w-4 h-4" }) : null, fe = () => m ? ue ? /* @__PURE__ */ D(ue, {
+		checked: a,
+		indeterminate: o,
+		onChange: () => u(t.id),
+		...M?.checkbox
+	}) : /* @__PURE__ */ O("div", {
+		"data-testid": `tree-checkbox-${t.id}`,
+		onClick: (e) => {
+			e.stopPropagation(), u(t.id);
+		},
+		className: e("w-4 h-4 me-2 flex items-center justify-center rounded border-2 transition-all cursor-pointer", a ? "bg-primary border-primary text-primary-foreground" : o ? "bg-background border-primary shadow-[0_0_0_1px_inset_rgba(var(--primary),0.1)]" : "bg-background border-slate-500 dark:border-slate-400 hover:border-primary/50"),
+		children: [a && /* @__PURE__ */ D(x, { className: "w-3.5 h-3.5 stroke-[3]" }), o && /* @__PURE__ */ D("div", { className: "w-2.5 h-0.5 bg-primary rounded-full" })]
+	}) : null;
+	return /* @__PURE__ */ D(p, {
+		contextId: "tree-node",
+		data: t,
+		onAction: (e) => {
+			e === "edit" && h && (G(!0), q(t.label));
+		},
+		children: /* @__PURE__ */ D("div", {
+			ref: re,
+			...te,
+			...Z,
+			role: "treeitem",
+			"data-testid": `tree-item-${t.id}`,
+			"aria-expanded": $ ? r : void 0,
+			"aria-selected": i,
+			tabIndex: k,
+			onKeyDown: (e) => {
+				h && e.key === "F2" && (e.stopPropagation(), G(!0), q(t.label)), Z?.onKeyDown && Z.onKeyDown(e), T(e, t.id);
+			},
+			onClick: () => {
+				l(t.id), B?.(t.id), L && m && u(t.id);
+			},
+			className: e("flex items-center py-1.5 px-2 cursor-pointer hover:bg-muted/50 rounded-md w-full group outline-none focus:ring-1 focus:ring-primary/30 select-none", i ? "bg-primary/10 text-primary" : "text-foreground", X ? "bg-primary/5" : "", F ? "transition-all duration-200" : ""),
+			style: {
+				...se,
+				paddingInlineStart: `${oe}px`
+			},
+			children: ce ? /* @__PURE__ */ D(ce, {
+				node: t,
+				level: n,
+				isExpanded: r,
+				isSelected: i,
+				isChecked: a,
+				isIndeterminate: o,
+				onToggleExpand: () => c(t.id),
+				onToggleSelect: () => l(t.id),
+				onToggleCheck: () => u(t.id),
+				...M?.node || {}
+			}) : /* @__PURE__ */ O(E, { children: [
+				$ || s ? /* @__PURE__ */ D("button", {
+					"data-testid": "expand-button",
+					onClick: (e) => {
+						e.stopPropagation(), c(t.id);
+					},
+					onPointerDown: (e) => e.stopPropagation(),
+					className: "w-5 h-5 flex items-center justify-center me-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded focus:outline-none transition-colors",
+					tabIndex: -1,
+					children: de()
+				}) : null,
+				fe(),
+				t.icon && /* @__PURE__ */ D("span", {
+					className: "me-2 flex-shrink-0 text-muted-foreground group-hover:text-foreground transition-colors",
+					children: t.icon
+				}),
+				W ? /* @__PURE__ */ D("input", {
+					"data-testid": "tree-item-edit-input",
+					autoFocus: !0,
+					value: K,
+					onChange: (e) => q(e.target.value),
+					onKeyDown: ae,
+					onBlur: () => G(!1),
+					onClick: (e) => e.stopPropagation(),
+					className: "flex-1 bg-background border border-primary rounded px-1 text-sm outline-none"
+				}) : /* @__PURE__ */ D("span", {
+					className: `text-base font-semibold flex-1 ${N ? "whitespace-normal" : "truncate"}`,
+					onDoubleClick: (e) => {
+						e.stopPropagation(), ie();
+					},
+					children: /* @__PURE__ */ D(d, {
+						text: t.label,
+						highlight: _
+					})
+				})
+			] })
+		})
+	});
+});
+Y.displayName = "EzTreeViewItem";
+//#endregion
+//#region src/components/EzTreeView/EzVirtualTree.tsx
+var X = m(({ items: t, expandedNodes: n, selectedNodes: r, checkedNodes: i, indeterminateNodes: a, loadingNodes: o, onToggleExpand: s, onToggleSelect: c, onToggleCheck: l, onNodeRename: u, className: d, dir: p, showCheckboxes: m, allowEditing: g, searchTerm: v, slots: b, slotProps: x, allowTextWrap: S, animation: C, checkOnClick: w, fullRowSelect: T, fullRowNavigable: E, onKeyPress: O, onNodeClicked: k, onDrawNode: A, editingNodeId: j, setEditingNodeId: M }) => {
+	let { rowVirtualizer: N, parentRef: P, getVirtualItems: I } = f({
+		rowCount: t.length,
+		rowHeight: 32,
+		overscanCount: 10,
+		progressiveRendering: !0
+	}), [R, z] = y(0), B = _(() => {
+		let e = /* @__PURE__ */ new Map();
+		return t.forEach((t, n) => e.set(t.node.id, n)), e;
+	}, [t]), V = h((e, r, i) => {
+		let a = p === "rtl", o = a ? "ArrowLeft" : "ArrowRight", u = a ? "ArrowRight" : "ArrowLeft";
+		if (e.key === "ArrowDown") {
+			e.preventDefault();
+			let n = Math.min(t.length - 1, r + 1);
+			z(n), N.scrollToIndex(n);
+		} else if (e.key === "ArrowUp") {
+			e.preventDefault();
+			let t = Math.max(0, r - 1);
+			z(t), N.scrollToIndex(t);
+		} else if (e.key === o) e.preventDefault(), (i.children?.length || i.children && !i.isLeaf || !i.isLoaded && !i.isLeaf) && !n.has(i.id) ? s(i.id) : i.children?.length && n.has(i.id) && r + 1 < t.length && t[r + 1].level > (i.level ?? 0) && (z(r + 1), N.scrollToIndex(r + 1));
+		else if (e.key === u) {
+			if (e.preventDefault(), n.has(i.id)) s(i.id);
+			else if (i.parentId) {
+				let e = B.get(i.parentId);
+				e !== void 0 && (z(e), N.scrollToIndex(e));
+			}
+		} else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), m ? l(i.id) : c(i.id));
+	}, [
+		t,
+		n,
+		s,
+		c,
+		l,
+		m,
+		B,
+		N
+	]);
+	return /* @__PURE__ */ D("div", {
+		ref: P,
+		className: e("absolute inset-0 overflow-y-auto bg-background border rounded-lg shadow-sm focus:outline-none focus:ring-1 focus:ring-primary/20", d),
+		dir: p,
+		role: "tree",
+		onKeyDown: (e) => O?.(e),
+		children: /* @__PURE__ */ D("div", {
+			style: {
+				height: `${N.getTotalSize()}px`,
+				width: "100%",
+				position: "relative"
+			},
+			children: /* @__PURE__ */ D(F, {
+				items: t.map((e) => e.node.id),
+				strategy: L,
+				children: I().map((e) => {
+					let { node: d, level: f } = t[e.index], h = R === e.index;
+					return /* @__PURE__ */ D(Y, {
+						node: d,
+						level: f,
+						isExpanded: n.has(d.id),
+						isSelected: r.has(d.id),
+						isChecked: i.has(d.id),
+						isIndeterminate: a.has(d.id),
+						isLoading: o.has(d.id),
+						hasChildren: !!d.children?.length || d.children && !d.isLeaf || !d.isLoaded && !d.isLeaf,
+						onToggleExpand: s,
+						onToggleSelect: c,
+						onToggleCheck: l,
+						onRename: u,
+						showCheckboxes: m,
+						allowEditing: g,
+						searchTerm: v,
+						onKeyDown: (t) => V(t, e.index, d),
+						style: {
+							position: "absolute",
+							top: `${e.start}px`,
+							left: 0,
+							width: "100%",
+							height: `${e.size}px`
+						},
+						tabIndex: h ? 0 : -1,
+						autoFocus: h,
+						slots: b,
+						slotProps: x,
+						allowTextWrap: S,
+						animation: C,
+						checkOnClick: w,
+						fullRowSelect: T,
+						fullRowNavigable: E,
+						onNodeClicked: k,
+						onDrawNode: A,
+						isEditing: j === d.id,
+						onEditingChange: (e) => M(e ? d.id : null),
+						dir: p
+					}, d.id);
+				})
+			})
+		})
+	});
+});
+X.displayName = "EzVirtualTree";
+//#endregion
+//#region src/components/EzTreeView/hooks/useTreeDragDrop.ts
+var te = ({ onDragEnd: e, onDragStart: t }) => {
+	let [n, r] = y(null), [i, a] = y(null), [o, s] = y("inside");
+	return {
+		sensors: N(M(A, { activationConstraint: { distance: 8 } })),
+		activeNode: n,
+		dragOverNode: i,
+		dragPosition: o,
+		handleDragStart: h((e) => {
+			let { active: n } = e, i = n.data.current?.node;
+			i && (r(i), t?.(i));
+		}, [t]),
+		handleDragOver: h((e) => {
+			e.preventDefault();
+			let { active: t, over: n } = e;
+			if (!n) return;
+			let r = t.data.current?.node, i = n.data.current?.node;
+			if (r && i && r.id !== i.id) {
+				let e = n.rect, t = e.top + e.height / 2;
+				t < e.top + 10 ? s("before") : t > e.bottom - 10 ? s("after") : s("inside"), a(i);
+			}
+		}, []),
+		handleDragEnd: h((t) => {
+			let { active: c, over: l } = t;
+			c && l && n && i && e(n, i, o), r(null), a(null), s("inside");
+		}, [
+			n,
+			i,
+			o,
+			e
+		])
+	};
+}, Z = (t) => {
+	s();
+	let { state: { expandedNodes: n, selectedNodes: i, checkedNodes: a, indeterminateNodes: o, loadingNodes: c, flattenedNodes: l, editingNodeId: u }, actions: { toggleExpand: d, toggleSelect: f, toggleCheck: p, handleNodeRename: m, setEditingNodeId: h }, config: { allowTextWrap: g, animation: _, checkOnClick: v, fullRowSelect: y, fullRowNavigable: b, onKeyPress: x, onNodeClicked: S, onDrawNode: C }, dir: w } = q(t), { handleDragEnd: T, sensors: E } = te({ onDragEnd: (e, n, r) => {
+		t.onNodeDrop && t.onNodeDrop(e, n, r);
+	} });
+	return /* @__PURE__ */ D(r, {
+		fallback: /* @__PURE__ */ D(J, {}),
+		children: /* @__PURE__ */ D("div", {
+			className: e("relative flex-1 w-full h-full min-h-0", t.className),
+			children: /* @__PURE__ */ D(k, {
+				sensors: E,
+				collisionDetection: j,
+				onDragEnd: T,
+				children: /* @__PURE__ */ D(X, {
+					items: l,
+					expandedNodes: n,
+					selectedNodes: i,
+					checkedNodes: a,
+					indeterminateNodes: o,
+					loadingNodes: c,
+					onToggleExpand: d,
+					onToggleSelect: f,
+					onToggleCheck: p,
+					onNodeRename: m,
+					dir: w,
+					showCheckboxes: t.showCheckboxes,
+					allowEditing: t.allowEditing,
+					searchTerm: t.searchTerm,
+					slots: t.slots,
+					slotProps: t.slotProps,
+					allowTextWrap: g,
+					animation: _,
+					checkOnClick: v,
+					fullRowSelect: y,
+					fullRowNavigable: b,
+					onKeyPress: x,
+					onNodeClicked: S,
+					onDrawNode: C,
+					editingNodeId: u,
+					setEditingNodeId: h
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { Z as t };