@boxcustodia/library 1.3.2 → 1.4.1

package/dist/index.es498.js

@@ -1,121 +1,278 @@
-import { DOMLayoutDelegate as n } from "./index.es499.js";
-import { isScrollable as r } from "./index.es447.js";
+import { Selection as n } from "./index.es497.js";
+import { compareNodeOrder as r, getFirstItem as h, getChildNodes as d } from "./index.es499.js";
 class g {
-  isDisabled(t) {
+  /**
+  * 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 this.disabledBehavior === "all" && (((e = t.props) === null || e === void 0 ? void 0 : e.isDisabled) || this.disabledKeys.has(t.key));
-  }
-  findNextNonDisabled(t, e) {
-    let l = t;
-    for (; l != null; ) {
-      let i = this.collection.getItem(l);
-      if ((i == null ? void 0 : i.type) === "item" && !this.isDisabled(i)) return l;
-      l = e(l);
+    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;
     }
-    return null;
-  }
-  getNextKey(t) {
-    let e = t;
-    return e = this.collection.getKeyAfter(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyAfter(l));
-  }
-  getPreviousKey(t) {
-    let e = t;
-    return e = this.collection.getKeyBefore(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyBefore(l));
-  }
-  findKey(t, e, l) {
-    let i = t, s = this.layoutDelegate.getItemRect(i);
-    if (!s || i == null) return null;
-    let o = s;
-    do {
-      if (i = e(i), i == null) break;
-      s = this.layoutDelegate.getItemRect(i);
-    } while (s && l(o, s) && i != null);
-    return i;
-  }
-  isSameRow(t, e) {
-    return t.y === e.y || t.x !== e.x;
-  }
-  isSameColumn(t, e) {
-    return t.x === e.x || t.y !== e.y;
-  }
-  getKeyBelow(t) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getNextKey(e), this.isSameRow) : this.getNextKey(t);
-  }
-  getKeyAbove(t) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getPreviousKey(e), this.isSameRow) : this.getPreviousKey(t);
-  }
-  getNextColumn(t, e) {
-    return e ? this.getPreviousKey(t) : this.getNextKey(t);
-  }
-  getKeyRightOf(t) {
-    let e = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
-    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "rtl") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "rtl") : null;
-  }
-  getKeyLeftOf(t) {
-    let e = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
-    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "ltr") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "ltr") : null;
-  }
-  getFirstKey() {
-    let t = this.collection.getFirstKey();
-    return this.findNextNonDisabled(t, (e) => this.collection.getKeyAfter(e));
-  }
-  getLastKey() {
-    let t = this.collection.getLastKey();
-    return this.findNextNonDisabled(t, (e) => this.collection.getKeyBefore(e));
-  }
-  getKeyPageAbove(t) {
-    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
-    if (!l) return null;
-    if (e && !r(e)) return this.getFirstKey();
-    let i = t;
-    if (this.orientation === "horizontal") {
-      let s = Math.max(0, l.x + l.width - this.layoutDelegate.getVisibleRect().width);
-      for (; l && l.x > s && i != null; )
-        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
-    } else {
-      let s = Math.max(0, l.y + l.height - this.layoutDelegate.getVisibleRect().height);
-      for (; l && l.y > s && i != null; )
-        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    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);
     }
-    return i ?? this.getFirstKey();
-  }
-  getKeyPageBelow(t) {
-    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
-    if (!l) return null;
-    if (e && !r(e)) return this.getLastKey();
-    let i = t;
-    if (this.orientation === "horizontal") {
-      let s = Math.min(this.layoutDelegate.getContentSize().width, l.y - l.width + this.layoutDelegate.getVisibleRect().width);
-      for (; l && l.x < s && i != null; )
-        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
-    } else {
-      let s = Math.min(this.layoutDelegate.getContentSize().height, l.y - l.height + this.layoutDelegate.getVisibleRect().height);
-      for (; l && l.y < s && i != null; )
-        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    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 i ?? this.getLastKey();
-  }
-  getKeyForSearch(t, e) {
-    if (!this.collator) return null;
-    let l = this.collection, i = e || this.getFirstKey();
-    for (; i != null; ) {
-      let s = l.getItem(i);
-      if (!s) return null;
-      let o = s.textValue.slice(0, t.length);
-      if (s.textValue && this.collator.compare(o, t) === 0) return i;
-      i = this.getNextKey(i);
+    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;
     }
-    return null;
+    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) {
-    if (t.length === 1) {
-      let e = t[0];
-      this.collection = e.collection, this.ref = e.ref, this.collator = e.collator, this.disabledKeys = e.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = e.disabledBehavior || "all", this.orientation = e.orientation || "vertical", this.direction = e.direction, this.layout = e.layout || "stack", this.layoutDelegate = e.layoutDelegate || new n(e.ref);
-    } else
-      this.collection = t[0], this.disabledKeys = t[1], this.ref = t[2], this.collator = t[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new n(this.ref);
-    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
+  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;
   }
 }
 export {
-  g as ListKeyboardDelegate
+  g as SelectionManager
 };

package/dist/index.es499.js

@@ -1,39 +1,39 @@
-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;
-  }
+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;
 }
 export {
-  r as DOMLayoutDelegate
+  $ as compareNodeOrder,
+  u as getChildNodes,
+  s as getFirstItem,
+  l as getLastItem,
+  a as getNthItem
 };

package/dist/index.es50.js

@@ -1,5 +1,5 @@
-import { useForm as e } from "./index.es148.js";
-import { zodResolver as m } from "./index.es193.js";
+import { useForm as e } from "./index.es120.js";
+import { zodResolver as m } from "./index.es188.js";
 function u(r, o) {
   return e({
     ...o,

package/dist/index.es500.js

@@ -1,4 +1,56 @@
-var e = { exports: {} };
+import { listMap as p } from "./index.es509.js";
+import { useId as m } from "./index.es295.js";
+import { mergeProps as g } from "./index.es296.js";
+import { filterDOMProps as h } from "./index.es297.js";
+import { useHighlightSelectionDescription as y } from "./index.es510.js";
+import { useGridSelectionAnnouncement as v } from "./index.es511.js";
+import { useHasTabbableChild as x } from "./index.es486.js";
+import { useSelectableList as k } from "./index.es512.js";
+function I(i, e, a) {
+  let { isVirtualized: r, keyboardDelegate: b, layoutDelegate: d, onAction: l, linkBehavior: t = "action", keyboardNavigationBehavior: n = "arrow" } = i;
+  !i["aria-label"] && !i["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let { listProps: s } = k({
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    ref: a,
+    keyboardDelegate: b,
+    layoutDelegate: d,
+    isVirtualized: r,
+    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
+    shouldFocusWrap: i.shouldFocusWrap,
+    linkBehavior: t
+  }), c = m(i.id);
+  p.set(e, {
+    id: c,
+    onAction: l,
+    linkBehavior: t,
+    keyboardNavigationBehavior: n
+  });
+  let f = y({
+    selectionManager: e.selectionManager,
+    hasItemActions: !!l
+  }), u = x(a, {
+    isDisabled: e.collection.size !== 0
+  }), $ = h(i, {
+    labelable: !0
+  }), o = g(
+    $,
+    {
+      role: "grid",
+      id: c,
+      "aria-multiselectable": e.selectionManager.selectionMode === "multiple" ? "true" : void 0
+    },
+    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    e.collection.size === 0 ? {
+      tabIndex: u ? -1 : 0
+    } : s,
+    f
+  );
+  return r && (o["aria-rowcount"] = e.collection.size, o["aria-colcount"] = 1), v({}, e), {
+    gridProps: o
+  };
+}
 export {
-  e as __module
+  I as useGridList
 };