@boxcustodia/library 0.5.6 → 0.6.1-canary.1

package/dist/index.es294.js

@@ -1,30 +1,180 @@
-import { useState as C, useRef as $, useEffect as S, useCallback as V } from "react";
-function w(o, d, c) {
-  let [p, s] = C(o || d), u = $(o !== void 0), e = o !== void 0;
-  S(() => {
-    let t = u.current;
-    t !== e && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), u.current = e;
-  }, [
-    e
-  ]);
-  let n = e ? o : p, b = V((t, ...i) => {
-    let f = (r, ...l) => {
-      c && (Object.is(n, r) || c(r, ...l)), e || (n = r);
-    };
-    typeof t == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((l, ...m) => {
-      let a = t(e ? n : l, ...m);
-      return f(a, ...i), e ? l : a;
-    })) : (e || s(t), f(t, ...i));
-  }, [
-    e,
-    n,
-    c
-  ]);
-  return [
-    n,
-    b
-  ];
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es178.js";
+import { createCollection as H } from "./index.es192.js";
+import { useComposedRefs as V } from "./index.es173.js";
+import { createContextScope as z } from "./index.es179.js";
+import { useId as q } from "./index.es176.js";
+import { Primitive as P } from "./index.es175.js";
+import { useCallbackRef as J } from "./index.es100.js";
+import { useControllableState as Q } from "./index.es89.js";
+import { useDirection as W } from "./index.es193.js";
+import { j as d } from "./index.es101.js";
+var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
+  b,
+  [Z]
+), [ee, oe] = $(b), N = s.forwardRef(
+  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
+);
+N.displayName = b;
+var te = s.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: c,
+    orientation: o,
+    loop: F = !1,
+    dir: g,
+    currentTabStopId: R,
+    defaultCurrentTabStopId: E,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: w = !1,
+    ...C
+  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
+    prop: R,
+    defaultProp: E,
+    onChange: m
+  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
+  return s.useEffect(() => {
+    const n = v.current;
+    if (n)
+      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
+  }, [S]), /* @__PURE__ */ d.jsx(
+    ee,
+    {
+      scope: c,
+      orientation: o,
+      dir: t,
+      loop: F,
+      currentTabStopId: f,
+      onItemFocus: s.useCallback(
+        (n) => T(n),
+        [T]
+      ),
+      onItemShiftTab: s.useCallback(() => i(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => y((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => y((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d.jsx(
+        P.div,
+        {
+          tabIndex: a || k === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...C,
+          ref: I,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            x.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const L = !x.current;
+            if (n.target === n.currentTarget && L && !a) {
+              const D = new CustomEvent(_, X);
+              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
+                  Boolean
+                ).map((l) => l.ref.current);
+                j(Y, w);
+              }
+            }
+            x.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => i(!1))
+        }
+      )
+    }
+  );
+}), O = "RovingFocusGroupItem", K = s.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: c,
+      focusable: o = !0,
+      active: F = !1,
+      tabStopId: g,
+      ...R
+    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
+    return s.useEffect(() => {
+      if (o)
+        return v(), () => I();
+    }, [o, v, I]), /* @__PURE__ */ d.jsx(
+      h.ItemSlot,
+      {
+        scope: c,
+        id: m,
+        focusable: o,
+        active: F,
+        children: /* @__PURE__ */ d.jsx(
+          P.span,
+          {
+            tabIndex: w ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...R,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? u.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const f = se(t, u.orientation, u.dir);
+              if (f !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
+                if (f === "last") a.reverse();
+                else if (f === "prev" || f === "next") {
+                  f === "prev" && a.reverse();
+                  const i = a.indexOf(t.currentTarget);
+                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
+                }
+                setTimeout(() => j(a));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+K.displayName = O;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function se(e, r, c) {
+  const o = ne(e.key, c);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function j(e, r = !1) {
+  const c = document.activeElement;
+  for (const o of e)
+    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+}
+function ce(e, r) {
+  return e.map((c, o) => e[(r + o) % e.length]);
 }
+var ge = N, Re = K;
 export {
-  w as useControlledState
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es295.js

@@ -1,427 +1,4 @@
-import { focusSafely as j } from "./index.es445.js";
-import { isElementVisible as W } from "./index.es446.js";
-import { getOwnerDocument as $ } from "./index.es429.js";
-import { useLayoutEffect as N } from "./index.es369.js";
-import L, { useRef as y, useContext as q, useMemo as R, useEffect as P } from "react";
-const D = /* @__PURE__ */ L.createContext(null), C = "react-aria-focus-scope-restore";
-let f = null;
-function ne(t) {
-  let { children: e, contain: r, restoreFocus: o, autoFocus: n } = t, a = y(null), u = y(null), i = y([]), { parentNode: p } = q(D) || {}, l = R(() => new M({
-    scopeRef: i
-  }), [
-    i
-  ]);
-  N(() => {
-    let v = p || b.root;
-    if (b.getTreeNode(v.scopeRef) && f && !F(f, v.scopeRef)) {
-      let s = b.getTreeNode(f);
-      s && (v = s);
-    }
-    v.addChild(l), b.addNode(l);
-  }, [
-    l,
-    p
-  ]), N(() => {
-    let v = b.getTreeNode(i);
-    v && (v.contain = !!r);
-  }, [
-    r
-  ]), N(() => {
-    var v;
-    let s = (v = a.current) === null || v === void 0 ? void 0 : v.nextSibling, E = [], x = (_) => _.stopPropagation();
-    for (; s && s !== u.current; )
-      E.push(s), s.addEventListener(C, x), s = s.nextSibling;
-    return i.current = E, () => {
-      for (let _ of E) _.removeEventListener(C, x);
-    };
-  }, [
-    e
-  ]), Q(i, o, r), J(i, r), X(i, o, r), G(i, n), P(() => {
-    const v = $(i.current ? i.current[0] : void 0).activeElement;
-    let s = null;
-    if (m(v, i.current)) {
-      for (let E of b.traverse()) E.scopeRef && m(v, E.scopeRef.current) && (s = E);
-      s === b.getTreeNode(i) && (f = s.scopeRef);
-    }
-  }, [
-    i
-  ]), N(() => () => {
-    var v, s, E;
-    let x = (E = (s = b.getTreeNode(i)) === null || s === void 0 || (v = s.parent) === null || v === void 0 ? void 0 : v.scopeRef) !== null && E !== void 0 ? E : null;
-    (i === f || F(i, f)) && (!x || b.getTreeNode(x)) && (f = x), b.removeTreeNode(i);
-  }, [
-    i
-  ]);
-  let c = R(() => U(i), []), d = R(() => ({
-    focusManager: c,
-    parentNode: l
-  }), [
-    l,
-    c
-  ]);
-  return /* @__PURE__ */ L.createElement(D.Provider, {
-    value: d
-  }, /* @__PURE__ */ L.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: a
-  }), e, /* @__PURE__ */ L.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: u
-  }));
-}
-function U(t) {
-  return {
-    focusNext(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || $(r[0]).activeElement, p = r[0].previousElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = m(i, r) ? i : p;
-      let d = c.nextNode();
-      return !d && a && (c.currentNode = p, d = c.nextNode()), d && h(d, !0), d;
-    },
-    focusPrevious(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || $(r[0]).activeElement, p = r[r.length - 1].nextElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = m(i, r) ? i : p;
-      let d = c.previousNode();
-      return !d && a && (c.currentNode = p, d = c.previousNode()), d && h(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 && h(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 && h(i, !0), i;
-    }
-  };
-}
-const K = [
-  "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]"
-], V = K.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-K.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const H = K.join(':not([hidden]):not([tabindex="-1"]),');
-function g(t) {
-  return t[0].parentElement;
-}
-function S(t) {
-  let e = b.getTreeNode(f);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.contain) return !1;
-    e = e.parent;
-  }
-  return !0;
-}
-function J(t, e) {
-  let r = y(void 0), o = y(void 0);
-  N(() => {
-    let n = t.current;
-    if (!e) {
-      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
-      return;
-    }
-    const a = $(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 || !m(c, d)) return;
-      let v = g(d), s = T(v, {
-        tabbable: !0
-      }, d);
-      if (!c) return;
-      s.currentNode = c;
-      let E = l.shiftKey ? s.previousNode() : s.nextNode();
-      E || (s.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, E = l.shiftKey ? s.previousNode() : s.nextNode()), l.preventDefault(), E && h(E, !0);
-    }, i = (l) => {
-      (!f || F(f, t)) && m(l.target, t.current) ? (f = t, r.current = l.target) : S(t) && !w(l.target, t) ? r.current ? r.current.focus() : f && f.current && k(f.current) : S(t) && (r.current = l.target);
-    }, p = (l) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        if (a.activeElement && S(t) && !w(a.activeElement, t))
-          if (f = t, a.body.contains(l.target)) {
-            var c;
-            r.current = l.target, (c = r.current) === null || c === void 0 || c.focus();
-          } else f.current && k(f.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
-  ]), N(() => () => {
-    o.current && cancelAnimationFrame(o.current);
-  }, [
-    o
-  ]);
-}
-function B(t) {
-  return w(t);
-}
-function m(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 && m(t, r.current)) return !0;
-  return !1;
-}
-function F(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 h(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) {
-  h(z(t, e));
-}
-function G(t, e) {
-  const r = L.useRef(e);
-  P(() => {
-    if (r.current) {
-      f = t;
-      const o = $(t.current ? t.current[0] : void 0);
-      !m(o.activeElement, f.current) && t.current && k(t.current);
-    }
-    r.current = !1;
-  }, [
-    t
-  ]);
-}
-function Q(t, e, r) {
-  N(() => {
-    if (e || r) return;
-    let o = t.current;
-    const n = $(o ? o[0] : void 0);
-    let a = (u) => {
-      let i = u.target;
-      m(i, t.current) ? f = t : B(i) || (f = 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(f);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.nodeToRestore) return !1;
-    e = e.parent;
-  }
-  return (e == null ? void 0 : e.scopeRef) === t;
-}
-function X(t, e, r) {
-  const o = y(typeof document < "u" ? $(t.current ? t.current[0] : void 0).activeElement : null);
-  N(() => {
-    let n = t.current;
-    const a = $(n ? n[0] : void 0);
-    if (!e || r) return;
-    let u = () => {
-      (!f || F(f, t)) && m(a.activeElement, t.current) && (f = 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
-  ]), N(() => {
-    const n = $(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 ? h(d, !0) : B(l) ? h(l, !0) : i.blur();
-      }
-    };
-    return r || n.addEventListener("keydown", a, !0), () => {
-      r || n.removeEventListener("keydown", a, !0);
-    };
-  }, [
-    t,
-    e,
-    r
-  ]), N(() => {
-    const n = $(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
-  })) && h(t);
-}
-function T(t, e, r) {
-  let o = e != null && e.tabbable ? H : V, n = $(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 || m(a, r)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  return e != null && e.from && (n.currentNode = e.from), n;
-}
-class A {
-  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 && m(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 A();
-    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 b = new A();
+var e = { exports: {} };
 export {
-  ne as FocusScope,
-  b as focusScopeTree,
-  T as getFocusableTreeWalker
+  e as __module
 };