@commercetools/nimbus 2.5.0 → 2.7.0

package/dist/chunks/FocusScope-uL2GkoJc.es.js

@@ -0,0 +1,624 @@
+import { i as j, $ as _, c as T, a as $, j as B, k as G, d as S } from "./utils-_TS1FtP1.es.js";
+import { c as m } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as V, c as Q } from "./openLink-HsZR1nGD.es.js";
+import { b as X } from "./useFocusVisible-BYry1gSZ.es.js";
+import { $ as Y } from "./focusSafely-CCta_Ygk.es.js";
+import y, { useRef as F, useContext as Z, useMemo as I, useEffect as q } from "react";
+class O {
+  get currentNode() {
+    return this._currentNode;
+  }
+  set currentNode(e) {
+    if (!_(this.root, e)) throw new Error("Cannot set currentNode to a node that is not contained by the root node.");
+    const t = [];
+    let n = e, o = e;
+    for (this._currentNode = e; n && n !== this.root; ) if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+      const a = n, i = this._doc.createTreeWalker(a, this.whatToShow, {
+        acceptNode: this._acceptNode
+      });
+      t.push(i), i.currentNode = o, this._currentSetFor.add(i), n = o = a.host;
+    } else n = n.parentNode;
+    const l = this._doc.createTreeWalker(this.root, this.whatToShow, {
+      acceptNode: this._acceptNode
+    });
+    t.push(l), l.currentNode = o, this._currentSetFor.add(l), this._walkerStack = t;
+  }
+  get doc() {
+    return this._doc;
+  }
+  firstChild() {
+    let e = this.currentNode, t = this.nextNode();
+    return _(e, t) ? (t && (this.currentNode = t), t) : (this.currentNode = e, null);
+  }
+  lastChild() {
+    let t = this._walkerStack[0].lastChild();
+    return t && (this.currentNode = t), t;
+  }
+  nextNode() {
+    const e = this._walkerStack[0].nextNode();
+    if (e) {
+      if (e.shadowRoot) {
+        var t;
+        let o;
+        if (typeof this.filter == "function" ? o = this.filter(e) : !((t = this.filter) === null || t === void 0) && t.acceptNode && (o = this.filter.acceptNode(e)), o === NodeFilter.FILTER_ACCEPT)
+          return this.currentNode = e, e;
+        let l = this.nextNode();
+        return l && (this.currentNode = l), l;
+      }
+      return e && (this.currentNode = e), e;
+    } else if (this._walkerStack.length > 1) {
+      this._walkerStack.shift();
+      let n = this.nextNode();
+      return n && (this.currentNode = n), n;
+    } else return null;
+  }
+  previousNode() {
+    const e = this._walkerStack[0];
+    if (e.currentNode === e.root) {
+      if (this._currentSetFor.has(e))
+        if (this._currentSetFor.delete(e), this._walkerStack.length > 1) {
+          this._walkerStack.shift();
+          let o = this.previousNode();
+          return o && (this.currentNode = o), o;
+        } else return null;
+      return null;
+    }
+    const t = e.previousNode();
+    if (t) {
+      if (t.shadowRoot) {
+        var n;
+        let l;
+        if (typeof this.filter == "function" ? l = this.filter(t) : !((n = this.filter) === null || n === void 0) && n.acceptNode && (l = this.filter.acceptNode(t)), l === NodeFilter.FILTER_ACCEPT)
+          return t && (this.currentNode = t), t;
+        let a = this.lastChild();
+        return a && (this.currentNode = a), a;
+      }
+      return t && (this.currentNode = t), t;
+    } else if (this._walkerStack.length > 1) {
+      this._walkerStack.shift();
+      let o = this.previousNode();
+      return o && (this.currentNode = o), o;
+    } else return null;
+  }
+  /**
+   * @deprecated
+   */
+  nextSibling() {
+    return null;
+  }
+  /**
+   * @deprecated
+   */
+  previousSibling() {
+    return null;
+  }
+  /**
+   * @deprecated
+   */
+  parentNode() {
+    return null;
+  }
+  constructor(e, t, n, o) {
+    this._walkerStack = [], this._currentSetFor = /* @__PURE__ */ new Set(), this._acceptNode = (a) => {
+      if (a.nodeType === Node.ELEMENT_NODE) {
+        const b = a.shadowRoot;
+        if (b) {
+          const u = this._doc.createTreeWalker(b, this.whatToShow, {
+            acceptNode: this._acceptNode
+          });
+          return this._walkerStack.unshift(u), NodeFilter.FILTER_ACCEPT;
+        } else {
+          var i;
+          if (typeof this.filter == "function") return this.filter(a);
+          if (!((i = this.filter) === null || i === void 0) && i.acceptNode) return this.filter.acceptNode(a);
+          if (this.filter === null) return NodeFilter.FILTER_ACCEPT;
+        }
+      }
+      return NodeFilter.FILTER_SKIP;
+    }, this._doc = e, this.root = t, this.filter = o ?? null, this.whatToShow = n ?? NodeFilter.SHOW_ALL, this._currentNode = t, this._walkerStack.unshift(e.createTreeWalker(t, n, this._acceptNode));
+    const l = t.shadowRoot;
+    if (l) {
+      const a = this._doc.createTreeWalker(l, this.whatToShow, {
+        acceptNode: this._acceptNode
+      });
+      this._walkerStack.unshift(a);
+    }
+  }
+}
+function ee(r, e, t, n) {
+  return j() ? new O(r, e, t, n) : r.createTreeWalker(e, t, n);
+}
+const W = /* @__PURE__ */ y.createContext(null), A = "react-aria-focus-scope-restore";
+let h = null;
+function be(r) {
+  let { children: e, contain: t, restoreFocus: n, autoFocus: o } = r, l = F(null), a = F(null), i = F([]), { parentNode: b } = Z(W) || {}, u = I(() => new P({
+    scopeRef: i
+  }), [
+    i
+  ]);
+  m(() => {
+    let s = b || N.root;
+    if (N.getTreeNode(s.scopeRef) && h && !C(h, s.scopeRef)) {
+      let f = N.getTreeNode(h);
+      f && (s = f);
+    }
+    s.addChild(u), N.addNode(u);
+  }, [
+    u,
+    b
+  ]), m(() => {
+    let s = N.getTreeNode(i);
+    s && (s.contain = !!t);
+  }, [
+    t
+  ]), m(() => {
+    var s;
+    let f = (s = l.current) === null || s === void 0 ? void 0 : s.nextSibling, v = [], x = (L) => L.stopPropagation();
+    for (; f && f !== a.current; )
+      v.push(f), f.addEventListener(A, x), f = f.nextSibling;
+    return i.current = v, () => {
+      for (let L of v) L.removeEventListener(A, x);
+    };
+  }, [
+    e
+  ]), ie(i, n, t), ne(i, t), le(i, n, t), oe(i, o), q(() => {
+    const s = T($(i.current ? i.current[0] : void 0));
+    let f = null;
+    if (w(s, i.current)) {
+      for (let v of N.traverse()) v.scopeRef && w(s, v.scopeRef.current) && (f = v);
+      f === N.getTreeNode(i) && (h = f.scopeRef);
+    }
+  }, [
+    i
+  ]), m(() => () => {
+    var s, f, v;
+    let x = (v = (f = N.getTreeNode(i)) === null || f === void 0 || (s = f.parent) === null || s === void 0 ? void 0 : s.scopeRef) !== null && v !== void 0 ? v : null;
+    (i === h || C(i, h)) && (!x || N.getTreeNode(x)) && (h = x), N.removeTreeNode(i);
+  }, [
+    i
+  ]);
+  let d = I(() => te(i), []), c = I(() => ({
+    focusManager: d,
+    parentNode: u
+  }), [
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ y.createElement(W.Provider, {
+    value: c
+  }, /* @__PURE__ */ y.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: l
+  }), e, /* @__PURE__ */ y.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: a
+  }));
+}
+function te(r) {
+  return {
+    focusNext(e = {}) {
+      let t = r.current, { from: n, tabbable: o, wrap: l, accept: a } = e;
+      var i;
+      let b = n || T($((i = t[0]) !== null && i !== void 0 ? i : void 0)), u = t[0].previousElementSibling, d = g(t), c = E(d, {
+        tabbable: o,
+        accept: a
+      }, t);
+      c.currentNode = w(b, t) ? b : u;
+      let s = c.nextNode();
+      return !s && l && (c.currentNode = u, s = c.nextNode()), s && p(s, !0), s;
+    },
+    focusPrevious(e = {}) {
+      let t = r.current, { from: n, tabbable: o, wrap: l, accept: a } = e;
+      var i;
+      let b = n || T($((i = t[0]) !== null && i !== void 0 ? i : void 0)), u = t[t.length - 1].nextElementSibling, d = g(t), c = E(d, {
+        tabbable: o,
+        accept: a
+      }, t);
+      c.currentNode = w(b, t) ? b : u;
+      let s = c.previousNode();
+      return !s && l && (c.currentNode = u, s = c.previousNode()), s && p(s, !0), s;
+    },
+    focusFirst(e = {}) {
+      let t = r.current, { tabbable: n, accept: o } = e, l = g(t), a = E(l, {
+        tabbable: n,
+        accept: o
+      }, t);
+      a.currentNode = t[0].previousElementSibling;
+      let i = a.nextNode();
+      return i && p(i, !0), i;
+    },
+    focusLast(e = {}) {
+      let t = r.current, { tabbable: n, accept: o } = e, l = g(t), a = E(l, {
+        tabbable: n,
+        accept: o
+      }, t);
+      a.currentNode = t[t.length - 1].nextElementSibling;
+      let i = a.previousNode();
+      return i && p(i, !0), i;
+    }
+  };
+}
+function g(r) {
+  return r[0].parentElement;
+}
+function R(r) {
+  let e = N.getTreeNode(h);
+  for (; e && e.scopeRef !== r; ) {
+    if (e.contain) return !1;
+    e = e.parent;
+  }
+  return !0;
+}
+function re(r) {
+  if (r.checked) return !0;
+  let e = [];
+  if (!r.form) e = [
+    ...$(r).querySelectorAll(`input[type="radio"][name="${CSS.escape(r.name)}"]`)
+  ].filter((l) => !l.form);
+  else {
+    var t, n;
+    let l = (n = r.form) === null || n === void 0 || (t = n.elements) === null || t === void 0 ? void 0 : t.namedItem(r.name);
+    e = [
+      ...l ?? []
+    ];
+  }
+  return e ? !e.some((l) => l.checked) : !1;
+}
+function ne(r, e) {
+  let t = F(void 0), n = F(void 0);
+  m(() => {
+    let o = r.current;
+    if (!e) {
+      n.current && (cancelAnimationFrame(n.current), n.current = void 0);
+      return;
+    }
+    const l = $(o ? o[0] : void 0);
+    let a = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !R(r) || u.isComposing) return;
+      let d = T(l), c = r.current;
+      if (!c || !w(d, c)) return;
+      let s = g(c), f = E(s, {
+        tabbable: !0
+      }, c);
+      if (!d) return;
+      f.currentNode = d;
+      let v = u.shiftKey ? f.previousNode() : f.nextNode();
+      v || (f.currentNode = u.shiftKey ? c[c.length - 1].nextElementSibling : c[0].previousElementSibling, v = u.shiftKey ? f.previousNode() : f.nextNode()), u.preventDefault(), v && p(v, !0);
+    }, i = (u) => {
+      (!h || C(h, r)) && w(S(u), r.current) ? (h = r, t.current = S(u)) : R(r) && !k(S(u), r) ? t.current ? t.current.focus() : h && h.current && K(h.current) : R(r) && (t.current = S(u));
+    }, b = (u) => {
+      n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
+        let d = X(), c = (d === "virtual" || d === null) && V() && Q(), s = T(l);
+        if (!c && s && R(r) && !k(s, r)) {
+          h = r;
+          let v = S(u);
+          if (v && v.isConnected) {
+            var f;
+            t.current = v, (f = t.current) === null || f === void 0 || f.focus();
+          } else h.current && K(h.current);
+        }
+      });
+    };
+    return l.addEventListener("keydown", a, !1), l.addEventListener("focusin", i, !1), o?.forEach((u) => u.addEventListener("focusin", i, !1)), o?.forEach((u) => u.addEventListener("focusout", b, !1)), () => {
+      l.removeEventListener("keydown", a, !1), l.removeEventListener("focusin", i, !1), o?.forEach((u) => u.removeEventListener("focusin", i, !1)), o?.forEach((u) => u.removeEventListener("focusout", b, !1));
+    };
+  }, [
+    r,
+    e
+  ]), m(() => () => {
+    n.current && cancelAnimationFrame(n.current);
+  }, [
+    n
+  ]);
+}
+function J(r) {
+  return k(r);
+}
+function w(r, e) {
+  return !r || !e ? !1 : e.some((t) => _(t, r));
+}
+function k(r, e = null) {
+  if (r instanceof Element && r.closest("[data-react-aria-top-layer]")) return !0;
+  for (let { scopeRef: t } of N.traverse(N.getTreeNode(e)))
+    if (t && w(r, t.current)) return !0;
+  return !1;
+}
+function he(r) {
+  return k(r, h);
+}
+function C(r, e) {
+  var t;
+  let n = (t = N.getTreeNode(e)) === null || t === void 0 ? void 0 : t.parent;
+  for (; n; ) {
+    if (n.scopeRef === r) return !0;
+    n = n.parent;
+  }
+  return !1;
+}
+function p(r, e = !1) {
+  if (r != null && !e) try {
+    Y(r);
+  } catch {
+  }
+  else if (r != null) try {
+    r.focus();
+  } catch {
+  }
+}
+function H(r, e = !0) {
+  let t = r[0].previousElementSibling, n = g(r), o = E(n, {
+    tabbable: e
+  }, r);
+  o.currentNode = t;
+  let l = o.nextNode();
+  return e && !l && (n = g(r), o = E(n, {
+    tabbable: !1
+  }, r), o.currentNode = t, l = o.nextNode()), l;
+}
+function K(r, e = !0) {
+  p(H(r, e));
+}
+function oe(r, e) {
+  const t = y.useRef(e);
+  q(() => {
+    if (t.current) {
+      h = r;
+      const n = $(r.current ? r.current[0] : void 0);
+      !w(T(n), h.current) && r.current && K(r.current);
+    }
+    t.current = !1;
+  }, [
+    r
+  ]);
+}
+function ie(r, e, t) {
+  m(() => {
+    if (e || t) return;
+    let n = r.current;
+    const o = $(n ? n[0] : void 0);
+    let l = (a) => {
+      let i = S(a);
+      w(i, r.current) ? h = r : J(i) || (h = null);
+    };
+    return o.addEventListener("focusin", l, !1), n?.forEach((a) => a.addEventListener("focusin", l, !1)), () => {
+      o.removeEventListener("focusin", l, !1), n?.forEach((a) => a.removeEventListener("focusin", l, !1));
+    };
+  }, [
+    r,
+    e,
+    t
+  ]);
+}
+function z(r) {
+  let e = N.getTreeNode(h);
+  for (; e && e.scopeRef !== r; ) {
+    if (e.nodeToRestore) return !1;
+    e = e.parent;
+  }
+  return e?.scopeRef === r;
+}
+function le(r, e, t) {
+  const n = F(typeof document < "u" ? T($(r.current ? r.current[0] : void 0)) : null);
+  m(() => {
+    let o = r.current;
+    const l = $(o ? o[0] : void 0);
+    if (!e || t) return;
+    let a = () => {
+      (!h || C(h, r)) && w(T(l), r.current) && (h = r);
+    };
+    return l.addEventListener("focusin", a, !1), o?.forEach((i) => i.addEventListener("focusin", a, !1)), () => {
+      l.removeEventListener("focusin", a, !1), o?.forEach((i) => i.removeEventListener("focusin", a, !1));
+    };
+  }, [
+    r,
+    t
+  ]), m(() => {
+    const o = $(r.current ? r.current[0] : void 0);
+    if (!e) return;
+    let l = (a) => {
+      if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !R(r) || a.isComposing) return;
+      let i = o.activeElement;
+      if (!k(i, r) || !z(r)) return;
+      let b = N.getTreeNode(r);
+      if (!b) return;
+      let u = b.nodeToRestore, d = E(o.body, {
+        tabbable: !0
+      });
+      d.currentNode = i;
+      let c = a.shiftKey ? d.previousNode() : d.nextNode();
+      if ((!u || !u.isConnected || u === o.body) && (u = void 0, b.nodeToRestore = void 0), (!c || !k(c, r)) && u) {
+        d.currentNode = u;
+        do
+          c = a.shiftKey ? d.previousNode() : d.nextNode();
+        while (k(c, r));
+        a.preventDefault(), a.stopPropagation(), c ? p(c, !0) : J(u) ? p(u, !0) : i.blur();
+      }
+    };
+    return t || o.addEventListener("keydown", l, !0), () => {
+      t || o.removeEventListener("keydown", l, !0);
+    };
+  }, [
+    r,
+    e,
+    t
+  ]), m(() => {
+    const o = $(r.current ? r.current[0] : void 0);
+    if (!e) return;
+    let l = N.getTreeNode(r);
+    if (l) {
+      var a;
+      return l.nodeToRestore = (a = n.current) !== null && a !== void 0 ? a : void 0, () => {
+        let i = N.getTreeNode(r);
+        if (!i) return;
+        let b = i.nodeToRestore, u = T(o);
+        if (e && b && (u && k(u, r) || u === o.body && z(r))) {
+          let d = N.clone();
+          requestAnimationFrame(() => {
+            if (o.activeElement === o.body) {
+              let c = d.getTreeNode(r);
+              for (; c; ) {
+                if (c.nodeToRestore && c.nodeToRestore.isConnected) {
+                  U(c.nodeToRestore);
+                  return;
+                }
+                c = c.parent;
+              }
+              for (c = d.getTreeNode(r); c; ) {
+                if (c.scopeRef && c.scopeRef.current && N.getTreeNode(c.scopeRef)) {
+                  let s = H(c.scopeRef.current, !0);
+                  U(s);
+                  return;
+                }
+                c = c.parent;
+              }
+            }
+          });
+        }
+      };
+    }
+  }, [
+    r,
+    e
+  ]);
+}
+function U(r) {
+  r.dispatchEvent(new CustomEvent(A, {
+    bubbles: !0,
+    cancelable: !0
+  })) && p(r);
+}
+function E(r, e, t) {
+  let n = e?.tabbable ? B : G, o = r?.nodeType === Node.ELEMENT_NODE ? r : null, l = $(o), a = ee(l, r || l, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(i) {
+      return _(e?.from, i) || e?.tabbable && i.tagName === "INPUT" && i.getAttribute("type") === "radio" && (!re(i) || a.currentNode.tagName === "INPUT" && a.currentNode.type === "radio" && a.currentNode.name === i.name) ? NodeFilter.FILTER_REJECT : n(i) && (!t || w(i, t)) && (!e?.accept || e.accept(i)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return e?.from && (a.currentNode = e.from), a;
+}
+function ve(r, e = {}) {
+  return {
+    focusNext(t = {}) {
+      let n = r.current;
+      if (!n) return null;
+      let { from: o, tabbable: l = e.tabbable, wrap: a = e.wrap, accept: i = e.accept } = t, b = o || T($(n)), u = E(n, {
+        tabbable: l,
+        accept: i
+      });
+      _(n, b) && (u.currentNode = b);
+      let d = u.nextNode();
+      return !d && a && (u.currentNode = n, d = u.nextNode()), d && p(d, !0), d;
+    },
+    focusPrevious(t = e) {
+      let n = r.current;
+      if (!n) return null;
+      let { from: o, tabbable: l = e.tabbable, wrap: a = e.wrap, accept: i = e.accept } = t, b = o || T($(n)), u = E(n, {
+        tabbable: l,
+        accept: i
+      });
+      if (_(n, b)) u.currentNode = b;
+      else {
+        let c = M(u);
+        return c && p(c, !0), c ?? null;
+      }
+      let d = u.previousNode();
+      if (!d && a) {
+        u.currentNode = n;
+        let c = M(u);
+        if (!c)
+          return null;
+        d = c;
+      }
+      return d && p(d, !0), d ?? null;
+    },
+    focusFirst(t = e) {
+      let n = r.current;
+      if (!n) return null;
+      let { tabbable: o = e.tabbable, accept: l = e.accept } = t, i = E(n, {
+        tabbable: o,
+        accept: l
+      }).nextNode();
+      return i && p(i, !0), i;
+    },
+    focusLast(t = e) {
+      let n = r.current;
+      if (!n) return null;
+      let { tabbable: o = e.tabbable, accept: l = e.accept } = t, a = E(n, {
+        tabbable: o,
+        accept: l
+      }), i = M(a);
+      return i && p(i, !0), i ?? null;
+    }
+  };
+}
+function M(r) {
+  let e, t;
+  do
+    t = r.lastChild(), t && (e = t);
+  while (t);
+  return e;
+}
+class D {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(e) {
+    return this.fastMap.get(e);
+  }
+  addTreeNode(e, t, n) {
+    let o = this.fastMap.get(t ?? null);
+    if (!o) return;
+    let l = new P({
+      scopeRef: e
+    });
+    o.addChild(l), l.parent = o, this.fastMap.set(e, l), n && (l.nodeToRestore = n);
+  }
+  addNode(e) {
+    this.fastMap.set(e.scopeRef, e);
+  }
+  removeTreeNode(e) {
+    if (e === null) return;
+    let t = this.fastMap.get(e);
+    if (!t) return;
+    let n = t.parent;
+    for (let l of this.traverse()) l !== t && t.nodeToRestore && l.nodeToRestore && t.scopeRef && t.scopeRef.current && w(l.nodeToRestore, t.scopeRef.current) && (l.nodeToRestore = t.nodeToRestore);
+    let o = t.children;
+    n && (n.removeChild(t), o.size > 0 && o.forEach((l) => n && n.addChild(l))), this.fastMap.delete(t.scopeRef);
+  }
+  // Pre Order Depth First
+  *traverse(e = this.root) {
+    if (e.scopeRef != null && (yield e), e.children.size > 0) for (let t of e.children) yield* this.traverse(t);
+  }
+  clone() {
+    var e;
+    let t = new D();
+    var n;
+    for (let o of this.traverse()) t.addTreeNode(o.scopeRef, (n = (e = o.parent) === null || e === void 0 ? void 0 : e.scopeRef) !== null && n !== void 0 ? n : null, o.nodeToRestore);
+    return t;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new P({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class P {
+  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 N = /* @__PURE__ */ new D();
+export {
+  ve as $,
+  E as a,
+  be as b,
+  he as c
+};
+//# sourceMappingURL=FocusScope-uL2GkoJc.es.js.map