@new-black/lyra 1.1.4 → 1.1.5

package/dist/lyra245.js

@@ -1,45 +1,514 @@
-var e = {};
-e = {
-  dragDescriptionKeyboard: "按 Enter 鍵以開始拖曳。",
-  dragDescriptionKeyboardAlt: "按 Alt+Enter 鍵以開始拖曳。",
-  dragDescriptionLongPress: "長按以開始拖曳。",
-  dragDescriptionTouch: "輕點兩下以開始拖曳。",
-  dragDescriptionVirtual: "按一下滑鼠以開始拖曳。",
-  dragItem: (u) => `拖曳「${u.itemText}」`,
-  dragSelectedItems: (u, E) => `拖曳 ${E.plural(u.count, {
-    one: () => `${E.number(u.count)} 個選定項目`,
-    other: () => `${E.number(u.count)} 個選定項目`
-  })}`,
-  dragSelectedKeyboard: (u, E) => `按 Enter 鍵以拖曳 ${E.plural(u.count, {
-    one: () => `${E.number(u.count)} 個選定項目`,
-    other: () => `${E.number(u.count)} 個選定項目`
-  })}。`,
-  dragSelectedKeyboardAlt: (u, E) => `按 Alt+Enter 鍵以拖曳 ${E.plural(u.count, {
-    one: () => `${E.number(u.count)} 個選定項目`,
-    other: () => `${E.number(u.count)} 個選定項目`
-  })}。`,
-  dragSelectedLongPress: (u, E) => `長按以拖曳 ${E.plural(u.count, {
-    one: () => `${E.number(u.count)} 個選定項目`,
-    other: () => `${E.number(u.count)} 個選定項目`
-  })}。`,
-  dragStartedKeyboard: "已開始拖曳。按 Tab 鍵以瀏覽至放置目標，然後按 Enter 鍵以放置，或按 Escape 鍵以取消。",
-  dragStartedTouch: "已開始拖曳。瀏覽至放置目標，然後輕點兩下以放置。",
-  dragStartedVirtual: "已開始拖曳。瀏覽至放置目標，然後按一下滑鼠或按 Enter 鍵以放置。",
-  dropCanceled: "放置已取消。",
-  dropComplete: "放置已完成。",
-  dropDescriptionKeyboard: "按 Enter 鍵以放置。按 Escape 鍵以取消拖曳。",
-  dropDescriptionTouch: "輕點兩下以放置。",
-  dropDescriptionVirtual: "按一下滑鼠以放置。",
-  dropIndicator: "放置指示器",
-  dropOnItem: (u) => `放置在「${u.itemText}」上`,
-  dropOnRoot: "放置在",
-  endDragKeyboard: "拖曳中。按 Enter 鍵以取消拖曳。",
-  endDragTouch: "拖曳中。輕點兩下以取消拖曳。",
-  endDragVirtual: "拖曳中。按一下滑鼠以取消拖曳。",
-  insertAfter: (u) => `插入至「${u.itemText}」之後`,
-  insertBefore: (u) => `插入至「${u.itemText}」之前`,
-  insertBetween: (u) => `插入至「${u.beforeItemText}」和「${u.afterItemText}」之間`
+import U from "./lyra583.js";
+import G from "./lyra584.js";
+import W from "./lyra585.js";
+import q from "./lyra586.js";
+import Y from "./lyra587.js";
+import j from "./lyra588.js";
+import J from "./lyra589.js";
+import Z from "./lyra590.js";
+import Q from "./lyra591.js";
+import X from "./lyra592.js";
+import ee from "./lyra593.js";
+import te from "./lyra594.js";
+import ie from "./lyra595.js";
+import oe from "./lyra596.js";
+import re from "./lyra597.js";
+import le from "./lyra598.js";
+import ne from "./lyra599.js";
+import ce from "./lyra600.js";
+import se from "./lyra601.js";
+import ae from "./lyra602.js";
+import de from "./lyra603.js";
+import fe from "./lyra604.js";
+import ue from "./lyra605.js";
+import me from "./lyra606.js";
+import he from "./lyra607.js";
+import pe from "./lyra608.js";
+import ge from "./lyra609.js";
+import be from "./lyra610.js";
+import $e from "./lyra611.js";
+import xe from "./lyra612.js";
+import ye from "./lyra613.js";
+import ve from "./lyra614.js";
+import we from "./lyra615.js";
+import Ke from "./lyra616.js";
+import { getNthItem as $, getChildNodes as p, getLastItem as S, getFirstItem as I } from "./lyra249.js";
+import { Rect as Ie } from "./lyra617.js";
+import { useId as N, filterDOMProps as Me, mergeProps as V, useUpdateEffect as Pe, useDescription as Ce, scrollIntoViewport as x, getScrollParent as y } from "./lyra107.js";
+import { useMemo as _, useCallback as Re, useRef as B } from "react";
+import { useHasTabbableChild as Se, getFocusableTreeWalker as E, focusSafely as g } from "./lyra121.js";
+import { useSelectableCollection as Ae, useSelectableItem as H } from "./lyra246.js";
+import { announce as De } from "./lyra158.js";
+import { useInteractionModality as _e, isFocusVisible as Fe } from "./lyra122.js";
+import { useCollator as ke, useLocale as O, useLocalizedStringFormatter as F } from "./lyra92.js";
+function k(l) {
+  return l && l.__esModule ? l.default : l;
+}
+class ze {
+  isCell(e) {
+    return e.type === "cell";
+  }
+  isRow(e) {
+    return e.type === "row" || e.type === "item";
+  }
+  findPreviousKey(e, t) {
+    let i = e != null ? this.collection.getKeyBefore(e) : this.collection.getLastKey();
+    for (; i != null; ) {
+      let o = this.collection.getItem(i);
+      if (!this.disabledKeys.has(i) && (!t || t(o))) return i;
+      i = this.collection.getKeyBefore(i);
+    }
+  }
+  findNextKey(e, t) {
+    let i = e != null ? this.collection.getKeyAfter(e) : this.collection.getFirstKey();
+    for (; i != null; ) {
+      let o = this.collection.getItem(i);
+      if (!this.disabledKeys.has(i) && (!t || t(o))) return i;
+      i = this.collection.getKeyAfter(i);
+    }
+  }
+  getKeyBelow(e) {
+    let t = this.collection.getItem(e);
+    if (t && (this.isCell(t) && (e = t.parentKey), e = this.findNextKey(e), e != null)) {
+      if (this.isCell(t)) {
+        let i = this.collection.getItem(e);
+        return $(p(i, this.collection), t.index).key;
+      }
+      if (this.focusMode === "row") return e;
+    }
+  }
+  getKeyAbove(e) {
+    let t = this.collection.getItem(e);
+    if (t && (this.isCell(t) && (e = t.parentKey), e = this.findPreviousKey(e), e != null)) {
+      if (this.isCell(t)) {
+        let i = this.collection.getItem(e);
+        return $(p(i, this.collection), t.index).key;
+      }
+      if (this.focusMode === "row") return e;
+    }
+  }
+  getKeyRightOf(e) {
+    let t = this.collection.getItem(e);
+    if (t) {
+      if (this.isRow(t)) {
+        let i = p(t, this.collection);
+        return this.direction === "rtl" ? S(i).key : I(i).key;
+      }
+      if (this.isCell(t)) {
+        let i = this.collection.getItem(t.parentKey), o = p(i, this.collection), r = this.direction === "rtl" ? $(o, t.index - 1) : $(o, t.index + 1);
+        return r ? r.key : this.focusMode === "row" ? t.parentKey : this.direction === "rtl" ? this.getFirstKey(e) : this.getLastKey(e);
+      }
+    }
+  }
+  getKeyLeftOf(e) {
+    let t = this.collection.getItem(e);
+    if (t) {
+      if (this.isRow(t)) {
+        let i = p(t, this.collection);
+        return this.direction === "rtl" ? I(i).key : S(i).key;
+      }
+      if (this.isCell(t)) {
+        let i = this.collection.getItem(t.parentKey), o = p(i, this.collection), r = this.direction === "rtl" ? $(o, t.index + 1) : $(o, t.index - 1);
+        return r ? r.key : this.focusMode === "row" ? t.parentKey : this.direction === "rtl" ? this.getLastKey(e) : this.getFirstKey(e);
+      }
+    }
+  }
+  getFirstKey(e, t) {
+    let i;
+    if (e != null) {
+      if (i = this.collection.getItem(e), !i) return;
+      if (this.isCell(i) && !t) {
+        let o = this.collection.getItem(i.parentKey);
+        return I(p(o, this.collection)).key;
+      }
+    }
+    if (e = this.findNextKey(), e != null && i && this.isCell(i) && t || this.focusMode === "cell") {
+      let o = this.collection.getItem(e);
+      e = I(p(o, this.collection)).key;
+    }
+    return e;
+  }
+  getLastKey(e, t) {
+    let i;
+    if (e != null) {
+      if (i = this.collection.getItem(e), !i) return;
+      if (this.isCell(i) && !t) {
+        let o = this.collection.getItem(i.parentKey), r = p(o, this.collection);
+        return S(r).key;
+      }
+    }
+    if (e = this.findPreviousKey(), e != null && i && this.isCell(i) && t || this.focusMode === "cell") {
+      let o = this.collection.getItem(e), r = p(o, this.collection);
+      e = S(r).key;
+    }
+    return e;
+  }
+  getItem(e) {
+    return this.ref.current.querySelector(`[data-key="${CSS.escape(e.toString())}"]`);
+  }
+  getItemRect(e) {
+    var t;
+    if (this.layout) return (t = this.layout.getLayoutInfo(e)) === null || t === void 0 ? void 0 : t.rect;
+    let i = this.getItem(e);
+    if (i) return new Ie(i.offsetLeft, i.offsetTop, i.offsetWidth, i.offsetHeight);
+  }
+  getPageHeight() {
+    var e, t, i;
+    return this.layout ? (e = this.layout.virtualizer) === null || e === void 0 ? void 0 : e.visibleRect.height : (i = this.ref) === null || i === void 0 || (t = i.current) === null || t === void 0 ? void 0 : t.offsetHeight;
+  }
+  getContentHeight() {
+    var e, t;
+    return this.layout ? this.layout.getContentSize().height : (t = this.ref) === null || t === void 0 || (e = t.current) === null || e === void 0 ? void 0 : e.scrollHeight;
+  }
+  getKeyPageAbove(e) {
+    let t = this.getItemRect(e);
+    if (!t) return null;
+    let i = Math.max(0, t.maxY - this.getPageHeight());
+    for (; t && t.y > i; )
+      e = this.getKeyAbove(e), t = this.getItemRect(e);
+    return e;
+  }
+  getKeyPageBelow(e) {
+    let t = this.getItemRect(e);
+    if (!t) return null;
+    let i = this.getPageHeight(), o = Math.min(this.getContentHeight(), t.y + i);
+    for (; t && t.maxY < o; ) {
+      let r = this.getKeyBelow(e);
+      t = this.getItemRect(r), r != null && (e = r);
+    }
+    return e;
+  }
+  getKeyForSearch(e, t) {
+    if (!this.collator) return null;
+    let i = this.collection, o = t ?? this.getFirstKey(), r = i.getItem(o);
+    r.type === "cell" && (o = r.parentKey);
+    let f = !1;
+    for (; o != null; ) {
+      let s = i.getItem(o);
+      if (s.textValue) {
+        let c = s.textValue.slice(0, e.length);
+        if (this.collator.compare(c, e) === 0)
+          return this.isRow(s) && this.focusMode === "cell" ? I(p(s, this.collection)).key : s.key;
+      }
+      o = this.findNextKey(o), o == null && !f && (o = this.getFirstKey(), f = !0);
+    }
+    return null;
+  }
+  constructor(e) {
+    this.collection = e.collection, this.disabledKeys = e.disabledKeys, this.ref = e.ref, this.direction = e.direction, this.collator = e.collator, this.layout = e.layout, this.focusMode = e.focusMode || "row";
+  }
+}
+const z = /* @__PURE__ */ new WeakMap();
+var A = {};
+A = {
+  "ar-AE": U,
+  "bg-BG": G,
+  "cs-CZ": W,
+  "da-DK": q,
+  "de-DE": Y,
+  "el-GR": j,
+  "en-US": J,
+  "es-ES": Z,
+  "et-EE": Q,
+  "fi-FI": X,
+  "fr-FR": ee,
+  "he-IL": te,
+  "hr-HR": ie,
+  "hu-HU": oe,
+  "it-IT": re,
+  "ja-JP": le,
+  "ko-KR": ne,
+  "lt-LT": ce,
+  "lv-LV": se,
+  "nb-NO": ae,
+  "nl-NL": de,
+  "pl-PL": fe,
+  "pt-BR": ue,
+  "pt-PT": me,
+  "ro-RO": he,
+  "ru-RU": pe,
+  "sk-SK": ge,
+  "sl-SI": be,
+  "sr-SP": $e,
+  "sv-SE": xe,
+  "tr-TR": ye,
+  "uk-UA": ve,
+  "zh-CN": we,
+  "zh-TW": Ke
 };
+function Te(l, e) {
+  let { getRowText: t = (f) => {
+    var s, c, h, a;
+    return (a = (s = (c = e.collection).getTextValue) === null || s === void 0 ? void 0 : s.call(c, f)) !== null && a !== void 0 ? a : (h = e.collection.getItem(f)) === null || h === void 0 ? void 0 : h.textValue;
+  } } = l, i = F(/* @__PURE__ */ k(A), "@react-aria/grid"), o = e.selectionManager.rawSelection, r = B(o);
+  Pe(() => {
+    var f;
+    if (!e.selectionManager.isFocused) {
+      r.current = o;
+      return;
+    }
+    let s = L(o, r.current), c = L(r.current, o), h = e.selectionManager.selectionBehavior === "replace", a = [];
+    if (e.selectionManager.selectedKeys.size === 1 && h) {
+      if (e.collection.getItem(e.selectionManager.selectedKeys.keys().next().value)) {
+        let m = t(e.selectionManager.selectedKeys.keys().next().value);
+        m && a.push(i.format("selectedItem", {
+          item: m
+        }));
+      }
+    } else if (s.size === 1 && c.size === 0) {
+      let m = t(s.keys().next().value);
+      m && a.push(i.format("selectedItem", {
+        item: m
+      }));
+    } else if (c.size === 1 && s.size === 0 && e.collection.getItem(c.keys().next().value)) {
+      let m = t(c.keys().next().value);
+      m && a.push(i.format("deselectedItem", {
+        item: m
+      }));
+    }
+    e.selectionManager.selectionMode === "multiple" && (a.length === 0 || o === "all" || o.size > 1 || r.current === "all" || ((f = r.current) === null || f === void 0 ? void 0 : f.size) > 1) && a.push(o === "all" ? i.format("selectedAll") : i.format("selectedCount", {
+      count: o.size
+    })), a.length > 0 && De(a.join(" ")), r.current = o;
+  }, [
+    o
+  ]);
+}
+function L(l, e) {
+  let t = /* @__PURE__ */ new Set();
+  if (l === "all" || e === "all") return t;
+  for (let i of l.keys()) e.has(i) || t.add(i);
+  return t;
+}
+function Ee(l) {
+  let e = F(/* @__PURE__ */ k(A), "@react-aria/grid"), t = _e(), i = (t === "pointer" || t === "virtual" || t == null) && typeof window < "u" && "ontouchstart" in window, o = _(() => {
+    let f = l.selectionManager.selectionMode, s = l.selectionManager.selectionBehavior, c;
+    return i && (c = e.format("longPressToSelect")), s === "replace" && f !== "none" && l.hasItemActions ? c : void 0;
+  }, [
+    l.selectionManager.selectionMode,
+    l.selectionManager.selectionBehavior,
+    l.hasItemActions,
+    e,
+    i
+  ]);
+  return Ce(o);
+}
+function Ct(l, e, t) {
+  let { isVirtualized: i, keyboardDelegate: o, focusMode: r, scrollRef: f, getRowText: s, onRowAction: c, onCellAction: h } = l, { selectionManager: a } = e;
+  !l["aria-label"] && !l["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let m = ke({
+    usage: "search",
+    sensitivity: "base"
+  }), { direction: v } = O(), M = e.selectionManager.disabledBehavior, P = _(() => o || new ze({
+    collection: e.collection,
+    disabledKeys: M === "selection" ? /* @__PURE__ */ new Set() : e.disabledKeys,
+    ref: t,
+    direction: v,
+    collator: m,
+    focusMode: r
+  }), [
+    o,
+    e.collection,
+    e.disabledKeys,
+    M,
+    t,
+    v,
+    m,
+    r
+  ]), { collectionProps: C } = Ae({
+    ref: t,
+    selectionManager: a,
+    keyboardDelegate: P,
+    isVirtualized: i,
+    scrollRef: f
+  }), T = N(l.id);
+  z.set(e, {
+    keyboardDelegate: P,
+    actions: {
+      onRowAction: c,
+      onCellAction: h
+    }
+  });
+  let b = Ee({
+    selectionManager: a,
+    hasItemActions: !!(c || h)
+  }), w = Me(l, {
+    labelable: !0
+  }), n = Re((R) => {
+    if (a.isFocused) {
+      R.currentTarget.contains(R.target) || a.setFocused(!1);
+      return;
+    }
+    R.currentTarget.contains(R.target) && a.setFocused(!0);
+  }, [
+    a
+  ]), u = _(() => ({
+    onBlur: C.onBlur,
+    onFocus: n
+  }), [
+    n,
+    C.onBlur
+  ]), d = Se(t, {
+    isDisabled: e.collection.size !== 0
+  }), K = V(
+    w,
+    {
+      role: "grid",
+      id: T,
+      "aria-multiselectable": a.selectionMode === "multiple" ? "true" : void 0
+    },
+    e.isKeyboardNavigationDisabled ? u : C,
+    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    e.collection.size === 0 && {
+      tabIndex: d ? -1 : 0
+    },
+    b
+  );
+  return i && (K["aria-rowcount"] = e.collection.size, K["aria-colcount"] = e.collection.columnCount), Te({
+    getRowText: s
+  }, e), {
+    gridProps: K
+  };
+}
+function Rt() {
+  return {
+    rowGroupProps: {
+      role: "rowgroup"
+    }
+  };
+}
+function St(l, e, t) {
+  let { node: i, isVirtualized: o, shouldSelectOnPressUp: r, onAction: f } = l, { actions: { onRowAction: s } } = z.get(e), { itemProps: c, ...h } = H({
+    selectionManager: e.selectionManager,
+    key: i.key,
+    ref: t,
+    isVirtualized: o,
+    shouldSelectOnPressUp: r,
+    onAction: s ? () => s(i.key) : f,
+    isDisabled: e.collection.size === 0
+  }), a = e.selectionManager.isSelected(i.key), m = {
+    role: "row",
+    "aria-selected": e.selectionManager.selectionMode !== "none" ? a : void 0,
+    "aria-disabled": h.isDisabled || void 0,
+    ...c
+  };
+  return o && (m["aria-rowindex"] = i.index + 1), {
+    rowProps: m,
+    ...h
+  };
+}
+function At(l, e, t) {
+  let { node: i, isVirtualized: o, focusMode: r = "child", shouldSelectOnPressUp: f, onAction: s } = l, { direction: c } = O(), { keyboardDelegate: h, actions: { onCellAction: a } } = z.get(e), m = B(null), v = () => {
+    let n = E(t.current);
+    if (r === "child") {
+      if (t.current.contains(document.activeElement) && t.current !== document.activeElement) return;
+      let u = e.selectionManager.childFocusStrategy === "last" ? D(n) : n.firstChild();
+      if (u) {
+        g(u);
+        return;
+      }
+    }
+    (m.current != null && i.key !== m.current || !t.current.contains(document.activeElement)) && g(t.current);
+  }, { itemProps: M, isPressed: P } = H({
+    selectionManager: e.selectionManager,
+    key: i.key,
+    ref: t,
+    isVirtualized: o,
+    focus: v,
+    shouldSelectOnPressUp: f,
+    onAction: a ? () => a(i.key) : s,
+    isDisabled: e.collection.size === 0
+  }), b = V(M, {
+    role: "gridcell",
+    onKeyDownCapture: (n) => {
+      if (!n.currentTarget.contains(n.target) || e.isKeyboardNavigationDisabled) return;
+      let u = E(t.current);
+      switch (u.currentNode = document.activeElement, n.key) {
+        case "ArrowLeft": {
+          let d = c === "rtl" ? u.nextNode() : u.previousNode();
+          if (r === "child" && d === t.current && (d = null), d)
+            n.preventDefault(), n.stopPropagation(), g(d), x(d, {
+              containingElement: y(t.current)
+            });
+          else {
+            if (h.getKeyLeftOf(i.key) !== i.key) break;
+            n.preventDefault(), n.stopPropagation(), r === "cell" && c === "rtl" ? (g(t.current), x(t.current, {
+              containingElement: y(t.current)
+            })) : (u.currentNode = t.current, d = c === "rtl" ? u.firstChild() : D(u), d && (g(d), x(d, {
+              containingElement: y(t.current)
+            })));
+          }
+          break;
+        }
+        case "ArrowRight": {
+          let d = c === "rtl" ? u.previousNode() : u.nextNode();
+          if (r === "child" && d === t.current && (d = null), d)
+            n.preventDefault(), n.stopPropagation(), g(d), x(d, {
+              containingElement: y(t.current)
+            });
+          else {
+            if (h.getKeyRightOf(i.key) !== i.key) break;
+            n.preventDefault(), n.stopPropagation(), r === "cell" && c === "ltr" ? (g(t.current), x(t.current, {
+              containingElement: y(t.current)
+            })) : (u.currentNode = t.current, d = c === "rtl" ? D(u) : u.firstChild(), d && (g(d), x(d, {
+              containingElement: y(t.current)
+            })));
+          }
+          break;
+        }
+        case "ArrowUp":
+        case "ArrowDown":
+          !n.altKey && t.current.contains(n.target) && (n.stopPropagation(), n.preventDefault(), t.current.parentElement.dispatchEvent(new KeyboardEvent(n.nativeEvent.type, n.nativeEvent)));
+          break;
+      }
+    },
+    onFocus: (n) => {
+      if (m.current = i.key, n.target !== t.current) {
+        Fe() || e.selectionManager.setFocusedKey(i.key);
+        return;
+      }
+      requestAnimationFrame(() => {
+        r === "child" && document.activeElement === t.current && v();
+      });
+    }
+  });
+  var w;
+  return o && (b["aria-colindex"] = ((w = i.colIndex) !== null && w !== void 0 ? w : i.index) + 1), f && b.tabIndex != null && b.onPointerDown == null && (b.onPointerDown = (n) => {
+    let u = n.currentTarget, d = u.getAttribute("tabindex");
+    u.removeAttribute("tabindex"), requestAnimationFrame(() => {
+      u.setAttribute("tabindex", d);
+    });
+  }), {
+    gridCellProps: b,
+    isPressed: P
+  };
+}
+function D(l) {
+  let e, t;
+  do
+    t = l.lastChild(), t && (e = t);
+  while (t);
+  return e;
+}
+function Dt(l, e) {
+  let { key: t } = l, i = e.selectionManager, o = N(), r = !e.selectionManager.canSelectItem(t), f = e.selectionManager.isSelected(t), s = () => i.select(t);
+  const c = F(/* @__PURE__ */ k(A), "@react-aria/grid");
+  return {
+    checkboxProps: {
+      id: o,
+      "aria-label": c.format("select"),
+      isSelected: f,
+      isDisabled: r,
+      onChange: s
+    }
+  };
+}
 export {
-  e as default
+  ze as GridKeyboardDelegate,
+  Ct as useGrid,
+  At as useGridCell,
+  St as useGridRow,
+  Rt as useGridRowGroup,
+  Te as useGridSelectionAnnouncement,
+  Dt as useGridSelectionCheckbox,
+  Ee as useHighlightSelectionDescription
 };