@boxcustodia/library 1.4.4 → 1.5.1-canary.0

package/dist/index.es304.js

@@ -1,22 +1,423 @@
-import { chain as n } from "./index.es444.js";
-import { mergeIds as s } from "./index.es303.js";
-import { clsx as l } from "./index.es101.js";
-function a(...r) {
-  let o = {
-    ...r[0]
+import { isElementVisible as V } from "./index.es502.js";
+import { createShadowTreeWalker as B } from "./index.es457.js";
+import { getActiveElement as T, getEventTarget as S } from "./index.es458.js";
+import { getOwnerDocument as N } from "./index.es460.js";
+import { useLayoutEffect as E } from "./index.es403.js";
+import { isAndroid as H, isChrome as J } from "./index.es463.js";
+import { isTabbable as U, isFocusable as j } from "./index.es480.js";
+import { getInteractionModality as G } from "./index.es483.js";
+import { focusSafely as Q } from "./index.es494.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;
+    }
   };
-  for (let c = 1; c < r.length; c++) {
-    let i = r[c];
-    for (let e in i) {
-      let f = o[e], t = i[e];
-      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
-      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
-      65 && e.charCodeAt(2) <= /* 'Z' */
-      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
+}
+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 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
+  ]);
+}
+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));
+    };
+  }, [
+    e,
+    t,
+    r
+  ]);
+}
+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;
   }
-  return o;
 }
+let $ = new D();
 export {
-  a as mergeProps
+  ve as FocusScope,
+  $ as focusScopeTree,
+  g as getFocusableTreeWalker
 };

package/dist/index.es305.js

@@ -1,24 +1,15 @@
-const b = /* @__PURE__ */ new Set([
-  "id"
-]), i = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]), s = /* @__PURE__ */ new Set([
-  "href",
-  "hrefLang",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]), n = /^(data-.*)$/;
-function c(a, t = {}) {
-  let { labelable: d, isLink: o, propNames: r } = t, l = {};
-  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
-  return l;
+import { getRowId as r } from "./index.es512.js";
+import { useGridSelectionCheckbox as a } from "./index.es518.js";
+function $(e, o) {
+  let { key: c } = e;
+  const { checkboxProps: b } = a(e, o);
+  return {
+    checkboxProps: {
+      ...b,
+      "aria-labelledby": `${b.id} ${r(o, c)}`
+    }
+  };
 }
 export {
-  c as filterDOMProps
+  $ as useGridListSelectionCheckbox
 };

package/dist/index.es306.js

@@ -1,65 +1,37 @@
-import { mergeProps as i } from "./index.es304.js";
-import { filterDOMProps as D } from "./index.es305.js";
-import { useFocusable as F } from "./index.es499.js";
-import { usePress as O } from "./index.es490.js";
-function I(s, t) {
-  let {
-    elementType: r = "button",
-    isDisabled: e,
-    onPress: l,
-    onPressStart: p,
-    onPressEnd: u,
-    onPressUp: c,
-    onPressChange: P,
-    preventFocusOnPress: b,
-    allowFocusWhenDisabled: f,
-    // @ts-ignore
-    onClick: o,
-    href: $,
-    target: m,
-    rel: x,
-    type: d = "button"
-  } = s, n;
-  r === "button" ? n = {
-    type: d,
-    disabled: e
-  } : n = {
-    role: "button",
-    tabIndex: e ? void 0 : 0,
-    href: r === "a" && !e ? $ : void 0,
-    target: r === "a" ? m : void 0,
-    type: r === "input" ? d : void 0,
-    disabled: r === "input" ? e : void 0,
-    "aria-disabled": !e || r === "input" ? void 0 : e,
-    rel: r === "a" ? x : void 0
-  };
-  let { pressProps: h, isPressed: g } = O({
-    onPressStart: p,
-    onPressEnd: u,
-    onPressChange: P,
-    onPress: l,
-    onPressUp: c,
-    isDisabled: e,
-    preventFocusOnPress: b,
-    ref: t
-  }), { focusableProps: a } = F(s, t);
-  f && (a.tabIndex = e ? -1 : a.tabIndex);
-  let C = i(a, h, D(s, {
-    labelable: !0
-  }));
-  return {
-    isPressed: g,
-    buttonProps: i(n, C, {
-      "aria-haspopup": s["aria-haspopup"],
-      "aria-expanded": s["aria-expanded"],
-      "aria-controls": s["aria-controls"],
-      "aria-pressed": s["aria-pressed"],
-      onClick: (y) => {
-        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
-      }
-    })
+import { TreeCollection as c } from "./index.es527.js";
+import { useMultipleSelectionState as f } from "./index.es498.js";
+import { SelectionManager as i } from "./index.es500.js";
+import { useMemo as r, useCallback as u, useEffect as $ } from "react";
+import { useCollection as K } from "./index.es525.js";
+import { useControlledState as x } from "./index.es301.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 useButton
+  C as useTreeState
 };

package/dist/index.es307.js

@@ -1,34 +1,4 @@
-import { useFocus as $ } from "./index.es484.js";
-import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es486.js";
-import { useFocusWithin as V } from "./index.es487.js";
-import { useRef as m, useState as u, useCallback as c } from "react";
-function I(r = {}) {
-  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
-    isFocused: !1,
-    isFocusVisible: a || h()
-  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
-    s.current.isFocused = e, b(e), o();
-  }, [
-    o
-  ]);
-  x((e) => {
-    s.current.isFocusVisible = e, o();
-  }, [], {
-    isTextInput: f
-  });
-  let { focusProps: F } = $({
-    isDisabled: i,
-    onFocusChange: t
-  }), { focusWithinProps: p } = V({
-    isDisabled: !i,
-    onFocusWithinChange: t
-  });
-  return {
-    isFocused: n,
-    isFocusVisible: l,
-    focusProps: i ? p : F
-  };
-}
+var e = { exports: {} };
 export {
-  I as useFocusRing
+  e as __module
 };