@boxcustodia/library 1.4.4 → 1.5.1-canary.0

package/dist/index.es516.js

@@ -1,15 +1,15 @@
 import { listMap as X, getRowId as M } from "./index.es512.js";
-import { useSlotId as Y } from "./index.es303.js";
-import { chain as j } from "./index.es444.js";
-import { mergeProps as I } from "./index.es304.js";
-import { useSyntheticLinkProps as q } from "./index.es447.js";
-import { getScrollParent as s } from "./index.es454.js";
-import { scrollIntoViewport as u } from "./index.es460.js";
-import { getFocusableTreeWalker as L } from "./index.es316.js";
-import { focusSafely as c } from "./index.es497.js";
-import { getLastItem as H } from "./index.es504.js";
-import { useRef as J } from "react";
-import { isFocusVisible as Q } from "./index.es486.js";
+import { useSlotId as Y } from "./index.es291.js";
+import { chain as j } from "./index.es456.js";
+import { mergeProps as I } from "./index.es292.js";
+import { useSyntheticLinkProps as q } from "./index.es462.js";
+import { getScrollParent as u } from "./index.es470.js";
+import { scrollIntoViewport as p } from "./index.es476.js";
+import { getFocusableTreeWalker as L } from "./index.es304.js";
+import { isFocusVisible as H } from "./index.es483.js";
+import { focusSafely as c } from "./index.es494.js";
+import { getLastItem as J } from "./index.es501.js";
+import { useRef as Q } from "react";
 import { useSelectableItem as Z } from "./index.es517.js";
 import { useLocale as _ } from "./index.es505.js";
 const D = {
@@ -22,29 +22,29 @@ const D = {
     rtl: "ArrowRight"
   }
 };
