@boxcustodia/library 0.5.2 → 0.5.4

package/dist/index.es485.js

@@ -1,57 +1,39 @@
-import { Selection as K } from "./index.es486.js";
-import { useControlledState as M } from "./index.es313.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);
-    },
-    selectedKeys: o,
-    setSelectedKeys(t) {
-      (v || !R(t, o)) && B(t);
-    },
-    disabledKeys: F,
-    disabledBehavior: $
-  };
-}
-function b(e, s) {
-  return e ? e === "all" ? "all" : new K(e) : s;
+class r {
+  getItemRect(t) {
+    let e = this.ref.current;
+    if (!e) return null;
+    let l = t != null ? e.querySelector(`[data-key="${CSS.escape(t.toString())}"]`) : null;
+    if (!l) return null;
+    let o = e.getBoundingClientRect(), i = l.getBoundingClientRect();
+    return {
+      x: i.left - o.left + e.scrollLeft,
+      y: i.top - o.top + e.scrollTop,
+      width: i.width,
+      height: i.height
+    };
+  }
+  getContentSize() {
+    let t = this.ref.current;
+    var e, l;
+    return {
+      width: (e = t == null ? void 0 : t.scrollWidth) !== null && e !== void 0 ? e : 0,
+      height: (l = t == null ? void 0 : t.scrollHeight) !== null && l !== void 0 ? l : 0
+    };
+  }
+  getVisibleRect() {
+    let t = this.ref.current;
+    var e, l, o, i;
+    return {
+      x: (e = t == null ? void 0 : t.scrollLeft) !== null && e !== void 0 ? e : 0,
+      y: (l = t == null ? void 0 : t.scrollTop) !== null && l !== void 0 ? l : 0,
+      width: (o = t == null ? void 0 : t.offsetWidth) !== null && o !== void 0 ? o : 0,
+      height: (i = t == null ? void 0 : t.offsetHeight) !== null && i !== void 0 ? i : 0
+    };
+  }
+  constructor(t) {
+    this.ref = t;
+  }
 }
 export {
-  C as useMultipleSelectionState
+  r as DOMLayoutDelegate
 };

package/dist/index.es486.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 { CollectionBuilder as u } from "./index.es487.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 {
-  t as Selection
+  b as useCollection
 };

package/dist/index.es487.js

@@ -1,278 +1,170 @@
-import { Selection as n } from "./index.es486.js";
-import { compareNodeOrder as r, getFirstItem as h, getChildNodes as d } from "./index.es488.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);
+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 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;
+      }
     }
-    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);
+  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;
     }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get disabledKeys() {
-    return this.state.disabledKeys;
+    return n ? `${n}.${l.index}` : `$.${l.index}`;
   }
-  get disabledBehavior() {
-    return this.state.disabledBehavior;
+  getChildState(e, l) {
+    return {
+      renderer: l.renderer || e.renderer
+    };
   }
-  /**
-  * Extends the selection to the given key.
-  */
-  extendSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single") {
-      this.replaceSelection(t);
+  *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 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);
+    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);
     }
-    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);
+    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;
     }
-    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);
+    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;
         }
-        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());
+    yield $;
   }
-  /**
-  * 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;
+  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 {
-  g as SelectionManager
+  z as CollectionBuilder
 };

package/dist/index.es488.js

@@ -1,39 +1,52 @@
-function u(n, e) {
-  return typeof e.getChildren == "function" ? e.getChildren(n.key) : n.childNodes;
-}
-function s(n) {
-  return a(n);
-}
-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;
+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 {
-  $ as compareNodeOrder,
-  u as getChildNodes,
-  s as getFirstItem,
-  l as getLastItem,
-  a as getNthItem
+  o as TreeCollection
 };