@boxcustodia/library 1.1.0 → 1.2.0

package/dist/index.es515.js

@@ -1,121 +1,238 @@
-import { DOMLayoutDelegate as n } from "./index.es516.js";
-import { isScrollable as r } from "./index.es464.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);
+import { isNonContiguousSelectionModifier as W } from "./index.es516.js";
+import { useTypeSelect as ie } from "./index.es517.js";
+import { mergeProps as ue } from "./index.es296.js";
+import { focusWithoutScrolling as q } from "./index.es461.js";
+import { useRouter as ne } from "./index.es462.js";
+import { useUpdateLayoutEffect as g } from "./index.es467.js";
+import { useEvent as x } from "./index.es473.js";
+import { scrollIntoView as se, scrollIntoViewport as G } from "./index.es475.js";
+import { useEffectEvent as H } from "./index.es474.js";
+import { FOCUS_EVENT as fe, UPDATE_ACTIVEDESCENDANT as ae, CLEAR_FOCUS_EVENT as de } from "./index.es477.js";
+import { isCtrlKeyPressed as K } from "./index.es478.js";
+import { flushSync as pe } from "react-dom";
+import { useRef as T, useEffect as j } from "react";
+import { getFocusableTreeWalker as ve } from "./index.es308.js";
+import { focusSafely as J } from "./index.es479.js";
+import { getInteractionModality as Q } from "./index.es481.js";
+import { useLocale as ye } from "./index.es504.js";
+function Ne(X) {
+  let { selectionManager: e, keyboardDelegate: o, ref: u, autoFocus: D = !1, shouldFocusWrap: m = !1, disallowEmptySelection: Y = !1, disallowSelectAll: Z = !1, selectOnFocus: y = e.selectionBehavior === "replace", disallowTypeAhead: _ = !1, shouldUseVirtualFocus: b, allowsTabNavigation: ee = !1, isVirtualized: V, scrollRef: f = u, linkBehavior: R = "action" } = X, { direction: F } = ye(), le = ne(), oe = (l) => {
+    var r;
+    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = u.current) === null || r === void 0) && r.contains(l.target))) return;
+    const c = (t, v) => {
+      if (t != null) {
+        if (e.isLink(t) && R === "selection" && y && !W(l)) {
+          var d;
+          pe(() => {
+            e.setFocusedKey(t, v);
+          });
+          let z = (d = f.current) === null || d === void 0 ? void 0 : d.querySelector(`[data-key="${CSS.escape(t.toString())}"]`), L = e.getItemProps(t);
+          z && le.open(z, l, L.href, L.routerOptions);
+          return;
+        }
+        if (e.setFocusedKey(t, v), e.isLink(t) && R === "override") return;
+        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && !W(l) && e.replaceSelection(t);
+      }
+    };
+    switch (l.key) {
+      case "ArrowDown":
+        if (o.getKeyBelow) {
+          var i, s, n;
+          let t = e.focusedKey != null ? (i = o.getKeyBelow) === null || i === void 0 ? void 0 : i.call(o, e.focusedKey) : (s = o.getFirstKey) === null || s === void 0 ? void 0 : s.call(o);
+          t == null && m && (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, p, k;
+          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (p = o.getLastKey) === null || p === void 0 ? void 0 : p.call(o);
+          t == null && m && (t = (k = o.getLastKey) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "ArrowLeft":
+        if (o.getKeyLeftOf) {
+          var A, C, I;
+          let t = e.focusedKey != null ? (A = o.getKeyLeftOf) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : null;
+          t == null && m && (t = F === "rtl" ? (C = o.getFirstKey) === null || C === void 0 ? void 0 : C.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, F === "rtl" ? "first" : "last"));
+        }
+        break;
+      case "ArrowRight":
+        if (o.getKeyRightOf) {
+          var N, M, O;
+          let t = e.focusedKey != null ? (N = o.getKeyRightOf) === null || N === void 0 ? void 0 : N.call(o, e.focusedKey) : null;
+          t == null && m && (t = F === "rtl" ? (M = o.getLastKey) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, F === "rtl" ? "last" : "first"));
+        }
+        break;
+      case "Home":
+        if (o.getFirstKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getFirstKey(e.focusedKey, K(l));
+          e.setFocusedKey(t), t != null && (K(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && e.replaceSelection(t));
+        }
+        break;
+      case "End":
+        if (o.getLastKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getLastKey(e.focusedKey, K(l));
+          e.setFocusedKey(t), t != null && (K(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && 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":
+        K(l) && e.selectionMode === "multiple" && Z !== !0 && (l.preventDefault(), e.selectAll());
+        break;
+      case "Escape":
+        !Y && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
+        break;
+      case "Tab":
+        if (!ee) {
+          if (l.shiftKey) u.current.focus();
+          else {
+            let t = ve(u.current, {
+              tabbable: !0
+            }), v, d;
+            do
+              d = t.lastChild(), d && (v = d);
+            while (d);
+            v && !v.contains(document.activeElement) && q(v);
+          }
+          break;
+        }
     }
-    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);
+  }, w = T({
+    top: 0,
+    left: 0
+  });
+  x(f, "scroll", V ? void 0 : () => {
+    var l, r, c, i;
+    w.current = {
+      top: (c = (l = f.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
+      left: (i = (r = f.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && i !== void 0 ? i : 0
+    };
+  });
+  let te = (l) => {
+    if (e.isFocused) {
+      l.currentTarget.contains(l.target) || e.setFocused(!1);
+      return;
     }
-    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);
+    if (l.currentTarget.contains(l.target)) {
+      if (e.setFocused(!0), e.focusedKey == null) {
+        var r, c;
+        let n = (p) => {
+          p != null && (e.setFocusedKey(p), y && e.replaceSelection(p));
+        }, a = l.relatedTarget;
+        var i, s;
+        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? n((i = e.lastSelectedKey) !== null && i !== void 0 ? i : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : n((s = e.firstSelectedKey) !== null && s !== void 0 ? s : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
+      } else !V && f.current && (f.current.scrollTop = w.current.top, f.current.scrollLeft = w.current.left);
+      if (e.focusedKey != null && f.current) {
+        let n = f.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
+        n && (n.contains(document.activeElement) || q(n), Q() === "keyboard" && G(n, {
+          containingElement: u.current
+        }));
+      }
     }
-    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);
+  }, re = (l) => {
+    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
+  }, $ = T(!1);
+  x(u, fe, b ? (l) => {
+    let { detail: r } = l;
+    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && ($.current = !0);
+  } : void 0);
+  let U = H(() => {
+    var l, r;
+    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
+    if (c == null) {
+      var i;
+      (i = u.current) === null || i === void 0 || i.dispatchEvent(new CustomEvent(ae, {
+        cancelable: !0,
+        bubbles: !0
+      })), e.collection.size > 0 && ($.current = !1);
     } 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);
-  }
+      e.setFocusedKey(c), $.current = !1;
+  });
+  g(() => {
+    $.current && U();
+  }, [
+    e.collection,
+    U
+  ]);
+  let B = H(() => {
+    e.collection.size > 0 && ($.current = !1);
+  });
+  g(() => {
+    B();
+  }, [
+    e.focusedKey,
+    B
+  ]), x(u, de, b ? (l) => {
+    l.stopPropagation(), e.setFocused(!1), e.setFocusedKey(null);
+  } : void 0);
+  const S = T(D);
+  j(() => {
+    if (S.current) {
+      var l, r;
+      let s = null;
+      var c;
+      D === "first" && (s = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
+      var i;
+      D === "last" && (s = (i = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && i !== void 0 ? i : null);
+      let n = e.selectedKeys;
+      if (n.size) {
+        for (let a of n) if (e.canSelectItem(a)) {
+          s = a;
+          break;
+        }
+      }
+      e.setFocused(!0), e.setFocusedKey(s), s == null && !b && u.current && J(u.current);
+    }
+  }, []);
+  let E = T(e.focusedKey);
+  j(() => {
+    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== E.current || S.current) && f.current && u.current) {
+      let l = Q(), r = u.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
+      if (!r)
+        return;
+      (l === "keyboard" || S.current) && (se(f.current, r), l !== "virtual" && G(r, {
+        containingElement: u.current
+      }));
+    }
+    !b && e.isFocused && e.focusedKey == null && E.current != null && u.current && J(u.current), E.current = e.focusedKey, S.current = !1;
+  }), x(u, "react-aria-focus-scope-restore", (l) => {
+    l.preventDefault(), e.setFocused(!0);
+  });
+  let h = {
+    onKeyDown: oe,
+    onFocus: te,
+    onBlur: re,
+    onMouseDown(l) {
+      f.current === l.target && l.preventDefault();
+    }
+  }, { typeSelectProps: ce } = ie({
+    keyboardDelegate: o,
+    selectionManager: e
+  });
+  _ || (h = ue(ce, h));
+  let P;
+  return b ? P = -1 : P = e.focusedKey == null ? 0 : -1, {
+    collectionProps: {
+      ...h,
+      tabIndex: P
+    }
+  };
 }
 export {
-  g as ListKeyboardDelegate
+  Ne as useSelectableCollection
 };

package/dist/index.es516.js

@@ -1,39 +1,7 @@
-class r {
-  getItemRect(t) {
-    let e = this.ref.current;
-    if (!e) return null;
-    let l = t != null ? e.querySelector(`[data-key="${CSS.escape(t.toString())}"]`) : 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;
-  }
+import { isAppleDevice as o } from "./index.es463.js";
+function i(e) {
+  return o() ? e.altKey : e.ctrlKey;
 }
 export {
-  r as DOMLayoutDelegate
+  i as isNonContiguousSelectionModifier
 };

package/dist/index.es517.js

@@ -1,23 +1,32 @@
-import { CollectionBuilder as u } from "./index.es518.js";
-import { useMemo as n } from "react";
-function b(d, l, r) {
-  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
-  return n(() => {
-    if (e) return e;
-    let c = t.build({
-      children: i,
-      items: o
-    }, r);
-    return l(c);
-  }, [
-    t,
-    i,
-    o,
-    e,
-    r,
-    l
-  ]);
+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 : "";
 }
 export {
-  b as useCollection
+  g as useTypeSelect
 };