@new-black/lyra 0.1.13 → 0.1.15

package/dist/lyra82.js

@@ -1,464 +1,62 @@
-import { flushSync as Q } from "react-dom";
-import { useEffect as k, useRef as A, useMemo as _ } from "react";
-import { focusSafely as z, getFocusableTreeWalker as ee } from "./lyra62.js";
-import { isScrollable as Y, useRouter as j, openLink as te, mergeProps as J, useEvent as ie, scrollIntoView as le, scrollIntoViewport as q, isAppleDevice as oe, isMac as re, focusWithoutScrolling as X } from "./lyra61.js";
-import { usePress as ne, useLongPress as se, getInteractionModality as H } from "./lyra63.js";
-import { useCollator as ce, useLocale as ae } from "./lyra52.js";
-function W(c) {
-  return oe() ? c.altKey : c.ctrlKey;
-}
-function C(c) {
-  return re() ? c.metaKey : c.ctrlKey;
-}
-const ue = 1e3;
-function fe(c) {
-  let { keyboardDelegate: e, selectionManager: t, onTypeSelect: o } = c, r = A({
-    search: "",
-    timeout: null
-  }).current, s = (a) => {
-    let u = de(a.key);
-    if (!u || a.ctrlKey || a.metaKey || !a.currentTarget.contains(a.target))
-      return;
-    u === " " && r.search.trim().length > 0 && (a.preventDefault(), "continuePropagation" in a || a.stopPropagation()), r.search += u;
-    let h = e.getKeyForSearch(r.search, t.focusedKey);
-    h == null && (h = e.getKeyForSearch(r.search)), h != null && (t.setFocusedKey(h), o && o(h)), clearTimeout(r.timeout), r.timeout = setTimeout(() => {
-      r.search = "";
-    }, ue);
+import { mergeProps as i, filterDOMProps as y } from "./lyra67.js";
+import { useFocusable as D } from "./lyra63.js";
+import { usePress as F } from "./lyra83.js";
+function w(s, t) {
+  let {
+    elementType: r = "button",
+    isDisabled: e,
+    onPress: l,
+    onPressStart: u,
+    onPressEnd: c,
+    onPressChange: p,
+    preventFocusOnPress: b,
+    allowFocusWhenDisabled: f,
+    // @ts-ignore
+    onClick: d,
+    href: P,
+    target: $,
+    rel: x,
+    type: o = "button"
+  } = s, a;
+  r === "button" ? a = {
+    type: o,
+    disabled: e
+  } : a = {
+    role: "button",
+    tabIndex: e ? void 0 : 0,
+    href: r === "a" && e ? void 0 : P,
+    target: r === "a" ? $ : void 0,
+    type: r === "input" ? o : 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: m } = F({
+    onPressStart: u,
+    onPressEnd: c,
+    onPressChange: p,
+    onPress: l,
+    isDisabled: e,
+    preventFocusOnPress: b,
+    ref: t
+  }), { focusableProps: n } = D(s, t);
+  f && (n.tabIndex = e ? -1 : n.tabIndex);
+  let g = i(n, h, y(s, {
+    labelable: !0
+  }));
   return {
-    typeSelectProps: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: e.getKeyForSearch ? s : null
-    }
-  };
-}
-function de(c) {
-  return c.length === 1 || !/^[A-Z]/i.test(c) ? c : "";
-}
-function he(c) {
-  let { selectionManager: e, keyboardDelegate: t, ref: o, autoFocus: r = !1, shouldFocusWrap: s = !1, disallowEmptySelection: a = !1, disallowSelectAll: u = !1, selectOnFocus: h = e.selectionBehavior === "replace", disallowTypeAhead: L = !1, shouldUseVirtualFocus: b, allowsTabNavigation: R = !1, isVirtualized: p, scrollRef: f = o, linkBehavior: E = "action" } = c, { direction: S } = ae(), g = j(), I = (i) => {
-    if (i.altKey && i.key === "Tab" && i.preventDefault(), !o.current.contains(i.target))
-      return;
-    const d = (n, T) => {
-      if (n != null) {
-        if (e.isLink(n) && E === "selection" && h && !W(i)) {
-          Q(() => {
-            e.setFocusedKey(n, T);
-          });
-          let B = f.current.querySelector(`[data-key="${n}"]`);
-          g.open(B, i);
-          return;
-        }
-        if (e.setFocusedKey(n, T), e.isLink(n) && E === "override")
-          return;
-        i.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : h && !W(i) && e.replaceSelection(n);
-      }
-    };
-    switch (i.key) {
-      case "ArrowDown":
-        if (t.getKeyBelow) {
-          var v, y;
-          i.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyBelow(e.focusedKey) : (v = t.getFirstKey) === null || v === void 0 ? void 0 : v.call(t);
-          n == null && s && (n = (y = t.getFirstKey) === null || y === void 0 ? void 0 : y.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowUp":
-        if (t.getKeyAbove) {
-          var m, $;
-          i.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyAbove(e.focusedKey) : (m = t.getLastKey) === null || m === void 0 ? void 0 : m.call(t);
-          n == null && s && (n = ($ = t.getLastKey) === null || $ === void 0 ? void 0 : $.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowLeft":
-        if (t.getKeyLeftOf) {
-          var O, l;
-          i.preventDefault();
-          let n = t.getKeyLeftOf(e.focusedKey);
-          n == null && s && (n = S === "rtl" ? (O = t.getFirstKey) === null || O === void 0 ? void 0 : O.call(t, e.focusedKey) : (l = t.getLastKey) === null || l === void 0 ? void 0 : l.call(t, e.focusedKey)), d(n, S === "rtl" ? "first" : "last");
-        }
-        break;
-      case "ArrowRight":
-        if (t.getKeyRightOf) {
-          var U, V;
-          i.preventDefault();
-          let n = t.getKeyRightOf(e.focusedKey);
-          n == null && s && (n = S === "rtl" ? (U = t.getLastKey) === null || U === void 0 ? void 0 : U.call(t, e.focusedKey) : (V = t.getFirstKey) === null || V === void 0 ? void 0 : V.call(t, e.focusedKey)), d(n, S === "rtl" ? "last" : "first");
-        }
-        break;
-      case "Home":
-        if (t.getFirstKey) {
-          i.preventDefault();
-          let n = t.getFirstKey(e.focusedKey, C(i));
-          e.setFocusedKey(n), C(i) && i.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : h && e.replaceSelection(n);
-        }
-        break;
-      case "End":
-        if (t.getLastKey) {
-          i.preventDefault();
-          let n = t.getLastKey(e.focusedKey, C(i));
-          e.setFocusedKey(n), C(i) && i.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : h && e.replaceSelection(n);
-        }
-        break;
-      case "PageDown":
-        if (t.getKeyPageBelow) {
-          i.preventDefault();
-          let n = t.getKeyPageBelow(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "PageUp":
-        if (t.getKeyPageAbove) {
-          i.preventDefault();
-          let n = t.getKeyPageAbove(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "a":
-        C(i) && e.selectionMode === "multiple" && u !== !0 && (i.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        i.preventDefault(), a || e.clearSelection();
-        break;
-      case "Tab":
-        if (!R) {
-          if (i.shiftKey)
-            o.current.focus();
-          else {
-            let n = ee(o.current, {
-              tabbable: !0
-            }), T, B;
-            do
-              B = n.lastChild(), B && (T = B);
-            while (B);
-            T && !T.contains(document.activeElement) && X(T);
-          }
-          break;
-        }
-    }
-  }, K = A({
-    top: 0,
-    left: 0
-  });
-  ie(f, "scroll", p ? null : () => {
-    K.current = {
-      top: f.current.scrollTop,
-      left: f.current.scrollLeft
-    };
-  });
-  let M = (i) => {
-    if (e.isFocused) {
-      i.currentTarget.contains(i.target) || e.setFocused(!1);
-      return;
-    }
-    if (i.currentTarget.contains(i.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        let y = ($) => {
-          $ != null && (e.setFocusedKey($), h && e.replaceSelection($));
-        }, m = i.relatedTarget;
-        var d, v;
-        m && i.currentTarget.compareDocumentPosition(m) & Node.DOCUMENT_POSITION_FOLLOWING ? y((d = e.lastSelectedKey) !== null && d !== void 0 ? d : t.getLastKey()) : y((v = e.firstSelectedKey) !== null && v !== void 0 ? v : t.getFirstKey());
-      } else
-        p || (f.current.scrollTop = K.current.top, f.current.scrollLeft = K.current.left);
-      if (!p && e.focusedKey != null) {
-        let y = f.current.querySelector(`[data-key="${e.focusedKey}"]`);
-        y && (y.contains(document.activeElement) || X(y), H() === "keyboard" && q(y, {
-          containingElement: o.current
-        }));
-      }
-    }
-  }, w = (i) => {
-    i.currentTarget.contains(i.relatedTarget) || e.setFocused(!1);
-  };
-  const x = A(r);
-  k(() => {
-    if (x.current) {
-      let i = null;
-      r === "first" && (i = t.getFirstKey()), r === "last" && (i = t.getLastKey());
-      let d = e.selectedKeys;
-      d.size && (i = d.values().next().value), e.setFocused(!0), e.setFocusedKey(i), i == null && !b && z(o.current);
-    }
-    x.current = !1;
-  }, []);
-  let P = A(e.focusedKey);
-  k(() => {
-    let i = H();
-    if (e.isFocused && e.focusedKey != null && (f != null && f.current)) {
-      let d = f.current.querySelector(`[data-key="${e.focusedKey}"]`);
-      d && i === "keyboard" && (p || le(f.current, d), q(d, {
-        containingElement: o.current
-      }));
-    }
-    e.isFocused && e.focusedKey == null && P.current != null && z(o.current), P.current = e.focusedKey;
-  }, [
-    p,
-    f,
-    e.focusedKey,
-    e.isFocused,
-    o
-  ]);
-  let F = {
-    onKeyDown: I,
-    onFocus: M,
-    onBlur: w,
-    onMouseDown(i) {
-      f.current === i.target && i.preventDefault();
-    }
-  }, { typeSelectProps: N } = fe({
-    keyboardDelegate: t,
-    selectionManager: e
-  });
-  L || (F = J(N, F));
-  let D;
-  return b || (D = e.focusedKey == null ? 0 : -1), {
-    collectionProps: {
-      ...F,
-      tabIndex: D
-    }
-  };
-}
-function $e(c) {
-  let { selectionManager: e, key: t, ref: o, shouldSelectOnPressUp: r, shouldUseVirtualFocus: s, focus: a, isDisabled: u, onAction: h, allowsDifferentPressOrigin: L, linkBehavior: b = "action" } = c, R = j(), p = (l) => {
-    if (l.pointerType === "keyboard" && W(l))
-      e.toggleSelection(t);
-    else {
-      if (e.selectionMode === "none")
-        return;
-      if (e.isLink(t)) {
-        if (b === "selection") {
-          R.open(o.current, l), e.setSelectedKeys(e.selectedKeys);
-          return;
-        } else if (b === "override" || b === "none")
-          return;
+    isPressed: m,
+    buttonProps: i(a, g, {
+      "aria-haspopup": s["aria-haspopup"],
+      "aria-expanded": s["aria-expanded"],
+      "aria-controls": s["aria-controls"],
+      "aria-pressed": s["aria-pressed"],
+      onClick: (C) => {
+        d && (d(C), console.warn("onClick is deprecated, please use onPress"));
       }
-      e.selectionMode === "single" ? e.isSelected(t) && !e.disallowEmptySelection ? e.toggleSelection(t) : e.replaceSelection(t) : l && l.shiftKey ? e.extendSelection(t) : e.selectionBehavior === "toggle" || l && (C(l) || l.pointerType === "touch" || l.pointerType === "virtual") ? e.toggleSelection(t) : e.replaceSelection(t);
-    }
-  };
-  k(() => {
-    t === e.focusedKey && e.isFocused && !s && (a ? a() : document.activeElement !== o.current && z(o.current));
-  }, [
-    o,
-    t,
-    e.focusedKey,
-    e.childFocusStrategy,
-    e.isFocused,
-    s
-  ]), u = u || e.isDisabled(t);
-  let f = {};
-  !s && !u ? f = {
-    tabIndex: t === e.focusedKey ? 0 : -1,
-    onFocus(l) {
-      l.target === o.current && e.setFocusedKey(t);
-    }
-  } : u && (f.onMouseDown = (l) => {
-    l.preventDefault();
-  });
-  let E = e.isLink(t) && b === "override", S = e.isLink(t) && b !== "selection" && b !== "none", g = !u && e.canSelectItem(t) && !E, I = (h || S) && !u, K = I && (e.selectionBehavior === "replace" ? !g : !g || e.isEmpty), M = I && g && e.selectionBehavior === "replace", w = K || M, x = A(null), P = w && g, F = A(!1), N = A(!1), D = (l) => {
-    h && h(), S && R.open(o.current, l);
-  }, i = {};
-  r ? (i.onPressStart = (l) => {
-    x.current = l.pointerType, F.current = P, l.pointerType === "keyboard" && (!w || Z()) && p(l);
-  }, L ? (i.onPressUp = K ? null : (l) => {
-    l.pointerType !== "keyboard" && g && p(l);
-  }, i.onPress = K ? D : null) : i.onPress = (l) => {
-    if (K || M && l.pointerType !== "mouse") {
-      if (l.pointerType === "keyboard" && !G())
-        return;
-      D(l);
-    } else
-      l.pointerType !== "keyboard" && g && p(l);
-  }) : (i.onPressStart = (l) => {
-    x.current = l.pointerType, F.current = P, N.current = K, g && (l.pointerType === "mouse" && !K || l.pointerType === "keyboard" && (!I || Z())) && p(l);
-  }, i.onPress = (l) => {
-    (l.pointerType === "touch" || l.pointerType === "pen" || l.pointerType === "virtual" || l.pointerType === "keyboard" && w && G() || l.pointerType === "mouse" && N.current) && (w ? D(l) : g && p(l));
-  }), f["data-key"] = t, i.preventFocusOnPress = s;
-  let { pressProps: d, isPressed: v } = ne(i), y = M ? (l) => {
-    x.current === "mouse" && (l.stopPropagation(), l.preventDefault(), D(l));
-  } : void 0, { longPressProps: m } = se({
-    isDisabled: !P,
-    onLongPress(l) {
-      l.pointerType === "touch" && (p(l), e.setSelectionBehavior("toggle"));
-    }
-  }), $ = (l) => {
-    x.current === "touch" && F.current && l.preventDefault();
-  }, O = e.isLink(t) ? (l) => {
-    te.isOpening || l.preventDefault();
-  } : void 0;
-  return {
-    itemProps: J(f, g || K ? d : {}, P ? m : {}, {
-      onDoubleClick: y,
-      onDragStartCapture: $,
-      onClick: O
-    }),
-    isPressed: v,
-    isSelected: e.isSelected(t),
-    isFocused: e.isFocused && e.focusedKey === t,
-    isDisabled: u,
-    allowsSelection: g,
-    hasAction: w
-  };
-}
-function G() {
-  let c = window.event;
-  return (c == null ? void 0 : c.key) === "Enter";
-}
-function Z() {
-  let c = window.event;
-  return (c == null ? void 0 : c.key) === " " || (c == null ? void 0 : c.code) === "Space";
-}
-class ye {
-  getNextKey(e) {
-    for (e = this.collection.getKeyAfter(e); e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyAfter(e);
-    }
-    return null;
-  }
-  getPreviousKey(e) {
-    for (e = this.collection.getKeyBefore(e); e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyBefore(e);
-    }
-    return null;
-  }
-  findKey(e, t, o) {
-    let r = this.getItem(e);
-    if (!r)
-      return null;
-    let s = r.getBoundingClientRect();
-    do
-      e = t(e), r = this.getItem(e);
-    while (r && o(s, r.getBoundingClientRect()));
-    return e;
-  }
-  isSameRow(e, t) {
-    return e.top === t.top || e.left !== t.left;
-  }
-  isSameColumn(e, t) {
-    return e.left === t.left || e.top !== t.top;
-  }
-  getKeyBelow(e) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getNextKey(t), this.isSameRow) : this.getNextKey(e);
-  }
-  getKeyAbove(e) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getPreviousKey(t), this.isSameRow) : this.getPreviousKey(e);
-  }
-  getNextColumn(e, t) {
-    return t ? this.getPreviousKey(e) : this.getNextKey(e);
-  }
-  getKeyRightOf(e) {
-    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "rtl") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "rtl") : null;
-  }
-  getKeyLeftOf(e) {
-    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "ltr") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "ltr") : null;
-  }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    for (; e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyAfter(e);
-    }
-    return null;
-  }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    for (; e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyBefore(e);
-    }
-    return null;
-  }
-  getItem(e) {
-    return this.ref.current.querySelector(`[data-key="${e}"]`);
-  }
-  getKeyPageAbove(e) {
-    let t = this.ref.current, o = this.getItem(e);
-    if (!o)
-      return null;
-    if (!Y(t))
-      return this.getFirstKey();
-    let r = t.getBoundingClientRect(), s = o.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let a = r.x - t.scrollLeft, u = Math.max(0, s.x - a + s.width - r.width);
-      for (; o && s.x - a > u; )
-        e = this.getKeyAbove(e), o = e == null ? null : this.getItem(e), s = o == null ? void 0 : o.getBoundingClientRect();
-    } else {
-      let a = r.y - t.scrollTop, u = Math.max(0, s.y - a + s.height - r.height);
-      for (; o && s.y - a > u; )
-        e = this.getKeyAbove(e), o = e == null ? null : this.getItem(e), s = o == null ? void 0 : o.getBoundingClientRect();
-    }
-    return e ?? this.getFirstKey();
-  }
-  getKeyPageBelow(e) {
-    let t = this.ref.current, o = this.getItem(e);
-    if (!o)
-      return null;
-    if (!Y(t))
-      return this.getLastKey();
-    let r = t.getBoundingClientRect(), s = o.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let a = r.x - t.scrollLeft, u = Math.min(t.scrollWidth, s.x - a - s.width + r.width);
-      for (; o && s.x - a < u; )
-        e = this.getKeyBelow(e), o = e == null ? null : this.getItem(e), s = o == null ? void 0 : o.getBoundingClientRect();
-    } else {
-      let a = r.y - t.scrollTop, u = Math.min(t.scrollHeight, s.y - a - s.height + r.height);
-      for (; o && s.y - a < u; )
-        e = this.getKeyBelow(e), o = e == null ? null : this.getItem(e), s = o == null ? void 0 : o.getBoundingClientRect();
-    }
-    return e ?? this.getLastKey();
-  }
-  getKeyForSearch(e, t) {
-    if (!this.collator)
-      return null;
-    let o = this.collection, r = t || this.getFirstKey();
-    for (; r != null; ) {
-      let s = o.getItem(r), a = s.textValue.slice(0, e.length);
-      if (s.textValue && this.collator.compare(a, e) === 0)
-        return r;
-      r = this.getKeyBelow(r);
-    }
-    return null;
-  }
-  constructor(...e) {
-    if (e.length === 1) {
-      let t = e[0];
-      this.collection = t.collection, this.ref = t.ref, this.collator = t.collator, this.disabledKeys = t.disabledKeys || /* @__PURE__ */ new Set(), this.orientation = t.orientation, this.direction = t.direction, this.layout = t.layout || "stack";
-    } else
-      this.collection = e[0], this.disabledKeys = e[1], this.ref = e[2], this.collator = e[3], this.layout = "stack", this.orientation = "vertical";
-    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
-  }
-}
-function Se(c) {
-  let { selectionManager: e, collection: t, disabledKeys: o, ref: r, keyboardDelegate: s } = c, a = ce({
-    usage: "search",
-    sensitivity: "base"
-  }), u = e.disabledBehavior, h = _(() => s || new ye(t, u === "selection" ? /* @__PURE__ */ new Set() : o, r, a), [
-    s,
-    t,
-    o,
-    r,
-    a,
-    u
-  ]), { collectionProps: L } = he({
-    ...c,
-    ref: r,
-    selectionManager: e,
-    keyboardDelegate: h
-  });
-  return {
-    listProps: L
+    })
   };
 }
 export {
-  ye as ListKeyboardDelegate,
-  he as useSelectableCollection,
-  $e as useSelectableItem,
-  Se as useSelectableList,
-  fe as useTypeSelect
+  w as useButton
 };