@boxcustodia/library 1.2.2 → 1.3.1-canary.0

package/dist/index.es507.js

@@ -1,174 +1,54 @@
-import { listMap as X, getRowId as M } from "./index.es514.js";
-import { useSlotId as Y } from "./index.es298.js";
-import { chain as j } from "./index.es464.js";
-import { mergeProps as I } from "./index.es299.js";
-import { useSyntheticLinkProps as q } from "./index.es467.js";
-import { getScrollParent as s } from "./index.es474.js";
-import { scrollIntoViewport as u } from "./index.es480.js";
-import { getFocusableTreeWalker as L } from "./index.es311.js";
-import { focusSafely as c } from "./index.es484.js";
-import { getLastItem as H } from "./index.es504.js";
-import { useRef as J } from "react";
-import { isFocusVisible as Q } from "./index.es486.js";
-import { useSelectableItem as Z } from "./index.es518.js";
-import { useLocale as _ } from "./index.es509.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;
-      }
-    } 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) {
-      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)
-            }));
-          }
-        }
-        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)
-            }));
-          }
-        }
-        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));
-        }
-        break;
-      case "Tab":
-        if ($ === "tab") {
-          let t = L(r.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);
+import m from "./index.es856.js";
+import { announce as g } from "./index.es270.js";
+import { useLocalizedStringFormatter as p } from "./index.es496.js";
+import { useRef as x } from "react";
+import { useUpdateEffect as v } from "./index.es459.js";
+function $(o) {
+  return o && o.__esModule ? o.default : o;
+}
+function h(o, e) {
+  let { getRowText: n = (f) => {
+    var c, a, u, t;
+    return (t = (c = (a = e.collection).getTextValue) === null || c === void 0 ? void 0 : c.call(a, f)) !== null && t !== void 0 ? t : (u = e.collection.getItem(f)) === null || u === void 0 ? void 0 : u.textValue;
+  } } = o, i = p($(m), "@react-aria/grid"), l = e.selectionManager.rawSelection, s = x(l);
+  v(() => {
+    var f;
+    if (!e.selectionManager.isFocused) {
+      s.current = l;
       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)
-  });
-  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
-  };
+    let c = d(l, s.current), a = d(s.current, l), u = e.selectionManager.selectionBehavior === "replace", t = [];
+    if (e.selectionManager.selectedKeys.size === 1 && u) {
+      if (e.collection.getItem(e.selectionManager.selectedKeys.keys().next().value)) {
+        let r = n(e.selectionManager.selectedKeys.keys().next().value);
+        r && t.push(i.format("selectedItem", {
+          item: r
+        }));
+      }
+    } else if (c.size === 1 && a.size === 0) {
+      let r = n(c.keys().next().value);
+      r && t.push(i.format("selectedItem", {
+        item: r
+      }));
+    } else if (a.size === 1 && c.size === 0 && e.collection.getItem(a.keys().next().value)) {
+      let r = n(a.keys().next().value);
+      r && t.push(i.format("deselectedItem", {
+        item: r
+      }));
+    }
+    e.selectionManager.selectionMode === "multiple" && (t.length === 0 || l === "all" || l.size > 1 || s.current === "all" || ((f = s.current) === null || f === void 0 ? void 0 : f.size) > 1) && t.push(l === "all" ? i.format("selectedAll") : i.format("selectedCount", {
+      count: l.size
+    })), t.length > 0 && g(t.join(" ")), s.current = l;
+  }, [
+    l
+  ]);
 }
