@boxcustodia/library 1.3.0 → 1.3.1

package/dist/index.es307.js

@@ -1,430 +1,34 @@
-import { focusSafely as j } from "./index.es479.js";
-import { isElementVisible as W } from "./index.es480.js";
-import { getInteractionModality as q } from "./index.es481.js";
-import { getOwnerDocument as E } from "./index.es460.js";
-import { useLayoutEffect as h } from "./index.es405.js";
-import { isAndroid as U, isChrome as V } from "./index.es463.js";
-import F, { useRef as y, useContext as H, useMemo as R, useEffect as P } from "react";
-const D = /* @__PURE__ */ F.createContext(null), C = "react-aria-focus-scope-restore";
-let s = null;
-function ue(t) {
-  let { children: e, contain: r, restoreFocus: o, autoFocus: n } = t, a = y(null), u = y(null), i = y([]), { parentNode: p } = H(D) || {}, l = R(() => new M({
-    scopeRef: i
-  }), [
-    i
-  ]);
-  h(() => {
-    let f = p || b.root;
-    if (b.getTreeNode(f.scopeRef) && s && !L(s, f.scopeRef)) {
-      let v = b.getTreeNode(s);
-      v && (f = v);
-    }
-    f.addChild(l), b.addNode(l);
-  }, [
-    l,
-    p
-  ]), h(() => {
-    let f = b.getTreeNode(i);
-    f && (f.contain = !!r);
-  }, [
-    r
-  ]), h(() => {
-    var f;
-    let v = (f = a.current) === null || f === void 0 ? void 0 : f.nextSibling, m = [], x = (_) => _.stopPropagation();
-    for (; v && v !== u.current; )
-      m.push(v), v.addEventListener(C, x), v = v.nextSibling;
-    return i.current = m, () => {
-      for (let _ of m) _.removeEventListener(C, x);
-    };
-  }, [
-    e
-  ]), Z(i, o, r), X(i, r), ee(i, o, r), Y(i, n), P(() => {
-    const f = E(i.current ? i.current[0] : void 0).activeElement;
-    let v = null;
-    if ($(f, i.current)) {
-      for (let m of b.traverse()) m.scopeRef && $(f, m.scopeRef.current) && (v = m);
-      v === b.getTreeNode(i) && (s = v.scopeRef);
-    }
-  }, [
-    i
-  ]), h(() => () => {
-    var f, v, m;
-    let x = (m = (v = b.getTreeNode(i)) === null || v === void 0 || (f = v.parent) === null || f === void 0 ? void 0 : f.scopeRef) !== null && m !== void 0 ? m : null;
-    (i === s || L(i, s)) && (!x || b.getTreeNode(x)) && (s = x), b.removeTreeNode(i);
-  }, [
-    i
-  ]);
-  let c = R(() => J(i), []), d = R(() => ({
-    focusManager: c,
-    parentNode: l
-  }), [
-    l,
-    c
-  ]);
-  return /* @__PURE__ */ F.createElement(D.Provider, {
-    value: d
-  }, /* @__PURE__ */ F.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: a
-  }), e, /* @__PURE__ */ F.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: u
-  }));
-}
-function J(t) {
-  return {
-    focusNext(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || E(r[0]).activeElement, p = r[0].previousElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = $(i, r) ? i : p;
-      let d = c.nextNode();
-      return !d && a && (c.currentNode = p, d = c.nextNode()), d && N(d, !0), d;
-    },
-    focusPrevious(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || E(r[0]).activeElement, p = r[r.length - 1].nextElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = $(i, r) ? i : p;
-      let d = c.previousNode();
-      return !d && a && (c.currentNode = p, d = c.previousNode()), d && N(d, !0), d;
-    },
-    focusFirst(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[0].previousElementSibling;
-      let i = u.nextNode();
-      return i && N(i, !0), i;
-    },
-    focusLast(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[r.length - 1].nextElementSibling;
-      let i = u.previousNode();
-      return i && N(i, !0), i;
-    }
-  };
-}
-const A = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable^="false"])'
-], G = A.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-A.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const Q = A.join(':not([hidden]):not([tabindex="-1"]),');
-function g(t) {
-  return t[0].parentElement;
-}
-function S(t) {
-  let e = b.getTreeNode(s);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.contain) return !1;
-    e = e.parent;
-  }
-  return !0;
-}
-function X(t, e) {
-  let r = y(void 0), o = y(void 0);
-  h(() => {
-    let n = t.current;
-    if (!e) {
-      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
-      return;
-    }
-    const a = E(n ? n[0] : void 0);
-    let u = (l) => {
-      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !S(t) || l.isComposing) return;
-      let c = a.activeElement, d = t.current;
-      if (!d || !$(c, d)) return;
-      let f = g(d), v = T(f, {
-        tabbable: !0
-      }, d);
-      if (!c) return;
-      v.currentNode = c;
-      let m = l.shiftKey ? v.previousNode() : v.nextNode();
-      m || (v.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, m = l.shiftKey ? v.previousNode() : v.nextNode()), l.preventDefault(), m && N(m, !0);
-    }, i = (l) => {
-      (!s || L(s, t)) && $(l.target, t.current) ? (s = t, r.current = l.target) : S(t) && !w(l.target, t) ? r.current ? r.current.focus() : s && s.current && k(s.current) : S(t) && (r.current = l.target);
-    }, p = (l) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        let c = q();
-        if (!((c === "virtual" || c === null) && U() && V()) && a.activeElement && S(t) && !w(a.activeElement, t))
-          if (s = t, a.body.contains(l.target)) {
-            var f;
-            r.current = l.target, (f = r.current) === null || f === void 0 || f.focus();
-          } else s.current && k(s.current);
-      });
-    };
-    return a.addEventListener("keydown", u, !1), a.addEventListener("focusin", i, !1), n == null || n.forEach((l) => l.addEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", p, !1)), () => {
-      a.removeEventListener("keydown", u, !1), a.removeEventListener("focusin", i, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", p, !1));
-    };
-  }, [
-    t,
-    e
-  ]), h(() => () => {
-    o.current && cancelAnimationFrame(o.current);
+import { useFocus as $ } from "./index.es485.js";
+import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es483.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
   ]);
