@boxcustodia/library 0.5.2 → 0.5.3

package/dist/index.es465.js

@@ -1,16 +1,174 @@
-import { useLayoutEffect as f } from "./index.es398.js";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
-  }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+import { listMap as X, getRowId as M } from "./index.es475.js";
+import { useSlotId as Y } from "./index.es276.js";
+import { chain as j } from "./index.es425.js";
+import { mergeProps as I } from "./index.es277.js";
+import { useSyntheticLinkProps as q } from "./index.es428.js";
+import { getScrollParent as s } from "./index.es434.js";
+import { scrollIntoViewport as u } from "./index.es440.js";
+import { getFocusableTreeWalker as L } from "./index.es289.js";
+import { focusSafely as c } from "./index.es442.js";
+import { getLastItem as H } from "./index.es462.js";
+import { useRef as J } from "react";
+import { isFocusVisible as Q } from "./index.es447.js";
+import { useSelectableItem as Z } from "./index.es479.js";
+import { useLocale as _ } from "./index.es470.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)
+    },
+    gridCellProps: W,
+    descriptionProps: {
+      id: y
+    },
+    ...N
+  };
+}
+function R(b) {
+  let n = null, r = null;
+  do
+    r = b.lastChild(), r && (n = r);
+  while (r);
+  return n;
 }
 export {
-  s as useEffectEvent
+  be as useGridListItem
 };

package/dist/index.es466.js

@@ -1,46 +1,23 @@
-import { getScrollParents as a } from "./index.es462.js";
-function $(e, o) {
-  let d = p(e, o, "left"), f = p(e, o, "top"), t = o.offsetWidth, l = o.offsetHeight, r = e.scrollLeft, s = e.scrollTop, { borderTopWidth: i, borderLeftWidth: c } = getComputedStyle(e), u = e.scrollLeft + parseInt(c, 10), n = e.scrollTop + parseInt(i, 10), b = u + e.clientWidth, v = n + e.clientHeight;
-  d <= r ? r = d - parseInt(c, 10) : d + t > b && (r += d + t - b), f <= n ? s = f - parseInt(i, 10) : f + l > v && (s += f + l - v), e.scrollLeft = r, e.scrollTop = s;
+import { useLocale as f } from "./index.es470.js";
+import { LocalizedStringDictionary as c } from "./index.es472.js";
+import { LocalizedStringFormatter as i } from "./index.es473.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 p(e, o, d) {
-  const f = d === "left" ? "offsetLeft" : "offsetTop";
-  let t = 0;
-  for (; o.offsetParent && (t += o[f], o.offsetParent !== e); ) {
-    if (o.offsetParent.contains(e)) {
-      t -= e[f];
-      break;
-    }
-    o = o.offsetParent;
-  }
-  return t;
+function b(e, a) {
+  return a && c.getGlobalDictionaryForPackage(a) || $(e);
 }
-function P(e, o) {
-  if (e && document.contains(e)) {
-    let r = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(r).overflow === "hidden") {
-      let i = a(e);
-      for (let c of i) $(c, e);
-    } else {
-      var d;
-      let { left: i, top: c } = e.getBoundingClientRect();
-      e == null || (d = e.scrollIntoView) === null || d === void 0 || d.call(e, {
-        block: "nearest"
-      });
-      let { left: u, top: n } = e.getBoundingClientRect();
-      if (Math.abs(i - u) > 1 || Math.abs(c - n) > 1) {
-        var f, t, l;
-        o == null || (t = o.containingElement) === null || t === void 0 || (f = t.scrollIntoView) === null || f === void 0 || f.call(t, {
-          block: "center",
-          inline: "center"
-        }), (l = e.scrollIntoView) === null || l === void 0 || l.call(e, {
-          block: "nearest"
-        });
-      }
-    }
-  }
+function u(e, a) {
+  let { locale: o } = f(), t = b(e, a);
+  return n(() => new i(o, t), [
+    o,
+    t
+  ]);
 }
 export {
-  $ as scrollIntoView,
-  P as scrollIntoViewport
+  b as useLocalizedStringDictionary,
+  u as useLocalizedStringFormatter
 };

package/dist/index.es467.js

@@ -1,11 +1,23 @@
-import { isAndroid as i } from "./index.es455.js";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
-}
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+import { CollectionBuilder as u } from "./index.es468.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
+  ]);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  b as useCollection
 };

package/dist/index.es468.js

