@boxcustodia/library 0.6.3-canary.0 → 1.0.0

package/dist/index.es467.js

@@ -1,57 +1,174 @@
-import { Selection as K } from "./index.es468.js";
-import { useControlledState as M } from "./index.es295.js";
-import { useRef as a, useState as r, useMemo as n, useEffect as x } from "react";
-function R(e, s) {
-  if (e.size !== s.size) return !1;
-  for (let c of e)
-    if (!s.has(c)) return !1;
-  return !0;
-}
-function C(e) {
-  let { selectionMode: s = "none", disallowEmptySelection: c = !1, allowDuplicateSelectionEvents: v, selectionBehavior: l = "toggle", disabledBehavior: $ = "all" } = e, d = a(!1), [, h] = r(!1), u = a(null), f = a(null), [, m] = r(null), g = n(() => b(e.selectedKeys), [
-    e.selectedKeys
-  ]), w = n(() => b(e.defaultSelectedKeys, new K()), [
-    e.defaultSelectedKeys
-  ]), [o, B] = M(g, w, e.onSelectionChange), F = n(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
-    e.disabledKeys
-  ]), [S, i] = r(l);
-  l === "replace" && S === "toggle" && typeof o == "object" && o.size === 0 && i("replace");
-  let y = a(l);
-  return x(() => {
-    l !== y.current && (i(l), y.current = l);
-  }, [
-    l
-  ]), {
-    selectionMode: s,
-    disallowEmptySelection: c,
-    selectionBehavior: S,
-    setSelectionBehavior: i,
-    get isFocused() {
-      return d.current;
-    },
-    setFocused(t) {
-      d.current = t, h(t);
-    },
-    get focusedKey() {
-      return u.current;
-    },
-    get childFocusStrategy() {
-      return f.current;
-    },
-    setFocusedKey(t, E = "first") {
-      u.current = t, f.current = E, m(t);
+import { listMap as X, getRowId as M } from "./index.es474.js";
+import { useSlotId as Y } from "./index.es277.js";
+import { chain as j } from "./index.es424.js";
+import { mergeProps as I } from "./index.es278.js";
+import { useSyntheticLinkProps as q } from "./index.es427.js";
+import { getScrollParent as s } from "./index.es434.js";
+import { scrollIntoViewport as u } from "./index.es440.js";
+import { getFocusableTreeWalker as L } from "./index.es290.js";
+import { focusSafely as c } from "./index.es444.js";
+import { getLastItem as H } from "./index.es464.js";
+import { useRef as J } from "react";
+import { isFocusVisible as Q } from "./index.es446.js";
+import { useSelectableItem as Z } from "./index.es478.js";
+import { useLocale as _ } from "./index.es469.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);
+      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)
     },
-    selectedKeys: o,
-    setSelectedKeys(t) {
-      (v || !R(t, o)) && B(t);
+    gridCellProps: W,
+    descriptionProps: {
+      id: y
     },
-    disabledKeys: F,
-    disabledBehavior: $
+    ...N
   };
 }
-function b(e, s) {
-  return e ? e === "all" ? "all" : new K(e) : s;
+function R(b) {
+  let n = null, r = null;
+  do
+    r = b.lastChild(), r && (n = r);
+  while (r);
+  return n;
 }
 export {
-  C as useMultipleSelectionState
+  be as useGridListItem
 };

package/dist/index.es468.js

@@ -1,8 +1,23 @@
-class t extends Set {
-  constructor(s, l, i) {
-    super(s), s instanceof t ? (this.anchorKey = l ?? s.anchorKey, this.currentKey = i ?? s.currentKey) : (this.anchorKey = l ?? null, this.currentKey = i ?? null);
-  }
+import { useLocale as f } from "./index.es469.js";
+import { LocalizedStringDictionary as c } from "./index.es471.js";
+import { LocalizedStringFormatter as i } from "./index.es472.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
+  ]);
 }
 export {
-  t as Selection
+  b as useLocalizedStringDictionary,
+  u as useLocalizedStringFormatter
 };

package/dist/index.es469.js

