@new-black/lyra 0.0.10 → 0.0.12

package/dist/lyra46.js

@@ -1,486 +1,238 @@
-import E, { useRef as N, useState as A, useCallback as R, useEffect as P, useContext as _, useMemo as L } from "react";
-import { runAfterTransition as j, focusWithoutScrolling as I, mergeProps as K, useLayoutEffect as T, useSyncRef as q } from "./lyra37.js";
-import { isFocusVisible as G, useFocusVisibleListener as H, useFocus as D, useFocusWithin as U, getInteractionModality as J, useKeyboard as Y } from "./lyra43.js";
-function W(e) {
-  if (J() === "virtual") {
-    let t = document.activeElement;
-    j(() => {
-      document.activeElement === t && document.contains(e) && I(e);
-    });
-  } else
-    I(e);
-}
-function Q(e) {
-  if (!(e instanceof HTMLElement) && !(e instanceof SVGElement))
-    return !1;
-  let { display: t, visibility: r } = e.style, o = t !== "none" && r !== "hidden" && r !== "collapse";
-  if (o) {
-    const { getComputedStyle: i } = e.ownerDocument.defaultView;
-    let { display: n, visibility: c } = i(e);
-    o = n !== "none" && c !== "hidden" && c !== "collapse";
-  }
-  return o;
-}
-function X(e, t) {
-  return !e.hasAttribute("hidden") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
-}
-function O(e, t) {
-  return e.nodeName !== "#comment" && Q(e) && X(e, t) && (!e.parentElement || O(e.parentElement, e));
-}
-const V = /* @__PURE__ */ E.createContext(null);
-let s = null;
-function fe(e) {
-  let { children: t, contain: r, restoreFocus: o, autoFocus: i } = e, n = N(), c = N(), a = N([]), { parentNode: u } = _(V) || {}, l = L(() => new C({
-    scopeRef: a
-  }), [
-    a
-  ]);
-  T(() => {
-    let f = u || b.root;
-    if (b.getTreeNode(f.scopeRef) && s && !S(s, f.scopeRef)) {
-      let v = b.getTreeNode(s);
-      v && (f = v);
-    }
-    f.addChild(l), b.addNode(l);
-  }, [
-    l,
-    u
-  ]), T(() => {
-    let f = b.getTreeNode(a);
-    f.contain = r;
-  }, [
-    r
-  ]), T(() => {
-    let f = n.current.nextSibling, v = [];
-    for (; f && f !== c.current; )
-      v.push(f), f = f.nextSibling;
-    a.current = v;
-  }, [
-    t
-  ]), oe(a, o, r), re(a, r), ie(a, o, r), ne(a, i), P(() => {
-    if (a) {
-      let f = document.activeElement, v = null;
-      if ($(f, a.current)) {
-        for (let x of b.traverse())
-          $(f, x.scopeRef.current) && (v = x);
-        v === b.getTreeNode(a) && (s = v.scopeRef);
+import a, { useMemo as x } from "react";
+function C(l) {
+  return null;
+}
+C.getCollectionNode = function* (e, t) {
+  let { childItems: r, title: i, children: n } = e, d = e.title || e.children, f = e.textValue || (typeof d == "string" ? d : "") || e["aria-label"] || "";
+  !f && !(t != null && t.suppressTextValueWarning) && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
+    type: "item",
+    props: e,
+    rendered: d,
+    textValue: f,
+    "aria-label": e["aria-label"],
+    hasChildNodes: k(e),
+    *childNodes() {
+      if (r)
+        for (let u of r)
+          yield {
+            type: "item",
+            value: u
+          };
+      else if (i) {
+        let u = [];
+        a.Children.forEach(n, (c) => {
+          u.push({
+            type: "item",
+            element: c
+          });
+        }), yield* u;
       }
-      return () => {
-        let x = b.getTreeNode(a).parent.scopeRef;
-        (a === s || S(a, s)) && (!x || b.getTreeNode(x)) && (s = x), b.removeTreeNode(a);
-      };
-    }
-  }, [
-    a
-  ]);
-  let d = L(() => Z(a), []), m = L(() => ({
-    focusManager: d,
-    parentNode: l
-  }), [
-    l,
-    d
-  ]);
-  return /* @__PURE__ */ E.createElement(V.Provider, {
-    value: m
-  }, /* @__PURE__ */ E.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: n
-  }), t, /* @__PURE__ */ E.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: c
-  }));
-}
-function Z(e) {
-  return {
-    focusNext(t = {}) {
-      let r = e.current, { from: o, tabbable: i, wrap: n, accept: c } = t, a = o || document.activeElement, u = r[0].previousElementSibling, l = h(F(r), {
-        tabbable: i,
-        accept: c
-      }, r);
-      l.currentNode = $(a, r) ? a : u;
-      let d = l.nextNode();
-      return !d && n && (l.currentNode = u, d = l.nextNode()), d && p(d, !0), d;
-    },
-    focusPrevious(t = {}) {
-      let r = e.current, { from: o, tabbable: i, wrap: n, accept: c } = t, a = o || document.activeElement, u = r[r.length - 1].nextElementSibling, l = h(F(r), {
-        tabbable: i,
-        accept: c
-      }, r);
-      l.currentNode = $(a, r) ? a : u;
-      let d = l.previousNode();
-      return !d && n && (l.currentNode = u, d = l.previousNode()), d && p(d, !0), d;
-    },
-    focusFirst(t = {}) {
-      let r = e.current, { tabbable: o, accept: i } = t, n = h(F(r), {
-        tabbable: o,
-        accept: i
-      }, r);
-      n.currentNode = r[0].previousElementSibling;
-      let c = n.nextNode();
-      return c && p(c, !0), c;
-    },
-    focusLast(t = {}) {
-      let r = e.current, { tabbable: o, accept: i } = t, n = h(F(r), {
-        tabbable: o,
-        accept: i
-      }, r);
-      n.currentNode = r[r.length - 1].nextElementSibling;
-      let c = n.previousNode();
-      return c && p(c, !0), c;
     }
   };
+};
+function k(l) {
+  return l.hasChildItems != null ? l.hasChildItems : !!(l.childItems || l.title && a.Children.count(l.children) > 0);
 }