-}
-function B(t) {
-  return w(t);
-}
-function $(t, e) {
-  return !t || !e ? !1 : e.some((r) => r.contains(t));
-}
-function w(t, e = null) {
-  if (t instanceof Element && t.closest("[data-react-aria-top-layer]")) return !0;
-  for (let { scopeRef: r } of b.traverse(b.getTreeNode(e)))
-    if (r && $(t, r.current)) return !0;
-  return !1;
-}
-function L(t, e) {
-  var r;
-  let o = (r = b.getTreeNode(e)) === null || r === void 0 ? void 0 : r.parent;
-  for (; o; ) {
-    if (o.scopeRef === t) return !0;
-    o = o.parent;
-  }
-  return !1;
-}
-function N(t, e = !1) {
-  if (t != null && !e) try {
-    j(t);
-  } catch {
-  }
-  else if (t != null) try {
-    t.focus();
-  } catch {
-  }
-}
-function z(t, e = !0) {
-  let r = t[0].previousElementSibling, o = g(t), n = T(o, {
-    tabbable: e
-  }, t);
-  n.currentNode = r;
-  let a = n.nextNode();
-  return e && !a && (o = g(t), n = T(o, {
-    tabbable: !1
-  }, t), n.currentNode = r, a = n.nextNode()), a;
-}
-function k(t, e = !0) {
-  N(z(t, e));
-}
-function Y(t, e) {
-  const r = F.useRef(e);
-  P(() => {
-    if (r.current) {
-      s = t;
-      const o = E(t.current ? t.current[0] : void 0);
-      !$(o.activeElement, s.current) && t.current && k(t.current);
-    }
-    r.current = !1;
-  }, [
-    t
-  ]);
-}
-function Z(t, e, r) {
-  h(() => {
-    if (e || r) return;
-    let o = t.current;
-    const n = E(o ? o[0] : void 0);
-    let a = (u) => {
-      let i = u.target;
-      $(i, t.current) ? s = t : B(i) || (s = null);
-    };
-    return n.addEventListener("focusin", a, !1), o == null || o.forEach((u) => u.addEventListener("focusin", a, !1)), () => {
-      n.removeEventListener("focusin", a, !1), o == null || o.forEach((u) => u.removeEventListener("focusin", a, !1));
-    };
-  }, [
-    t,
-    e,
-    r
-  ]);
-}
-function I(t) {
-  let e = b.getTreeNode(s);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.nodeToRestore) return !1;
-    e = e.parent;
-  }
-  return (e == null ? void 0 : e.scopeRef) === t;
-}
-function ee(t, e, r) {
-  const o = y(typeof document < "u" ? E(t.current ? t.current[0] : void 0).activeElement : null);
-  h(() => {
-    let n = t.current;
-    const a = E(n ? n[0] : void 0);
-    if (!e || r) return;
-    let u = () => {
-      (!s || L(s, t)) && $(a.activeElement, t.current) && (s = t);
-    };
-    return a.addEventListener("focusin", u, !1), n == null || n.forEach((i) => i.addEventListener("focusin", u, !1)), () => {
-      a.removeEventListener("focusin", u, !1), n == null || n.forEach((i) => i.removeEventListener("focusin", u, !1));
-    };
-  }, [
-    t,
-    r
-  ]), h(() => {
-    const n = E(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = (u) => {
-      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !S(t) || u.isComposing) return;
-      let i = n.activeElement;
-      if (!w(i, t) || !I(t)) return;
-      let p = b.getTreeNode(t);
-      if (!p) return;
-      let l = p.nodeToRestore, c = T(n.body, {
-        tabbable: !0
-      });
-      c.currentNode = i;
-      let d = u.shiftKey ? c.previousNode() : c.nextNode();
-      if ((!l || !n.body.contains(l) || l === n.body) && (l = void 0, p.nodeToRestore = void 0), (!d || !w(d, t)) && l) {
-        c.currentNode = l;
-        do
-          d = u.shiftKey ? c.previousNode() : c.nextNode();
-        while (w(d, t));
-        u.preventDefault(), u.stopPropagation(), d ? N(d, !0) : B(l) ? N(l, !0) : i.blur();
-      }
-    };
-    return r || n.addEventListener("keydown", a, !0), () => {
-      r || n.removeEventListener("keydown", a, !0);
-    };
-  }, [
-    t,
-    e,
-    r
-  ]), h(() => {
-    const n = E(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = b.getTreeNode(t);
-    if (a) {
-      var u;
-      return a.nodeToRestore = (u = o.current) !== null && u !== void 0 ? u : void 0, () => {
-        let i = b.getTreeNode(t);
-        if (!i) return;
-        let p = i.nodeToRestore;
-        if (e && p && (n.activeElement && w(n.activeElement, t) || n.activeElement === n.body && I(t))) {
-          let l = b.clone();
-          requestAnimationFrame(() => {
-            if (n.activeElement === n.body) {
-              let c = l.getTreeNode(t);
-              for (; c; ) {
-                if (c.nodeToRestore && c.nodeToRestore.isConnected) {
-                  O(c.nodeToRestore);
-                  return;
-                }
-                c = c.parent;
-              }
-              for (c = l.getTreeNode(t); c; ) {
-                if (c.scopeRef && c.scopeRef.current && b.getTreeNode(c.scopeRef)) {
-                  let d = z(c.scopeRef.current, !0);
-                  O(d);
-                  return;
-                }
-                c = c.parent;
-              }
-            }
-          });
-        }
-      };
-    }
-  }, [
-    t,
-    e
-  ]);
-}
-function O(t) {
-  t.dispatchEvent(new CustomEvent(C, {
-    bubbles: !0,
-    cancelable: !0
-  })) && N(t);
-}
-function T(t, e, r) {
-  let o = e != null && e.tabbable ? Q : G, n = E(t).createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(a) {
-      var u;
-      return !(e == null || (u = e.from) === null || u === void 0) && u.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(o) && W(a) && (!r || $(a, r)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
+  x((e) => {
+    s.current.isFocusVisible = e, o();
+  }, [], {
+    isTextInput: f
   });
-  return e != null && e.from && (n.currentNode = e.from), n;
-}
-class K {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(e) {
-    return this.fastMap.get(e);
-  }
-  addTreeNode(e, r, o) {
-    let n = this.fastMap.get(r ?? null);
-    if (!n) return;
-    let a = new M({
-      scopeRef: e
-    });
-    n.addChild(a), a.parent = n, this.fastMap.set(e, a), o && (a.nodeToRestore = o);
-  }
-  addNode(e) {
-    this.fastMap.set(e.scopeRef, e);
-  }
-  removeTreeNode(e) {
-    if (e === null) return;
-    let r = this.fastMap.get(e);
-    if (!r) return;
-    let o = r.parent;
-    for (let a of this.traverse()) a !== r && r.nodeToRestore && a.nodeToRestore && r.scopeRef && r.scopeRef.current && $(a.nodeToRestore, r.scopeRef.current) && (a.nodeToRestore = r.nodeToRestore);
-    let n = r.children;
-    o && (o.removeChild(r), n.size > 0 && n.forEach((a) => o && o.addChild(a))), this.fastMap.delete(r.scopeRef);
-  }
-  // Pre Order Depth First
-  *traverse(e = this.root) {
-    if (e.scopeRef != null && (yield e), e.children.size > 0) for (let r of e.children) yield* this.traverse(r);
-  }
-  clone() {
-    var e;
-    let r = new K();
-    var o;
-    for (let n of this.traverse()) r.addTreeNode(n.scopeRef, (o = (e = n.parent) === null || e === void 0 ? void 0 : e.scopeRef) !== null && o !== void 0 ? o : null, n.nodeToRestore);
-    return r;
-  }
-  constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new M({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
-}
-class M {
-  addChild(e) {
-    this.children.add(e), e.parent = this;
-  }
-  removeChild(e) {
-    this.children.delete(e), e.parent = void 0;
-  }
-  constructor(e) {
-    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = e.scopeRef;
-  }
+  let { focusProps: F } = $({
+    isDisabled: i,
+    onFocusChange: t
+  }), { focusWithinProps: p } = V({
+    isDisabled: !i,
+    onFocusWithinChange: t
+  });
+  return {
+    isFocused: n,
+    isFocusVisible: l,
+    focusProps: i ? p : F
+  };
 }
-let b = new K();
 export {
-  ue as FocusScope,
-  b as focusScopeTree,
-  T as getFocusableTreeWalker
+  I as useFocusRing
 };

package/dist/index.es308.js

@@ -1,15 +1,79 @@
-import { getRowId as r } from "./index.es509.js";
-import { useGridSelectionCheckbox as a } from "./index.es514.js";
-function $(e, o) {
-  let { key: c } = e;
-  const { checkboxProps: b } = a(e, o);
-  return {
-    checkboxProps: {
-      ...b,
-      "aria-labelledby": `${b.id} ${r(o, c)}`
-    }
+import { useState as T, useRef as y, useEffect as c, useMemo as b } from "react";
+let s = !1, f = 0;
+function g() {
+  s = !0, setTimeout(() => {
+    s = !1;
+  }, 50);
+}
+function m(a) {
+  a.pointerType === "touch" && g();
+}
+function P() {
+  if (!(typeof document > "u"))
+    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", m) : document.addEventListener("touchend", g), f++, () => {
+      f--, !(f > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", m) : document.removeEventListener("touchend", g));
+    };
+}
+function L(a) {
+  let { onHoverStart: d, onHoverChange: i, onHoverEnd: v, isDisabled: r } = a, [H, p] = T(!1), t = y({
+    isHovered: !1,
+    ignoreEmulatedMouseEvents: !1,
+    pointerType: "",
+    target: null
+  }).current;
+  c(P, []);
+  let { hoverProps: h, triggerHoverEnd: $ } = b(() => {
+    let E = (e, n) => {
+      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
+      t.isHovered = !0;
+      let u = e.currentTarget;
+      t.target = u, d && d({
+        type: "hoverstart",
+        target: u,
+        pointerType: n
+      }), i && i(!0), p(!0);
+    }, l = (e, n) => {
+      if (t.pointerType = "", t.target = null, n === "touch" || !t.isHovered) return;
+      t.isHovered = !1;
+      let u = e.currentTarget;
+      v && v({
+        type: "hoverend",
+        target: u,
+        pointerType: n
+      }), i && i(!1), p(!1);
+    }, o = {};
+    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
+      s && e.pointerType === "mouse" || E(e, e.pointerType);
+    }, o.onPointerLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, e.pointerType);
+    }) : (o.onTouchStart = () => {
+      t.ignoreEmulatedMouseEvents = !0;
+    }, o.onMouseEnter = (e) => {
+      !t.ignoreEmulatedMouseEvents && !s && E(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
+    }, o.onMouseLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, "mouse");
+    }), {
+      hoverProps: o,
+      triggerHoverEnd: l
+    };
+  }, [
+    d,
+    i,
+    v,
+    r,
+    t
+  ]);
+  return c(() => {
+    r && $({
+      currentTarget: t.target
+    }, t.pointerType);
+  }, [
+    r
+  ]), {
+    hoverProps: h,
+    isHovered: H
   };
 }
 export {
-  $ as useGridListSelectionCheckbox
+  L as useHover
 };

package/dist/index.es309.js

@@ -1,37 +1,9 @@
-import { TreeCollection as c } from "./index.es522.js";
-import { useMultipleSelectionState as f } from "./index.es496.js";
-import { SelectionManager as i } from "./index.es498.js";
-import { useMemo as r, useCallback as u, useEffect as $ } from "react";
-import { useCollection as K } from "./index.es520.js";
-import { useControlledState as x } from "./index.es306.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 f(...e) {
+  return e.length === 1 && e[0] ? e[0] : (n) => {
+    for (let t of e)
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
   };
 }
-function y(e, a) {
-  let t = new Set(e);
-  return t.has(a) ? t.delete(a) : t.add(a), t;
-}
 export {
-  C as useTreeState
+  f as mergeRefs
 };