@boxcustodia/library 1.3.1-canary.0 → 1.3.2

package/dist/index.es495.js

@@ -1,174 +1,238 @@
-import { listMap as X, getRowId as M } from "./index.es505.js";
-import { useSlotId as Y } from "./index.es272.js";
-import { chain as j } from "./index.es452.js";
-import { mergeProps as I } from "./index.es273.js";
-import { useSyntheticLinkProps as q } from "./index.es455.js";
-import { getScrollParent as s } from "./index.es462.js";
-import { scrollIntoViewport as u } from "./index.es468.js";
-import { getFocusableTreeWalker as L } from "./index.es285.js";
-import { focusSafely as c } from "./index.es472.js";
-import { getLastItem as H } from "./index.es492.js";
-import { useRef as J } from "react";
-import { isFocusVisible as Q } from "./index.es474.js";
-import { useSelectableItem as Z } from "./index.es509.js";
-import { useLocale as _ } from "./index.es500.js";
-const D = {
-  expand: {
-    ltr: "ArrowRight",
-    rtl: "ArrowLeft"
-  },
-  collapse: {
-    ltr: "ArrowLeft",
-    rtl: "ArrowRight"
-  }
-};
-function be(b, n, r) {
-  var v, m;
-  let { node: e, isVirtualized: P, shouldSelectOnPressUp: V } = b, { direction: d } = _(), { onAction: p, linkBehavior: F, keyboardNavigationBehavior: $ } = X.get(n), y = Y(), g = J(null), z = () => {
-    var o;
-    r.current !== null && (g.current != null && e.key !== g.current || !(!((o = r.current) === null || o === void 0) && o.contains(document.activeElement))) && c(r.current);
-  }, E = {}, f, B = n.selectionManager.isLink(e.key);
-  if (e != null && "expandedKeys" in n) {
-    var k, K, x;
-    let o = (k = (K = n.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
-    f = [
-      ...o ?? []
-    ].length > 1, p == null && !B && n.selectionManager.selectionMode === "none" && f && (p = () => n.toggleKey(e.key));
-    let i = f ? n.expandedKeys.has(e.key) : void 0, a = 1;
-    var h;
-    if (e.level > 0 && (e == null ? void 0 : e.parentKey) != null) {
-      let t = n.collection.getItem(e.parentKey);
-      if (t) {
-        var w, A;
-        let l = (w = (A = n.collection).getChildren) === null || w === void 0 ? void 0 : w.call(A, t.key);
-        a = H(l).index + 1;
+import { isNonContiguousSelectionModifier as W } from "./index.es496.js";
+import { useTypeSelect as ie } from "./index.es497.js";
+import { mergeProps as ue } from "./index.es290.js";
+import { focusWithoutScrolling as q } from "./index.es438.js";
+import { useRouter as ne } from "./index.es439.js";
+import { useUpdateLayoutEffect as g } from "./index.es444.js";
+import { useEvent as x } from "./index.es450.js";
+import { scrollIntoView as se, scrollIntoViewport as G } from "./index.es452.js";
+import { useEffectEvent as H } from "./index.es451.js";
+import { FOCUS_EVENT as fe, UPDATE_ACTIVEDESCENDANT as ae, CLEAR_FOCUS_EVENT as de } from "./index.es454.js";
+import { isCtrlKeyPressed as K } from "./index.es455.js";
+import { flushSync as pe } from "react-dom";
+import { useRef as T, useEffect as j } from "react";
+import { getFocusableTreeWalker as ve } from "./index.es302.js";
+import { focusSafely as J } from "./index.es469.js";
+import { getInteractionModality as Q } from "./index.es458.js";
+import { useLocale as ye } from "./index.es484.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);
       }
-    } else a = ((h = (x = [
-      ...n.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: O, ...N } = Z({
-    selectionManager: n.selectionManager,
-    key: e.key,
-    ref: r,
-    isVirtualized: P,
-    shouldSelectOnPressUp: V,
-    onAction: p || !((v = e.props) === null || v === void 0) && v.onAction ? j((m = e.props) === null || m === void 0 ? void 0 : m.onAction, p ? () => p(e.key) : void 0) : void 0,
-    focus: z,
-    linkBehavior: F
-  }), U = (o) => {
-    if (!o.currentTarget.contains(o.target) || !r.current || !document.activeElement) return;
-    let i = L(r.current);
-    if (i.currentNode = document.activeElement, "expandedKeys" in n && document.activeElement === r.current) {
-      if (o.key === D.expand[d] && n.selectionManager.focusedKey === e.key && f && !n.expandedKeys.has(e.key)) {
-        n.toggleKey(e.key), o.stopPropagation();
-        return;
-      } else if (o.key === D.collapse[d] && n.selectionManager.focusedKey === e.key && f && n.expandedKeys.has(e.key)) {
-        n.toggleKey(e.key), o.stopPropagation();
-        return;
-      }
-    }
-    switch (o.key) {
+    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 ($ === "arrow") {
-          let t = d === "rtl" ? i.nextNode() : i.previousNode();
-          if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
-              containingElement: s(r.current)
-            });
-          else if (o.preventDefault(), o.stopPropagation(), d === "rtl")
-            c(r.current), u(r.current, {
-              containingElement: s(r.current)
-            });
-          else {
-            i.currentNode = r.current;
-            let l = R(i);
-            l && (c(l), u(l, {
-              containingElement: s(r.current)
-            }));
-          }
+        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 ($ === "arrow") {
-          let t = d === "rtl" ? i.previousNode() : i.nextNode();
-          if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
-              containingElement: s(r.current)
-            });
-          else if (o.preventDefault(), o.stopPropagation(), d === "ltr")
-            c(r.current), u(r.current, {
-              containingElement: s(r.current)
-            });
-          else {
-            i.currentNode = r.current;
-            let l = R(i);
-            l && (c(l), u(l, {
-              containingElement: s(r.current)
-            }));
-          }
+        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 "ArrowUp":
-      case "ArrowDown":
-        if (!o.altKey && r.current.contains(o.target)) {
-          var a;
-          o.stopPropagation(), o.preventDefault(), (a = r.current.parentElement) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent(o.nativeEvent.type, o.nativeEvent));
+      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 ($ === "tab") {
-          let t = L(r.current, {
-            tabbable: !0
-          });
-          t.currentNode = document.activeElement, (o.shiftKey ? t.previousNode() : t.nextNode()) && o.stopPropagation();
+        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;
         }
     }
-  }, C = (o) => {
-    if (g.current = e.key, o.target !== r.current) {
-      Q() || n.selectionManager.setFocusedKey(e.key);
+  }, 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;
     }
-  }, T = q(e.props), G = N.hasAction ? T : {}, S = I(O, G, {
-    role: "row",
-    onKeyDownCapture: U,
-    onFocus: C,
-    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
-    "aria-label": e.textValue || void 0,
-    "aria-selected": n.selectionManager.canSelectItem(e.key) ? n.selectionManager.isSelected(e.key) : void 0,
-    "aria-disabled": n.selectionManager.isDisabled(e.key) || void 0,
-    "aria-labelledby": y && e.textValue ? `${M(n, e.key)} ${y}` : void 0,
-    id: M(n, e.key)
+    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;
   });
-  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
+  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
+    }
   };
 }
-function R(b) {
-  let n = null, r = null;
-  do
-    r = b.lastChild(), r && (n = r);
-  while (r);
-  return n;
-}
 export {
-  be as useGridListItem
+  Ne as useSelectableCollection
 };

package/dist/index.es496.js

@@ -1,23 +1,7 @@
-import { useLocale as f } from "./index.es500.js";
-import { LocalizedStringDictionary as c } from "./index.es502.js";
-import { LocalizedStringFormatter as i } from "./index.es503.js";
-import { useMemo as n } from "react";
-const r = /* @__PURE__ */ new WeakMap();
-function $(e) {
-  let a = r.get(e);
-  return a || (a = new c(e), r.set(e, a)), a;
-}
-function b(e, a) {
-  return a && c.getGlobalDictionaryForPackage(a) || $(e);
-}
-function u(e, a) {
-  let { locale: o } = f(), t = b(e, a);
-  return n(() => new i(o, t), [
-    o,
-    t
-  ]);
+import { isAppleDevice as o } from "./index.es440.js";
+function i(e) {
+  return o() ? e.altKey : e.ctrlKey;
 }
 export {
-  b as useLocalizedStringDictionary,
-  u as useLocalizedStringFormatter
+  i as isNonContiguousSelectionModifier
 };

package/dist/index.es497.js

@@ -1,23 +1,32 @@
-import { CollectionBuilder as u } from "./index.es498.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
 };