@boxcustodia/library 1.7.7 → 1.7.9

package/dist/index.es310.js

@@ -1,30 +1,423 @@
-import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
-function S(n, a, l) {
-  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
+import { isElementVisible as V } from "./index.es496.js";
+import { createShadowTreeWalker as B } from "./index.es451.js";
+import { getActiveElement as T, getEventTarget as S } from "./index.es452.js";
+import { getOwnerDocument as N } from "./index.es454.js";
+import { useLayoutEffect as E } from "./index.es393.js";
+import { isAndroid as H, isChrome as J } from "./index.es457.js";
+import { isTabbable as U, isFocusable as j } from "./index.es474.js";
+import { getInteractionModality as G } from "./index.es480.js";
+import { focusSafely as Q } from "./index.es491.js";
+import L, { useRef as F, useContext as X, useMemo as k, useEffect as z } from "react";
+const I = /* @__PURE__ */ L.createContext(null), M = "react-aria-focus-scope-restore";
+let s = null;
+function ve(e) {
+  let { children: t, contain: r, restoreFocus: a, autoFocus: n } = e, i = F(null), u = F(null), o = F([]), { parentNode: b } = X(I) || {}, l = k(() => new A({
+    scopeRef: o
+  }), [
+    o
+  ]);
+  E(() => {
+    let c = b || $.root;
+    if ($.getTreeNode(c.scopeRef) && s && !R(s, c.scopeRef)) {
+      let f = $.getTreeNode(s);
+      f && (c = f);
+    }
+    c.addChild(l), $.addNode(l);
+  }, [
+    l,
+    b
+  ]), E(() => {
+    let c = $.getTreeNode(o);
+    c && (c.contain = !!r);
+  }, [
+    r
+  ]), E(() => {
+    var c;
+    let f = (c = i.current) === null || c === void 0 ? void 0 : c.nextSibling, p = [], y = (C) => C.stopPropagation();
+    for (; f && f !== u.current; )
+      p.push(f), f.addEventListener(M, y), f = f.nextSibling;
+    return o.current = p, () => {
+      for (let C of p) C.removeEventListener(M, y);
+    };
+  }, [
+    t
+  ]), te(o, a, r), Z(o, r), re(o, a, r), ee(o, n), z(() => {
+    const c = T(N(o.current ? o.current[0] : void 0));
+    let f = null;
+    if (m(c, o.current)) {
+      for (let p of $.traverse()) p.scopeRef && m(c, p.scopeRef.current) && (f = p);
+      f === $.getTreeNode(o) && (s = f.scopeRef);
+    }
+  }, [
+    o
+  ]), E(() => () => {
+    var c, f, p;
+    let y = (p = (f = $.getTreeNode(o)) === null || f === void 0 || (c = f.parent) === null || c === void 0 ? void 0 : c.scopeRef) !== null && p !== void 0 ? p : null;
+    (o === s || R(o, s)) && (!y || $.getTreeNode(y)) && (s = y), $.removeTreeNode(o);
+  }, [
+    o
+  ]);
+  let v = k(() => Y(o), []), d = k(() => ({
+    focusManager: v,
+    parentNode: l
+  }), [
+    l,
+    v
+  ]);
+  return /* @__PURE__ */ L.createElement(I.Provider, {
+    value: d
+  }, /* @__PURE__ */ L.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: i
+  }), t, /* @__PURE__ */ L.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: u
+  }));
+}
+function Y(e) {
+  return {
+    focusNext(t = {}) {
+      let r = e.current, { from: a, tabbable: n, wrap: i, accept: u } = t;
+      var o;
+      let b = a || T(N((o = r[0]) !== null && o !== void 0 ? o : void 0)), l = r[0].previousElementSibling, v = w(r), d = g(v, {
+        tabbable: n,
+        accept: u
+      }, r);
+      d.currentNode = m(b, r) ? b : l;
+      let c = d.nextNode();
+      return !c && i && (d.currentNode = l, c = d.nextNode()), c && h(c, !0), c;
+    },
+    focusPrevious(t = {}) {
+      let r = e.current, { from: a, tabbable: n, wrap: i, accept: u } = t;
+      var o;
+      let b = a || T(N((o = r[0]) !== null && o !== void 0 ? o : void 0)), l = r[r.length - 1].nextElementSibling, v = w(r), d = g(v, {
+        tabbable: n,
+        accept: u
+      }, r);
+      d.currentNode = m(b, r) ? b : l;
+      let c = d.previousNode();
+      return !c && i && (d.currentNode = l, c = d.previousNode()), c && h(c, !0), c;
+    },
+    focusFirst(t = {}) {
+      let r = e.current, { tabbable: a, accept: n } = t, i = w(r), u = g(i, {
+        tabbable: a,
+        accept: n
+      }, r);
+      u.currentNode = r[0].previousElementSibling;
+      let o = u.nextNode();
+      return o && h(o, !0), o;
+    },
+    focusLast(t = {}) {
+      let r = e.current, { tabbable: a, accept: n } = t, i = w(r), u = g(i, {
+        tabbable: a,
+        accept: n
+      }, r);
+      u.currentNode = r[r.length - 1].nextElementSibling;
+      let o = u.previousNode();
+      return o && h(o, !0), o;
+    }
+  };
+}
+function w(e) {
+  return e[0].parentElement;
+}
+function _(e) {
+  let t = $.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.contain) return !1;
+    t = t.parent;
+  }
+  return !0;
+}
+function Z(e, t) {
+  let r = F(void 0), a = F(void 0);
   E(() => {
-    let t = i.current;
-    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
+    let n = e.current;
+    if (!t) {
+      a.current && (cancelAnimationFrame(a.current), a.current = void 0);
+      return;
+    }
+    const i = N(n ? n[0] : void 0);
+    let u = (l) => {
+      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !_(e) || l.isComposing) return;
+      let v = T(i), d = e.current;
+      if (!d || !m(v, d)) return;
+      let c = w(d), f = g(c, {
+        tabbable: !0
+      }, d);
+      if (!v) return;
+      f.currentNode = v;
+      let p = l.shiftKey ? f.previousNode() : f.nextNode();
+      p || (f.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, p = l.shiftKey ? f.previousNode() : f.nextNode()), l.preventDefault(), p && h(p, !0);
+    }, o = (l) => {
+      (!s || R(s, e)) && m(S(l), e.current) ? (s = e, r.current = S(l)) : _(e) && !x(S(l), e) ? r.current ? r.current.focus() : s && s.current && K(s.current) : _(e) && (r.current = S(l));
+    }, b = (l) => {
+      a.current && cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
+        let v = G(), d = (v === "virtual" || v === null) && H() && J(), c = T(i);
+        if (!d && c && _(e) && !x(c, e)) {
+          s = e;
+          let p = S(l);
+          if (p && p.isConnected) {
+            var f;
+            r.current = p, (f = r.current) === null || f === void 0 || f.focus();
+          } else s.current && K(s.current);
+        }
+      });
+    };
+    return i.addEventListener("keydown", u, !1), i.addEventListener("focusin", o, !1), n == null || n.forEach((l) => l.addEventListener("focusin", o, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", b, !1)), () => {
+      i.removeEventListener("keydown", u, !1), i.removeEventListener("focusin", o, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", o, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", b, !1));
+    };
+  }, [
+    e,
+    t
+  ]), E(() => () => {
+    a.current && cancelAnimationFrame(a.current);
+  }, [
+    a
+  ]);
+}
+function W(e) {
+  return x(e);
+}
+function m(e, t) {
+  return !e || !t ? !1 : t.some((r) => r.contains(e));
+}
+function x(e, t = null) {
+  if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
+  for (let { scopeRef: r } of $.traverse($.getTreeNode(t)))
+    if (r && m(e, r.current)) return !0;
+  return !1;
+}
+function R(e, t) {
+  var r;
+  let a = (r = $.getTreeNode(t)) === null || r === void 0 ? void 0 : r.parent;
+  for (; a; ) {
+    if (a.scopeRef === e) return !0;
+    a = a.parent;
+  }
+  return !1;
+}
+function h(e, t = !1) {
+  if (e != null && !t) try {
+    Q(e);
+  } catch {
+  }
+  else if (e != null) try {
+    e.focus();
+  } catch {
+  }
+}
+function q(e, t = !0) {
+  let r = e[0].previousElementSibling, a = w(e), n = g(a, {
+    tabbable: t
+  }, e);
+  n.currentNode = r;
+  let i = n.nextNode();
+  return t && !i && (a = w(e), n = g(a, {
+    tabbable: !1
+  }, e), n.currentNode = r, i = n.nextNode()), i;
+}
+function K(e, t = !0) {
+  h(q(e, t));
+}
+function ee(e, t) {
+  const r = L.useRef(t);
+  z(() => {
+    if (r.current) {
+      s = e;
+      const a = N(e.current ? e.current[0] : void 0);
+      !m(T(a), s.current) && e.current && K(e.current);
+    }
+    r.current = !1;
   }, [
     e
   ]);
-  let o = e ? n : p, b = N((t, ...u) => {
-    let f = (r, ...c) => {
-      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
+}
+function te(e, t, r) {
+  E(() => {
+    if (t || r) return;
+    let a = e.current;
+    const n = N(a ? a[0] : void 0);
+    let i = (u) => {
+      let o = S(u);
+      m(o, e.current) ? s = e : W(o) || (s = null);
+    };
+    return n.addEventListener("focusin", i, !1), a == null || a.forEach((u) => u.addEventListener("focusin", i, !1)), () => {
+      n.removeEventListener("focusin", i, !1), a == null || a.forEach((u) => u.removeEventListener("focusin", i, !1));
     };
-    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
-      let d = t(e ? o : c, ...m);
-      return f(d, ...u), e ? c : d;
-    })) : (e || s(t), f(t, ...u));
   }, [
     e,
-    o,
-    l
+    t,
+    r
   ]);
-  return [
-    o,
-    b
-  ];
 }
