@boxcustodia/library 1.6.2 → 1.6.3

package/dist/index.es482.js

@@ -1,21 +1,24 @@
-import { useEffectEvent as u } from "./index.es483.js";
-import { useEffect as l } from "react";
-function i(e, t, a, r) {
-  let f = u(a), n = a == null;
-  l(() => {
-    if (n || !e.current) return;
-    let c = e.current;
-    return c.addEventListener(t, f, r), () => {
-      c.removeEventListener(t, f, r);
-    };
+import s from "./index.es549.js";
+import { useDescription as l } from "./index.es436.js";
+import { useInteractionModality as f } from "./index.es451.js";
+import { useLocalizedStringFormatter as d } from "./index.es476.js";
+import { useMemo as u } from "react";
+function m(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function x(e) {
+  let o = d(m(s), "@react-aria/grid"), t = f(), i = (t === "pointer" || t === "virtual" || t == null) && typeof window < "u" && "ontouchstart" in window, n = u(() => {
+    let a = e.selectionManager.selectionMode, c = e.selectionManager.selectionBehavior, r;
+    return i && (r = o.format("longPressToSelect")), c === "replace" && a !== "none" && e.hasItemActions ? r : void 0;
   }, [
-    e,
-    t,
-    r,
-    n,
-    f
+    e.selectionManager.selectionMode,
+    e.selectionManager.selectionBehavior,
+    e.hasItemActions,
+    o,
+    i
   ]);
+  return l(n);
 }
 export {
-  i as useEvent
+  x as useHighlightSelectionDescription
 };

package/dist/index.es483.js

@@ -1,16 +1,62 @@
-import { useLayoutEffect as f } from "./index.es408.js";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
+import g from "./index.es549.js";
+import { announce as p } from "./index.es281.js";
+import { useUpdateEffect as $ } from "./index.es430.js";
+import { useEffectEvent as x } from "./index.es438.js";
+import { useLocalizedStringFormatter as v } from "./index.es476.js";
+import { useRef as _ } from "react";
+function y(o) {
+  return o && o.__esModule ? o.default : o;
+}
+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);
+    }
   }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+    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 {
-  s as useEffectEvent
+  F as useGridSelectionAnnouncement
 };

package/dist/index.es484.js

@@ -1,46 +1,36 @@
-import { getScrollParents as I } from "./index.es480.js";
-function W(o, e) {
-  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
-  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
-}
-function L(o, e, t) {
-  const d = t === "left" ? "offsetLeft" : "offsetTop";
-  let l = 0;
-  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
-    if (e.offsetParent.contains(o)) {
-      l -= o[d];
-      break;
-    }
-    e = e.offsetParent;
-  }
-  return l;
-}
-function B(o, e) {
-  if (o && document.contains(o)) {
-    let f = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(f).overflow === "hidden") {
-      let i = I(o);
-      for (let s of i) W(s, o);
-    } else {
-      var t;
-      let { left: i, top: s } = o.getBoundingClientRect();
-      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
-        block: "nearest"
-      });
-      let { left: n, top: a } = o.getBoundingClientRect();
-      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
-        var d, l, r;
-        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
-          block: "center",
-          inline: "center"
-        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
-          block: "nearest"
-        });
-      }
-    }
-  }
+import { useSelectableCollection as n } from "./index.es488.js";
+import { ListKeyboardDelegate as f } from "./index.es491.js";
+import { useCollator as g } from "./index.es479.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
+  });
+  return {
+    listProps: b
+  };
 }
 export {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  D as useSelectableList
 };

package/dist/index.es485.js

@@ -1,11 +1,174 @@
-import { isAndroid as i } from "./index.es471.js";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+import { listMap as X, getRowId as M } from "./index.es481.js";
+import { useSlotId as Y } from "./index.es283.js";
+import { chain as j } from "./index.es419.js";
+import { mergeProps as I } from "./index.es284.js";
+import { useSyntheticLinkProps as q } from "./index.es425.js";
+import { getScrollParent as u } from "./index.es433.js";
+import { scrollIntoViewport as p } from "./index.es439.js";
+import { getFocusableTreeWalker as L } from "./index.es296.js";
+import { isFocusVisible as H } from "./index.es451.js";
+import { focusSafely as c } from "./index.es462.js";
+import { getLastItem as J } from "./index.es466.js";
+import { useRef as Q } from "react";
+import { useSelectableItem as Z } from "./index.es486.js";
+import { useLocale as _ } from "./index.es474.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 u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+function R(b) {
+  let r = null, n = null;
+  do
+    n = b.lastChild(), n && (r = n);
+  while (n);
+  return r;
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  be as useGridListItem
 };

package/dist/index.es486.js

