@boxcustodia/library 1.5.0 → 1.5.1-canary.1

package/dist/index.es519.js

@@ -1,39 +1,234 @@
-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
+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.es292.js";
+import { focusWithoutScrolling as j } from "./index.es460.js";
+import { useRouter as ae } from "./index.es461.js";
+import { useUpdateLayoutEffect as q } from "./index.es466.js";
+import { useEvent as w } from "./index.es472.js";
+import { scrollIntoView as de, scrollIntoViewport as J } from "./index.es474.js";
+import { useEffectEvent as Q } from "./index.es473.js";
+import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ve } from "./index.es476.js";
+import { isCtrlKeyPressed as $ } from "./index.es477.js";
+import { flushSync as ye } 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.es481.js";
+import { getFocusableTreeWalker as be } from "./index.es304.js";
+import { moveVirtualFocus as me } from "./index.es485.js";
+import { useLocale as $e } from "./index.es508.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);
+      }
     };
-  }
-  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
+    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;
+        }
+    }
+  }, 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
     };
-  }
-  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;
-  }
+  });
+  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
+    })
+  };
 }
 export {
-  r as DOMLayoutDelegate
+  Ne as useSelectableCollection
 };

package/dist/index.es52.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es104.js";
-import { HeadingVariants as n } from "./index.es148.js";
+import { HeadingVariants as n } from "./index.es134.js";
 import { cn as e } from "./index.es91.js";
 const p = ({
   className: o,

package/dist/index.es520.js

@@ -1,23 +1,24 @@
-import { CollectionBuilder as u } from "./index.es521.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 { useId as l } from "./index.es291.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);
 }
 export {
-  b as useCollection
+  s as getCollectionId,
+  u as getItemElement,
+  d as isNonContiguousSelectionModifier,
+  b as useCollectionId
 };

package/dist/index.es521.js

@@ -1,170 +1,32 @@
-import y from "react";
-class z {
-  build(e, l) {
-    return this.context = l, p(() => this.iterateCollection(e));
-  }
-  *iterateCollection(e) {
-    let { children: l, items: u } = e;
-    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
-      children: l.props.children,
-      items: u
-    });
-    else if (typeof l == "function") {
-      if (!u) throw new Error("props.children was a function but props.items is missing");
-      let n = 0;
-      for (let r of u)
-        yield* this.getFullNode({
-          value: r,
-          index: n
-        }, {
-          renderer: l
-        }), n++;
-    } else {
-      let n = [];
-      y.Children.forEach(l, (t) => {
-        t && n.push(t);
-      });
-      let r = 0;
-      for (let t of n) {
-        let d = this.getFullNode({
-          element: t,
-          index: r
-        }, {});
-        for (let m of d)
-          r++, yield m;
+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);
     }
-  }
-  getKey(e, l, u, n) {
-    if (e.key != null) return e.key;
-    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
-    let r = l.value;
-    if (r != null) {
-      var t;
-      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
-      if (d == null) throw new Error("No key found for item");
-      return d;
-    }
-    return n ? `${n}.${l.index}` : `$.${l.index}`;
-  }
-  getChildState(e, l) {
-    return {
-      renderer: l.renderer || e.renderer
-    };
-  }
-  *getFullNode(e, l, u, n) {
-    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
-      let i = [];
-      y.Children.forEach(e.element.props.children, (s) => {
-        i.push(s);
-      });
-      var r;
-      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
-      for (const s of i) yield* this.getFullNode({
-        element: s,
-        index: o++
-      }, l, u, n);
-      return;
-    }
-    let t = e.element;
-    if (!t && e.value && l && l.renderer) {
-      let i = this.cache.get(e.value);
-      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
-        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
-        return;
-      }
-      t = l.renderer(e.value);
-    }
-    if (y.isValidElement(t)) {
-      let i = t.type;
-      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
-        let h = t.type;
-        throw new Error(`Unknown element <${h}> in collection.`);
-      }
-      let o = i.getCollectionNode(t.props, this.context);
-      var d;
-      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
-      for (; !v.done && v.value; ) {
-        let h = v.value;
-        e.index = s;
-        var m;
-        let b = (m = h.key) !== null && m !== void 0 ? m : null;
-        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
-        let V = [
-          ...this.getFullNode({
-            ...h,
-            key: b,
-            index: s,
-            wrapper: I(e.wrapper, h.wrapper)
-          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
-        ];
-        for (let c of V) {
-          var x, k;
-          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
-          var w;
-          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
-          s++, yield c;
-        }
-        v = o.next(V);
-      }
-      return;
-    }
-    if (e.key == null || e.type == null) return;
-    let F = this;
-    var g, C;
-    let $ = {
-      type: e.type,
-      props: e.props,
-      key: e.key,
-      parentKey: n ? n.key : null,
-      value: (g = e.value) !== null && g !== void 0 ? g : null,
-      level: n ? n.level + 1 : 0,
-      index: e.index,
-      rendered: e.rendered,
-      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
-      "aria-label": e["aria-label"],
-      wrapper: e.wrapper,
-      shouldInvalidate: e.shouldInvalidate,
-      hasChildNodes: e.hasChildNodes || !1,
-      childNodes: p(function* () {
-        if (!e.hasChildNodes || !e.childNodes) return;
-        let i = 0;
-        for (let o of e.childNodes()) {
-          o.key != null && (o.key = `${$.key}${o.key}`);
-          let s = F.getFullNode({
-            ...o,
-            index: i
-          }, F.getChildState(l, o), $.key, $);
-          for (let v of s)
-            i++, yield v;
-        }
-      })
-    };
-    yield $;
-  }
-  constructor() {
-    this.cache = /* @__PURE__ */ new WeakMap();
-  }
-}
-function p(f) {
-  let e = [], l = null;
+  };
   return {
-    *[Symbol.iterator]() {
-      for (let u of e) yield u;
-      l || (l = f());
-      for (let u of l)
-        e.push(u), yield u;
+    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 I(f, e) {
-  if (f && e) return (l) => f(e(l));
-  if (f) return f;
-  if (e) return e;
-}
-function E(f) {
-  return f[0].toUpperCase() + f.slice(1);
+function s(r) {
+  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
 }
 export {
-  z as CollectionBuilder
+  g as useTypeSelect
 };