@boxcustodia/library 0.6.1-canary.1 → 1.0.0

package/dist/index.es480.js

@@ -1,36 +1,238 @@
-import { useSelectableCollection as n } from "./index.es483.js";
-import { ListKeyboardDelegate as f } from "./index.es486.js";
-import { useCollator as g } from "./index.es476.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
+import { isNonContiguousSelectionModifier as W } from "./index.es481.js";
+import { useTypeSelect as ie } from "./index.es482.js";
+import { mergeProps as ue } from "./index.es278.js";
+import { focusWithoutScrolling as q } from "./index.es426.js";
+import { useRouter as ne } from "./index.es427.js";
+import { useUpdateLayoutEffect as g } from "./index.es432.js";
+import { useEvent as x } from "./index.es438.js";
+import { scrollIntoView as se, scrollIntoViewport as G } from "./index.es440.js";
+import { useEffectEvent as H } from "./index.es439.js";
+import { FOCUS_EVENT as fe, UPDATE_ACTIVEDESCENDANT as ae, CLEAR_FOCUS_EVENT as de } from "./index.es442.js";
+import { isCtrlKeyPressed as K } from "./index.es443.js";
+import { flushSync as pe } from "react-dom";
+import { useRef as T, useEffect as j } from "react";
+import { getFocusableTreeWalker as ve } from "./index.es290.js";
+import { focusSafely as J } from "./index.es444.js";
+import { getInteractionModality as Q } from "./index.es446.js";
+import { useLocale as ye } from "./index.es469.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;
+        }
+    }
+  }, w = T({
+    top: 0,
+    left: 0
   });
-  return {
-    listProps: b
+  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;
+    }
+    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
+        }));
+      }
+    }
+  }, 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
+      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 {
-  D as useSelectableList
+  Ne as useSelectableCollection
 };

package/dist/index.es481.js