@@ -1,278 +1,10 @@
-import { Selection as n } from "./index.es468.js";
-import { compareNodeOrder as r, getFirstItem as h, getChildNodes as d } from "./index.es470.js";
-class g {
-  /**
-  * The type of selection that is allowed in the collection.
-  */
-  get selectionMode() {
-    return this.state.selectionMode;
-  }
-  /**
-  * Whether the collection allows empty selection.
-  */
-  get disallowEmptySelection() {
-    return this.state.disallowEmptySelection;
-  }
-  /**
-  * The selection behavior for the collection.
-  */
-  get selectionBehavior() {
-    return this.state.selectionBehavior;
-  }
-  /**
-  * Sets the selection behavior for the collection.
-  */
-  setSelectionBehavior(t) {
-    this.state.setSelectionBehavior(t);
-  }
-  /**
-  * Whether the collection is currently focused.
-  */
-  get isFocused() {
-    return this.state.isFocused;
-  }
-  /**
-  * Sets whether the collection is focused.
-  */
-  setFocused(t) {
-    this.state.setFocused(t);
-  }
-  /**
-  * The current focused key in the collection.
-  */
-  get focusedKey() {
-    return this.state.focusedKey;
-  }
-  /** Whether the first or last child of the focused key should receive focus. */
-  get childFocusStrategy() {
-    return this.state.childFocusStrategy;
-  }
-  /**
-  * Sets the focused key.
-  */
-  setFocusedKey(t, e) {
-    (t == null || this.collection.getItem(t)) && this.state.setFocusedKey(t, e);
-  }
-  /**
-  * The currently selected keys in the collection.
-  */
-  get selectedKeys() {
-    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
-  }
-  /**
-  * The raw selection value for the collection.
-  * Either 'all' for select all, or a set of keys.
-  */
-  get rawSelection() {
-    return this.state.selectedKeys;
-  }
-  /**
-  * Returns whether a key is selected.
-  */
-  isSelected(t) {
-    if (this.state.selectionMode === "none") return !1;
-    let e = this.getKey(t);
-    return e == null ? !1 : this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e);
-  }
-  /**
-  * Whether the selection is empty.
-  */
-  get isEmpty() {
-    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
-  }
-  /**
-  * Whether all items in the collection are selected.
-  */
-  get isSelectAll() {
-    if (this.isEmpty) return !1;
-    if (this.state.selectedKeys === "all") return !0;
-    if (this._isSelectAll != null) return this._isSelectAll;
-    let t = this.getSelectAllKeys(), e = this.state.selectedKeys;
-    return this._isSelectAll = t.every((l) => e.has(l)), this._isSelectAll;
-  }
-  get firstSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) < 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get lastSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) > 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get disabledKeys() {
-    return this.state.disabledKeys;
-  }
-  get disabledBehavior() {
-    return this.state.disabledBehavior;
-  }
-  /**
-  * Extends the selection to the given key.
-  */
-  extendSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single") {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l;
-    if (this.state.selectedKeys === "all") l = new n([
-      e
-    ], e, e);
-    else {
-      let i = this.state.selectedKeys;
-      var s;
-      let a = (s = i.anchorKey) !== null && s !== void 0 ? s : e;
-      l = new n(i, a, e);
-      var o;
-      for (let c of this.getKeyRange(a, (o = i.currentKey) !== null && o !== void 0 ? o : e)) l.delete(c);
-      for (let c of this.getKeyRange(e, a)) this.canSelectItem(c) && l.add(c);
-    }
-    this.state.setSelectedKeys(l);
-  }
-  getKeyRange(t, e) {
-    let l = this.collection.getItem(t), s = this.collection.getItem(e);
-    return l && s ? r(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(t, e) : this.getKeyRangeInternal(e, t) : [];
-  }
-  getKeyRangeInternal(t, e) {
-    var l;
-    if (!((l = this.layoutDelegate) === null || l === void 0) && l.getKeyRange) return this.layoutDelegate.getKeyRange(t, e);
-    let s = [], o = t;
-    for (; o != null; ) {
-      let i = this.collection.getItem(o);
-      if (i && (i.type === "item" || i.type === "cell" && this.allowsCellSelection) && s.push(o), o === e) return s;
-      o = this.collection.getKeyAfter(o);
-    }
-    return [];
-  }
-  getKey(t) {
-    let e = this.collection.getItem(t);
-    if (!e || e.type === "cell" && this.allowsCellSelection) return t;
-    for (; e && e.type !== "item" && e.parentKey != null; ) e = this.collection.getItem(e.parentKey);
-    return !e || e.type !== "item" ? null : e.key;
-  }
-  /**
-  * Toggles whether the given key is selected.
-  */
-  toggleSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single" && !this.isSelected(t)) {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = new n(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
-    l.has(e) ? l.delete(e) : this.canSelectItem(e) && (l.add(e), l.anchorKey = e, l.currentKey = e), !(this.disallowEmptySelection && l.size === 0) && this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with only the given key.
-  */
-  replaceSelection(t) {
-    if (this.selectionMode === "none") return;
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = this.canSelectItem(e) ? new n([
-      e
-    ], e, e) : new n();
-    this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with the given keys.
-  */
-  setSelectedKeys(t) {
-    if (this.selectionMode === "none") return;
-    let e = new n();
-    for (let l of t) {
-      let s = this.getKey(l);
-      if (s != null && (e.add(s), this.selectionMode === "single"))
-        break;
-    }
-    this.state.setSelectedKeys(e);
-  }
-  getSelectAllKeys() {
-    let t = [], e = (l) => {
-      for (; l != null; ) {
-        if (this.canSelectItem(l)) {
-          var s;
-          let i = this.collection.getItem(l);
-          (i == null ? void 0 : i.type) === "item" && t.push(l);
-          var o;
-          i != null && i.hasChildNodes && (this.allowsCellSelection || i.type !== "item") && e((o = (s = h(d(i, this.collection))) === null || s === void 0 ? void 0 : s.key) !== null && o !== void 0 ? o : null);
-        }
-        l = this.collection.getKeyAfter(l);
-      }
-    };
-    return e(this.collection.getFirstKey()), t;
-  }
-  /**
-  * Selects all items in the collection.
-  */
-  selectAll() {
-    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
-  }
-  /**
-  * Removes all keys from the selection.
-  */
-  clearSelection() {
-    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new n());
-  }
-  /**
-  * Toggles between select all and an empty selection.
-  */
-  toggleSelectAll() {
-    this.isSelectAll ? this.clearSelection() : this.selectAll();
-  }
-  select(t, e) {
-    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(t) && !this.disallowEmptySelection ? this.toggleSelection(t) : this.replaceSelection(t) : this.selectionBehavior === "toggle" || e && (e.pointerType === "touch" || e.pointerType === "virtual") ? this.toggleSelection(t) : this.replaceSelection(t));
-  }
-  /**
-  * Returns whether the current selection is equal to the given selection.
-  */
-  isSelectionEqual(t) {
-    if (t === this.state.selectedKeys) return !0;
-    let e = this.selectedKeys;
-    if (t.size !== e.size) return !1;
-    for (let l of t)
-      if (!e.has(l)) return !1;
-    for (let l of e)
-      if (!t.has(l)) return !1;
-    return !0;
-  }
-  canSelectItem(t) {
-    var e;
-    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(t)) return !1;
-    let l = this.collection.getItem(t);
-    return !(!l || !(l == null || (e = l.props) === null || e === void 0) && e.isDisabled || l.type === "cell" && !this.allowsCellSelection);
-  }
-  isDisabled(t) {
-    var e, l;
-    return this.state.disabledBehavior === "all" && (this.state.disabledKeys.has(t) || !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.isDisabled));
-  }
-  isLink(t) {
-    var e, l;
-    return !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.href);
-  }
-  getItemProps(t) {
-    var e;
-    return (e = this.collection.getItem(t)) === null || e === void 0 ? void 0 : e.props;
-  }
-  constructor(t, e, l) {
-    this.collection = t, this.state = e;
-    var s;
-    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null, this.layoutDelegate = (l == null ? void 0 : l.layoutDelegate) || null;
-  }
+import { useDefaultLocale as t } from "./index.es470.js";
+import f, { useContext as a } from "react";
+const o = /* @__PURE__ */ f.createContext(null);
+function l() {
+  let e = t();
+  return a(o) || e;
 }
 export {
-  g as SelectionManager
+  l as useLocale
 };

