ezux 1.1.13 → 1.1.18

package/dist/treeview.es.js

@@ -1,954 +1,2 @@
-import { jsx as S, jsxs as Y, Fragment as ge } from "react/jsx-runtime";
-import { useRef as Q, useCallback as F, useMemo as W, useEffect as U, useState as H, memo as re } from "react";
-import { u as se, a as pe, c as G, b as Ne } from "./useInitCoreServices-D1WaWlaI.js";
-import { u as we, f as ve, H as ye } from "./HighlightText-8D6KEyBw.js";
-import { u as xe } from "./useComponentState-C87xXa5d.js";
-import { K as Ce, T as be, M as ke, z as Se, C as Ee, x as Me, N as Re } from "./EzErrorBoundary-D4NBadES.js";
-import { u as De } from "./useService-BUi3uAqE.js";
-import { u as Ae } from "./useServiceState-VE-viK8b.js";
-import { C as ne, E as Te, o as Ie, k as ze, l as Pe, P as Ve, D as Ke, m as $e } from "./EzContextMenu-BSA_B6Pr.js";
-import { u as Le, S as je, v as Fe } from "./sortable.esm-CzMCDPet.js";
-import { C as _e } from "./chevron-down-C3s8jU6B.js";
-class Be {
-  name = "HierarchyService";
-  nodeMap = /* @__PURE__ */ new Map();
-  constructor() {
-  }
-  /** Registers a node in the hierarchy map. @group Methods */
-  registerNode(t) {
-    this.nodeMap.set(t.id, t);
-  }
-  /** Removes a node and its structural links from the map. @group Methods */
-  unregisterNode(t) {
-    this.nodeMap.delete(t);
-  }
-  /** Returns the direct parent node of a given node ID. @group Methods */
-  getParent(t) {
-    const o = this.nodeMap.get(t);
-    if (o && o.parentId)
-      return this.nodeMap.get(o.parentId);
-  }
-  /** Returns an array of direct child nodes for a given node ID. @group Methods */
-  getChildren(t) {
-    const o = this.nodeMap.get(t);
-    return o && o.children ? o.children.map((i) => this.nodeMap.get(i)).filter((i) => !!i) : [];
-  }
-  /** Returns all descendants (children, grandchildren, etc.) IDs for a node. @group Methods */
-  getDescendants(t) {
-    const o = [], i = [...this.nodeMap.get(t)?.children || []];
-    for (; i.length > 0; ) {
-      const d = i.pop();
-      o.push(d);
-      const w = this.nodeMap.get(d);
-      w?.children && i.push(...w.children);
-    }
-    return o;
-  }
-  /** Returns all ancestor (parent, grandparent, etc.) IDs for a node. @group Methods */
-  getAncestors(t) {
-    const o = [];
-    let i = this.nodeMap.get(t)?.parentId;
-    for (; i; )
-      o.push(i), i = this.nodeMap.get(i)?.parentId;
-    return o;
-  }
-  /** Retrieves a specific hierarchy node by ID. @group Methods */
-  getNode(t) {
-    return this.nodeMap.get(t);
-  }
-  cleanup() {
-    this.nodeMap.clear();
-  }
-}
-const He = (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, oe = (e, t) => !t || t === "None" ? e : [...e].sort((i, d) => {
-  const w = i.label.localeCompare(d.label);
-  return t === "Ascending" ? w : -w;
-}).map((i) => ({
-  ...i,
-  children: i.children ? oe(i.children, t) : void 0
-})), X = ve, q = we, Oe = (e) => {
-  const {
-    data: t,
-    fields: o,
-    sortOrder: i,
-    onDataSourceChanged: d,
-    onDataBound: w
-  } = e, { state: m, setState: h } = xe({
-    initialState: {
-      internalTreeData: t,
-      loadingNodes: /* @__PURE__ */ new Set()
-    }
-  }), p = Q(!1), E = F((f) => {
-    h((s) => ({
-      ...s,
-      internalTreeData: typeof f == "function" ? f(s.internalTreeData) : f
-    }));
-  }, [h]), v = F((f) => {
-    h((s) => ({
-      ...s,
-      loadingNodes: typeof f == "function" ? f(s.loadingNodes) : f
-    }));
-  }, [h]), { internalTreeData: g, loadingNodes: N } = m, A = W(() => {
-    let f = g;
-    if (o) {
-      const s = (x) => x.map((M) => {
-        const T = He(M, o);
-        return T.children && (T.children = s(T.children)), T;
-      });
-      f = s(f);
-    }
-    return i && (f = oe(f, i)), f;
-  }, [g, o, i]), k = Q(t);
-  U(() => {
-    k.current !== t && (E(t), d?.(), k.current = t);
-  }, [t, d]), U(() => {
-    p.current && w?.();
-  }, [A, w]), U(() => (p.current = !0, () => {
-    p.current = !1;
-  }), []);
-  const C = F((f, s) => {
-    E((x) => q(x, f, s));
-  }, [E]);
-  return {
-    /** The processed tree data structure. @group State */
-    treeData: A,
-    /** Update the internal tree data. @group Methods */
-    setInternalTreeData: E,
-    /** Set of node IDs currently in a loading state. @group State */
-    loadingNodes: N,
-    /** Update the loading state of nodes. @group Methods */
-    setLoadingNodes: v,
-    /** Update a specific node by ID. @group Methods */
-    updateNode: C
-  };
-}, Ue = (e, t, o, i, d) => {
-  const {
-    expandedNodes: w,
-    onNodeExpanding: m,
-    onNodeExpanded: h,
-    onNodeCollapsing: p,
-    onNodeCollapsed: E,
-    onNodeExpand: v,
-    onLoadChildren: g,
-    onActionFailure: N
-  } = e, [A, k] = H(/* @__PURE__ */ new Set()), C = w ? new Set(w) : A, f = F(async (s) => {
-    const x = C.has(s), M = !x;
-    if (M) {
-      if (m?.(s) === !1) return;
-    } else if (p?.(s) === !1) return;
-    if (M && (g || d)) {
-      const K = X(t, s);
-      if (K && !K.isLoaded && !K.isLeaf) {
-        i((P) => new Set(P).add(s));
-        try {
-          const P = d ? await d.loadNodes(s) : await g(s);
-          o(s, { children: P, isLoaded: !0 });
-        } catch (P) {
-          N?.(P);
-          return;
-        } finally {
-          i((P) => {
-            const L = new Set(P);
-            return L.delete(s), L;
-          });
-        }
-      }
-    }
-    const T = new Set(C);
-    x ? T.delete(s) : T.add(s), w || k(T), v?.(s, M), M ? h?.(s) : E?.(s);
-  }, [
-    C,
-    t,
-    g,
-    v,
-    w,
-    m,
-    p,
-    h,
-    E,
-    N,
-    o,
-    i,
-    d
-  ]);
-  return {
-    /** Set of IDs for currently expanded nodes. @group State */
-    expandedNodes: C,
-    /** Manually set the set of expanded node IDs. @group Methods */
-    setInternalExpandedNodes: k,
-    /** Toggle the expansion state of a specific node. @group Methods */
-    toggleExpand: f
-  };
-}, We = (e, t, o) => {
-  const {
-    selectedNodes: i,
-    checkedNodes: d,
-    selectionMode: w = "single",
-    onSelectionChange: m,
-    onCheckedChange: h,
-    onNodeSelecting: p,
-    onNodeSelected: E,
-    onNodeChecking: v,
-    onNodeChecked: g,
-    autoCheck: N = !0
-  } = e, [A, k] = H(/* @__PURE__ */ new Set()), C = i ? new Set(i) : A, [f, s] = H(/* @__PURE__ */ new Set()), x = d ? new Set(d) : f, [M, T] = H(/* @__PURE__ */ new Set()), K = F((R) => {
-    if (p?.(R) === !1) return;
-    const n = new Set(w === "multiple" ? C : []);
-    n.has(R) ? n.delete(R) : n.add(R), i || k(n), m?.(Array.from(n)), E?.(R);
-  }, [C, w, m, i, p, E]), P = F((R, n) => {
-    const a = new Set(x), c = new Set(M), u = t.getDescendants(R), D = t.getAncestors(R);
-    n ? (a.add(R), c.delete(R), N && u.forEach((b) => {
-      a.add(b), c.delete(b);
-    })) : (a.delete(R), c.delete(R), N && u.forEach((b) => {
-      a.delete(b), c.delete(b);
-    })), N && D.forEach((b) => {
-      const y = t.getChildren(b), V = y.every((r) => a.has(r.id)), $ = y.every((r) => !a.has(r.id) && !c.has(r.id));
-      V ? (a.add(b), c.delete(b)) : $ ? (a.delete(b), c.delete(b)) : (a.delete(b), c.add(b));
-    }), T(c), d || s(a), h?.(Array.from(a)), g?.(R, n);
-  }, [x, M, t, h, N, d, g]), L = F((R) => {
-    const n = x.has(R);
-    v?.(R, !n) !== !1 && P(R, !n);
-  }, [x, P, v]);
-  return U(() => {
-    if (!N || !t || !o.length) return;
-    const R = /* @__PURE__ */ new Set(), n = new Set(x), a = (y) => {
-      if (!(y.children && y.children.length > 0))
-        return { isChecked: n.has(y.id), isIndeterminate: !1 };
-      const $ = y.children.map((l) => a(l)), r = $.every((l) => !l.isChecked && !l.isIndeterminate);
-      return $.every((l) => l.isChecked && !l.isIndeterminate) ? (n.add(y.id), { isChecked: !0, isIndeterminate: !1 }) : r ? (n.delete(y.id), { isChecked: !1, isIndeterminate: !1 }) : (n.delete(y.id), R.add(y.id), { isChecked: !1, isIndeterminate: !0 });
-    };
-    o.forEach((y) => a(y));
-    const c = Array.from(M).sort().join(","), u = Array.from(R).sort().join(",");
-    c !== u && T(R);
-    const D = Array.from(x).sort().join(","), b = Array.from(n).sort().join(",");
-    D !== b && (d || s(n), h?.(Array.from(n)));
-  }, [x, t, N, o, d, h, s]), {
-    /** Set of IDs for currently selected nodes. @group State */
-    selectedNodes: C,
-    /** Manually set the set of selected node IDs. @group Methods */
-    setInternalSelectedNodes: k,
-    /** Toggle selection state of a node. @group Methods */
-    toggleSelect: K,
-    /** Set of IDs for currently checked nodes. @group State */
-    checkedNodes: x,
-    /** Manually set the set of checked node IDs. @group Methods */
-    setInternalCheckedNodes: s,
-    /** Set of IDs for nodes with indeterminate check state. @group State */
-    indeterminateNodes: M,
-    /** Manually set the set of indeterminate node IDs. @group Methods */
-    setIndeterminateNodes: T,
-    /** Toggle check state of a node. @group Methods */
-    toggleCheck: L,
-    /** Core logic to update check state and propagate changes. @group Methods */
-    updateCheckState: P
-  };
-}, Ye = (e, t, o = "") => {
-  const i = o.toLowerCase(), d = W(() => {
-    if (!i) return null;
-    const m = /* @__PURE__ */ new Map(), h = (p) => {
-      if (m.has(p.id)) return m.get(p.id);
-      let E = p.label.toLowerCase().includes(i), v = !1;
-      if (p.children)
-        for (const N of p.children)
-          h(N).matches && (v = !0);
-      const g = { matches: E || v, hasChildMatch: v };
-      return m.set(p.id, g), g;
-    };
-    return e.forEach((p) => h(p)), m;
-  }, [e, i]);
-  return {
-    /** The flattened list of visible nodes and their levels. @group State */
-    flattenedNodes: W(() => {
-      const m = [], h = (p, E = 0) => {
-        p.forEach((v) => {
-          const g = d ? d.get(v.id) : void 0;
-          if ((d ? g?.matches : !0) === !1) return;
-          m.push({ node: v, level: E });
-          const A = d && g?.hasChildMatch;
-          (t.has(v.id) || A) && v.children && h(v.children, E + 1);
-        });
-      };
-      return h(e), m;
-    }, [e, t, d])
-  };
-}, qe = (e, t, o, i, d, w, m, h, p, E, v, g, N, A, k = {}) => {
-  const C = se(), {
-    expandedNodes: f,
-    checkedNodes: s,
-    selectedNodes: x,
-    onNodeExpand: M,
-    onCheckedChange: T,
-    onSelectionChange: K,
-    onNodeEditing: P
-  } = e, L = W(() => ({ ...k, ...{
-    expandAll: () => {
-      const n = Array.from(g.nodeMap.keys());
-      f ? M?.(n[0], !0) : d(new Set(n));
-    },
-    collapseAll: () => {
-      f ? M?.("", !1) : d(/* @__PURE__ */ new Set());
-    },
-    checkAll: () => {
-      const n = Array.from(g.nodeMap.keys());
-      s ? T?.(n) : (m(new Set(n)), p(/* @__PURE__ */ new Set()));
-    },
-    uncheckAll: () => {
-      s ? T?.([]) : (m(/* @__PURE__ */ new Set()), p(/* @__PURE__ */ new Set()));
-    },
-    selectNode: (n) => {
-      x ? K?.([n]) : h(/* @__PURE__ */ new Set([n]));
-    },
-    expandNode: (n, a = !0) => {
-      f ? M?.(n, a) : d((c) => {
-        const u = new Set(c);
-        return a ? u.add(n) : u.delete(n), u;
-      });
-    },
-    checkNode: (n, a = !0) => E(n, a),
-    getFlattenedNodes: () => v,
-    addNodes: (n, a, c) => {
-      if (!a)
-        o((u) => {
-          const D = [...u];
-          return c !== void 0 ? D.splice(c, 0, ...n) : D.push(...n), D;
-        });
-      else {
-        const u = (D) => D.map((b) => {
-          if (b.id === a) {
-            const y = [...b.children || []];
-            return c !== void 0 ? y.splice(c, 0, ...n) : y.push(...n), { ...b, children: y };
-          }
-          return b.children ? { ...b, children: u(b.children) } : b;
-        });
-        o((D) => u(D));
-      }
-      C.get("NotificationService")?.show({
-        type: "success",
-        message: `${n.length} Node(s) Added`,
-        duration: 2e3
-      });
-    },
-    removeNodes: (n) => {
-      const a = new Set(n), c = (u) => u.filter((D) => !a.has(D.id)).map((D) => ({
-        ...D,
-        children: D.children ? c(D.children) : void 0
-      }));
-      o((u) => c(u)), C.get("NotificationService")?.show({
-        type: "success",
-        message: `${n.length} Node(s) Removed`,
-        duration: 2e3
-      });
-    },
-    updateNode: (n, a) => {
-      o((c) => q(c, n, a)), C.get("NotificationService")?.show({
-        type: "success",
-        message: "Node Updated Successfully",
-        duration: 2e3
-      });
-    },
-    moveNodes: (n, a, c) => {
-      const u = [], D = new Set(n), b = ($) => $.filter((r) => D.has(r.id) ? (u.push(r), !1) : !0).map((r) => ({
-        ...r,
-        children: r.children ? b(r.children) : void 0
-      })), y = b(t), V = ($) => $.map((r) => {
-        if (r.id === a) {
-          const z = [...r.children || []];
-          return c !== void 0 ? z.splice(c, 0, ...u) : z.push(...u), { ...r, children: z };
-        }
-        return r.children ? { ...r, children: V(r.children) } : r;
-      });
-      o(V(y)), C.get("NotificationService")?.show({
-        type: "success",
-        message: "Nodes Moved Successfully",
-        duration: 2e3
-      });
-    },
-    getNode: (n) => X(t, n),
-    getTreeData: () => t,
-    ensureVisible: (n) => {
-      const a = g.getAncestors(n);
-      f ? (a.forEach((c) => M?.(c, !0)), M?.(n, !0)) : d((c) => {
-        const u = new Set(c);
-        return a.forEach((D) => u.add(D)), u.add(n), u;
-      });
-    },
-    beginEdit: (n) => {
-      X(t, n) && P?.(n) !== !1 && N(n);
-    },
-    disableNodes: (n, a = !0) => {
-      n.forEach((c) => {
-        o((u) => q(u, c, { disabled: a }));
-      });
-    },
-    enableNodes: (n) => {
-      n.forEach((a) => {
-        o((c) => q(c, a, { disabled: !1 }));
-      });
-    },
-    getAllCheckedNodes: () => Array.from(w),
-    getDisabledNodes: () => {
-      const n = [], a = (c) => {
-        c.forEach((u) => {
-          u.disabled && n.push(u.id), u.children && a(u.children);
-        });
-      };
-      return a(t), n;
-    }
-  } }), [
-    g,
-    t,
-    i,
-    w,
-    f,
-    s,
-    x,
-    M,
-    T,
-    K,
-    P,
-    o,
-    d,
-    m,
-    h,
-    p,
-    E,
-    v,
-    N,
-    k
-  ]);
-  Ce(A, L);
-}, Ge = (e) => {
-  const t = se(), i = Ae("I18nService")?.dir || "ltr", d = pe(e), { serviceRegistry: w, api: m } = d, { dir: h, apiRef: p, searchTerm: E } = e, v = h === "auto" || !h ? i : h, {
-    treeData: g,
-    setInternalTreeData: N,
-    loadingNodes: A,
-    setLoadingNodes: k,
-    updateNode: C
-  } = Oe(e), f = W(() => e.service ? e.service : e.serviceName ? t.get(e.serviceName) : null, [e.service, e.serviceName]);
-  U(() => {
-    f && f.loadNodes().then((z) => {
-      N(z);
-    });
-  }, [f, N]);
-  const s = De(
-    "HierarchyService",
-    () => new Be(),
-    w || t
-  ), x = F((z, l = 0, O) => {
-    z.forEach((_) => {
-      const B = {
-        id: _.id,
-        level: l,
-        parentId: O,
-        children: _.children?.map((j) => j.id)
-      };
-      s.registerNode(B), _.children && x(_.children, l + 1, _.id);
-    });
-  }, [s]);
-  U(() => {
-    s && (s.cleanup(), x(g));
-  }, [g, s, x]);
-  const {
-    selectedNodes: M,
-    setInternalSelectedNodes: T,
-    toggleSelect: K,
-    checkedNodes: P,
-    setInternalCheckedNodes: L,
-    indeterminateNodes: R,
-    setIndeterminateNodes: n,
-    toggleCheck: a,
-    updateCheckState: c
-  } = We(e, s, g), {
-    expandedNodes: u,
-    setInternalExpandedNodes: D,
-    toggleExpand: b
-  } = Ue(e, g, C, k, f), { flattenedNodes: y } = Ye(g, u, E), [V, $] = H(null), r = F((z, l) => {
-    C(z, { label: l }), e.onNodeRename?.(z, l);
-  }, [C, e.onNodeRename]);
-  return qe(
-    e,
-    g,
-    N,
-    u,
-    D,
-    P,
-    L,
-    T,
-    n,
-    c,
-    y,
-    s,
-    $,
-    p,
-    // Cast to any to avoid complex ref types mismatch
-    m
-  ), {
-    state: {
-      treeData: g,
-      expandedNodes: u,
-      selectedNodes: M,
-      checkedNodes: P,
-      indeterminateNodes: R,
-      loadingNodes: A,
-      flattenedNodes: y,
-      editingNodeId: V
-    },
-    actions: {
-      toggleExpand: b,
-      toggleSelect: K,
-      toggleCheck: a,
-      handleNodeRename: r,
-      setEditingNodeId: $
-    },
-    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: v,
-    baseApi: m
-  };
-}, Je = () => /* @__PURE__ */ S("div", { className: "flex flex-col items-center justify-center min-h-screen p-4", children: /* @__PURE__ */ Y("div", { className: "flex flex-col items-center gap-4 max-w-md w-full", children: [
-  /* @__PURE__ */ S("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10", children: /* @__PURE__ */ S(be, { className: "w-8 h-8 text-destructive" }) }),
-  /* @__PURE__ */ Y("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-    /* @__PURE__ */ S("h2", { className: "text-lg font-semibold", children: "Tree View Error" }),
-    /* @__PURE__ */ S("p", { className: "text-sm text-muted-foreground", children: "Something went wrong with the tree view. Please refresh the page or try again." })
-  ] }),
-  /* @__PURE__ */ Y(
-    "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__ */ S(ke, { className: "w-4 h-4" }),
-        "Refresh Page"
-      ]
-    }
-  )
-] }) }), ie = re(({
-  node: e,
-  level: t,
-  isExpanded: o,
-  isSelected: i,
-  isChecked: d,
-  isIndeterminate: w,
-  isLoading: m,
-  hasChildren: h,
-  onToggleExpand: p,
-  onToggleSelect: E,
-  onToggleCheck: v,
-  onRename: g,
-  showCheckboxes: N,
-  allowEditing: A,
-  searchTerm: k,
-  style: C,
-  onKeyDown: f,
-  tabIndex: s,
-  autoFocus: x,
-  slots: M,
-  slotProps: T,
-  allowTextWrap: K,
-  animation: P,
-  checkOnClick: L,
-  fullRowSelect: R,
-  fullRowNavigable: n,
-  onNodeClicked: a,
-  onDrawNode: c,
-  isEditing: u,
-  onEditingChange: D,
-  dir: b
-}) => {
-  const [y, V] = H(!1), [$, r] = H(e.label);
-  U(() => {
-    u !== void 0 && u !== y && (V(u), u && r(e.label));
-  }, [u, y, e.label]), U(() => {
-    c?.(e);
-  }, [e, c]);
-  const {
-    setNodeRef: z,
-    transform: l,
-    isDragging: O,
-    attributes: _,
-    listeners: B,
-    transition: j
-  } = Le({
-    id: e.id,
-    data: { node: e, type: "tree-item", level: t }
-  }), J = Q(null), ae = (I) => {
-    z(I), J.current = I;
-  };
-  U(() => {
-    x && J.current && !y && J.current.focus({ preventScroll: !0 });
-  }, [x, y]);
-  const le = () => {
-    A && (V(!0), r(e.label), D?.(!0));
-  }, de = (I) => {
-    I.key === "Enter" ? (g(e.id, $), V(!1), D?.(!1)) : I.key === "Escape" && (r(e.label), V(!1), D?.(!1));
-  }, ue = t * 20 + (h ? 0 : 20), he = {
-    ...C,
-    transform: ne.Translate.toString(l) ? `${C.transform || ""} ${ne.Translate.toString(l)}` : C.transform,
-    transition: j || C.transition,
-    opacity: O ? 0.3 : 1,
-    zIndex: O ? 999 : "auto"
-  }, Z = M?.node, ee = M?.expandIcon, te = M?.checkbox, fe = () => m ? /* @__PURE__ */ S(Se, { className: "w-3.5 h-3.5 animate-spin" }) : h ? ee ? /* @__PURE__ */ S(ee, { isExpanded: o, isLoading: m, ...T?.expandIcon }) : o ? /* @__PURE__ */ S(_e, { className: "w-4 h-4" }) : /* @__PURE__ */ S(Ee, { className: "w-4 h-4" }) : null, me = () => N ? te ? /* @__PURE__ */ S(te, { checked: d, indeterminate: w, onChange: () => v(e.id), ...T?.checkbox }) : /* @__PURE__ */ Y(
-    "div",
-    {
-      "data-testid": `tree-checkbox-${e.id}`,
-      onClick: (I) => {
-        I.stopPropagation(), v(e.id);
-      },
-      className: G(
-        "w-4 h-4 me-2 flex items-center justify-center rounded border-2 transition-all cursor-pointer",
-        d ? "bg-primary border-primary text-primary-foreground" : w ? "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: [
-        d && /* @__PURE__ */ S(Me, { className: "w-3.5 h-3.5 stroke-[3]" }),
-        w && /* @__PURE__ */ S("div", { className: "w-2.5 h-0.5 bg-primary rounded-full" })
-      ]
-    }
-  ) : null;
-  return /* @__PURE__ */ S(Te, { contextId: "tree-node", data: e, onAction: (I) => {
-    I === "edit" && A && (V(!0), r(e.label));
-  }, children: /* @__PURE__ */ S(
-    "div",
-    {
-      ref: ae,
-      ..._,
-      ...B,
-      role: "treeitem",
-      "data-testid": `tree-item-${e.id}`,
-      "aria-expanded": h ? o : void 0,
-      "aria-selected": i,
-      tabIndex: s,
-      onKeyDown: (I) => {
-        A && I.key === "F2" && (I.stopPropagation(), V(!0), r(e.label)), B?.onKeyDown && B.onKeyDown(I), f(I, e.id);
-      },
-      onClick: () => {
-        E(e.id), a?.(e.id), L && N && v(e.id);
-      },
-      className: G(
-        "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",
-        O ? "bg-primary/5" : "",
-        P ? "transition-all duration-200" : ""
-      ),
-      style: { ...he, paddingInlineStart: `${ue}px` },
-      children: Z ? /* @__PURE__ */ S(
-        Z,
-        {
-          node: e,
-          level: t,
-          isExpanded: o,
-          isSelected: i,
-          isChecked: d,
-          isIndeterminate: w,
-          onToggleExpand: () => p(e.id),
-          onToggleSelect: () => E(e.id),
-          onToggleCheck: () => v(e.id),
-          ...T?.node || {}
-        }
-      ) : /* @__PURE__ */ Y(ge, { children: [
-        h || m ? /* @__PURE__ */ S(
-          "button",
-          {
-            "data-testid": "expand-button",
-            onClick: (I) => {
-              I.stopPropagation(), p(e.id);
-            },
-            onPointerDown: (I) => I.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: fe()
-          }
-        ) : null,
-        me(),
-        e.icon && /* @__PURE__ */ S("span", { className: "me-2 flex-shrink-0 text-muted-foreground group-hover:text-foreground transition-colors", children: e.icon }),
-        y ? /* @__PURE__ */ S(
-          "input",
-          {
-            "data-testid": "tree-item-edit-input",
-            autoFocus: !0,
-            value: $,
-            onChange: (I) => r(I.target.value),
-            onKeyDown: de,
-            onBlur: () => V(!1),
-            onClick: (I) => I.stopPropagation(),
-            className: "flex-1 bg-background border border-primary rounded px-1 text-sm outline-none"
-          }
-        ) : /* @__PURE__ */ S(
-          "span",
-          {
-            className: `text-base font-semibold flex-1 ${K ? "whitespace-normal" : "truncate"}`,
-            onDoubleClick: (I) => {
-              I.stopPropagation(), le();
-            },
-            children: /* @__PURE__ */ S(ye, { text: e.label, highlight: k })
-          }
-        )
-      ] })
-    }
-  ) });
-});
-ie.displayName = "EzTreeViewItem";
-const ce = re(({
-  items: e,
-  expandedNodes: t,
-  selectedNodes: o,
-  checkedNodes: i,
-  indeterminateNodes: d,
-  loadingNodes: w,
-  onToggleExpand: m,
-  onToggleSelect: h,
-  onToggleCheck: p,
-  onNodeRename: E,
-  className: v,
-  dir: g,
-  showCheckboxes: N,
-  allowEditing: A,
-  searchTerm: k,
-  slots: C,
-  slotProps: f,
-  allowTextWrap: s,
-  animation: x,
-  checkOnClick: M,
-  fullRowSelect: T,
-  fullRowNavigable: K,
-  onKeyPress: P,
-  onNodeClicked: L,
-  onDrawNode: R,
-  editingNodeId: n,
-  setEditingNodeId: a
-}) => {
-  const { rowVirtualizer: c, parentRef: u, getVirtualItems: D } = Ie({
-    rowCount: e.length,
-    rowHeight: 32,
-    overscanCount: 10,
-    progressiveRendering: !0
-    // Default to true for tree as well
-  }), [b, y] = H(0), V = W(() => {
-    const r = /* @__PURE__ */ new Map();
-    return e.forEach((z, l) => r.set(z.node.id, l)), r;
-  }, [e]), $ = F((r, z, l) => {
-    const O = g === "rtl", _ = O ? "ArrowLeft" : "ArrowRight", B = O ? "ArrowRight" : "ArrowLeft";
-    if (r.key === "ArrowDown") {
-      r.preventDefault();
-      const j = Math.min(e.length - 1, z + 1);
-      y(j), c.scrollToIndex(j);
-    } else if (r.key === "ArrowUp") {
-      r.preventDefault();
-      const j = Math.max(0, z - 1);
-      y(j), c.scrollToIndex(j);
-    } else if (r.key === _)
-      r.preventDefault(), (l.children?.length || !l.isLoaded && !l.isLeaf) && !t.has(l.id) ? m(l.id) : l.children?.length && t.has(l.id) && z + 1 < e.length && e[z + 1].level > (l.level ?? 0) && (y(z + 1), c.scrollToIndex(z + 1));
-    else if (r.key === B) {
-      if (r.preventDefault(), t.has(l.id))
-        m(l.id);
-      else if (l.parentId) {
-        const j = V.get(l.parentId);
-        j !== void 0 && (y(j), c.scrollToIndex(j));
-      }
-    } else (r.key === "Enter" || r.key === " ") && (r.preventDefault(), N ? p(l.id) : h(l.id));
-  }, [e, t, m, h, p, N, V, c]);
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      ref: u,
-      className: G("absolute inset-0 overflow-y-auto bg-background border rounded-lg shadow-sm focus:outline-none focus:ring-1 focus:ring-primary/20", v),
-      dir: g,
-      role: "tree",
-      onKeyDown: (r) => P?.(r),
-      children: /* @__PURE__ */ S(
-        "div",
-        {
-          style: {
-            height: `${c.getTotalSize()}px`,
-            width: "100%",
-            position: "relative"
-          },
-          children: /* @__PURE__ */ S(
-            je,
-            {
-              items: e.map((r) => r.node.id),
-              strategy: Fe,
-              children: D().map((r) => {
-                const z = e[r.index], { node: l, level: O } = z, _ = b === r.index;
-                return /* @__PURE__ */ S(
-                  ie,
-                  {
-                    node: l,
-                    level: O,
-                    isExpanded: t.has(l.id),
-                    isSelected: o.has(l.id),
-                    isChecked: i.has(l.id),
-                    isIndeterminate: d.has(l.id),
-                    isLoading: w.has(l.id),
-                    hasChildren: !!l.children?.length || !l.isLoaded && !l.isLeaf,
-                    onToggleExpand: m,
-                    onToggleSelect: h,
-                    onToggleCheck: p,
-                    onRename: E,
-                    showCheckboxes: N,
-                    allowEditing: A,
-                    searchTerm: k,
-                    onKeyDown: (B) => $(B, r.index, l),
-                    style: {
-                      position: "absolute",
-                      top: `${r.start}px`,
-                      left: 0,
-                      width: "100%",
-                      height: `${r.size}px`
-                    },
-                    tabIndex: _ ? 0 : -1,
-                    autoFocus: _,
-                    slots: C,
-                    slotProps: f,
-                    allowTextWrap: s,
-                    animation: x,
-                    checkOnClick: M,
-                    fullRowSelect: T,
-                    fullRowNavigable: K,
-                    onNodeClicked: L,
-                    onDrawNode: R,
-                    isEditing: n === l.id,
-                    onEditingChange: (B) => a(B ? l.id : null),
-                    dir: g
-                  },
-                  l.id
-                );
-              })
-            }
-          )
-        }
-      )
-    }
-  );
-});
-ce.displayName = "EzVirtualTree";
-const Qe = ({ onDragEnd: e, onDragStart: t }) => {
-  const [o, i] = H(null), [d, w] = H(null), [m, h] = H("inside"), p = ze(
-    Pe(Ve, {
-      activationConstraint: {
-        distance: 8
-      }
-    })
-  ), E = F((N) => {
-    const { active: A } = N, k = A.data.current?.node;
-    k && (i(k), t?.(k));
-  }, [t]), v = F((N) => {
-    N.preventDefault();
-    const { active: A, over: k } = N;
-    if (!k) return;
-    const C = A.data.current?.node, f = k.data.current?.node;
-    if (C && f && C.id !== f.id) {
-      const s = k.rect, x = s.top + s.height / 2;
-      x < s.top + 10 ? h("before") : x > s.bottom - 10 ? h("after") : h("inside"), w(f);
-    }
-  }, []), g = F((N) => {
-    const { active: A, over: k } = N;
-    A && k && o && d && e(o, d, m), i(null), w(null), h("inside");
-  }, [o, d, m, e]);
-  return {
-    /** Sensors for dnd-kit interaction. @group Properties */
-    sensors: p,
-    /** The node currently being dragged. @group State */
-    activeNode: o,
-    /** The node currently being dragged over. @group State */
-    dragOverNode: d,
-    /** The relative drop position (before/after/inside). @group State */
-    dragPosition: m,
-    /** Internal handler for drag start. @group Events */
-    handleDragStart: E,
-    /** Internal handler for drag over. @group Events */
-    handleDragOver: v,
-    /** Internal handler for drag end. @group Events */
-    handleDragEnd: g
-  };
-}, dt = (e) => {
-  Ne();
-  const t = Ge(e), {
-    state: {
-      expandedNodes: o,
-      selectedNodes: i,
-      checkedNodes: d,
-      indeterminateNodes: w,
-      loadingNodes: m,
-      flattenedNodes: h,
-      editingNodeId: p
-    },
-    actions: {
-      toggleExpand: E,
-      toggleSelect: v,
-      toggleCheck: g,
-      handleNodeRename: N,
-      setEditingNodeId: A
-    },
-    config: {
-      allowTextWrap: k,
-      animation: C,
-      checkOnClick: f,
-      fullRowSelect: s,
-      fullRowNavigable: x,
-      onKeyPress: M,
-      onNodeClicked: T,
-      onDrawNode: K
-    },
-    dir: P
-  } = t, { handleDragEnd: L, sensors: R } = Qe({
-    onDragEnd: (n, a, c) => {
-      e.onNodeDrop && e.onNodeDrop(n, a, c);
-    }
-  });
-  return /* @__PURE__ */ S(Re, { fallback: /* @__PURE__ */ S(Je, {}), children: /* @__PURE__ */ S("div", { className: G("relative flex-1 w-full h-full min-h-0", e.className), children: /* @__PURE__ */ S(
-    Ke,
-    {
-      sensors: R,
-      collisionDetection: $e,
-      onDragEnd: L,
-      children: /* @__PURE__ */ S(
-        ce,
-        {
-          items: h,
-          expandedNodes: o,
-          selectedNodes: i,
-          checkedNodes: d,
-          indeterminateNodes: w,
-          loadingNodes: m,
-          onToggleExpand: E,
-          onToggleSelect: v,
-          onToggleCheck: g,
-          onNodeRename: N,
-          dir: P,
-          showCheckboxes: e.showCheckboxes,
-          allowEditing: e.allowEditing,
-          searchTerm: e.searchTerm,
-          slots: e.slots,
-          slotProps: e.slotProps,
-          allowTextWrap: k,
-          animation: C,
-          checkOnClick: f,
-          fullRowSelect: s,
-          fullRowNavigable: x,
-          onKeyPress: M,
-          onNodeClicked: T,
-          onDrawNode: K,
-          editingNodeId: p,
-          setEditingNodeId: A
-        }
-      )
-    }
-  ) }) });
-};
-export {
-  dt as EzTreeView
-};
+import { t as e } from "./EzTreeView-D1G0Aomc.js";
+export { e as EzTreeView };