bough 0.1.0

package/dist/index.mjs

@@ -0,0 +1,673 @@
+import { jsx as k, Fragment as M, jsxs as ne } from "react/jsx-runtime";
+import { useState as V, useRef as L, useCallback as p, useMemo as z, useEffect as ge, createContext as re, useContext as oe, forwardRef as Ie } from "react";
+function pe({
+  defaultExpandedIds: n = [],
+  expandedIds: c,
+  onExpandedIdsChange: s,
+  selectedId: d,
+  onSelect: a,
+  onExpandChange: t
+} = {}) {
+  const [e, f] = V(null), [r, l] = V(null), [h, v] = V(
+    () => new Set(n)
+  ), g = c !== void 0, T = g ? c : h, C = d ?? r, b = L(/* @__PURE__ */ new Map()), [_, S] = V(null), A = L([]), w = L(null), N = L(""), R = L(), P = p((o) => {
+    if (g) {
+      const u = o(T);
+      s == null || s(u);
+    } else
+      v(o);
+  }, [g, T, s]), O = p((o, u, i) => {
+    b.current.set(o, { node: u, parentId: i }), i === null && S((m) => m ?? o);
+  }, []), H = p((o) => {
+    b.current.delete(o);
+  }, []), W = p((o) => {
+    var u;
+    return ((u = b.current.get(o)) == null ? void 0 : u.parentId) ?? null;
+  }, []), Q = p((o) => {
+    var u;
+    return ((u = b.current.get(o)) == null ? void 0 : u.node) ?? null;
+  }, []), y = p((o) => T.has(o), [T]), U = p((o) => C === o, [C]), J = p((o) => e === o, [e]), B = p((o, u) => {
+    P((i) => {
+      const m = new Set(i), x = !m.has(o);
+      return x ? m.add(o) : m.delete(o), t == null || t(u, x), m;
+    });
+  }, [P, t]), X = p((o) => {
+    P((u) => {
+      if (u.has(o)) return u;
+      const i = new Set(u);
+      i.add(o);
+      const m = b.current.get(o);
+      return m && (t == null || t(m.node, !0)), i;
+    });
+  }, [P, t]), Y = p((o) => {
+    P((u) => {
+      if (!u.has(o)) return u;
+      const i = new Set(u);
+      i.delete(o);
+      const m = b.current.get(o);
+      return m && (t == null || t(m.node, !1)), i;
+    });
+  }, [P, t]), Z = p(() => {
+    P(() => {
+      const o = /* @__PURE__ */ new Set();
+      return b.current.forEach((u, i) => {
+        u.node.children && u.node.children.length > 0 && o.add(i);
+      }), o;
+    });
+  }, [P]), q = p(() => {
+    P(() => /* @__PURE__ */ new Set());
+  }, [P]), E = p((o, u) => {
+    l(o), a == null || a(u);
+  }, [a]), j = p(() => {
+    if (!w.current) return [];
+    const o = w.current.querySelectorAll('[role="treeitem"]'), u = [];
+    return o.forEach((i) => {
+      const m = i.getAttribute("data-node-id");
+      m && !i.closest('[role="group"][aria-hidden="true"]') && u.push(m);
+    }), A.current = u, u;
+  }, []), D = p((o) => {
+    var i;
+    f(o);
+    const u = (i = w.current) == null ? void 0 : i.querySelector(`[data-node-id="${o}"]`);
+    u instanceof HTMLElement && u.focus();
+  }, []), F = p((o, u) => {
+    var K, te;
+    const i = j();
+    if (i.length === 0) return;
+    let m = u ?? e;
+    !m && document.activeElement && (m = (te = (K = document.activeElement).getAttribute) == null ? void 0 : te.call(K, "data-node-id"));
+    let x;
+    const $ = m ? i.indexOf(m) : -1;
+    switch (o) {
+      case "next":
+        x = $ < i.length - 1 ? $ + 1 : $;
+        break;
+      case "prev":
+        x = $ > 0 ? $ - 1 : 0;
+        break;
+      case "first":
+        x = 0;
+        break;
+      case "last":
+        x = i.length - 1;
+        break;
+    }
+    const I = i[x];
+    I && D(I);
+  }, [e, j, D]), ee = p((o) => {
+    R.current && clearTimeout(R.current), N.current += o.toLowerCase(), R.current = setTimeout(() => {
+      N.current = "";
+    }, 500);
+    const u = j(), i = e ? u.indexOf(e) : -1;
+    for (let m = 0; m < u.length; m++) {
+      const x = (i + 1 + m) % u.length, $ = u[x], I = b.current.get($);
+      if (I != null && I.node.name.toLowerCase().startsWith(N.current)) {
+        D($);
+        break;
+      }
+    }
+  }, [e, j, D]), fe = p((o) => {
+    var m, x, $;
+    const { key: u } = o;
+    if (!((m = w.current) != null && m.contains(document.activeElement)))
+      return;
+    let i = e;
+    if (!i && document.activeElement) {
+      const I = ($ = (x = document.activeElement).getAttribute) == null ? void 0 : $.call(x, "data-node-id");
+      I && (i = I, f(I));
+    }
+    switch (u) {
+      case "ArrowDown":
+        o.preventDefault(), F("next", i);
+        break;
+      case "ArrowUp":
+        o.preventDefault(), F("prev", i);
+        break;
+      case "ArrowRight": {
+        if (o.preventDefault(), !i) break;
+        const I = b.current.get(i);
+        if (!I) break;
+        I.node.children && I.node.children.length > 0 && (y(i) ? F("next", i) : B(i, I.node));
+        break;
+      }
+      case "ArrowLeft": {
+        if (o.preventDefault(), !i) break;
+        const I = b.current.get(i);
+        if (!I) break;
+        I.node.children && I.node.children.length > 0 && y(i) ? B(i, I.node) : I.parentId && D(I.parentId);
+        break;
+      }
+      case "Home":
+        o.preventDefault(), F("first", i);
+        break;
+      case "End":
+        o.preventDefault(), F("last", i);
+        break;
+      case "Enter":
+      case " ": {
+        if (o.preventDefault(), !i) break;
+        const I = b.current.get(i);
+        I && E(i, I.node);
+        break;
+      }
+      default:
+        u.length === 1 && !o.ctrlKey && !o.altKey && !o.metaKey && ee(u);
+        break;
+    }
+  }, [e, y, B, F, D, E, ee]), he = z(() => ({
+    focusedId: e,
+    selectedId: C,
+    expandedIds: T,
+    firstNodeId: _,
+    setFocusedId: f,
+    selectNode: E,
+    toggleExpanded: B,
+    expand: X,
+    collapse: Y,
+    expandAll: Z,
+    collapseAll: q,
+    isExpanded: y,
+    isSelected: U,
+    isFocused: J,
+    registerNode: O,
+    unregisterNode: H,
+    getParentId: W,
+    getNode: Q
+  }), [
+    e,
+    C,
+    T,
+    _,
+    E,
+    B,
+    X,
+    Y,
+    Z,
+    q,
+    y,
+    U,
+    J,
+    O,
+    H,
+    W,
+    Q
+  ]), me = p((o = {}) => ({
+    role: "tree",
+    ...o
+  }), []);
+  return {
+    state: he,
+    getRootProps: me,
+    handleKeyDown: fe,
+    treeRef: w
+  };
+}
+function be({ node: n, level: c, posinset: s, setsize: d, parentId: a }, t) {
+  const e = n.id ?? `${a ?? "root"}-${c}-${s}-${n.name}`, f = `tree-group-${e}`, r = !!(n.children && n.children.length > 0), l = r && t.isExpanded(e), h = t.isSelected(e), v = t.isFocused(e), g = t.focusedId === null && a === null && s === 1, T = v || g ? 0 : -1;
+  ge(() => (t.registerNode(e, n, a), () => t.unregisterNode(e)), [e, n, a, t]);
+  const C = p(() => {
+    r && t.toggleExpanded(e, n);
+  }, [r, e, n, t]), b = p(() => {
+    t.selectNode(e, n);
+  }, [e, n, t]), _ = p((w = {}) => ({
+    role: "treeitem",
+    "aria-expanded": r ? l : void 0,
+    "aria-selected": h,
+    "aria-level": c,
+    "aria-setsize": d,
+    "aria-posinset": s,
+    "aria-owns": r ? f : void 0,
+    "data-node-id": e,
+    "data-expanded": r ? l : void 0,
+    "data-selected": h || void 0,
+    "data-focused": v || void 0,
+    tabIndex: T,
+    onFocus: (N) => {
+      var R;
+      N.stopPropagation(), t.setFocusedId(e), (R = w.onFocus) == null || R.call(w, N);
+    },
+    ...w
+  }), [r, l, h, v, c, d, s, f, e, T, t]), S = p((w = {}) => ({
+    onClick: (N) => {
+      var R;
+      N.stopPropagation(), r && C(), b(), (R = w.onClick) == null || R.call(w, N);
+    },
+    ...w
+  }), [r, C, b]), A = p((w = {}) => ({
+    id: f,
+    role: "group",
+    "aria-hidden": !l,
+    "data-state": l ? "open" : "closed",
+    ...w
+  }), [f, l]);
+  return z(() => ({
+    nodeId: e,
+    isExpanded: l,
+    isSelected: h,
+    isFocused: v,
+    isFirstFocusable: g,
+    hasChildren: r,
+    tabIndex: T,
+    getItemProps: _,
+    getContentProps: S,
+    getGroupProps: A,
+    toggle: C,
+    select: b
+  }), [
+    e,
+    l,
+    h,
+    v,
+    g,
+    r,
+    T,
+    _,
+    S,
+    A,
+    C,
+    b
+  ]);
+}
+const se = re(null);
+function we() {
+  const n = oe(se);
+  if (!n)
+    throw new Error("useTreeContext must be used within a Tree.Root component");
+  return n;
+}
+const ce = re(null);
+function G() {
+  const n = oe(ce);
+  if (!n)
+    throw new Error("useTreeItemContext must be used within a Tree.Item component");
+  return n;
+}
+function ke({
+  children: n,
+  className: c,
+  style: s,
+  "aria-label": d,
+  "aria-labelledby": a,
+  ...t
+}) {
+  const { state: e, getRootProps: f, handleKeyDown: r, treeRef: l } = pe(t), h = z(() => ({ state: e, treeRef: l }), [e, l]);
+  return /* @__PURE__ */ k(se.Provider, { value: h, children: /* @__PURE__ */ k(
+    "div",
+    {
+      ref: l,
+      ...f(),
+      "aria-label": d,
+      "aria-labelledby": a,
+      className: c,
+      style: s,
+      onKeyDown: r,
+      children: n
+    }
+  ) });
+}
+function ie({
+  node: n,
+  level: c,
+  posinset: s,
+  setsize: d,
+  parentId: a,
+  children: t,
+  className: e,
+  style: f
+}) {
+  const { state: r } = we(), l = be({ node: n, level: c, posinset: s, setsize: d, parentId: a }, r), h = typeof t == "function" ? t(l) : t;
+  return /* @__PURE__ */ k(ce.Provider, { value: l, children: /* @__PURE__ */ k(
+    "div",
+    {
+      ...l.getItemProps(),
+      className: e,
+      style: f,
+      children: h
+    }
+  ) });
+}
+const le = Ie(
+  function({ children: c, className: s, style: d, onClick: a, ...t }, e) {
+    const r = G().getContentProps(), l = a ?? r.onClick;
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        ref: e,
+        ...t,
+        className: s,
+        style: d,
+        onClick: l,
+        children: c
+      }
+    );
+  }
+);
+function ve({ open: n }) {
+  return /* @__PURE__ */ k(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style: {
+        width: "0.75rem",
+        height: "0.75rem",
+        flexShrink: 0,
+        transition: "transform 200ms",
+        transform: n ? "rotate(180deg)" : "rotate(0deg)"
+      },
+      children: /* @__PURE__ */ k("polyline", { points: "18 15 12 9 6 15" })
+    }
+  );
+}
+function ue({
+  children: n,
+  className: c,
+  style: s,
+  openClassName: d,
+  closedClassName: a
+}) {
+  const { isExpanded: t, hasChildren: e } = G();
+  if (!e)
+    return /* @__PURE__ */ k(
+      "span",
+      {
+        style: { width: "0.75rem", height: "0.75rem", flexShrink: 0, ...s },
+        className: c,
+        "aria-hidden": "true"
+      }
+    );
+  const r = [c, t ? d : a].filter(Boolean).join(" ") || void 0;
+  return n ? /* @__PURE__ */ k("span", { className: r, style: s, "aria-hidden": "true", children: n }) : /* @__PURE__ */ k("span", { className: r, style: s, children: /* @__PURE__ */ k(ve, { open: t }) });
+}
+function de({ children: n, className: c, style: s }) {
+  const d = G(), a = d.getGroupProps();
+  return d.hasChildren ? /* @__PURE__ */ k(
+    "div",
+    {
+      ...a,
+      className: c,
+      style: s,
+      children: n
+    }
+  ) : null;
+}
+function Te({
+  nodes: n,
+  level: c = 1,
+  parentId: s = null,
+  renderItem: d
+}) {
+  return /* @__PURE__ */ k(M, { children: n.map(
+    (a, t) => d({
+      node: a,
+      level: c,
+      posinset: t + 1,
+      setsize: n.length,
+      parentId: s
+    })
+  ) });
+}
+function Ce({
+  nodes: n,
+  renderContent: c,
+  styled: s = !0,
+  rowClassName: d,
+  groupClassName: a,
+  chevronClassName: t
+}) {
+  return /* @__PURE__ */ k(M, { children: n.map((e, f) => /* @__PURE__ */ k(
+    ae,
+    {
+      node: e,
+      level: 1,
+      posinset: f + 1,
+      setsize: n.length,
+      parentId: null,
+      NodeContent: c,
+      styled: s,
+      rowClassName: d,
+      groupClassName: a,
+      chevronClassName: t
+    },
+    e.id ?? `${e.name}-${f}`
+  )) });
+}
+function ae({
+  node: n,
+  level: c,
+  posinset: s,
+  setsize: d,
+  parentId: a,
+  NodeContent: t,
+  styled: e,
+  rowClassName: f,
+  groupClassName: r,
+  chevronClassName: l
+}) {
+  const h = !!(n.children && n.children.length > 0);
+  return /* @__PURE__ */ k(
+    ie,
+    {
+      node: n,
+      level: c,
+      posinset: s,
+      setsize: d,
+      parentId: a,
+      children: ({ isExpanded: v, isSelected: g, isFocused: T, nodeId: C }) => {
+        const b = e ? [
+          "tree__row",
+          g && "tree__row--selected",
+          T && "tree__row--focused",
+          f
+        ].filter(Boolean).join(" ") : f, _ = e ? [
+          "tree__children",
+          v && "tree__children--open",
+          r
+        ].filter(Boolean).join(" ") : r, S = e ? ["tree__chevron", l].filter(Boolean).join(" ") : l;
+        return /* @__PURE__ */ ne(M, { children: [
+          /* @__PURE__ */ ne(le, { className: b, children: [
+            /* @__PURE__ */ k(
+              ue,
+              {
+                className: S,
+                openClassName: e ? "tree__chevron--open" : void 0
+              }
+            ),
+            /* @__PURE__ */ k(t, { ...n })
+          ] }),
+          h && /* @__PURE__ */ k(de, { className: _, children: /* @__PURE__ */ k("div", { className: e ? "tree__children-inner" : void 0, children: n.children.map((w, N) => /* @__PURE__ */ k(
+            ae,
+            {
+              node: w,
+              level: c + 1,
+              posinset: N + 1,
+              setsize: n.children.length,
+              parentId: C,
+              NodeContent: t,
+              styled: e,
+              rowClassName: f,
+              groupClassName: r,
+              chevronClassName: l
+            },
+            w.id ?? `${w.name}-${N}`
+          )) }) })
+        ] });
+      }
+    }
+  );
+}
+const _e = {
+  Root: ke,
+  Item: ie,
+  ItemContent: le,
+  Chevron: ue,
+  Group: de,
+  Nodes: Te,
+  Recursive: Ce
+};
+function Re(n, c = {}) {
+  const {
+    startLevel: s = 1,
+    filter: d,
+    includeCollapsedChildren: a = !0,
+    expandedIds: t
+  } = c, e = [];
+  function f(r, l, h) {
+    const v = d ? r.filter(d) : r;
+    v.forEach((g, T) => {
+      const C = g.id ?? `${h ?? "root"}-${l}-${T + 1}-${g.name}`, b = !!(g.children && g.children.length > 0), _ = {
+        ...g,
+        nodeId: C,
+        level: l,
+        posinset: T + 1,
+        setsize: v.length,
+        parentId: h,
+        hasChildren: b
+      };
+      e.push(_), b && g.children && (a || t && t.has(C)) && f(g.children, l + 1, C);
+    });
+  }
+  return f(n, s, null), e;
+}
+function Se(n, c) {
+  const { getId: s, getParentId: d, transform: a } = c, t = /* @__PURE__ */ new Map(), e = [];
+  n.forEach((r) => {
+    const l = s(r), h = {
+      ...a(r),
+      children: []
+    };
+    t.set(l, h);
+  }), n.forEach((r) => {
+    const l = s(r), h = d(r), v = t.get(l);
+    if (h === null)
+      e.push(v);
+    else {
+      const g = t.get(h);
+      g ? (g.children = g.children || [], g.children.push(v)) : e.push(v);
+    }
+  });
+  function f(r) {
+    r.forEach((l) => {
+      l.children && l.children.length === 0 ? delete l.children : l.children && f(l.children);
+    });
+  }
+  return f(e), e;
+}
+function xe(n, c, s = {}) {
+  const { keepAncestors: d = !0, keepDescendants: a = !1 } = s;
+  function t(e) {
+    const f = [];
+    return e.forEach((r) => {
+      const l = c(r);
+      let h = [];
+      r.children && r.children.length > 0 && (l && a ? h = r.children : h = t(r.children)), l ? f.push({
+        ...r,
+        children: h.length > 0 ? h : void 0
+      }) : d && h.length > 0 && f.push({
+        ...r,
+        children: h
+      });
+    }), f;
+  }
+  return t(n);
+}
+function De(n, c, s = {}) {
+  const { ignoreCase: d = !0, searchFields: a = [], minLength: t = 1 } = s;
+  if (!c || c.length < t)
+    return n;
+  const e = d ? c.toLowerCase() : c;
+  return xe(n, (r) => {
+    if ((d ? r.name.toLowerCase() : r.name).includes(e))
+      return !0;
+    if (r.data && a.length > 0) {
+      const h = r.data;
+      return a.some((v) => {
+        const g = h[v];
+        return typeof g == "string" ? (d ? g.toLowerCase() : g).includes(e) : !1;
+      });
+    }
+    return !1;
+  }, { keepAncestors: !0, keepDescendants: !1 });
+}
+function Ne(n, c) {
+  for (const s of n) {
+    if (s.id === c)
+      return s;
+    if (s.children) {
+      const d = Ne(s.children, c);
+      if (d)
+        return d;
+    }
+  }
+  return null;
+}
+function Fe(n, c) {
+  function s(d, a) {
+    for (const t of d) {
+      const e = t.id ?? t.name, f = [...a, e];
+      if (e === c)
+        return f;
+      if (t.children) {
+        const r = s(t.children, f);
+        if (r)
+          return r;
+      }
+    }
+    return null;
+  }
+  return s(n, []) ?? [];
+}
+function Ae(n) {
+  const c = [];
+  function s(d, a, t) {
+    d.forEach((e, f) => {
+      const r = e.id ?? `${a ?? "root"}-${t}-${f + 1}-${e.name}`;
+      c.push(r), e.children && s(e.children, r, t + 1);
+    });
+  }
+  return s(n, null, 1), c;
+}
+function ye(n) {
+  const c = [];
+  function s(d, a, t) {
+    d.forEach((e, f) => {
+      const r = e.id ?? `${a ?? "root"}-${t}-${f + 1}-${e.name}`;
+      e.children && e.children.length > 0 && (c.push(r), s(e.children, r, t + 1));
+    });
+  }
+  return s(n, null, 1), c;
+}
+function Be(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  _e as Tree,
+  ue as TreeChevron,
+  se as TreeContext,
+  de as TreeGroup,
+  ie as TreeItem,
+  le as TreeItemContent,
+  ce as TreeItemContext,
+  Te as TreeNodes,
+  Ce as TreeRecursive,
+  ke as TreeRoot,
+  Se as buildTree,
+  Be as cn,
+  xe as filterTree,
+  Ne as findNodeById,
+  Re as flattenTree,
+  Ae as getAllNodeIds,
+  ye as getExpandableNodeIds,
+  Fe as getNodePath,
+  De as searchTree,
+  pe as useTree,
+  we as useTreeContext,
+  be as useTreeItem,
+  G as useTreeItemContext
+};
+//# sourceMappingURL=index.mjs.map