@@ -1,16 +1,170 @@
-import { getOwnerDocument as f } from "./index.es452.js";
-import { focusWithoutScrolling as o } from "./index.es453.js";
-import { runAfterTransition as a } from "./index.es456.js";
-import { getInteractionModality as r } from "./index.es473.js";
-function d(e) {
-  const t = f(e);
-  if (r() === "virtual") {
-    let c = t.activeElement;
-    a(() => {
-      t.activeElement === c && e.isConnected && o(e);
+import y from "react";
+class z {
+  build(e, l) {
+    return this.context = l, p(() => this.iterateCollection(e));
+  }
+  *iterateCollection(e) {
+    let { children: l, items: u } = e;
+    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
+      children: l.props.children,
+      items: u
     });
-  } else o(e);
+    else if (typeof l == "function") {
+      if (!u) throw new Error("props.children was a function but props.items is missing");
+      let n = 0;
+      for (let r of u)
+        yield* this.getFullNode({
+          value: r,
+          index: n
+        }, {
+          renderer: l
+        }), n++;
+    } else {
+      let n = [];
+      y.Children.forEach(l, (t) => {
+        t && n.push(t);
+      });
+      let r = 0;
+      for (let t of n) {
+        let d = this.getFullNode({
+          element: t,
+          index: r
+        }, {});
+        for (let m of d)
+          r++, yield m;
+      }
+    }
+  }
+  getKey(e, l, u, n) {
+    if (e.key != null) return e.key;
+    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
+    let r = l.value;
+    if (r != null) {
+      var t;
+      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
+      if (d == null) throw new Error("No key found for item");
+      return d;
+    }
+    return n ? `${n}.${l.index}` : `$.${l.index}`;
+  }
+  getChildState(e, l) {
+    return {
+      renderer: l.renderer || e.renderer
+    };
+  }
+  *getFullNode(e, l, u, n) {
+    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
+      let i = [];
+      y.Children.forEach(e.element.props.children, (s) => {
+        i.push(s);
+      });
+      var r;
+      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
+      for (const s of i) yield* this.getFullNode({
+        element: s,
+        index: o++
+      }, l, u, n);
+      return;
+    }
+    let t = e.element;
+    if (!t && e.value && l && l.renderer) {
+      let i = this.cache.get(e.value);
+      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
+        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
+        return;
+      }
+      t = l.renderer(e.value);
+    }
+    if (y.isValidElement(t)) {
+      let i = t.type;
+      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
+        let h = t.type;
+        throw new Error(`Unknown element <${h}> in collection.`);
+      }
+      let o = i.getCollectionNode(t.props, this.context);
+      var d;
+      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
+      for (; !v.done && v.value; ) {
+        let h = v.value;
+        e.index = s;
+        var m;
+        let b = (m = h.key) !== null && m !== void 0 ? m : null;
+        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
+        let V = [
+          ...this.getFullNode({
+            ...h,
+            key: b,
+            index: s,
+            wrapper: I(e.wrapper, h.wrapper)
+          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
+        ];
+        for (let c of V) {
+          var x, k;
+          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
+          var w;
+          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
+          s++, yield c;
+        }
+        v = o.next(V);
+      }
+      return;
+    }
+    if (e.key == null || e.type == null) return;
+    let F = this;
+    var g, C;
+    let $ = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: n ? n.key : null,
+      value: (g = e.value) !== null && g !== void 0 ? g : null,
+      level: n ? n.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes || !1,
+      childNodes: p(function* () {
+        if (!e.hasChildNodes || !e.childNodes) return;
+        let i = 0;
+        for (let o of e.childNodes()) {
+          o.key != null && (o.key = `${$.key}${o.key}`);
+          let s = F.getFullNode({
+            ...o,
+            index: i
+          }, F.getChildState(l, o), $.key, $);
+          for (let v of s)
+            i++, yield v;
+        }
+      })
+    };
+    yield $;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+}
+function p(f) {
+  let e = [], l = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let u of e) yield u;
+      l || (l = f());
+      for (let u of l)
+        e.push(u), yield u;
+    }
+  };
+}
+function I(f, e) {
+  if (f && e) return (l) => f(e(l));
+  if (f) return f;
+  if (e) return e;
+}
+function E(f) {
+  return f[0].toUpperCase() + f.slice(1);
 }
 export {
-  d as focusSafely
+  z as CollectionBuilder
 };

package/dist/index.es469.js