-function be(b, n, r) {
+function be(b, r, n) {
   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 = () => {
+  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;
-    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) {
+    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 = n.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
-    f = [
+    let o = (k = (K = r.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
+    s = s || [
       ...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;
+    ].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 = n.collection.getItem(e.parentKey);
+      let t = r.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;
+        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 = [
-      ...n.collection
+      ...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,
@@ -53,24 +53,24 @@ function be(b, n, r) {
       "aria-setsize": a
     };
   }
-  let { itemProps: O, ...N } = Z({
-    selectionManager: n.selectionManager,
+  let { itemProps: C, ...N } = Z({
+    selectionManager: r.selectionManager,
     key: e.key,
-    ref: r,
+    ref: n,
     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,
+    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
-  }), 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();
+  }), 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] && n.selectionManager.focusedKey === e.key && f && n.expandedKeys.has(e.key)) {
-        n.toggleKey(e.key), o.stopPropagation();
+      } 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;
       }
     }
@@ -79,18 +79,18 @@ function be(b, n, r) {
         if ($ === "arrow") {
           let t = d === "rtl" ? i.nextNode() : i.previousNode();
           if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
-              containingElement: s(r.current)
+            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
+              containingElement: u(n.current)
             });
           else if (o.preventDefault(), o.stopPropagation(), d === "rtl")
-            c(r.current), u(r.current, {
-              containingElement: s(r.current)
+            c(n.current), p(n.current, {
+              containingElement: u(n.current)
             });
           else {
-            i.currentNode = r.current;
+            i.currentNode = n.current;
             let l = R(i);
-            l && (c(l), u(l, {
-              containingElement: s(r.current)
+            l && (c(l), p(l, {
+              containingElement: u(n.current)
             }));
           }
         }
@@ -99,52 +99,52 @@ function be(b, n, r) {
         if ($ === "arrow") {
           let t = d === "rtl" ? i.previousNode() : i.nextNode();
           if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
-              containingElement: s(r.current)
+            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
+              containingElement: u(n.current)
             });
           else if (o.preventDefault(), o.stopPropagation(), d === "ltr")
-            c(r.current), u(r.current, {
-              containingElement: s(r.current)
+            c(n.current), p(n.current, {
+              containingElement: u(n.current)
             });
           else {
-            i.currentNode = r.current;
+            i.currentNode = n.current;
             let l = R(i);
-            l && (c(l), u(l, {
-              containingElement: s(r.current)
+            l && (c(l), p(l, {
+              containingElement: u(n.current)
             }));
           }
         }
         break;
       case "ArrowUp":
       case "ArrowDown":
-        if (!o.altKey && r.current.contains(o.target)) {
+        if (!o.altKey && n.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));
+          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(r.current, {
+          let t = L(n.current, {
             tabbable: !0
           });
           t.currentNode = document.activeElement, (o.shiftKey ? t.previousNode() : t.nextNode()) && o.stopPropagation();
         }
     }
-  }, C = (o) => {
-    if (g.current = e.key, o.target !== r.current) {
-      Q() || n.selectionManager.setFocusedKey(e.key);
+  }, 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(O, G, {
+  }, T = q(e.props), G = N.hasAction ? T : {}, S = I(C, G, {
     role: "row",
-    onKeyDownCapture: U,
-    onFocus: C,
+    onKeyDownCapture: O,
+    onFocus: U,
     // '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)
+    "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 = {
@@ -163,11 +163,11 @@ function be(b, n, r) {
   };
 }
 function R(b) {
-  let n = null, r = null;
+  let r = null, n = null;
   do
-    r = b.lastChild(), r && (n = r);
-  while (r);
-  return n;
+    n = b.lastChild(), n && (r = n);
+  while (n);
+  return r;
 }
 export {
   be as useGridListItem

package/dist/index.es517.js

@@ -1,113 +1,119 @@
-import { isNonContiguousSelectionModifier as V } from "./index.es520.js";
-import { focusSafely as R } from "./index.es497.js";
-import { useId as j } from "./index.es303.js";
-import { mergeProps as q } from "./index.es304.js";
-import { useRouter as z, openLink as G } from "./index.es447.js";
-import { UPDATE_ACTIVEDESCENDANT as H } from "./index.es462.js";
-import { isCtrlKeyPressed as J } from "./index.es463.js";
-import { usePress as Q } from "./index.es490.js";
-import { useLongPress as W } from "./index.es496.js";
+import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./index.es520.js";
+import { usePress as j } from "./index.es487.js";
+import { useLongPress as q } from "./index.es493.js";
+import { focusSafely as z } from "./index.es494.js";
+import { useId as G } from "./index.es291.js";
+import { mergeProps as K } from "./index.es292.js";
+import { useRouter as H, openLink as J } from "./index.es462.js";
+import { isCtrlKeyPressed as Q } from "./index.es479.js";
+import { moveVirtualFocus as W } from "./index.es504.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 { id: $, selectionManager: o, key: t, ref: i, 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" && V(e)) t.toggleSelection(o);
+    if (e.pointerType === "keyboard" && N(e)) o.toggleSelection(t);
     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);
+      if (o.selectionMode === "none") return;
+      if (o.isLink(t)) {
+        if (p === "selection" && i.current) {
+          let y = o.getItemProps(t);
+          D.open(i.current, e, y.href, y.routerOptions), o.setSelectedKeys(o.selectedKeys);
           return;
-        } else if (d === "override" || d === "none") return;
+        } else if (p === "override" || p === "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);
+      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);
     }
   };
   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);
-      }
+    t === o.focusedKey && o.isFocused && (l ? W(i.current) : T ? T() : document.activeElement !== i.current && i.current && z(i.current));
   }, [
-    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,
+    i,
+    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 && t.setFocusedKey(o);
+      e.target === i.current && o.setFocusedKey(t);
     }
-  } : c && (b.onMouseDown = (e) => {
+  } : c && (u.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);
+  let L = o.isLink(t) && p === "override", F = o.isLink(t) && p !== "selection" && p !== "none", s = !c && o.canSelectItem(t) && !L, S = (g || F) && !c, f = S && (o.selectionBehavior === "replace" ? !s : !s || o.isEmpty), v = S && s && o.selectionBehavior === "replace", d = f || v, b = k(null), m = d && s, h = k(!1), x = k(!1), P = (e) => {
+    if (g && g(), F && i.current) {
+      let y = o.getItemProps(t);
+      D.open(i.current, e, y.href, y.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;
+  }, n = {};
+  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" && s && a(e);
+  }, n.onPress = f ? P : (e) => {
+    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && s && 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);
-  }) : (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({
+    } else e.pointerType !== "keyboard" && s && a(e);
+  }) : (n.onPressStart = (e) => {
+    b.current = e.pointerType, h.current = m, x.current = f, s && (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) : s && 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), t.setSelectionBehavior("toggle"));
+      e.pointerType === "touch" && (a(e), o.setSelectionBehavior("toggle"));
     }
   }), U = (e) => {
-    y.current === "touch" && h.current && e.preventDefault();
-  }, M = t.isLink(o) ? (e) => {
-    G.isOpening || e.preventDefault();
+    b.current === "touch" && h.current && e.preventDefault();
+  }, V = o.isLink(t) ? (e) => {
+    J.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,
+    itemProps: K(
+      u,
+      s || 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: u
+    allowsSelection: s,
+    hasAction: d
   };
 }
-function E() {
+function w() {
   let r = window.event;
   return (r == null ? void 0 : r.key) === "Enter";
 }
-function w() {
+function A() {
   let r = window.event;
   return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
 }

package/dist/index.es518.js

@@ -1,5 +1,5 @@
-import s from "./index.es831.js";
-import { useId as d } from "./index.es303.js";
+import s from "./index.es836.js";
+import { useId as d } from "./index.es291.js";
 import { useLocalizedStringFormatter as f } from "./index.es507.js";
 function b(e) {
   return e && e.__esModule ? e.default : e;