@boxcustodia/library 1.7.0 → 1.7.1

package/dist/index.es519.js

@@ -1,234 +1,32 @@
-import { getItemElement as V, useCollectionId as ue, isNonContiguousSelectionModifier as H } from "./index.es520.js";
-import { useTypeSelect as se } from "./index.es521.js";
-import { mergeProps as G } from "./index.es302.js";
-import { focusWithoutScrolling as j } from "./index.es460.js";
-import { useRouter as ae } from "./index.es461.js";
-import { useUpdateLayoutEffect as q } from "./index.es467.js";
-import { useEvent as w } from "./index.es473.js";
-import { scrollIntoView as de, scrollIntoViewport as J } from "./index.es475.js";
-import { useEffectEvent as Q } from "./index.es474.js";
-import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ve } from "./index.es477.js";
-import { isCtrlKeyPressed as $ } from "./index.es478.js";
-import { flushSync as ye } from "react-dom";
-import { useRef as K, useEffect as X } from "react";
-import { getInteractionModality as Y } from "./index.es482.js";
-import { focusSafely as Z } from "./index.es493.js";
-import { getFocusableTreeWalker as be } from "./index.es314.js";
-import { moveVirtualFocus as me } from "./index.es500.js";
-import { useLocale as $e } from "./index.es505.js";
-function Ne(g) {
-  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: S = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: le = !1, shouldUseVirtualFocus: y, allowsTabNavigation: oe = !1, isVirtualized: C, scrollRef: s = i, linkBehavior: N = "action" } = g, { direction: x } = $e(), te = ae(), re = (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) && N === "selection" && b && !H(l)) {
-          ye(() => {
-            e.setFocusedKey(t, p);
-          });
-          let v = V(i, t), W = e.getItemProps(t);
-          v && te.open(v, l, W.href, W.routerOptions);
-          return;
-        }
-        if (e.setFocusedKey(t, p), e.isLink(t) && N === "override") return;
-        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
+import { useRef as l } from "react";
+const f = 1e3;
+function g(r) {
+  let { keyboardDelegate: o, selectionManager: c, onTypeSelect: i } = r, t = l({
+    search: "",
+    timeout: void 0
+  }).current, u = (e) => {
+    let a = s(e.key);
+    if (!(!a || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target))) {
+      if (a === " " && t.search.trim().length > 0 && (e.preventDefault(), "continuePropagation" in e || e.stopPropagation()), t.search += a, o.getKeyForSearch != null) {
+        let n = o.getKeyForSearch(t.search, c.focusedKey);
+        n == null && (n = o.getKeyForSearch(t.search)), n != null && (c.setFocusedKey(n), i && i(n));
       }
-    };
-    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":
-        !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
-        break;
-      case "Tab":
-        if (!oe) {
-          if (l.shiftKey) i.current.focus();
-          else {
-            let t = be(i.current, {
-              tabbable: !0
-            }), p, v;
-            do
-              v = t.lastChild(), v && (p = v);
-            while (v);
-            p && !p.contains(document.activeElement) && j(p);
-          }
-          break;
-        }
+      clearTimeout(t.timeout), t.timeout = setTimeout(() => {
+        t.search = "";
+      }, f);
     }
-  }, h = K({
-    top: 0,
-    left: 0
-  });
-  w(s, "scroll", C ? void 0 : () => {
-    var l, r, c, f;
-    h.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 ce = (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 !C && s.current && (s.current.scrollTop = h.current.top, s.current.scrollLeft = h.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
-        }));
-      }
-    }
-  }, ie = (l) => {
-    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
-  }, m = K(!1);
-  w(i, pe, y ? (l) => {
-    let { detail: r } = l;
-    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (m.current = !0);
-  } : void 0);
-  let U = 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 ? (me(i.current), e.collection.size > 0 && (m.current = !1)) : (e.setFocusedKey(c), m.current = !1);
-  });
-  q(() => {
-    m.current && U();
-  }, [
-    e.collection,
-    U
-  ]);
-  let z = Q(() => {
-    e.collection.size > 0 && (m.current = !1);
-  });
-  q(() => {
-    z();
-  }, [
-    e.focusedKey,
-    z
-  ]), w(i, ve, y ? (l) => {
-    var r;
-    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
-  } : void 0);
-  const B = K(S), T = K(!1);
-  X(() => {
-    if (B.current) {
-      var l, r;
-      let u = null;
-      var c;
-      S === "first" && (u = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
-      var f;
-      S === "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 && (B.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) && (de(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;
-  }), w(i, "react-aria-focus-scope-restore", (l) => {
-    l.preventDefault(), e.setFocused(!0);
-  });
-  let E = {
-    onKeyDown: re,
-    onFocus: ce,
-    onBlur: ie,
-    onMouseDown(l) {
-      s.current === l.target && l.preventDefault();
-    }
-  }, { typeSelectProps: fe } = se({
-    keyboardDelegate: o,
-    selectionManager: e
-  });
-  le || (E = G(fe, E));
-  let L;
-  y || (L = e.focusedKey == null ? 0 : -1);
-  let ne = ue(e.collection);
+  };
   return {
-    collectionProps: G(E, {
-      tabIndex: L,
-      "data-collection": ne
-    })
+    typeSelectProps: {
+      // Using a capturing listener to catch the keydown event before
+      // other hooks in order to handle the Spacebar event.
+      onKeyDownCapture: o.getKeyForSearch ? u : void 0
+    }
   };
 }
