@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es290.js

@@ -1,427 +1,46 @@
-import { focusSafely as j } from "./index.es442.js";
-import { isElementVisible as W } from "./index.es443.js";
-import { getOwnerDocument as $ } from "./index.es426.js";
-import { useLayoutEffect as N } from "./index.es366.js";
-import L, { useRef as y, useContext as q, useMemo as R, useEffect as P } from "react";
-const D = /* @__PURE__ */ L.createContext(null), C = "react-aria-focus-scope-restore";
-let f = null;
-function ne(t) {
-  let { children: e, contain: r, restoreFocus: o, autoFocus: n } = t, a = y(null), u = y(null), i = y([]), { parentNode: p } = q(D) || {}, l = R(() => new M({
-    scopeRef: i
-  }), [
-    i
-  ]);
-  N(() => {
-    let v = p || b.root;
-    if (b.getTreeNode(v.scopeRef) && f && !F(f, v.scopeRef)) {
-      let s = b.getTreeNode(f);
-      s && (v = s);
-    }
-    v.addChild(l), b.addNode(l);
-  }, [
-    l,
-    p
-  ]), N(() => {
-    let v = b.getTreeNode(i);
-    v && (v.contain = !!r);
-  }, [
-    r
-  ]), N(() => {
-    var v;
-    let s = (v = a.current) === null || v === void 0 ? void 0 : v.nextSibling, E = [], x = (_) => _.stopPropagation();
-    for (; s && s !== u.current; )
-      E.push(s), s.addEventListener(C, x), s = s.nextSibling;
-    return i.current = E, () => {
-      for (let _ of E) _.removeEventListener(C, x);
-    };
-  }, [
-    e
-  ]), Q(i, o, r), J(i, r), X(i, o, r), G(i, n), P(() => {
-    const v = $(i.current ? i.current[0] : void 0).activeElement;
-    let s = null;
-    if (m(v, i.current)) {
-      for (let E of b.traverse()) E.scopeRef && m(v, E.scopeRef.current) && (s = E);
-      s === b.getTreeNode(i) && (f = s.scopeRef);
-    }
-  }, [
-    i
-  ]), N(() => () => {
-    var v, s, E;
-    let x = (E = (s = b.getTreeNode(i)) === null || s === void 0 || (v = s.parent) === null || v === void 0 ? void 0 : v.scopeRef) !== null && E !== void 0 ? E : null;
-    (i === f || F(i, f)) && (!x || b.getTreeNode(x)) && (f = x), b.removeTreeNode(i);
-  }, [
-    i
-  ]);
-  let c = R(() => U(i), []), d = R(() => ({
-    focusManager: c,
-    parentNode: l
-  }), [
-    l,
-    c
-  ]);
-  return /* @__PURE__ */ L.createElement(D.Provider, {
-    value: d
-  }, /* @__PURE__ */ L.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: a
-  }), e, /* @__PURE__ */ L.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: u
-  }));
-}
-function U(t) {
-  return {
-    focusNext(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || $(r[0]).activeElement, p = r[0].previousElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = m(i, r) ? i : p;
-      let d = c.nextNode();
-      return !d && a && (c.currentNode = p, d = c.nextNode()), d && h(d, !0), d;
-    },
-    focusPrevious(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || $(r[0]).activeElement, p = r[r.length - 1].nextElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = m(i, r) ? i : p;
-      let d = c.previousNode();
-      return !d && a && (c.currentNode = p, d = c.previousNode()), d && h(d, !0), d;
-    },
-    focusFirst(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[0].previousElementSibling;
-      let i = u.nextNode();
-      return i && h(i, !0), i;
-    },
-    focusLast(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[r.length - 1].nextElementSibling;
-      let i = u.previousNode();
-      return i && h(i, !0), i;
-    }
-  };
-}
-const K = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  "[contenteditable]"
-], V = K.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-K.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const H = K.join(':not([hidden]):not([tabindex="-1"]),');
-function g(t) {
-  return t[0].parentElement;
-}
-function S(t) {
-  let e = b.getTreeNode(f);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.contain) return !1;
-    e = e.parent;
-  }
-  return !0;
-}
-function J(t, e) {
-  let r = y(void 0), o = y(void 0);
-  N(() => {
-    let n = t.current;
-    if (!e) {
-      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
-      return;
-    }
-    const a = $(n ? n[0] : void 0);
-    let u = (l) => {
-      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !S(t) || l.isComposing) return;
-      let c = a.activeElement, d = t.current;
-      if (!d || !m(c, d)) return;
-      let v = g(d), s = T(v, {
-        tabbable: !0
-      }, d);
-      if (!c) return;
-      s.currentNode = c;
-      let E = l.shiftKey ? s.previousNode() : s.nextNode();
-      E || (s.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, E = l.shiftKey ? s.previousNode() : s.nextNode()), l.preventDefault(), E && h(E, !0);
-    }, i = (l) => {
-      (!f || F(f, t)) && m(l.target, t.current) ? (f = t, r.current = l.target) : S(t) && !w(l.target, t) ? r.current ? r.current.focus() : f && f.current && k(f.current) : S(t) && (r.current = l.target);
-    }, p = (l) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        if (a.activeElement && S(t) && !w(a.activeElement, t))
-          if (f = t, a.body.contains(l.target)) {
-            var c;
-            r.current = l.target, (c = r.current) === null || c === void 0 || c.focus();
-          } else f.current && k(f.current);
-      });
-    };
-    return a.addEventListener("keydown", u, !1), a.addEventListener("focusin", i, !1), n == null || n.forEach((l) => l.addEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", p, !1)), () => {
-      a.removeEventListener("keydown", u, !1), a.removeEventListener("focusin", i, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", p, !1));
-    };
-  }, [
-    t,
-    e
-  ]), N(() => () => {
-    o.current && cancelAnimationFrame(o.current);
-  }, [
-    o
-  ]);
-}
-function B(t) {
-  return w(t);
-}
-function m(t, e) {
-  return !t || !e ? !1 : e.some((r) => r.contains(t));
-}
-function w(t, e = null) {
-  if (t instanceof Element && t.closest("[data-react-aria-top-layer]")) return !0;
-  for (let { scopeRef: r } of b.traverse(b.getTreeNode(e)))
-    if (r && m(t, r.current)) return !0;
-  return !1;
-}
-function F(t, e) {
-  var r;
-  let o = (r = b.getTreeNode(e)) === null || r === void 0 ? void 0 : r.parent;
-  for (; o; ) {
-    if (o.scopeRef === t) return !0;
-    o = o.parent;
+import { useCachedChildren as u } from "./index.es291.js";
+import c, { createContext as a, useMemo as s } from "react";
+const $ = {
+  CollectionRoot({ collection: e, renderDropIndicator: t }) {
+    return d(e, null, t);
+  },
+  CollectionBranch({ collection: e, parent: t, renderDropIndicator: r }) {
+    return d(e, t, r);
   }
-  return !1;
-}
-function h(t, e = !1) {
-  if (t != null && !e) try {
-    j(t);
-  } catch {
-  }
-  else if (t != null) try {
-    t.focus();
-  } catch {
-  }
-}
-function z(t, e = !0) {
-  let r = t[0].previousElementSibling, o = g(t), n = T(o, {
-    tabbable: e
-  }, t);
-  n.currentNode = r;
-  let a = n.nextNode();
-  return e && !a && (o = g(t), n = T(o, {
-    tabbable: !1
-  }, t), n.currentNode = r, a = n.nextNode()), a;
-}
-function k(t, e = !0) {
-  h(z(t, e));
-}
-function G(t, e) {
-  const r = L.useRef(e);
-  P(() => {
-    if (r.current) {
-      f = t;
-      const o = $(t.current ? t.current[0] : void 0);
-      !m(o.activeElement, f.current) && t.current && k(t.current);
+};
+function d(e, t, r) {
+  return u({
+    items: t ? e.getChildren(t.key) : e,
+    dependencies: [
+      r
+    ],
+    children(n) {
+      var l;
+      let f = n.render(n);
+      if (!r || n.type !== "item") return f;
+      let o = n.key, i = e.getKeyAfter(o);
+      return /* @__PURE__ */ c.createElement(c.Fragment, null, r({
+        type: "item",
+        key: o,
+        dropPosition: "before"
+      }), f, (i == null || ((l = e.getItem(i)) === null || l === void 0 ? void 0 : l.type) !== "item") && r({
+        type: "item",
+        key: o,
+        dropPosition: "after"
+      }));
     }
-    r.current = !1;
-  }, [
-    t
-  ]);
-}
-function Q(t, e, r) {
-  N(() => {
-    if (e || r) return;
-    let o = t.current;
-    const n = $(o ? o[0] : void 0);
-    let a = (u) => {
-      let i = u.target;
-      m(i, t.current) ? f = t : B(i) || (f = null);
-    };
-    return n.addEventListener("focusin", a, !1), o == null || o.forEach((u) => u.addEventListener("focusin", a, !1)), () => {
-      n.removeEventListener("focusin", a, !1), o == null || o.forEach((u) => u.removeEventListener("focusin", a, !1));
-    };
-  }, [
-    t,
-    e,
-    r
-  ]);
-}
-function I(t) {
-  let e = b.getTreeNode(f);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.nodeToRestore) return !1;
-    e = e.parent;
-  }
-  return (e == null ? void 0 : e.scopeRef) === t;
+  });
 }
-function X(t, e, r) {
-  const o = y(typeof document < "u" ? $(t.current ? t.current[0] : void 0).activeElement : null);
-  N(() => {
-    let n = t.current;
-    const a = $(n ? n[0] : void 0);
-    if (!e || r) return;
-    let u = () => {
-      (!f || F(f, t)) && m(a.activeElement, t.current) && (f = t);
-    };
-    return a.addEventListener("focusin", u, !1), n == null || n.forEach((i) => i.addEventListener("focusin", u, !1)), () => {
-      a.removeEventListener("focusin", u, !1), n == null || n.forEach((i) => i.removeEventListener("focusin", u, !1));
-    };
-  }, [
-    t,
-    r
-  ]), N(() => {
-    const n = $(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = (u) => {
-      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !S(t) || u.isComposing) return;
-      let i = n.activeElement;
-      if (!w(i, t) || !I(t)) return;
-      let p = b.getTreeNode(t);
-      if (!p) return;
-      let l = p.nodeToRestore, c = T(n.body, {
-        tabbable: !0
-      });
-      c.currentNode = i;
-      let d = u.shiftKey ? c.previousNode() : c.nextNode();
-      if ((!l || !n.body.contains(l) || l === n.body) && (l = void 0, p.nodeToRestore = void 0), (!d || !w(d, t)) && l) {
-        c.currentNode = l;
-        do
-          d = u.shiftKey ? c.previousNode() : c.nextNode();
-        while (w(d, t));
-        u.preventDefault(), u.stopPropagation(), d ? h(d, !0) : B(l) ? h(l, !0) : i.blur();
-      }
-    };
-    return r || n.addEventListener("keydown", a, !0), () => {
-      r || n.removeEventListener("keydown", a, !0);
-    };
-  }, [
-    t,
-    e,
-    r
-  ]), N(() => {
-    const n = $(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = b.getTreeNode(t);
-    if (a) {
-      var u;
-      return a.nodeToRestore = (u = o.current) !== null && u !== void 0 ? u : void 0, () => {
-        let i = b.getTreeNode(t);
-        if (!i) return;
-        let p = i.nodeToRestore;
-        if (e && p && (n.activeElement && w(n.activeElement, t) || n.activeElement === n.body && I(t))) {
-          let l = b.clone();
-          requestAnimationFrame(() => {
-            if (n.activeElement === n.body) {
-              let c = l.getTreeNode(t);
-              for (; c; ) {
-                if (c.nodeToRestore && c.nodeToRestore.isConnected) {
-                  O(c.nodeToRestore);
-                  return;
-                }
-                c = c.parent;
-              }
-              for (c = l.getTreeNode(t); c; ) {
-                if (c.scopeRef && c.scopeRef.current && b.getTreeNode(c.scopeRef)) {
-                  let d = z(c.scopeRef.current, !0);
-                  O(d);
-                  return;
-                }
-                c = c.parent;
-              }
-            }
-          });
-        }
-      };
-    }
-  }, [
-    t,
+const y = /* @__PURE__ */ a($);
+function C(e) {
+  return s(() => e != null ? /* @__PURE__ */ new Set([
+    e
+  ]) : null, [
     e
   ]);
 }
-function O(t) {
-  t.dispatchEvent(new CustomEvent(C, {
-    bubbles: !0,
-    cancelable: !0
-  })) && h(t);
-}
-function T(t, e, r) {
-  let o = e != null && e.tabbable ? H : V, n = $(t).createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(a) {
-      var u;
-      return !(e == null || (u = e.from) === null || u === void 0) && u.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(o) && W(a) && (!r || m(a, r)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  return e != null && e.from && (n.currentNode = e.from), n;
-}
-class A {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(e) {
-    return this.fastMap.get(e);
-  }
-  addTreeNode(e, r, o) {
-    let n = this.fastMap.get(r ?? null);
-    if (!n) return;
-    let a = new M({
-      scopeRef: e
-    });
-    n.addChild(a), a.parent = n, this.fastMap.set(e, a), o && (a.nodeToRestore = o);
-  }
-  addNode(e) {
-    this.fastMap.set(e.scopeRef, e);
-  }
-  removeTreeNode(e) {
-    if (e === null) return;
-    let r = this.fastMap.get(e);
-    if (!r) return;
-    let o = r.parent;
-    for (let a of this.traverse()) a !== r && r.nodeToRestore && a.nodeToRestore && r.scopeRef && r.scopeRef.current && m(a.nodeToRestore, r.scopeRef.current) && (a.nodeToRestore = r.nodeToRestore);
-    let n = r.children;
-    o && (o.removeChild(r), n.size > 0 && n.forEach((a) => o && o.addChild(a))), this.fastMap.delete(r.scopeRef);
-  }
-  // Pre Order Depth First
-  *traverse(e = this.root) {
-    if (e.scopeRef != null && (yield e), e.children.size > 0) for (let r of e.children) yield* this.traverse(r);
-  }
-  clone() {
-    var e;
-    let r = new A();
-    var o;
-    for (let n of this.traverse()) r.addTreeNode(n.scopeRef, (o = (e = n.parent) === null || e === void 0 ? void 0 : e.scopeRef) !== null && o !== void 0 ? o : null, n.nodeToRestore);
-    return r;
-  }
-  constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new M({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
-}
-class M {
-  addChild(e) {
-    this.children.add(e), e.parent = this;
-  }
-  removeChild(e) {
-    this.children.delete(e), e.parent = void 0;
-  }
-  constructor(e) {
-    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = e.scopeRef;
-  }
-}
-let b = new A();
 export {
-  ne as FocusScope,
-  b as focusScopeTree,
-  T as getFocusableTreeWalker
+  y as CollectionRendererContext,
+  $ as DefaultCollectionRenderer,
+  C as usePersistedKeys
 };

package/dist/index.es291.js

@@ -1,15 +1,36 @@
-import { getRowId as r } from "./index.es475.js";
-import { useGridSelectionCheckbox as a } from "./index.es480.js";
-function $(e, o) {
-  let { key: c } = e;
-  const { checkboxProps: b } = a(e, o);
-  return {
-    checkboxProps: {
-      ...b,
-      "aria-labelledby": `${b.id} ${r(o, c)}`
-    }
-  };
+import { useMemo as a, cloneElement as p } from "react";
+function y(s) {
+  let { children: i, items: l, idScope: d, addIdAndValue: u, dependencies: m = [] } = s, o = a(() => /* @__PURE__ */ new WeakMap(), m);
+  return a(() => {
+    if (l && typeof i == "function") {
+      let f = [];
+      for (let t of l) {
+        let e = o.get(t);
+        if (!e) {
+          e = i(t);
+          var r, c;
+          let n = (c = (r = e.props.id) !== null && r !== void 0 ? r : t.key) !== null && c !== void 0 ? c : t.id;
+          if (n == null) throw new Error("Could not determine key for item");
+          d && (n = d + ":" + n), e = p(e, u ? {
+            key: n,
+            id: n,
+            value: t
+          } : {
+            key: n
+          }), o.set(t, e);
+        }
+        f.push(e);
+      }
+      return f;
+    } else if (typeof i != "function") return i;
+  }, [
+    i,
+    l,
+    o,
+    d,
+    u
+  ]);
 }
 export {
-  $ as useGridListSelectionCheckbox
+  y as useCachedChildren
 };

package/dist/index.es292.js

@@ -1,37 +1,10 @@
-import { TreeCollection as c } from "./index.es488.js";
-import { useMultipleSelectionState as f } from "./index.es462.js";
-import { SelectionManager as i } from "./index.es464.js";
-import { useMemo as r, useCallback as u, useEffect as $ } from "react";
-import { useCollection as K } from "./index.es486.js";
-import { useControlledState as x } from "./index.es289.js";
-function C(e) {
-  let { onExpandedChange: a } = e, [t, o] = x(e.expandedKeys ? new Set(e.expandedKeys) : void 0, e.defaultExpandedKeys ? new Set(e.defaultExpandedKeys) : /* @__PURE__ */ new Set(), a), d = f(e), s = r(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
-    e.disabledKeys
-  ]), n = K(e, u((l) => new c(l, {
-    expandedKeys: t
-  }), [
-    t
-  ]), null);
-  return $(() => {
-    d.focusedKey != null && !n.getItem(d.focusedKey) && d.setFocusedKey(null);
-  }, [
-    n,
-    d.focusedKey
-  ]), {
-    collection: n,
-    expandedKeys: t,
-    disabledKeys: s,
-    toggleKey: (l) => {
-      o(y(t, l));
-    },
-    setExpandedKeys: o,
-    selectionManager: new i(n, d)
+import { useGridList as t } from "./index.es469.js";
+function d(e, i, o) {
+  let { gridProps: r } = t(e, i, o);
+  return r.role = "treegrid", {
+    gridProps: r
   };
 }
-function y(e, a) {
-  let t = new Set(e);
-  return t.has(a) ? t.delete(a) : t.add(a), t;
-}
 export {
-  C as useTreeState
+  d as useTreeGridList
 };

package/dist/index.es293.js

@@ -1,4 +1,24 @@
-var t = { exports: {} };
+import d from "./index.es470.js";
+import { useGridListItem as f } from "./index.es471.js";
+import { isAndroid as c } from "./index.es432.js";
+import { useLocalizedStringFormatter as l } from "./index.es472.js";
+function p(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function x(e, r, i) {
+  let { node: a } = e, t = f(e, r, i), n = t.rowProps["aria-expanded"] === !0, o = l(p(d), "@react-aria/tree"), s = {
+    onPress: () => {
+      t.isDisabled || (r.toggleKey(a.key), r.selectionManager.setFocused(!0), r.selectionManager.setFocusedKey(a.key));
+    },
+    "aria-label": n ? o.format("collapse") : o.format("expand"),
+    tabIndex: c() ? -1 : null,
+    "data-react-aria-prevent-focus": !0
+  };
+  return {
+    ...t,
+    expandButtonProps: s
+  };
+}
 export {
-  t as __module
+  x as useTreeGridListItem
 };