package/dist/index.es47.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es103.js";
+import { j as e } from "./index.es101.js";
 import { Heading as d } from "./index.es52.js";
-import i from "./index.es132.js";
+import i from "./index.es127.js";
 import { cn as c } from "./index.es90.js";
 const l = ({
   icon: t = /* @__PURE__ */ e.jsx(i, { className: "w-12 h-12" }),

package/dist/index.es470.js

@@ -1,39 +1,36 @@
-function u(n, e) {
-  return typeof e.getChildren == "function" ? e.getChildren(n.key) : n.childNodes;
+import { isRTL as l } from "./index.es564.js";
+import { useState as f, useEffect as d } from "react";
+import { useIsSSR as i } from "./index.es350.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";
+  }
+  return {
+    locale: e,
+    direction: l(e) ? "rtl" : "ltr"
+  };
 }
-function s(n) {
-  return a(n);
+let t = n(), a = /* @__PURE__ */ new Set();
+function r() {
+  t = n();
+  for (let e of a) e(t);
 }
-function a(n, e) {
-  for (let t of n)
-    return t;
-}
-function l(n) {
-  let e;
-  for (let t of n) e = t;
-  return e;
-}
-function $(n, e, t) {
-  if (e.parentKey === t.parentKey) return e.index - t.index;
-  let r = [
-    ...d(n, e),
-    e
-  ], i = [
-    ...d(n, t),
-    t
-  ], c = r.slice(0, i.length).findIndex((f, o) => f !== i[o]);
-  return c !== -1 ? (e = r[c], t = i[c], e.index - t.index) : r.findIndex((f) => f === t) >= 0 ? 1 : (i.findIndex((f) => f === e) >= 0, -1);
-}
-function d(n, e) {
-  let t = [], r = e;
-  for (; (r == null ? void 0 : r.parentKey) != null; )
-    r = n.getItem(r.parentKey), r && t.unshift(r);
-  return 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 {
-  $ as compareNodeOrder,
-  u as getChildNodes,
-  s as getFirstItem,
-  l as getLastItem,
-  a as getNthItem
+  n as getDefaultLocale,
+  p as useDefaultLocale
 };