+function P(e) {
+  let t = $.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.nodeToRestore) return !1;
+    t = t.parent;
+  }
+  return (t == null ? void 0 : t.scopeRef) === e;
+}
+function re(e, t, r) {
+  const a = F(typeof document < "u" ? T(N(e.current ? e.current[0] : void 0)) : null);
+  E(() => {
+    let n = e.current;
+    const i = N(n ? n[0] : void 0);
+    if (!t || r) return;
+    let u = () => {
+      (!s || R(s, e)) && m(T(i), e.current) && (s = e);
+    };
+    return i.addEventListener("focusin", u, !1), n == null || n.forEach((o) => o.addEventListener("focusin", u, !1)), () => {
+      i.removeEventListener("focusin", u, !1), n == null || n.forEach((o) => o.removeEventListener("focusin", u, !1));
+    };
+  }, [
+    e,
+    r
+  ]), E(() => {
+    const n = N(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let i = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !_(e) || u.isComposing) return;
+      let o = n.activeElement;
+      if (!x(o, e) || !P(e)) return;
+      let b = $.getTreeNode(e);
+      if (!b) return;
+      let l = b.nodeToRestore, v = g(n.body, {
+        tabbable: !0
+      });
+      v.currentNode = o;
+      let d = u.shiftKey ? v.previousNode() : v.nextNode();
+      if ((!l || !l.isConnected || l === n.body) && (l = void 0, b.nodeToRestore = void 0), (!d || !x(d, e)) && l) {
+        v.currentNode = l;
+        do
+          d = u.shiftKey ? v.previousNode() : v.nextNode();
+        while (x(d, e));
+        u.preventDefault(), u.stopPropagation(), d ? h(d, !0) : W(l) ? h(l, !0) : o.blur();
+      }
+    };
+    return r || n.addEventListener("keydown", i, !0), () => {
+      r || n.removeEventListener("keydown", i, !0);
+    };
+  }, [
+    e,
+    t,
+    r
+  ]), E(() => {
+    const n = N(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let i = $.getTreeNode(e);
+    if (i) {
+      var u;
+      return i.nodeToRestore = (u = a.current) !== null && u !== void 0 ? u : void 0, () => {
+        let o = $.getTreeNode(e);
+        if (!o) return;
+        let b = o.nodeToRestore, l = T(n);
+        if (t && b && (l && x(l, e) || l === n.body && P(e))) {
+          let v = $.clone();
+          requestAnimationFrame(() => {
+            if (n.activeElement === n.body) {
+              let d = v.getTreeNode(e);
+              for (; d; ) {
+                if (d.nodeToRestore && d.nodeToRestore.isConnected) {
+                  O(d.nodeToRestore);
+                  return;
+                }
+                d = d.parent;
+              }
+              for (d = v.getTreeNode(e); d; ) {
+                if (d.scopeRef && d.scopeRef.current && $.getTreeNode(d.scopeRef)) {
+                  let c = q(d.scopeRef.current, !0);
+                  O(c);
+                  return;
+                }
+                d = d.parent;
+              }
+            }
+          });
+        }
+      };
+    }
+  }, [
+    e,
+    t
+  ]);
+}
+function O(e) {
+  e.dispatchEvent(new CustomEvent(M, {
+    bubbles: !0,
+    cancelable: !0
+  })) && h(e);
+}
+function g(e, t, r) {
+  let a = t != null && t.tabbable ? U : j, n = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : null, i = N(n), u = B(i, e || i, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(o) {
+      var b;
+      return !(t == null || (b = t.from) === null || b === void 0) && b.contains(o) ? NodeFilter.FILTER_REJECT : a(o) && V(o) && (!r || m(o, r)) && (!(t != null && t.accept) || t.accept(o)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return t != null && t.from && (u.currentNode = t.from), u;
+}
+class D {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(t) {
+    return this.fastMap.get(t);
+  }
+  addTreeNode(t, r, a) {
+    let n = this.fastMap.get(r ?? null);
+    if (!n) return;
+    let i = new A({
+      scopeRef: t
+    });
+    n.addChild(i), i.parent = n, this.fastMap.set(t, i), a && (i.nodeToRestore = a);
+  }
+  addNode(t) {
+    this.fastMap.set(t.scopeRef, t);
+  }
+  removeTreeNode(t) {
+    if (t === null) return;
+    let r = this.fastMap.get(t);
+    if (!r) return;
+    let a = r.parent;
+    for (let i of this.traverse()) i !== r && r.nodeToRestore && i.nodeToRestore && r.scopeRef && r.scopeRef.current && m(i.nodeToRestore, r.scopeRef.current) && (i.nodeToRestore = r.nodeToRestore);
+    let n = r.children;
+    a && (a.removeChild(r), n.size > 0 && n.forEach((i) => a && a.addChild(i))), this.fastMap.delete(r.scopeRef);
+  }
+  // Pre Order Depth First
+  *traverse(t = this.root) {
+    if (t.scopeRef != null && (yield t), t.children.size > 0) for (let r of t.children) yield* this.traverse(r);
+  }
+  clone() {
+    var t;
+    let r = new D();
+    var a;
+    for (let n of this.traverse()) r.addTreeNode(n.scopeRef, (a = (t = n.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && a !== void 0 ? a : null, n.nodeToRestore);
+    return r;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new A({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class A {
+  addChild(t) {
+    this.children.add(t), t.parent = this;
+  }
+  removeChild(t) {
+    this.children.delete(t), t.parent = void 0;
+  }
+  constructor(t) {
+    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
+  }
+}
+let $ = new D();
 export {
-  S as useControlledState
+  ve as FocusScope,
+  $ as focusScopeTree,
+  g as getFocusableTreeWalker
 };

package/dist/index.es311.js

@@ -1,28 +1,15 @@
-import n from "./index.es527.js";
-import { useGridListItem as p } from "./index.es519.js";
-import { useLabels as b } from "./index.es468.js";
-import { isAndroid as c } from "./index.es465.js";
-import { useLocalizedStringFormatter as f } from "./index.es510.js";
-function u(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function y(e, r, d) {
-  let { node: t } = e, a = p(e, r, d), i = a.rowProps["aria-expanded"] === !0, o = f(u(n), "@react-aria/tree"), s = b({
-    "aria-label": i ? o.format("collapse") : o.format("expand"),
-    "aria-labelledby": a.rowProps.id
-  }), l = {
-    onPress: () => {
-      a.isDisabled || (r.toggleKey(t.key), r.selectionManager.setFocused(!0), r.selectionManager.setFocusedKey(t.key));
-    },
-    tabIndex: c() ? -1 : null,
-    "data-react-aria-prevent-focus": !0,
-    ...s
-  };
+import { getRowId as r } from "./index.es506.js";
+import { useGridSelectionCheckbox as a } from "./index.es512.js";
+function $(e, o) {
+  let { key: c } = e;
+  const { checkboxProps: b } = a(e, o);
   return {
-    ...a,
-    expandButtonProps: l
+    checkboxProps: {
+      ...b,
+      "aria-labelledby": `${b.id} ${r(o, c)}`
+    }
   };
 }
 export {
-  y as useTreeItem
+  $ as useGridListSelectionCheckbox
 };

package/dist/index.es312.js

@@ -1,10 +1,37 @@
-import { useGridList as f } from "./index.es514.js";
-function i(e, o, d) {
-  let { gridProps: r } = f(e, o, d);
-  return r.role = "treegrid", {
-    gridProps: r
+import { TreeCollection as c } from "./index.es525.js";
+import { useMultipleSelectionState as f } from "./index.es492.js";
+import { SelectionManager as i } from "./index.es494.js";
+import { useMemo as r, useCallback as u, useEffect as $ } from "react";
+import { useCollection as K } from "./index.es523.js";
+import { useControlledState as x } from "./index.es307.js";
+function C(e) {
+  let { onExpandedChange: a } = e, [t, o] = x(e.expandedKeys ? new Set(e.expandedKeys) : void 0, e.defaultExpandedKeys ? new Set(e.defaultExpandedKeys) : /* @__PURE__ */ new Set(), a), d = f(e), s = r(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
+    e.disabledKeys
+  ]), n = K(e, u((l) => new c(l, {
+    expandedKeys: t
+  }), [
+    t
+  ]), null);
+  return $(() => {
+    d.focusedKey != null && !n.getItem(d.focusedKey) && d.setFocusedKey(null);
+  }, [
+    n,
+    d.focusedKey
+  ]), {
+    collection: n,
+    expandedKeys: t,
+    disabledKeys: s,
+    toggleKey: (l) => {
+      o(y(t, l));
+    },
+    setExpandedKeys: o,
+    selectionManager: new i(n, d)
   };
 }
+function y(e, a) {
+  let t = new Set(e);
+  return t.has(a) ? t.delete(a) : t.add(a), t;
+}
 export {
-  i as useTree
+  C as useTreeState
 };