@boxcustodia/library 1.7.4 → 1.7.7

package/dist/index.es310.js

@@ -1,423 +1,30 @@
-import { isElementVisible as V } from "./index.es496.js";
-import { createShadowTreeWalker as B } from "./index.es454.js";
-import { getActiveElement as T, getEventTarget as S } from "./index.es455.js";
-import { getOwnerDocument as N } from "./index.es457.js";
-import { useLayoutEffect as E } from "./index.es393.js";
-import { isAndroid as H, isChrome as J } from "./index.es460.js";
-import { isTabbable as U, isFocusable as j } from "./index.es477.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);
+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;
   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;
+    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;
   }, [
     e
   ]);
-}
-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));
+  let o = e ? n : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
     };
+    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,
-    t,
-    r
+    o,
+    l
   ]);
+  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 {
-  ve as FocusScope,
-  $ as focusScopeTree,
-  g as getFocusableTreeWalker
+  S as useControlledState
 };

package/dist/index.es311.js

@@ -1,15 +1,28 @@
-import { getRowId as r } from "./index.es500.js";
-import { useGridSelectionCheckbox as a } from "./index.es507.js";
-function $(e, o) {
-  let { key: c } = e;
-  const { checkboxProps: b } = a(e, o);
+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
+  };
   return {
-    checkboxProps: {
-      ...b,
-      "aria-labelledby": `${b.id} ${r(o, c)}`
-    }
+    ...a,
+    expandButtonProps: l
   };
 }
 export {
-  $ as useGridListSelectionCheckbox
+  y as useTreeItem
 };

package/dist/index.es312.js

@@ -1,37 +1,10 @@
-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)
+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
   };
 }
-function y(e, a) {
-  let t = new Set(e);
-  return t.has(a) ? t.delete(a) : t.add(a), t;
-}
 export {
-  C as useTreeState
+  i as useTree
 };