@boxcustodia/library 1.7.2 → 1.7.4

package/dist/index.es514.js

@@ -1,174 +1,24 @@
-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
-  };
+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;
 }
-function R(b) {
-  let r = null, n = null;
-  do
-    n = b.lastChild(), n && (r = n);
-  while (n);
-  return r;
+function s(e) {
+  return n.get(e);
 }
 export {
-  be as useGridListItem
+  s as getCollectionId,
+  u as getItemElement,
+  d as isNonContiguousSelectionModifier,
+  b as useCollectionId
 };

package/dist/index.es515.js

@@ -1,124 +1,32 @@
-import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./index.es518.js";
-import { usePress as j } from "./index.es484.js";
-import { useLongPress as q } from "./index.es490.js";
-import { focusSafely as z } from "./index.es491.js";
-import { useId as G } from "./index.es297.js";
-import { mergeProps as K } from "./index.es298.js";
-import { useRouter as H, openLink as J } from "./index.es456.js";
-import { isCtrlKeyPressed as Q } from "./index.es473.js";
-import { moveVirtualFocus as W } from "./index.es502.js";
-import { useEffect as X, useRef as k } from "react";
-function le(r) {
-  let { id: $, selectionManager: o, key: t, ref: s, 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" && s.current) {
-          let y = o.getItemProps(t);
-          D.open(s.current, e, y.href, y.routerOptions), o.setSelectedKeys(o.selectedKeys);
-          return;
-        } else if (p === "override" || p === "none") return;
+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));
       }
-      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);
+      clearTimeout(t.timeout), t.timeout = setTimeout(() => {
+        t.search = "";
+      }, f);
     }
   };
-  X(() => {
-    t === o.focusedKey && o.isFocused && (l ? W(s.current) : T ? T() : document.activeElement !== s.current && s.current && z(s.current));
-  }, [
-    s,
-    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 === s.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", i = !c && o.canSelectItem(t) && !L, S = (g || F) && !c, f = S && (o.selectionBehavior === "replace" ? !i : !i || o.isEmpty), v = S && i && o.selectionBehavior === "replace", d = f || v, b = k(null), m = d && i, h = k(!1), x = k(!1), P = (e) => {
-    if (g && g(), F && s.current) {
-      let y = o.getItemProps(t);
-      D.open(s.current, e, y.href, y.routerOptions);
-    }
-  }, n = {
-    ref: s
-  };
-  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" && i && a(e);
-  }, n.onPress = f ? P : (e) => {
-    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && i && a(e);
-  }) : n.onPress = (e) => {
-    if (f || v && e.pointerType !== "mouse") {
-      if (e.pointerType === "keyboard" && !w()) return;
-      P(e);
-    } else e.pointerType !== "keyboard" && i && a(e);
-  }) : (n.onPressStart = (e) => {
-    b.current = e.pointerType, h.current = m, x.current = f, i && (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) : i && 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,
-      i || 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: i,
-    hasAction: d
+    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 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";
+function s(r) {
+  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
 }
 export {
-  le as useSelectableItem
+  g as useTypeSelect
 };

package/dist/index.es516.js

@@ -1,22 +1,121 @@
-import s from "./index.es702.js";
-import { useId as d } from "./index.es297.js";
-import { useLocalizedStringFormatter as f } from "./index.es505.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
+import { DOMLayoutDelegate as n } from "./index.es517.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 {
-  p as useGridSelectionCheckbox
+  g as ListKeyboardDelegate
 };