@boxcustodia/library 1.7.1-canary.0 → 1.7.2

package/dist/index.es512.js

@@ -1,22 +1,62 @@
-import s from "./index.es700.js";
-import { useId as d } from "./index.es297.js";
-import { useLocalizedStringFormatter as f } from "./index.es501.js";
-function b(e) {
-  return e && e.__esModule ? e.default : e;
+import g from "./index.es702.js";
+import { announce as p } from "./index.es295.js";
+import { useUpdateEffect as $ } from "./index.es461.js";
+import { useEffectEvent as x } from "./index.es469.js";
+import { useLocalizedStringFormatter as v } from "./index.es505.js";
+import { useRef as _ } from "react";
+function y(o) {
+  return o && o.__esModule ? o.default : o;
 }
-function p(e, t) {
-  let { key: r } = e, a = t.selectionManager, o = d(), c = !t.selectionManager.canSelectItem(r), i = t.selectionManager.isSelected(r), l = () => a.toggleSelection(r);
-  const n = f(b(s), "@react-aria/grid");
-  return {
-    checkboxProps: {
-      id: o,
-      "aria-label": n.format("select"),
-      isSelected: i,
-      isDisabled: c,
-      onChange: l
+function F(o, e) {
+  let { getRowText: c = (r) => {
+    var s, f, u, l;
+    return (l = (s = (f = e.collection).getTextValue) === null || s === void 0 ? void 0 : s.call(f, r)) !== null && l !== void 0 ? l : (u = e.collection.getItem(r)) === null || u === void 0 ? void 0 : u.textValue;
+  } } = o, n = v(y(g), "@react-aria/grid"), t = e.selectionManager.rawSelection, a = _(t), d = x(() => {
+    var r;
+    if (!e.selectionManager.isFocused || t === a.current) {
+      a.current = t;
+      return;
     }
-  };
+    let s = m(t, a.current), f = m(a.current, t), u = e.selectionManager.selectionBehavior === "replace", l = [];
+    if (e.selectionManager.selectedKeys.size === 1 && u) {
+      if (e.collection.getItem(e.selectionManager.selectedKeys.keys().next().value)) {
+        let i = c(e.selectionManager.selectedKeys.keys().next().value);
+        i && l.push(n.format("selectedItem", {
+          item: i
+        }));
+      }
+    } else if (s.size === 1 && f.size === 0) {
+      let i = c(s.keys().next().value);
+      i && l.push(n.format("selectedItem", {
+        item: i
+      }));
+    } else if (f.size === 1 && s.size === 0 && e.collection.getItem(f.keys().next().value)) {
+      let i = c(f.keys().next().value);
+      i && l.push(n.format("deselectedItem", {
+        item: i
+      }));
+    }
+    e.selectionManager.selectionMode === "multiple" && (l.length === 0 || t === "all" || t.size > 1 || a.current === "all" || ((r = a.current) === null || r === void 0 ? void 0 : r.size) > 1) && l.push(t === "all" ? n.format("selectedAll") : n.format("selectedCount", {
+      count: t.size
+    })), l.length > 0 && p(l.join(" ")), a.current = t;
+  });
+  $(() => {
+    if (e.selectionManager.isFocused) d();
+    else {
+      let r = requestAnimationFrame(d);
+      return () => cancelAnimationFrame(r);
+    }
+  }, [
+    t,
+    e.selectionManager.isFocused
+  ]);
+}
+function m(o, e) {
+  let c = /* @__PURE__ */ new Set();
+  if (o === "all" || e === "all") return c;
+  for (let n of o.keys()) e.has(n) || c.add(n);
+  return c;
 }
 export {
-  p as useGridSelectionCheckbox
+  F as useGridSelectionAnnouncement
 };

package/dist/index.es513.js

@@ -1,234 +1,36 @@
-import { getItemElement as V, useCollectionId as se, isNonContiguousSelectionModifier as H } from "./index.es514.js";
-import { useTypeSelect as ae } from "./index.es515.js";
-import { mergeProps as G } from "./index.es298.js";
-import { focusWithoutScrolling as j } from "./index.es458.js";
-import { useRouter as de } from "./index.es459.js";
-import { useUpdateLayoutEffect as q } from "./index.es465.js";
-import { useEvent as S } from "./index.es471.js";
-import { scrollIntoView as pe, scrollIntoViewport as J } from "./index.es473.js";
-import { useEffectEvent as Q } from "./index.es472.js";
-import { FOCUS_EVENT as ve, CLEAR_FOCUS_EVENT as ye } from "./index.es475.js";
-import { isCtrlKeyPressed as $ } from "./index.es476.js";
-import { flushSync as be } from "react-dom";
-import { useRef as K, useEffect as X } from "react";
-import { getInteractionModality as Y } from "./index.es480.js";
-import { focusSafely as Z } from "./index.es491.js";
-import { getFocusableTreeWalker as me } from "./index.es310.js";
-import { moveVirtualFocus as $e } from "./index.es498.js";
-import { useLocale as Ke } from "./index.es499.js";
-function Ne(g) {
-  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: h = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, escapeKeyBehavior: le = "clearSelection", selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: oe = !1, shouldUseVirtualFocus: y, allowsTabNavigation: te = !1, isVirtualized: B, scrollRef: s = i, linkBehavior: C = "action" } = g, { direction: x } = Ke(), re = de(), ce = (l) => {
-    var r;
-    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = i.current) === null || r === void 0) && r.contains(l.target))) return;
-    const c = (t, p) => {
-      if (t != null) {
-        if (e.isLink(t) && C === "selection" && b && !H(l)) {
-          be(() => {
-            e.setFocusedKey(t, p);
-          });
-          let v = V(i, t), W = e.getItemProps(t);
-          v && re.open(v, l, W.href, W.routerOptions);
-          return;
-        }
-        if (e.setFocusedKey(t, p), e.isLink(t) && C === "override") return;
-        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
-      }
-    };
-    switch (l.key) {
-      case "ArrowDown":
-        if (o.getKeyBelow) {
-          var f, u, n;
-          let t = e.focusedKey != null ? (f = o.getKeyBelow) === null || f === void 0 ? void 0 : f.call(o, e.focusedKey) : (u = o.getFirstKey) === null || u === void 0 ? void 0 : u.call(o);
-          t == null && F && (t = (n = o.getFirstKey) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowUp":
-        if (o.getKeyAbove) {
-          var a, d, P;
-          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (d = o.getLastKey) === null || d === void 0 ? void 0 : d.call(o);
-          t == null && F && (t = (P = o.getLastKey) === null || P === void 0 ? void 0 : P.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "ArrowLeft":
-        if (o.getKeyLeftOf) {
-          var k, A, I;
-          let t = e.focusedKey != null ? (k = o.getKeyLeftOf) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (A = o.getFirstKey) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "first" : "last"));
-        }
-        break;
-      case "ArrowRight":
-        if (o.getKeyRightOf) {
-          var M, R, O;
-          let t = e.focusedKey != null ? (M = o.getKeyRightOf) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : null;
-          t == null && F && (t = x === "rtl" ? (R = o.getLastKey) === null || R === void 0 ? void 0 : R.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "last" : "first"));
-        }
-        break;
-      case "Home":
-        if (o.getFirstKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getFirstKey(e.focusedKey, $(l));
-          e.setFocusedKey(t), t != null && ($(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "End":
-        if (o.getLastKey) {
-          if (e.focusedKey === null && l.shiftKey) return;
-          l.preventDefault();
-          let t = o.getLastKey(e.focusedKey, $(l));
-          e.setFocusedKey(t), t != null && ($(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
-        }
-        break;
-      case "PageDown":
-        if (o.getKeyPageBelow && e.focusedKey != null) {
-          let t = o.getKeyPageBelow(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "PageUp":
-        if (o.getKeyPageAbove && e.focusedKey != null) {
-          let t = o.getKeyPageAbove(e.focusedKey);
-          t != null && (l.preventDefault(), c(t));
-        }
-        break;
-      case "a":
-        $(l) && e.selectionMode === "multiple" && ee !== !0 && (l.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        le === "clearSelection" && !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
-        break;
-      case "Tab":
-        if (!te) {
-          if (l.shiftKey) i.current.focus();
-          else {
-            let t = me(i.current, {
-              tabbable: !0
-            }), p, v;
-            do
-              v = t.lastChild(), v && (p = v);
-            while (v);
-            p && !p.contains(document.activeElement) && j(p);
-          }
-          break;
-        }
-    }
-  }, w = K({
-    top: 0,
-    left: 0
+import { useSelectableCollection as n } from "./index.es517.js";
+import { ListKeyboardDelegate as f } from "./index.es520.js";
+import { useCollator as g } from "./index.es508.js";
+import { useMemo as $ } from "react";
+function D(a) {
+  let { selectionManager: l, collection: o, disabledKeys: t, ref: e, keyboardDelegate: r, layoutDelegate: s } = a, i = g({
+    usage: "search",
+    sensitivity: "base"
+  }), c = l.disabledBehavior, d = $(() => r || new f({
+    collection: o,
+    disabledKeys: t,
+    disabledBehavior: c,
+    ref: e,
+    collator: i,
+    layoutDelegate: s
+  }), [
+    r,
+    s,
+    o,
+    t,
+    e,
+    i,
+    c
+  ]), { collectionProps: b } = n({
+    ...a,
+    ref: e,
+    selectionManager: l,
+    keyboardDelegate: d
   });
-  S(s, "scroll", B ? void 0 : () => {
-    var l, r, c, f;
-    w.current = {
-      top: (c = (l = s.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
-      left: (f = (r = s.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && f !== void 0 ? f : 0
-    };
-  });
-  let ie = (l) => {
-    if (e.isFocused) {
-      l.currentTarget.contains(l.target) || e.setFocused(!1);
-      return;
-    }
-    if (l.currentTarget.contains(l.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        var r, c;
-        let n = (d) => {
-          d != null && (e.setFocusedKey(d), b && !e.isSelected(d) && e.replaceSelection(d));
-        }, a = l.relatedTarget;
-        var f, u;
-        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? n((f = e.lastSelectedKey) !== null && f !== void 0 ? f : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : n((u = e.firstSelectedKey) !== null && u !== void 0 ? u : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
-      } else !B && s.current && (s.current.scrollTop = w.current.top, s.current.scrollLeft = w.current.left);
-      if (e.focusedKey != null && s.current) {
-        let n = V(i, e.focusedKey);
-        n instanceof HTMLElement && (!n.contains(document.activeElement) && !y && j(n), Y() === "keyboard" && J(n, {
-          containingElement: i.current
-        }));
-      }
-    }
-  }, fe = (l) => {
-    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
-  }, m = K(!1);
-  S(i, ve, y ? (l) => {
-    let { detail: r } = l;
-    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (m.current = !0);
-  } : void 0);
-  let N = Q(() => {
-    var l, r;
-    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
-    c == null ? ($e(i.current), e.collection.size > 0 && (m.current = !1)) : (e.setFocusedKey(c), m.current = !1);
-  });
-  q(() => {
-    m.current && N();
-  }, [
-    e.collection,
-    N
-  ]);
-  let U = Q(() => {
-    e.collection.size > 0 && (m.current = !1);
-  });
-  q(() => {
-    U();
-  }, [
-    e.focusedKey,
-    U
-  ]), S(i, ye, y ? (l) => {
-    var r;
-    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
-  } : void 0);
-  const z = K(h), T = K(!1);
-  X(() => {
-    if (z.current) {
-      var l, r;
-      let u = null;
-      var c;
-      h === "first" && (u = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
-      var f;
-      h === "last" && (u = (f = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && f !== void 0 ? f : null);
-      let n = e.selectedKeys;
-      if (n.size) {
-        for (let a of n) if (e.canSelectItem(a)) {
-          u = a;
-          break;
-        }
-      }
-      e.setFocused(!0), e.setFocusedKey(u), u == null && !y && i.current && Z(i.current), e.collection.size > 0 && (z.current = !1, T.current = !0);
-    }
-  });
-  let D = K(e.focusedKey);
-  X(() => {
-    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || T.current) && s.current && i.current) {
-      let l = Y(), r = V(i, e.focusedKey);
-      if (!(r instanceof HTMLElement))
-        return;
-      (l === "keyboard" || T.current) && (pe(s.current, r), l !== "virtual" && J(r, {
-        containingElement: i.current
-      }));
-    }
-    !y && e.isFocused && e.focusedKey == null && D.current != null && i.current && Z(i.current), D.current = e.focusedKey, T.current = !1;
-  }), S(i, "react-aria-focus-scope-restore", (l) => {
-    l.preventDefault(), e.setFocused(!0);
-  });
-  let E = {
-    onKeyDown: ce,
-    onFocus: ie,
-    onBlur: fe,
-    onMouseDown(l) {
-      s.current === l.target && l.preventDefault();
-    }
-  }, { typeSelectProps: ne } = ae({
-    keyboardDelegate: o,
-    selectionManager: e
-  });
-  oe || (E = G(ne, E));
-  let L;
-  y || (L = e.focusedKey == null ? 0 : -1);
-  let ue = se(e.collection);
   return {
-    collectionProps: G(E, {
-      tabIndex: L,
-      "data-collection": ue
-    })
+    listProps: b
   };
 }
 export {
-  Ne as useSelectableCollection
+  D as useSelectableList
 };

package/dist/index.es514.js

@@ -1,24 +1,174 @@
-import { useId as l } from "./index.es297.js";
-import { isAppleDevice as a } from "./index.es460.js";
-function d(e) {
-  return a() ? e.altKey : e.ctrlKey;
-}
-function u(e, t) {
-  var o, f;
-  let c = `[data-key="${CSS.escape(String(t))}"]`, r = (o = e.current) === null || o === void 0 ? void 0 : o.dataset.collection;
-  return r && (c = `[data-collection="${CSS.escape(r)}"]${c}`), (f = e.current) === null || f === void 0 ? void 0 : f.querySelector(c);
-}
-const n = /* @__PURE__ */ new WeakMap();
-function b(e) {
-  let t = l();
-  return n.set(e, t), t;
+import { listMap as X, getRowId as M } from "./index.es510.js";
+import { useSlotId as Y } from "./index.es297.js";
+import { chain as j } from "./index.es450.js";
+import { mergeProps as I } from "./index.es298.js";
+import { useSyntheticLinkProps as q } from "./index.es456.js";
+import { getScrollParent as u } from "./index.es464.js";
+import { scrollIntoViewport as p } from "./index.es470.js";
+import { getFocusableTreeWalker as L } from "./index.es310.js";
+import { isFocusVisible as H } from "./index.es480.js";
+import { focusSafely as c } from "./index.es491.js";
+import { getLastItem as J } from "./index.es495.js";
+import { useRef as Q } from "react";
+import { useSelectableItem as Z } from "./index.es515.js";
+import { useLocale as _ } from "./index.es503.js";
+const D = {
+  expand: {
+    ltr: "ArrowRight",
+    rtl: "ArrowLeft"
+  },
+  collapse: {
+    ltr: "ArrowLeft",
+    rtl: "ArrowRight"
+  }
+};
+function be(b, r, n) {
+  var v, m;
+  let { node: e, isVirtualized: P, shouldSelectOnPressUp: V } = b, { direction: d } = _(), { onAction: f, linkBehavior: F, keyboardNavigationBehavior: $ } = X.get(r), y = Y(), g = Q(null), z = () => {
+    var o;
+    n.current !== null && (g.current != null && e.key !== g.current || !(!((o = n.current) === null || o === void 0) && o.contains(document.activeElement))) && c(n.current);
+  }, E = {}, s = b.hasChildItems, B = r.selectionManager.isLink(e.key);
+  if (e != null && "expandedKeys" in r) {
+    var k, K, x;
+    let o = (k = (K = r.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
+    s = s || [
+      ...o ?? []
+    ].length > 1, f == null && !B && r.selectionManager.selectionMode === "none" && s && (f = () => r.toggleKey(e.key));
+    let i = s ? r.expandedKeys.has(e.key) : void 0, a = 1;
+    var h;
+    if (e.level > 0 && (e == null ? void 0 : e.parentKey) != null) {
+      let t = r.collection.getItem(e.parentKey);
+      if (t) {
+        var w, A;
+        let l = (w = (A = r.collection).getChildren) === null || w === void 0 ? void 0 : w.call(A, t.key);
+        a = J(l).index + 1;
+      }
+    } else a = ((h = (x = [
+      ...r.collection
+    ].filter((t) => t.level === 0).at(-1)) === null || x === void 0 ? void 0 : x.index) !== null && h !== void 0 ? h : 0) + 1;
+    E = {
+      "aria-expanded": i,
+      "aria-level": e.level + 1,
+      "aria-posinset": (e == null ? void 0 : e.index) + 1,
+      "aria-setsize": a
+    };
+  }
+  let { itemProps: C, ...N } = Z({
+    selectionManager: r.selectionManager,
+    key: e.key,
+    ref: n,
+    isVirtualized: P,
+    shouldSelectOnPressUp: V,
+    onAction: f || !((v = e.props) === null || v === void 0) && v.onAction ? j((m = e.props) === null || m === void 0 ? void 0 : m.onAction, f ? () => f(e.key) : void 0) : void 0,
+    focus: z,
+    linkBehavior: F
+  }), O = (o) => {
+    if (!o.currentTarget.contains(o.target) || !n.current || !document.activeElement) return;
+    let i = L(n.current);
+    if (i.currentNode = document.activeElement, "expandedKeys" in r && document.activeElement === n.current) {
+      if (o.key === D.expand[d] && r.selectionManager.focusedKey === e.key && s && !r.expandedKeys.has(e.key)) {
+        r.toggleKey(e.key), o.stopPropagation();
+        return;
+      } else if (o.key === D.collapse[d] && r.selectionManager.focusedKey === e.key && s && r.expandedKeys.has(e.key)) {
+        r.toggleKey(e.key), o.stopPropagation();
+        return;
+      }
+    }
+    switch (o.key) {
+      case "ArrowLeft":
+        if ($ === "arrow") {
+          let t = d === "rtl" ? i.nextNode() : i.previousNode();
+          if (t)
+            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
+              containingElement: u(n.current)
+            });
+          else if (o.preventDefault(), o.stopPropagation(), d === "rtl")
+            c(n.current), p(n.current, {
+              containingElement: u(n.current)
+            });
+          else {
+            i.currentNode = n.current;
+            let l = R(i);
+            l && (c(l), p(l, {
+              containingElement: u(n.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowRight":
+        if ($ === "arrow") {
+          let t = d === "rtl" ? i.previousNode() : i.nextNode();
+          if (t)
+            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
+              containingElement: u(n.current)
+            });
+          else if (o.preventDefault(), o.stopPropagation(), d === "ltr")
+            c(n.current), p(n.current, {
+              containingElement: u(n.current)
+            });
+          else {
+            i.currentNode = n.current;
+            let l = R(i);
+            l && (c(l), p(l, {
+              containingElement: u(n.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowUp":
+      case "ArrowDown":
+        if (!o.altKey && n.current.contains(o.target)) {
+          var a;
+          o.stopPropagation(), o.preventDefault(), (a = n.current.parentElement) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent(o.nativeEvent.type, o.nativeEvent));
+        }
+        break;
+      case "Tab":
+        if ($ === "tab") {
+          let t = L(n.current, {
+            tabbable: !0
+          });
+          t.currentNode = document.activeElement, (o.shiftKey ? t.previousNode() : t.nextNode()) && o.stopPropagation();
+        }
+    }
+  }, U = (o) => {
+    if (g.current = e.key, o.target !== n.current) {
+      H() || r.selectionManager.setFocusedKey(e.key);
+      return;
+    }
+  }, T = q(e.props), G = N.hasAction ? T : {}, S = I(C, G, {
+    role: "row",
+    onKeyDownCapture: O,
+    onFocus: U,
+    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
+    "aria-label": e.textValue || void 0,
+    "aria-selected": r.selectionManager.canSelectItem(e.key) ? r.selectionManager.isSelected(e.key) : void 0,
+    "aria-disabled": r.selectionManager.isDisabled(e.key) || void 0,
+    "aria-labelledby": y && e.textValue ? `${M(r, e.key)} ${y}` : void 0,
+    id: M(r, e.key)
+  });
+  P && (S["aria-rowindex"] = e.index + 1);
+  let W = {
+    role: "gridcell",
+    "aria-colindex": 1
+  };
+  return {
+    rowProps: {
+      ...I(S, E)
+    },
+    gridCellProps: W,
+    descriptionProps: {
+      id: y
+    },
+    ...N
+  };
 }
-function s(e) {
-  return n.get(e);
+function R(b) {
+  let r = null, n = null;
+  do
+    n = b.lastChild(), n && (r = n);
+  while (n);
+  return r;
 }
 export {
-  s as getCollectionId,
-  u as getItemElement,
-  d as isNonContiguousSelectionModifier,
-  b as useCollectionId
+  be as useGridListItem
 };