-function R(b) {
-  let n = null, r = null;
-  do
-    r = b.lastChild(), r && (n = r);
-  while (r);
+function d(o, e) {
+  let n = /* @__PURE__ */ new Set();
+  if (o === "all" || e === "all") return n;
+  for (let i of o.keys()) e.has(i) || n.add(i);
   return n;
 }
 export {
-  be as useGridListItem
+  h as useGridSelectionAnnouncement
 };

package/dist/index.es508.js

@@ -1,23 +1,36 @@
-import { useLocale as f } from "./index.es509.js";
-import { LocalizedStringDictionary as c } from "./index.es511.js";
-import { LocalizedStringFormatter as i } from "./index.es512.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), [
+import { useSelectableCollection as n } from "./index.es511.js";
+import { ListKeyboardDelegate as f } from "./index.es514.js";
+import { useCollator as g } from "./index.es504.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
-  ]);
+    t,
+    e,
+    i,
+    c
+  ]), { collectionProps: b } = n({
+    ...a,
+    ref: e,
+    selectionManager: l,
+    keyboardDelegate: d
+  });
+  return {
+    listProps: b
+  };
 }
 export {
-  b as useLocalizedStringDictionary,
-  u as useLocalizedStringFormatter
+  D as useSelectableList
 };

package/dist/index.es509.js

@@ -1,10 +1,116 @@
-import { useDefaultLocale as t } from "./index.es510.js";
-import f, { useContext as a } from "react";
-const o = /* @__PURE__ */ f.createContext(null);
-function l() {
-  let e = t();
-  return a(o) || e;
+import { isNonContiguousSelectionModifier as V } from "./index.es512.js";
+import { focusSafely as R } from "./index.es472.js";
+import { useId as j } from "./index.es272.js";
+import { mergeProps as q } from "./index.es273.js";
+import { useRouter as z, openLink as G } from "./index.es455.js";
+import { UPDATE_ACTIVEDESCENDANT as H } from "./index.es470.js";
+import { isCtrlKeyPressed as J } from "./index.es471.js";
+import { usePress as Q } from "./index.es482.js";
+import { useLongPress as W } from "./index.es488.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";
 }
 export {
-  l as useLocale
+  le as useSelectableItem
 };

package/dist/index.es51.js

@@ -1,6 +1,6 @@
-import { useFormContext as n } from "./index.es116.js";
-import { useFormFieldContext as s } from "./index.es117.js";
-import { useFormItemContext as d } from "./index.es118.js";
+import { useFormContext as n } from "./index.es124.js";
+import { useFormFieldContext as s } from "./index.es125.js";
+import { useFormItemContext as d } from "./index.es126.js";
 const c = () => {
   const t = s(), o = d(), { getFieldState: m, formState: r } = n();
   if (!t)

package/dist/index.es510.js

@@ -1,36 +1,22 @@
-import { isRTL as l } from "./index.es864.js";
-import { useState as f, useEffect as d } from "react";
-import { useIsSSR as i } from "./index.es409.js";
-const u = Symbol.for("react-aria.i18n.locale");
-function n() {
-  let e = typeof window < "u" && window[u] || typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([
-      e
-    ]);
-  } catch {
-    e = "en-US";
-  }
+import s from "./index.es856.js";
+import { useId as d } from "./index.es272.js";
+import { useLocalizedStringFormatter as f } from "./index.es496.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 {
-    locale: e,
-    direction: l(e) ? "rtl" : "ltr"
+    checkboxProps: {
+      id: o,
+      "aria-label": n.format("select"),
+      isSelected: i,
+      isDisabled: c,
+      onChange: l
+    }
   };
 }
-let t = n(), a = /* @__PURE__ */ new Set();
-function r() {
-  t = n();
-  for (let e of a) e(t);
-}
-function p() {
-  let e = i(), [c, o] = f(t);
-  return d(() => (a.size === 0 && window.addEventListener("languagechange", r), a.add(o), () => {
-    a.delete(o), a.size === 0 && window.removeEventListener("languagechange", r);
-  }), []), e ? {
-    locale: "en-US",
-    direction: "ltr"
-  } : c;
-}
 export {
-  n as getDefaultLocale,
-  p as useDefaultLocale
+  p as useGridSelectionCheckbox
 };