@@ -1,116 +1,7 @@
-import { isNonContiguousSelectionModifier as V } from "./index.es484.js";
-import { focusSafely as R } from "./index.es444.js";
-import { useId as j } from "./index.es278.js";
-import { mergeProps as q } from "./index.es279.js";
-import { useRouter as z, openLink as G } from "./index.es427.js";
-import { UPDATE_ACTIVEDESCENDANT as H } from "./index.es442.js";
-import { isCtrlKeyPressed as J } from "./index.es443.js";
-import { usePress as Q } from "./index.es454.js";
-import { useLongPress as W } from "./index.es460.js";
-import { useEffect as X, useRef as k } from "react";
-function le(r) {
-  let { id: $, selectionManager: t, key: o, ref: s, shouldSelectOnPressUp: F, shouldUseVirtualFocus: f, focus: T, isDisabled: c, onAction: v, allowsDifferentPressOrigin: C, linkBehavior: d = "action" } = r, D = z();
-  $ = j($);
-  let a = (e) => {
-    if (e.pointerType === "keyboard" && V(e)) t.toggleSelection(o);
-    else {
-      if (t.selectionMode === "none") return;
-      if (t.isLink(o)) {
-        if (d === "selection" && s.current) {
-          let n = t.getItemProps(o);
-          D.open(s.current, e, n.href, n.routerOptions), t.setSelectedKeys(t.selectedKeys);
-          return;
-        } else if (d === "override" || d === "none") return;
-      }
-      t.selectionMode === "single" ? t.isSelected(o) && !t.disallowEmptySelection ? t.toggleSelection(o) : t.replaceSelection(o) : e && e.shiftKey ? t.extendSelection(o) : t.selectionBehavior === "toggle" || e && (J(e) || e.pointerType === "touch" || e.pointerType === "virtual") ? t.toggleSelection(o) : t.replaceSelection(o);
-    }
-  };
-  X(() => {
-    if (o === t.focusedKey && t.isFocused)
-      if (!f)
-        T ? T() : document.activeElement !== s.current && s.current && R(s.current);
-      else {
-        var n;
-        let N = new CustomEvent(H, {
-          cancelable: !0,
-          bubbles: !0
-        });
-        (n = s.current) === null || n === void 0 || n.dispatchEvent(N);
-      }
-  }, [
-    s,
-    o,
-    t.focusedKey,
-    t.childFocusStrategy,
-    t.isFocused,
-    f
-  ]), c = c || t.isDisabled(o);
-  let b = {};
-  !f && !c ? b = {
-    tabIndex: o === t.focusedKey ? 0 : -1,
-    onFocus(e) {
-      e.target === s.current && t.setFocusedKey(o);
-    }
-  } : c && (b.onMouseDown = (e) => {
-    e.preventDefault();
-  });
-  let K = t.isLink(o) && d === "override", A = t.isLink(o) && d !== "selection" && d !== "none", i = !c && t.canSelectItem(o) && !K, S = (v || A) && !c, p = S && (t.selectionBehavior === "replace" ? !i : !i || t.isEmpty), g = S && i && t.selectionBehavior === "replace", u = p || g, y = k(null), m = u && i, h = k(!1), x = k(!1), P = (e) => {
-    if (v && v(), A && s.current) {
-      let n = t.getItemProps(o);
-      D.open(s.current, e, n.href, n.routerOptions);
-    }
-  }, l = {};
-  F ? (l.onPressStart = (e) => {
-    y.current = e.pointerType, h.current = m, e.pointerType === "keyboard" && (!u || w()) && a(e);
-  }, C ? (l.onPressUp = p ? void 0 : (e) => {
-    e.pointerType === "mouse" && i && a(e);
-  }, l.onPress = p ? P : (e) => {
-    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && i && a(e);
-  }) : l.onPress = (e) => {
-    if (p || g && e.pointerType !== "mouse") {
-      if (e.pointerType === "keyboard" && !E()) return;
-      P(e);
-    } else e.pointerType !== "keyboard" && i && a(e);
-  }) : (l.onPressStart = (e) => {
-    y.current = e.pointerType, h.current = m, x.current = p, i && (e.pointerType === "mouse" && !p || e.pointerType === "keyboard" && (!S || w())) && a(e);
-  }, l.onPress = (e) => {
-    (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && u && E() || e.pointerType === "mouse" && x.current) && (u ? P(e) : i && a(e));
-  }), b["data-key"] = o, l.preventFocusOnPress = f;
-  let { pressProps: O, isPressed: L } = Q(l), I = g ? (e) => {
-    y.current === "mouse" && (e.stopPropagation(), e.preventDefault(), P(e));
-  } : void 0, { longPressProps: B } = W({
-    isDisabled: !m,
-    onLongPress(e) {
-      e.pointerType === "touch" && (a(e), t.setSelectionBehavior("toggle"));
-    }
-  }), U = (e) => {
-    y.current === "touch" && h.current && e.preventDefault();
-  }, M = t.isLink(o) ? (e) => {
-    G.isOpening || e.preventDefault();
-  } : void 0;
-  return {
-    itemProps: q(b, i || p ? O : {}, m ? B : {}, {
-      onDoubleClick: I,
-      onDragStartCapture: U,
-      onClick: M,
-      id: $
-    }),
-    isPressed: L,
-    isSelected: t.isSelected(o),
-    isFocused: t.isFocused && t.focusedKey === o,
-    isDisabled: c,
-    allowsSelection: i,
-    hasAction: u
-  };
-}
-function E() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === "Enter";
-}
-function w() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
+import { isAppleDevice as o } from "./index.es428.js";
+function i(e) {
+  return o() ? e.altKey : e.ctrlKey;
 }
 export {
-  le as useSelectableItem
+  i as isNonContiguousSelectionModifier
 };

package/dist/index.es482.js

@@ -1,22 +1,32 @@
-import s from "./index.es565.js";
-import { useId as d } from "./index.es278.js";
-import { useLocalizedStringFormatter as f } from "./index.es468.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");
+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 {
-    checkboxProps: {
-      id: o,
-      "aria-label": n.format("select"),
-      isSelected: i,
-      isDisabled: c,
-      onChange: l
+    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 {
-  p as useGridSelectionCheckbox
+  g as useTypeSelect
 };