-const M = [
-  "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]"
-], ee = M.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-M.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const te = M.join(':not([hidden]):not([tabindex="-1"]),');
-function F(e) {
-  return e[0].parentElement;
-}
-function g(e) {
-  let t = b.getTreeNode(s);
-  for (; t && t.scopeRef !== e; ) {
-    if (t.contain)
-      return !1;
-    t = t.parent;
+let F = C;
+class w {
+  build(e, t) {
+    return this.context = t, v(() => this.iterateCollection(e));
   }
-  return !0;
-}
-function re(e, t) {
-  let r = N(), o = N(null);
-  T(() => {
-    let i = e.current;
-    if (!t) {
-      o.current && (cancelAnimationFrame(o.current), o.current = null);
-      return;
-    }
-    let n = (u) => {
-      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !g(e))
-        return;
-      let l = document.activeElement, d = e.current;
-      if (!$(l, d))
-        return;
-      let m = h(F(d), {
-        tabbable: !0
-      }, d);
-      m.currentNode = l;
-      let f = u.shiftKey ? m.previousNode() : m.nextNode();
-      f || (m.currentNode = u.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, f = u.shiftKey ? m.previousNode() : m.nextNode()), u.preventDefault(), f && p(f, !0);
-    }, c = (u) => {
-      (!s || S(s, e)) && $(u.target, e.current) ? (s = e, r.current = u.target) : g(e) && !y(u.target, e) ? r.current ? r.current.focus() : s && w(s.current) : g(e) && (r.current = u.target);
-    }, a = (u) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        g(e) && !y(document.activeElement, e) && (s = e, document.body.contains(u.target) ? (r.current = u.target, r.current.focus()) : s && w(s.current));
+  *iterateCollection(e) {
+    let { children: t, items: r } = e;
+    if (typeof t == "function") {
+      if (!r)
+        throw new Error("props.children was a function but props.items is missing");
+      for (let i of e.items)
+        yield* this.getFullNode({
+          value: i
+        }, {
+          renderer: t
+        });
+    } else {
+      let i = [];
+      a.Children.forEach(t, (d) => {
+        i.push(d);
       });
-    };
-    return document.addEventListener("keydown", n, !1), document.addEventListener("focusin", c, !1), i.forEach((u) => u.addEventListener("focusin", c, !1)), i.forEach((u) => u.addEventListener("focusout", a, !1)), () => {
-      document.removeEventListener("keydown", n, !1), document.removeEventListener("focusin", c, !1), i.forEach((u) => u.removeEventListener("focusin", c, !1)), i.forEach((u) => u.removeEventListener("focusout", a, !1));
-    };
-  }, [
-    e,
-    t
-  ]), T(() => () => {
-    o.current && cancelAnimationFrame(o.current);
-  }, [
-    o
-  ]);
-}
-function B(e) {
-  return y(e);
-}
-function $(e, t) {
-  return t.some((r) => r.contains(e));
-}
-function y(e, t = null) {
-  if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
-    return !0;
-  for (let { scopeRef: r } of b.traverse(b.getTreeNode(t)))
-    if ($(e, r.current))
-      return !0;
-  return !1;
-}
-function be(e) {
-  return y(e, s);
-}
-function S(e, t) {
-  var r;
-  let o = (r = b.getTreeNode(t)) === null || r === void 0 ? void 0 : r.parent;
-  for (; o; ) {
-    if (o.scopeRef === e)
-      return !0;
-    o = o.parent;
-  }
-  return !1;
-}
-function p(e, t = !1) {
-  if (e != null && !t)
-    try {
-      W(e);
-    } catch {
+      let n = 0;
+      for (let d of i) {
+        let f = this.getFullNode({
+          element: d,
+          index: n
+        }, {});
+        for (let u of f)
+          n++, yield u;
+      }
     }
-  else if (e != null)
-    try {
-      e.focus();
-    } catch {
+  }
+  getKey(e, t, r, i) {
+    if (e.key != null)
+      return e.key;
+    if (t.type === "cell" && t.key != null)
+      return `${i}${t.key}`;
+    let n = t.value;
+    if (n != null) {
+      var d;
+      let f = (d = n.key) !== null && d !== void 0 ? d : n.id;
+      if (f == null)
+        throw new Error("No key found for item");
+      return f;
     }
-}
-function w(e, t = !0) {
-  let r = e[0].previousElementSibling, o = h(F(e), {
-    tabbable: t
-  }, e);
-  o.currentNode = r;
-  let i = o.nextNode();
-  t && !i && (o = h(F(e), {
-    tabbable: !1
-  }, e), o.currentNode = r, i = o.nextNode()), p(i);
-}
-function ne(e, t) {
-  const r = E.useRef(t);
-  P(() => {
-    r.current && (s = e, $(document.activeElement, s.current) || w(e.current)), r.current = !1;
-  }, [
-    e
-  ]);
-}
-function oe(e, t, r) {
-  T(() => {
-    if (t || r)
-      return;
-    let o = e.current, i = (n) => {
-      let c = n.target;
-      $(c, e.current) ? s = e : B(c) || (s = null);
-    };
-    return document.addEventListener("focusin", i, !1), o.forEach((n) => n.addEventListener("focusin", i, !1)), () => {
-      document.removeEventListener("focusin", i, !1), o.forEach((n) => n.removeEventListener("focusin", i, !1));
-    };
-  }, [
-    e,
-    t,
-    r
-  ]);
-}
-function ae(e) {
-  let t = b.getTreeNode(s);
-  for (; t && t.scopeRef !== e; ) {
-    if (t.nodeToRestore)
-      return !1;
-    t = t.parent;
+    return i ? `${i}.${t.index}` : `$.${t.index}`;
   }
-  return (t == null ? void 0 : t.scopeRef) === e;
-}
-function ie(e, t, r) {
-  const o = N(typeof document < "u" ? document.activeElement : null);
-  T(() => {
-    let i = e.current;
-    if (!t || r)
-      return;
-    let n = () => {
-      (!s || S(s, e)) && $(document.activeElement, e.current) && (s = e);
+  getChildState(e, t) {
+    return {
+      renderer: t.renderer || e.renderer
     };
-    return document.addEventListener("focusin", n, !1), i.forEach((c) => c.addEventListener("focusin", n, !1)), () => {
-      document.removeEventListener("focusin", n, !1), i.forEach((c) => c.removeEventListener("focusin", n, !1));
-    };
-  }, [
-    e,
-    r
-  ]), T(() => {
-    if (!t)
-      return;
-    b.getTreeNode(e).nodeToRestore = o.current;
-    let i = (n) => {
-      if (n.key !== "Tab" || n.altKey || n.ctrlKey || n.metaKey || !g(e))
-        return;
-      let c = document.activeElement;
-      if (!$(c, e.current))
+  }
+  *getFullNode(e, t, r, i) {
+    let n = e.element;
+    if (!n && e.value && t && t.renderer) {
+      let u = this.cache.get(e.value);
+      if (u && (!u.shouldInvalidate || !u.shouldInvalidate(this.context))) {
+        u.index = e.index, u.parentKey = i ? i.key : null, yield u;
         return;
-      let a = b.getTreeNode(e).nodeToRestore, u = h(document.body, {
-        tabbable: !0
-      });
-      u.currentNode = c;
-      let l = n.shiftKey ? u.previousNode() : u.nextNode();
-      if ((!document.body.contains(a) || a === document.body) && (a = null, b.getTreeNode(e).nodeToRestore = null), (!l || !$(l, e.current)) && a) {
-        u.currentNode = a;
-        do
-          l = n.shiftKey ? u.previousNode() : u.nextNode();
-        while ($(l, e.current));
-        n.preventDefault(), n.stopPropagation(), l ? p(l, !0) : B(a) ? p(a, !0) : c.blur();
       }
-    };
-    return r || document.addEventListener("keydown", i, !0), () => {
-      r || document.removeEventListener("keydown", i, !0);
-      let n = b.getTreeNode(e).nodeToRestore;
-      if (t && n && // eslint-disable-next-line react-hooks/exhaustive-deps
-      ($(document.activeElement, e.current) || document.activeElement === document.body && ae(e))) {
-        let c = b.clone();
-        requestAnimationFrame(() => {
-          if (document.activeElement === document.body) {
-            let a = c.getTreeNode(e);
-            for (; a; ) {
-              if (a.nodeToRestore && document.body.contains(a.nodeToRestore)) {
-                p(a.nodeToRestore);
-                return;
-              }
-              a = a.parent;
-            }
-            for (a = c.getTreeNode(e); a; ) {
-              if (a.scopeRef && b.getTreeNode(a.scopeRef)) {
-                w(a.scopeRef.current, !0);
-                return;
-              }
-              a = a.parent;
-            }
-          }
-        });
+      n = t.renderer(e.value);
+    }
+    if (a.isValidElement(n)) {
+      let u = n.type;
+      if (typeof u != "function" && typeof u.getCollectionNode != "function") {
+        let s = typeof n.type == "function" ? n.type.name : n.type;
+        throw new Error(`Unknown element <${s}> in collection.`);
       }
-    };
-  }, [
-    e,
-    t,
-    r
-  ]);
-}
-function h(e, t, r) {
-  let o = t != null && t.tabbable ? te : ee, i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(n) {
-      var c;
-      return !(t == null || (c = t.from) === null || c === void 0) && c.contains(n) ? NodeFilter.FILTER_REJECT : n.matches(o) && O(n) && (!r || $(n, r)) && (!(t != null && t.accept) || t.accept(n)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      let c = u.getCollectionNode(n.props, this.context), y = e.index, h = c.next();
+      for (; !h.done && h.value; ) {
+        let s = h.value;
+        e.index = y;
+        let $ = s.key;
+        $ || ($ = s.element ? null : this.getKey(n, e, t, r));
+        let b = [
+          ...this.getFullNode({
+            ...s,
+            key: $,
+            index: y,
+            wrapper: p(e.wrapper, s.wrapper)
+          }, this.getChildState(t, s), r ? `${r}${n.key}` : n.key, i)
+        ];
+        for (let o of b) {
+          if (o.value = s.value || e.value, o.value && this.cache.set(o.value, o), e.type && o.type !== e.type)
+            throw new Error(`Unsupported type <${m(o.type)}> in <${m(i.type)}>. Only <${m(e.type)}> is supported.`);
+          y++, yield o;
+        }
+        h = c.next(b);
+      }
+      return;
     }
-  });
-  return t != null && t.from && (i.currentNode = t.from), i;
-}
-class k {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(t) {
-    return this.fastMap.get(t);
-  }
-  addTreeNode(t, r, o) {
-    let i = this.fastMap.get(r ?? null), n = new C({
-      scopeRef: t
-    });
-    i.addChild(n), n.parent = i, this.fastMap.set(t, n), o && (n.nodeToRestore = o);
-  }
-  addNode(t) {
-    this.fastMap.set(t.scopeRef, t);
-  }
-  removeTreeNode(t) {
-    if (t === null)
+    if (e.key == null)
       return;
-    let r = this.fastMap.get(t), o = r.parent;
-    for (let n of this.traverse())
-      n !== r && r.nodeToRestore && n.nodeToRestore && r.scopeRef.current && $(n.nodeToRestore, r.scopeRef.current) && (n.nodeToRestore = r.nodeToRestore);
-    let i = r.children;
-    o.removeChild(r), i.size > 0 && i.forEach((n) => o.addChild(n)), 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() {
-    let t = new k();
-    for (let r of this.traverse())
-      t.addTreeNode(r.scopeRef, r.parent.scopeRef, r.nodeToRestore);
-    return t;
+    let d = this, f = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: i ? i.key : null,
+      value: e.value,
+      level: i ? i.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: e.textValue,
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes,
+      childNodes: v(function* () {
+        if (!e.hasChildNodes)
+          return;
+        let u = 0;
+        for (let c of e.childNodes()) {
+          c.key != null && (c.key = `${f.key}${c.key}`), c.index = u;
+          let y = d.getFullNode(c, d.getChildState(t, c), f.key, f);
+          for (let h of y)
+            u++, yield h;
+        }
+      })
+    };
+    yield f;
   }
   constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new C({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
+    this.cache = /* @__PURE__ */ new WeakMap();
   }
 }
-class C {
-  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;
-  }
+function v(l) {
+  let e = [], t = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let r of e)
+        yield r;
+      t || (t = l());
+      for (let r of t)
+        e.push(r), yield r;
+    }
+  };
 }
-let b = new k();
-function $e(e = {}) {
-  let { autoFocus: t = !1, isTextInput: r, within: o } = e, i = N({
-    isFocused: !1,
-    isFocusVisible: t || G()
-  }), [n, c] = A(!1), [a, u] = A(() => i.current.isFocused && i.current.isFocusVisible), l = R(() => u(i.current.isFocused && i.current.isFocusVisible), []), d = R((v) => {
-    i.current.isFocused = v, c(v), l();
+function p(l, e) {
+  if (l && e)
+    return (t) => l(e(t));
+  if (l)
+    return l;
+  if (e)
+    return e;
+}
+function m(l) {
+  return l[0].toUpperCase() + l.slice(1);
+}
+function K(l, e, t) {
+  let r = x(() => new w(), []), { children: i, items: n, collection: d } = l;
+  return x(() => {
+    if (d)
+      return d;
+    let u = r.build({
+      children: i,
+      items: n
+    }, t);
+    return e(u);
   }, [
-    l
+    r,
+    i,
+    n,
+    d,
+    t,
+    e
   ]);
-  H((v) => {
-    i.current.isFocusVisible = v, l();
-  }, [], {
-    isTextInput: r
-  });
-  let { focusProps: m } = D({
-    isDisabled: o,
-    onFocusChange: d
-  }), { focusWithinProps: f } = U({
-    isDisabled: !o,
-    onFocusWithinChange: d
-  });
-  return {
-    isFocused: n,
-    isFocusVisible: a,
-    focusProps: o ? f : m
-  };
 }
-let z = /* @__PURE__ */ E.createContext(null);
-function ce(e) {
-  let t = _(z) || {};
-  q(t, e);
-  let { ref: r, ...o } = t;
-  return o;
+function A(l, e) {
+  return typeof e.getChildren == "function" ? e.getChildren(l.key) : l.childNodes;
 }
-function ue(e, t) {
-  let { children: r, ...o } = e, i = {
-    ...o,
-    ref: t
-  };
-  return /* @__PURE__ */ E.createElement(z.Provider, {
-    value: i
-  }, r);
+function S(l) {
+  return I(l, 0);
 }
-let ve = /* @__PURE__ */ E.forwardRef(ue);
-function me(e, t) {
-  let { focusProps: r } = D(e), { keyboardProps: o } = Y(e), i = K(r, o), n = ce(t), c = e.isDisabled ? {} : n, a = N(e.autoFocus);
-  return P(() => {
-    a.current && t.current && W(t.current), a.current = !1;
-  }, [
-    t
-  ]), {
-    focusableProps: K({
-      ...i,
-      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, c)
-  };
+function I(l, e) {
+  if (e < 0)
+    return;
+  let t = 0;
+  for (let r of l) {
+    if (t === e)
+      return r;
+    t++;
+  }
+}
+function M(l, e, t) {
+  if (e.parentKey === t.parentKey)
+    return e.index - t.index;
+  let r = g(l, e), i = g(l, t), n = r.slice(0, i.length).findIndex((d, f) => d !== i[f]);
+  return n !== -1 ? (e = r[n], t = i[n], e.index - t.index) : -1;
+}
+function g(l, e) {
+  let t = [];
+  for (; (e == null ? void 0 : e.parentKey) != null; )
+    e = l.getItem(e.parentKey), t.unshift(e);
+  return t;
 }
 export {
-  fe as FocusScope,
-  ve as FocusableProvider,
-  W as focusSafely,
-  h as getFocusableTreeWalker,
-  be as isElementInChildOfActiveScope,
-  $e as useFocusRing,
-  me as useFocusable
+  F as Item,
+  M as compareNodeOrder,
+  A as getChildNodes,
+  S as getFirstItem,
+  I as getNthItem,
+  K as useCollection
 };