@new-black/lyra 0.1.2 → 0.1.3

package/dist/lyra69.js

@@ -1,447 +1,74 @@
-import { useRef as P, useEffect as V, useMemo as j } from "react";
-import { focusSafely as U, getFocusableTreeWalker as J } from "./lyra52.js";
-import { isScrollable as z, mergeProps as G, useEvent as Q, scrollIntoView as k, scrollIntoViewport as W, isAppleDevice as _, isMac as ee, focusWithoutScrolling as Y } from "./lyra51.js";
-import { usePress as te, useLongPress as le, getInteractionModality as X } from "./lyra53.js";
-import { useCollator as ie, useLocale as oe } from "./lyra42.js";
-function Z(a) {
-  return _() ? a.altKey : a.ctrlKey;
-}
-function A(a) {
-  return ee() ? a.metaKey : a.ctrlKey;
-}
-const re = 1e3;
-function se(a) {
-  let { keyboardDelegate: e, selectionManager: t, onTypeSelect: i } = a, r = P({
-    search: "",
-    timeout: null
-  }).current, s = (c) => {
-    let u = ne(c.key);
-    if (!u || c.ctrlKey || c.metaKey || !c.currentTarget.contains(c.target))
-      return;
-    u === " " && r.search.trim().length > 0 && (c.preventDefault(), "continuePropagation" in c || c.stopPropagation()), r.search += u;
-    let f = e.getKeyForSearch(r.search, t.focusedKey);
-    f == null && (f = e.getKeyForSearch(r.search)), f != null && (t.setFocusedKey(f), i && i(f)), clearTimeout(r.timeout), r.timeout = setTimeout(() => {
-      r.search = "";
-    }, re);
-  };
-  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 ne(a) {
-  return a.length === 1 || !/^[A-Z]/i.test(a) ? a : "";
-}
-function ae(a) {
-  let { selectionManager: e, keyboardDelegate: t, ref: i, autoFocus: r = !1, shouldFocusWrap: s = !1, disallowEmptySelection: c = !1, disallowSelectAll: u = !1, selectOnFocus: f = e.selectionBehavior === "replace", disallowTypeAhead: B = !1, shouldUseVirtualFocus: K, allowsTabNavigation: m = !1, isVirtualized: p, scrollRef: h = i } = a, { direction: y } = oe(), v = (o) => {
-    if (o.altKey && o.key === "Tab" && o.preventDefault(), !i.current.contains(o.target))
-      return;
-    const d = (n, D) => {
-      n != null && (e.setFocusedKey(n, D), o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && !Z(o) && e.replaceSelection(n));
-    };
-    switch (o.key) {
-      case "ArrowDown":
-        if (t.getKeyBelow) {
-          var w, l;
-          o.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyBelow(e.focusedKey) : (w = t.getFirstKey) === null || w === void 0 ? void 0 : w.call(t);
-          n == null && s && (n = (l = t.getFirstKey) === null || l === void 0 ? void 0 : l.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowUp":
-        if (t.getKeyAbove) {
-          var S, F;
-          o.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyAbove(e.focusedKey) : (S = t.getLastKey) === null || S === void 0 ? void 0 : S.call(t);
-          n == null && s && (n = (F = t.getLastKey) === null || F === void 0 ? void 0 : F.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowLeft":
-        if (t.getKeyLeftOf) {
-          var E, R;
-          o.preventDefault();
-          let n = t.getKeyLeftOf(e.focusedKey);
-          n == null && s && (n = y === "rtl" ? (E = t.getFirstKey) === null || E === void 0 ? void 0 : E.call(t, e.focusedKey) : (R = t.getLastKey) === null || R === void 0 ? void 0 : R.call(t, e.focusedKey)), d(n, y === "rtl" ? "first" : "last");
-        }
-        break;
-      case "ArrowRight":
-        if (t.getKeyRightOf) {
-          var N, L;
-          o.preventDefault();
-          let n = t.getKeyRightOf(e.focusedKey);
-          n == null && s && (n = y === "rtl" ? (N = t.getLastKey) === null || N === void 0 ? void 0 : N.call(t, e.focusedKey) : (L = t.getFirstKey) === null || L === void 0 ? void 0 : L.call(t, e.focusedKey)), d(n, y === "rtl" ? "last" : "first");
-        }
-        break;
-      case "Home":
-        if (t.getFirstKey) {
-          o.preventDefault();
-          let n = t.getFirstKey(e.focusedKey, A(o));
-          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
-        }
-        break;
-      case "End":
-        if (t.getLastKey) {
-          o.preventDefault();
-          let n = t.getLastKey(e.focusedKey, A(o));
-          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
-        }
-        break;
-      case "PageDown":
-        if (t.getKeyPageBelow) {
-          o.preventDefault();
-          let n = t.getKeyPageBelow(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "PageUp":
-        if (t.getKeyPageAbove) {
-          o.preventDefault();
-          let n = t.getKeyPageAbove(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "a":
-        A(o) && e.selectionMode === "multiple" && u !== !0 && (o.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        o.preventDefault(), c || e.clearSelection();
-        break;
-      case "Tab":
-        if (!m) {
-          if (o.shiftKey)
-            i.current.focus();
-          else {
-            let n = J(i.current, {
-              tabbable: !0
-            }), D, O;
-            do
-              O = n.lastChild(), O && (D = O);
-            while (O);
-            D && !D.contains(document.activeElement) && Y(D);
-          }
-          break;
-        }
-    }
-  }, b = P({
-    top: 0,
-    left: 0
-  });
-  Q(h, "scroll", p ? null : () => {
-    b.current = {
-      top: h.current.scrollTop,
-      left: h.current.scrollLeft
-    };
-  });
-  let $ = (o) => {
-    if (e.isFocused) {
-      o.currentTarget.contains(o.target) || e.setFocused(!1);
-      return;
-    }
-    if (o.currentTarget.contains(o.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        let l = (F) => {
-          F != null && (e.setFocusedKey(F), f && e.replaceSelection(F));
-        }, S = o.relatedTarget;
-        var d, w;
-        S && o.currentTarget.compareDocumentPosition(S) & Node.DOCUMENT_POSITION_FOLLOWING ? l((d = e.lastSelectedKey) !== null && d !== void 0 ? d : t.getLastKey()) : l((w = e.firstSelectedKey) !== null && w !== void 0 ? w : t.getFirstKey());
-      } else
-        p || (h.current.scrollTop = b.current.top, h.current.scrollLeft = b.current.left);
-      if (!p && e.focusedKey != null) {
-        let l = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
-        l && (l.contains(document.activeElement) || Y(l), X() === "keyboard" && W(l, {
-          containingElement: i.current
-        }));
-      }
-    }
-  }, x = (o) => {
-    o.currentTarget.contains(o.relatedTarget) || e.setFocused(!1);
-  };
-  const T = P(r);
-  V(() => {
-    if (T.current) {
-      let o = null;
-      r === "first" && (o = t.getFirstKey()), r === "last" && (o = t.getLastKey());
-      let d = e.selectedKeys;
-      d.size && (o = d.values().next().value), e.setFocused(!0), e.setFocusedKey(o), o == null && !K && U(i.current);
-    }
-    T.current = !1;
-  }, []);
-  let C = P(e.focusedKey);
-  V(() => {
-    let o = X();
-    if (e.isFocused && e.focusedKey != null && (h != null && h.current)) {
-      let d = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
-      d && o === "keyboard" && (p || k(h.current, d), W(d, {
-        containingElement: i.current
-      }));
-    }
-    e.isFocused && e.focusedKey == null && C.current != null && U(i.current), C.current = e.focusedKey;
-  }, [
-    p,
-    h,
-    e.focusedKey,
-    e.isFocused,
-    i
-  ]);
-  let g = {
-    onKeyDown: v,
-    onFocus: $,
-    onBlur: x,
-    onMouseDown(o) {
-      h.current === o.target && o.preventDefault();
-    }
-  }, { typeSelectProps: M } = se({
-    keyboardDelegate: t,
-    selectionManager: e
-  });
-  B || (g = G(M, g));
-  let I;
-  return K || (I = e.focusedKey == null ? 0 : -1), {
-    collectionProps: {
-      ...g,
-      tabIndex: I
-    }
+import { useEffect as b } from "react";
+import { useToggle as $ } from "./lyra70.js";
+import { filterDOMProps as u, mergeProps as p } from "./lyra56.js";
+import { useField as P } from "./lyra71.js";
+import { useToggleState as m } from "./lyra72.js";
+function g(e, i, a) {
+  let { inputProps: d, isSelected: r, isPressed: s, isDisabled: o, isReadOnly: l } = $(e, i, a), { isIndeterminate: n } = e;
+  return b(() => {
+    a.current && (a.current.indeterminate = n);
+  }), {
+    inputProps: {
+      ...d,
+      checked: r
+    },
+    isSelected: r,
+    isPressed: s,
+    isDisabled: o,
+    isReadOnly: l
   };
 }
-function pe(a) {
-  let { selectionManager: e, key: t, ref: i, shouldSelectOnPressUp: r, shouldUseVirtualFocus: s, focus: c, isDisabled: u, onAction: f, allowsDifferentPressOrigin: B } = a, K = (l) => {
-    if (l.pointerType === "keyboard" && Z(l))
-      e.toggleSelection(t);
-    else {
-      if (e.selectionMode === "none")
-        return;
-      e.selectionMode === "single" ? e.isSelected(t) && !e.disallowEmptySelection ? e.toggleSelection(t) : e.replaceSelection(t) : l && l.shiftKey ? e.extendSelection(t) : e.selectionBehavior === "toggle" || l && (A(l) || l.pointerType === "touch" || l.pointerType === "virtual") ? e.toggleSelection(t) : e.replaceSelection(t);
-    }
-  };
-  V(() => {
-    t === e.focusedKey && e.isFocused && !s && (c ? c() : document.activeElement !== i.current && U(i.current));
-  }, [
-    i,
-    t,
-    e.focusedKey,
-    e.childFocusStrategy,
-    e.isFocused,
-    s
-  ]), u = u || e.isDisabled(t);
-  let m = {};
-  !s && !u ? m = {
-    tabIndex: t === e.focusedKey ? 0 : -1,
-    onFocus(l) {
-      l.target === i.current && e.setFocusedKey(t);
-    }
-  } : u && (m.onMouseDown = (l) => {
-    l.preventDefault();
+const c = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap();
+function k(e, i) {
+  let { isDisabled: a, name: d } = e, { labelProps: r, fieldProps: s, descriptionProps: o, errorMessageProps: l } = P({
+    ...e,
+    // Checkbox group is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
   });
-  let p = !u && e.canSelectItem(t), h = f && !u, y = h && (e.selectionBehavior === "replace" ? !p : e.isEmpty), v = h && p && e.selectionBehavior === "replace", b = y || v, $ = P(null), x = b && p, T = P(!1), C = P(!1), g = {};
-  r ? (g.onPressStart = (l) => {
-    $.current = l.pointerType, T.current = x, l.pointerType === "keyboard" && (!b || H()) && K(l);
-  }, B ? (g.onPressUp = (l) => {
-    l.pointerType !== "keyboard" && K(l);
-  }, g.onPress = y ? () => f() : null) : g.onPress = (l) => {
-    if (y || v && l.pointerType !== "mouse") {
-      if (l.pointerType === "keyboard" && !q())
-        return;
-      f();
-    } else
-      l.pointerType !== "keyboard" && K(l);
-  }) : (g.onPressStart = (l) => {
-    $.current = l.pointerType, T.current = x, C.current = y, (l.pointerType === "mouse" && !y || l.pointerType === "keyboard" && (!f || H())) && K(l);
-  }, g.onPress = (l) => {
-    (l.pointerType === "touch" || l.pointerType === "pen" || l.pointerType === "virtual" || l.pointerType === "keyboard" && b && q() || l.pointerType === "mouse" && C.current) && (b ? f() : K(l));
-  }), m["data-key"] = t, g.preventFocusOnPress = s;
-  let { pressProps: M, isPressed: I } = te(g), o = v ? (l) => {
-    $.current === "mouse" && (l.stopPropagation(), l.preventDefault(), f());
-  } : void 0, { longPressProps: d } = le({
-    isDisabled: !x,
-    onLongPress(l) {
-      l.pointerType === "touch" && (K(l), e.setSelectionBehavior("toggle"));
-    }
+  t.set(i, o.id), f.set(i, l.id);
+  let n = u(e, {
+    labelable: !0
   });
-  return {
-    itemProps: G(m, p || y ? M : {}, x ? d : {}, {
-      onDoubleClick: o,
-      onDragStartCapture: (l) => {
-        $.current === "touch" && T.current && l.preventDefault();
-      }
+  return c.set(i, d), {
+    groupProps: p(n, {
+      role: "group",
+      "aria-disabled": a || void 0,
+      ...s
     }),
-    isPressed: I,
-    isSelected: e.isSelected(t),
-    isFocused: e.isFocused && e.focusedKey === t,
-    isDisabled: u,
-    allowsSelection: p,
-    hasAction: b
+    labelProps: r,
+    descriptionProps: o,
+    errorMessageProps: l
   };
 }
-function q() {
-  let a = window.event;
-  return (a == null ? void 0 : a.key) === "Enter";
-}
-function H() {
-  let a = window.event;
-  return (a == null ? void 0 : a.key) === " " || (a == null ? void 0 : a.code) === "Space";
-}
-class ce {
-  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);
+function M(e, i, a) {
+  const d = m({
+    isReadOnly: e.isReadOnly || i.isReadOnly,
+    isSelected: i.isSelected(e.value),
+    onChange(s) {
+      s ? i.addValue(e.value) : i.removeValue(e.value), e.onChange && e.onChange(s);
     }
-    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, i) {
-    let r = this.getItem(e);
-    if (!r)
-      return null;
-    let s = r.getBoundingClientRect();
-    do
-      e = t(e), r = this.getItem(e);
-    while (r && i(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, i = this.getItem(e);
-    if (!i)
-      return null;
-    if (!z(t))
-      return this.getFirstKey();
-    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let c = r.x - t.scrollLeft, u = Math.max(0, s.x - c + s.width - r.width);
-      for (; i && s.x - c > u; )
-        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    } else {
-      let c = r.y - t.scrollTop, u = Math.max(0, s.y - c + s.height - r.height);
-      for (; i && s.y - c > u; )
-        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    }
-    return e ?? this.getFirstKey();
-  }
-  getKeyPageBelow(e) {
-    let t = this.ref.current, i = this.getItem(e);
-    if (!i)
-      return null;
-    if (!z(t))
-      return this.getLastKey();
-    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let c = r.x - t.scrollLeft, u = Math.min(t.scrollWidth, s.x - c - s.width + r.width);
-      for (; i && s.x - c < u; )
-        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    } else {
-      let c = r.y - t.scrollTop, u = Math.min(t.scrollHeight, s.y - c - s.height + r.height);
-      for (; i && s.y - c < u; )
-        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    }
-    return e ?? this.getLastKey();
-  }
-  getKeyForSearch(e, t) {
-    if (!this.collator)
-      return null;
-    let i = this.collection, r = t || this.getFirstKey();
-    for (; r != null; ) {
-      let s = i.getItem(r), c = s.textValue.slice(0, e.length);
-      if (s.textValue && this.collator.compare(c, 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.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 ge(a) {
-  let { selectionManager: e, collection: t, disabledKeys: i, ref: r, keyboardDelegate: s, autoFocus: c, shouldFocusWrap: u, isVirtualized: f, disallowEmptySelection: B, selectOnFocus: K = e.selectionBehavior === "replace", disallowTypeAhead: m, shouldUseVirtualFocus: p, allowsTabNavigation: h } = a, y = ie({
-    usage: "search",
-    sensitivity: "base"
-  }), v = e.disabledBehavior, b = j(() => s || new ce(t, v === "selection" ? /* @__PURE__ */ new Set() : i, r, y), [
-    s,
-    t,
-    i,
-    r,
-    y,
-    v
-  ]), { collectionProps: $ } = ae({
-    ref: r,
-    selectionManager: e,
-    keyboardDelegate: b,
-    autoFocus: c,
-    shouldFocusWrap: u,
-    disallowEmptySelection: B,
-    selectOnFocus: K,
-    disallowTypeAhead: m,
-    shouldUseVirtualFocus: p,
-    allowsTabNavigation: h,
-    isVirtualized: f,
-    scrollRef: r
   });
+  let r = g({
+    ...e,
+    isReadOnly: e.isReadOnly || i.isReadOnly,
+    isDisabled: e.isDisabled || i.isDisabled,
+    name: e.name || c.get(i)
+  }, d, a);
   return {
-    listProps: $
+    ...r,
+    inputProps: {
+      ...r.inputProps,
+      "aria-describedby": [
+        e["aria-describedby"],
+        i.validationState === "invalid" ? f.get(i) : null,
+        t.get(i)
+      ].filter(Boolean).join(" ") || void 0
+    }
   };
 }
 export {
-  ce as ListKeyboardDelegate,
-  ae as useSelectableCollection,
-  pe as useSelectableItem,
-  ge as useSelectableList,
-  se as useTypeSelect
+  g as useCheckbox,
+  k as useCheckboxGroup,
+  M as useCheckboxGroupItem
 };