+function s(r) {
+  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
+}
 export {
-  Ne as useSelectableCollection
+  g as useTypeSelect
 };

package/dist/index.es52.js

@@ -1,5 +1,5 @@
-import { j as m } from "./index.es106.js";
-import { HeadingVariants as n } from "./index.es131.js";
+import { j as m } from "./index.es104.js";
+import { HeadingVariants as n } from "./index.es125.js";
 import { cn as e } from "./index.es91.js";
 const d = ({
   className: o,

package/dist/index.es520.js

@@ -1,24 +1,121 @@
-import { useId as l } from "./index.es301.js";
-import { isAppleDevice as a } from "./index.es462.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;
-}
-function s(e) {
-  return n.get(e);
+import { DOMLayoutDelegate as n } from "./index.es521.js";
+import { isScrollable as r } from "./index.es468.js";
+class g {
+  isDisabled(t) {
+    var e;
+    return this.disabledBehavior === "all" && (((e = t.props) === null || e === void 0 ? void 0 : e.isDisabled) || this.disabledKeys.has(t.key));
+  }
+  findNextNonDisabled(t, e) {
+    let l = t;
+    for (; l != null; ) {
+      let i = this.collection.getItem(l);
+      if ((i == null ? void 0 : i.type) === "item" && !this.isDisabled(i)) return l;
+      l = e(l);
+    }
+    return null;
+  }
+  getNextKey(t) {
+    let e = t;
+    return e = this.collection.getKeyAfter(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyAfter(l));
+  }
+  getPreviousKey(t) {
+    let e = t;
+    return e = this.collection.getKeyBefore(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyBefore(l));
+  }
+  findKey(t, e, l) {
+    let i = t, s = this.layoutDelegate.getItemRect(i);
+    if (!s || i == null) return null;
+    let o = s;
+    do {
+      if (i = e(i), i == null) break;
+      s = this.layoutDelegate.getItemRect(i);
+    } while (s && l(o, s) && i != null);
+    return i;
+  }
+  isSameRow(t, e) {
+    return t.y === e.y || t.x !== e.x;
+  }
+  isSameColumn(t, e) {
+    return t.x === e.x || t.y !== e.y;
+  }
+  getKeyBelow(t) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getNextKey(e), this.isSameRow) : this.getNextKey(t);
+  }
+  getKeyAbove(t) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getPreviousKey(e), this.isSameRow) : this.getPreviousKey(t);
+  }
+  getNextColumn(t, e) {
+    return e ? this.getPreviousKey(t) : this.getNextKey(t);
+  }
+  getKeyRightOf(t) {
+    let e = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
+    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "rtl") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "rtl") : null;
+  }
+  getKeyLeftOf(t) {
+    let e = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
+    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "ltr") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "ltr") : null;
+  }
+  getFirstKey() {
+    let t = this.collection.getFirstKey();
+    return this.findNextNonDisabled(t, (e) => this.collection.getKeyAfter(e));
+  }
+  getLastKey() {
+    let t = this.collection.getLastKey();
+    return this.findNextNonDisabled(t, (e) => this.collection.getKeyBefore(e));
+  }
+  getKeyPageAbove(t) {
+    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
+    if (!l) return null;
+    if (e && !r(e)) return this.getFirstKey();
+    let i = t;
+    if (this.orientation === "horizontal") {
+      let s = Math.max(0, l.x + l.width - this.layoutDelegate.getVisibleRect().width);
+      for (; l && l.x > s && i != null; )
+        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    } else {
+      let s = Math.max(0, l.y + l.height - this.layoutDelegate.getVisibleRect().height);
+      for (; l && l.y > s && i != null; )
+        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    }
+    return i ?? this.getFirstKey();
+  }
+  getKeyPageBelow(t) {
+    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
+    if (!l) return null;
+    if (e && !r(e)) return this.getLastKey();
+    let i = t;
+    if (this.orientation === "horizontal") {
+      let s = Math.min(this.layoutDelegate.getContentSize().width, l.y - l.width + this.layoutDelegate.getVisibleRect().width);
+      for (; l && l.x < s && i != null; )
+        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    } else {
+      let s = Math.min(this.layoutDelegate.getContentSize().height, l.y - l.height + this.layoutDelegate.getVisibleRect().height);
+      for (; l && l.y < s && i != null; )
+        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    }
+    return i ?? this.getLastKey();
+  }
+  getKeyForSearch(t, e) {
+    if (!this.collator) return null;
+    let l = this.collection, i = e || this.getFirstKey();
+    for (; i != null; ) {
+      let s = l.getItem(i);
+      if (!s) return null;
+      let o = s.textValue.slice(0, t.length);
+      if (s.textValue && this.collator.compare(o, t) === 0) return i;
+      i = this.getNextKey(i);
+    }
+    return null;
+  }
+  constructor(...t) {
+    if (t.length === 1) {
+      let e = t[0];
+      this.collection = e.collection, this.ref = e.ref, this.collator = e.collator, this.disabledKeys = e.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = e.disabledBehavior || "all", this.orientation = e.orientation || "vertical", this.direction = e.direction, this.layout = e.layout || "stack", this.layoutDelegate = e.layoutDelegate || new n(e.ref);
+    } else
+      this.collection = t[0], this.disabledKeys = t[1], this.ref = t[2], this.collator = t[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new n(this.ref);
+    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
+  }
 }
 export {
-  s as getCollectionId,
-  u as getItemElement,
-  d as isNonContiguousSelectionModifier,
-  b as useCollectionId
+  g as ListKeyboardDelegate
 };