@@ -1,5 +1,122 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus";
+import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./index.es489.js";
+import { usePress as j } from "./index.es455.js";
+import { useLongPress as q } from "./index.es461.js";
+import { focusSafely as z } from "./index.es462.js";
+import { useId as G } from "./index.es283.js";
+import { mergeProps as K } from "./index.es284.js";
+import { useRouter as H, openLink as J } from "./index.es425.js";
+import { isCtrlKeyPressed as Q } from "./index.es442.js";
+import { moveVirtualFocus as W } from "./index.es469.js";
+import { useEffect as X, useRef as k } from "react";
+function le(r) {
+  let { id: $, selectionManager: o, key: t, ref: i, shouldSelectOnPressUp: O, shouldUseVirtualFocus: l, focus: T, isDisabled: c, onAction: g, allowsDifferentPressOrigin: C, linkBehavior: p = "action" } = r, D = H();
+  $ = G($);
+  let a = (e) => {
+    if (e.pointerType === "keyboard" && N(e)) o.toggleSelection(t);
+    else {
+      if (o.selectionMode === "none") return;
+      if (o.isLink(t)) {
+        if (p === "selection" && i.current) {
+          let y = o.getItemProps(t);
+          D.open(i.current, e, y.href, y.routerOptions), o.setSelectedKeys(o.selectedKeys);
+          return;
+        } else if (p === "override" || p === "none") return;
+      }
+      o.selectionMode === "single" ? o.isSelected(t) && !o.disallowEmptySelection ? o.toggleSelection(t) : o.replaceSelection(t) : e && e.shiftKey ? o.extendSelection(t) : o.selectionBehavior === "toggle" || e && (Q(e) || e.pointerType === "touch" || e.pointerType === "virtual") ? o.toggleSelection(t) : o.replaceSelection(t);
+    }
+  };
+  X(() => {
+    t === o.focusedKey && o.isFocused && (l ? W(i.current) : T ? T() : document.activeElement !== i.current && i.current && z(i.current));
+  }, [
+    i,
+    t,
+    o.focusedKey,
+    o.childFocusStrategy,
+    o.isFocused,
+    l
+  ]), c = c || o.isDisabled(t);
+  let u = {};
+  !l && !c ? u = {
+    tabIndex: t === o.focusedKey ? 0 : -1,
+    onFocus(e) {
+      e.target === i.current && o.setFocusedKey(t);
+    }
+  } : c && (u.onMouseDown = (e) => {
+    e.preventDefault();
+  });
+  let L = o.isLink(t) && p === "override", F = o.isLink(t) && p !== "selection" && p !== "none", s = !c && o.canSelectItem(t) && !L, S = (g || F) && !c, f = S && (o.selectionBehavior === "replace" ? !s : !s || o.isEmpty), v = S && s && o.selectionBehavior === "replace", d = f || v, b = k(null), m = d && s, h = k(!1), x = k(!1), P = (e) => {
+    if (g && g(), F && i.current) {
+      let y = o.getItemProps(t);
+      D.open(i.current, e, y.href, y.routerOptions);
+    }
+  }, n = {};
+  O ? (n.onPressStart = (e) => {
+    b.current = e.pointerType, h.current = m, e.pointerType === "keyboard" && (!d || A()) && a(e);
+  }, C ? (n.onPressUp = f ? void 0 : (e) => {
+    e.pointerType === "mouse" && s && a(e);
+  }, n.onPress = f ? P : (e) => {
+    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && s && a(e);
+  }) : n.onPress = (e) => {
+    if (f || v && e.pointerType !== "mouse") {
+      if (e.pointerType === "keyboard" && !w()) return;
+      P(e);
+    } else e.pointerType !== "keyboard" && s && a(e);
+  }) : (n.onPressStart = (e) => {
+    b.current = e.pointerType, h.current = m, x.current = f, s && (e.pointerType === "mouse" && !f || e.pointerType === "keyboard" && (!S || A())) && a(e);
+  }, n.onPress = (e) => {
+    (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && d && w() || e.pointerType === "mouse" && x.current) && (d ? P(e) : s && a(e));
+  }), u["data-collection"] = R(o.collection), u["data-key"] = t, n.preventFocusOnPress = l, l && (n = K(n, {
+    onPressStart(e) {
+      e.pointerType !== "touch" && (o.setFocused(!0), o.setFocusedKey(t));
+    },
+    onPress(e) {
+      e.pointerType === "touch" && (o.setFocused(!0), o.setFocusedKey(t));
+    }
+  }));
+  let { pressProps: E, isPressed: I } = j(n), B = v ? (e) => {
+    b.current === "mouse" && (e.stopPropagation(), e.preventDefault(), P(e));
+  } : void 0, { longPressProps: M } = q({
+    isDisabled: !m,
+    onLongPress(e) {
+      e.pointerType === "touch" && (a(e), o.setSelectionBehavior("toggle"));
+    }
+  }), U = (e) => {
+    b.current === "touch" && h.current && e.preventDefault();
+  }, V = o.isLink(t) ? (e) => {
+    J.isOpening || e.preventDefault();
+  } : void 0;
+  return {
+    itemProps: K(
+      u,
+      s || f || l ? E : {},
+      m ? M : {},
+      {
+        onDoubleClick: B,
+        onDragStartCapture: U,
+        onClick: V,
+        id: $
+      },
+      // Prevent DOM focus from moving on mouse down when using virtual focus
+      l ? {
+        onMouseDown: (e) => e.preventDefault()
+      } : void 0
+    ),
+    isPressed: I,
+    isSelected: o.isSelected(t),
+    isFocused: o.isFocused && o.focusedKey === t,
+    isDisabled: c,
+    allowsSelection: s,
+    hasAction: d
+  };
+}
+function w() {
+  let r = window.event;
+  return (r == null ? void 0 : r.key) === "Enter";
+}
+function A() {
+  let r = window.event;
+  return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT
+  le as useSelectableItem
 };

package/dist/index.es487.js

@@ -1,7 +1,22 @@
-import { isMac as a } from "./index.es471.js";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import s from "./index.es549.js";
+import { useId as d } from "./index.es283.js";
+import { useLocalizedStringFormatter as f } from "./index.es476.js";
+function b(e) {
+  return e && e.__esModule ? e.default : e;
+}
+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
+    }
+  };
 }
 export {
-  t as isCtrlKeyPressed
+  p as useGridSelectionCheckbox
 };