@@ -1,22 +1,52 @@
-import { getOwnerWindow as c } from "./index.es452.js";
-function d(i) {
-  const t = c(i);
-  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
-  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
-  if (a) {
-    const { getComputedStyle: n } = i.ownerDocument.defaultView;
-    let { display: r, visibility: o } = n(i);
-    a = r !== "none" && o !== "hidden" && o !== "collapse";
-  }
-  return a;
-}
-function f(i, t) {
-  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
-}
-function u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+class o {
+  *[Symbol.iterator]() {
+    yield* this.iterable;
+  }
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(l) {
+    let e = this.keyMap.get(l);
+    var i;
+    return e && (i = e.prevKey) !== null && i !== void 0 ? i : null;
+  }
+  getKeyAfter(l) {
+    let e = this.keyMap.get(l);
+    var i;
+    return e && (i = e.nextKey) !== null && i !== void 0 ? i : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(l) {
+    var e;
+    return (e = this.keyMap.get(l)) !== null && e !== void 0 ? e : null;
+  }
+  at(l) {
+    const e = [
+      ...this.getKeys()
+    ];
+    return this.getItem(e[l]);
+  }
+  constructor(l, { expandedKeys: e } = {}) {
+    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.iterable = l, e = e || /* @__PURE__ */ new Set();
+    let i = (t) => {
+      if (this.keyMap.set(t.key, t), t.childNodes && (t.type === "section" || e.has(t.key))) for (let r of t.childNodes) i(r);
+    };
+    for (let t of l) i(t);
+    let s = null, n = 0;
+    for (let [t, r] of this.keyMap)
+      s ? (s.nextKey = t, r.prevKey = s.key) : (this.firstKey = t, r.prevKey = void 0), r.type === "item" && (r.index = n++), s = r, s.nextKey = void 0;
+    var y;
+    this.lastKey = (y = s == null ? void 0 : s.key) !== null && y !== void 0 ? y : null;
+  }
 }
 export {
-  u as isElementVisible
+  o as TreeCollection
 };

package/dist/index.es47.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es97.js";
+import { j as e } from "./index.es98.js";
 import { forwardRef as n } from "react";
-import { cn as i } from "./index.es87.js";
+import { cn as i } from "./index.es88.js";
 import { Label as x } from "./index.es54.js";
 const c = n(
   ({

package/dist/index.es470.js

@@ -1,29 +1,10 @@
-import { focusSafely as d } from "./index.es468.js";
-import { mergeProps as a } from "./index.es302.js";
-import { useSyncRef as b } from "./index.es459.js";
-import n, { useRef as $, useEffect as l, useContext as i } from "react";
-import { useFocus as x } from "./index.es471.js";
-import { useKeyboard as m } from "./index.es472.js";
-let p = /* @__PURE__ */ n.createContext(null);
-function P(e) {
-  let t = i(p) || {};
-  b(t, e);
-  let { ref: o, ...r } = t;
-  return r;
-}
-function D(e, t) {
-  let { focusProps: o } = x(e), { keyboardProps: r } = m(e), c = a(o, r), s = P(t), u = e.isDisabled ? {} : s, f = $(e.autoFocus);
-  return l(() => {
-    f.current && t.current && d(t.current), f.current = !1;
-  }, [
-    t
-  ]), {
-    focusableProps: a({
-      ...c,
-      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, u)
-  };
+import { useDefaultLocale as t } from "./index.es471.js";
+import f, { useContext as a } from "react";
+const o = /* @__PURE__ */ f.createContext(null);
+function l() {
+  let e = t();
+  return a(o) || e;
 }
 export {
-  D as useFocusable
+  l as useLocale
 };

package/dist/index.es471.js

@@ -1,29 +1,36 @@
-import { useSyntheticBlurEvent as d } from "./index.es476.js";
-import { useCallback as s } from "react";
-import { getOwnerDocument as l } from "./index.es452.js";
-function $(a) {
-  let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
-  const c = s((o) => {
-    if (o.target === o.currentTarget)
-      return e && e(o), t && t(!1), !0;
-  }, [
-    e,
-    t
-  ]), u = d(c), f = s((o) => {
-    const i = l(o.target);
-    o.target === o.currentTarget && i.activeElement === o.target && (r && r(o), t && t(!0), u(o));
-  }, [
-    t,
-    r,
-    u
-  ]);
+import { isRTL as l } from "./index.es563.js";
+import { useState as f, useEffect as d } from "react";
+import { useIsSSR as i } from "./index.es360.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 {
-    focusProps: {
-      onFocus: !n && (r || t || e) ? f : void 0,
-      onBlur: !n && (e || t) ? c : void 0
-    }
+    locale: e,
+    direction: l(e) ? "rtl" : "ltr"
   };
 }
+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 {
-  $ as useFocus
+  n as getDefaultLocale,
+  p as useDefaultLocale
 };