package/dist/index.es521.js

@@ -1,32 +1,40 @@
-import { useRef as l } from "react";
-const f = 1e3;
-function g(r) {
-  let { keyboardDelegate: o, selectionManager: c, onTypeSelect: i } = r, t = l({
-    search: "",
-    timeout: void 0
-  }).current, u = (e) => {
-    let a = s(e.key);
-    if (!(!a || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target))) {
-      if (a === " " && t.search.trim().length > 0 && (e.preventDefault(), "continuePropagation" in e || e.stopPropagation()), t.search += a, o.getKeyForSearch != null) {
-        let n = o.getKeyForSearch(t.search, c.focusedKey);
-        n == null && (n = o.getKeyForSearch(t.search)), n != null && (c.setFocusedKey(n), i && i(n));
-      }
-      clearTimeout(t.timeout), t.timeout = setTimeout(() => {
-        t.search = "";
-      }, f);
-    }
-  };
-  return {
-    typeSelectProps: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: o.getKeyForSearch ? u : void 0
-    }
-  };
-}
-function s(r) {
-  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
+import { getItemElement as n } from "./index.es518.js";
+class f {
+  getItemRect(t) {
+    let e = this.ref.current;
+    if (!e) return null;
+    let l = t != null ? n(this.ref, t) : null;
+    if (!l) return null;
+    let o = e.getBoundingClientRect(), i = l.getBoundingClientRect();
+    return {
+      x: i.left - o.left + e.scrollLeft,
+      y: i.top - o.top + e.scrollTop,
+      width: i.width,
+      height: i.height
+    };
+  }
+  getContentSize() {
+    let t = this.ref.current;
+    var e, l;
+    return {
+      width: (e = t == null ? void 0 : t.scrollWidth) !== null && e !== void 0 ? e : 0,
+      height: (l = t == null ? void 0 : t.scrollHeight) !== null && l !== void 0 ? l : 0
+    };
+  }
+  getVisibleRect() {
+    let t = this.ref.current;
+    var e, l, o, i;
+    return {
+      x: (e = t == null ? void 0 : t.scrollLeft) !== null && e !== void 0 ? e : 0,
+      y: (l = t == null ? void 0 : t.scrollTop) !== null && l !== void 0 ? l : 0,
+      width: (o = t == null ? void 0 : t.offsetWidth) !== null && o !== void 0 ? o : 0,
+      height: (i = t == null ? void 0 : t.offsetHeight) !== null && i !== void 0 ? i : 0
+    };
+  }
+  constructor(t) {
+    this.ref = t;
+  }
 }
 export {
-  g as useTypeSelect
+  f as DOMLayoutDelegate
 };