@boxcustodia/library 1.7.8 → 1.7.9

package/dist/index.es478.js

@@ -1,57 +1,30 @@
-import { Selection as K } from "./index.es479.js";
-import { useControlledState as M } from "./index.es307.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);
+import { useSyntheticBlurEvent as l } from "./index.es479.js";
+import { useCallback as u } from "react";
+import { getActiveElement as a, getEventTarget as p } from "./index.es452.js";
+import { getOwnerDocument as m } from "./index.es454.js";
+function x(d) {
+  let { isDisabled: r, onFocus: n, onBlur: o, onFocusChange: t } = d;
+  const c = u((e) => {
+    if (e.target === e.currentTarget)
+      return o && o(e), t && t(!1), !0;
+  }, [
+    o,
+    t
+  ]), f = l(c), i = u((e) => {
+    const s = m(e.target), $ = s ? a(s) : a();
+    e.target === e.currentTarget && $ === p(e.nativeEvent) && (n && n(e), t && t(!0), f(e));
   }, [
-    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: $
+    t,
+    n,
+    f
+  ]);
+  return {
+    focusProps: {
+      onFocus: !r && (n || t || o) ? i : void 0,
+      onBlur: !r && (o || t) ? c : void 0
+    }
   };
 }
-function b(e, s) {
-  return e ? e === "all" ? "all" : new K(e) : s;
-}
 export {
-  C as useMultipleSelectionState
+  x as useFocus
 };

package/dist/index.es479.js

@@ -1,8 +1,95 @@
-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 { getOwnerWindow as b } from "./index.es454.js";
+import { focusWithoutScrolling as l } from "./index.es455.js";
+import { useLayoutEffect as v } from "./index.es393.js";
+import { useEffectEvent as m } from "./index.es469.js";
+import { isFocusable as p } from "./index.es474.js";
+import { useRef as E, useCallback as $ } from "react";
+function g(r) {
+  let e = r;
+  return e.nativeEvent = r, e.isDefaultPrevented = () => e.defaultPrevented, e.isPropagationStopped = () => e.cancelBubble, e.persist = () => {
+  }, e;
+}
+function h(r, e) {
+  Object.defineProperty(r, "target", {
+    value: e
+  }), Object.defineProperty(r, "currentTarget", {
+    value: e
+  });
+}
+function I(r) {
+  let e = E({
+    isFocused: !1,
+    observer: null
+  });
+  v(() => {
+    const t = e.current;
+    return () => {
+      t.observer && (t.observer.disconnect(), t.observer = null);
+    };
+  }, []);
+  let a = m((t) => {
+    r == null || r(t);
+  });
+  return $((t) => {
+    if (t.target instanceof HTMLButtonElement || t.target instanceof HTMLInputElement || t.target instanceof HTMLTextAreaElement || t.target instanceof HTMLSelectElement) {
+      e.current.isFocused = !0;
+      let o = t.target, u = (c) => {
+        if (e.current.isFocused = !1, o.disabled) {
+          let s = g(c);
+          a(s);
+        }
+        e.current.observer && (e.current.observer.disconnect(), e.current.observer = null);
+      };
+      o.addEventListener("focusout", u, {
+        once: !0
+      }), e.current.observer = new MutationObserver(() => {
+        if (e.current.isFocused && o.disabled) {
+          var c;
+          (c = e.current.observer) === null || c === void 0 || c.disconnect();
+          let s = o === document.activeElement ? null : document.activeElement;
+          o.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: s
+          })), o.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: s
+          }));
+        }
+      }), e.current.observer.observe(o, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    a
+  ]);
+}
+let d = !1;
+function y(r) {
+  for (; r && !p(r); ) r = r.parentElement;
+  let e = b(r), a = e.document.activeElement;
+  if (!a || a === r) return;
+  d = !0;
+  let t = !1, o = (n) => {
+    (n.target === a || t) && n.stopImmediatePropagation();
+  }, u = (n) => {
+    (n.target === a || t) && (n.stopImmediatePropagation(), !r && !t && (t = !0, l(a), i()));
+  }, c = (n) => {
+    (n.target === r || t) && n.stopImmediatePropagation();
+  }, s = (n) => {
+    (n.target === r || t) && (n.stopImmediatePropagation(), t || (t = !0, l(a), i()));
+  };
+  e.addEventListener("blur", o, !0), e.addEventListener("focusout", u, !0), e.addEventListener("focusin", s, !0), e.addEventListener("focus", c, !0);
+  let i = () => {
+    cancelAnimationFrame(f), e.removeEventListener("blur", o, !0), e.removeEventListener("focusout", u, !0), e.removeEventListener("focusin", s, !0), e.removeEventListener("focus", c, !0), d = !1, t = !1;
+  }, f = requestAnimationFrame(i);
+  return i;
 }
 export {
-  t as Selection
+  g as createSyntheticEvent,
+  d as ignoreFocusEvent,
+  y as preventFocus,
+  h as setEventTarget,
+  I as useSyntheticBlurEvent
 };

package/dist/index.es480.js

@@ -1,284 +1,110 @@
-import { Selection as n } from "./index.es479.js";
-import { compareNodeOrder as r, getFirstItem as d, getChildNodes as u } from "./index.es481.js";
-class h {
-  /**
-  * 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 = d(u(i, this.collection))) === null || s === void 0 ? void 0 : s.key) !== null && o !== void 0 ? o : null);
-        }
-        l = this.collection.getKeyAfter(l);
-      }
+import { ignoreFocusEvent as p } from "./index.es479.js";
+import { getOwnerWindow as i, getOwnerDocument as l } from "./index.es454.js";
+import { isMac as h } from "./index.es457.js";
+import { isVirtualClick as k } from "./index.es471.js";
+import { useEffect as m, useState as x } from "react";
+import { useIsSSR as H } from "./index.es392.js";
+let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, $ = !1;
+const I = {
+  Tab: !0,
+  Escape: !0
+};
+function E(t, r) {
+  for (let e of u) e(t, r);
+}
+function O(t) {
+  return !(t.metaKey || !h() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+}
+function c(t) {
+  d = !0, O(t) && (a = "keyboard", E("keyboard", t));
+}
+function o(t) {
+  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, E("pointer", t));
+}
+function y(t) {
+  k(t) && (d = !0, a = "virtual");
+}
+function L(t) {
+  t.target === window || t.target === document || p || !t.isTrusted || (!d && !$ && (a = "virtual", E("virtual", t)), d = !1, $ = !1);
+}
+function w() {
+  p || (d = !1, $ = !0);
+}
+function s(t) {
+  if (typeof window > "u" || f.get(i(t))) return;
+  const r = i(t), e = l(t);
+  let n = r.HTMLElement.prototype.focus;
+  r.HTMLElement.prototype.focus = function() {
+    d = !0, n.apply(this, arguments);
+  }, e.addEventListener("keydown", c, !0), e.addEventListener("keyup", c, !0), e.addEventListener("click", y, !0), r.addEventListener("focus", L, !0), r.addEventListener("blur", w, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", o, !0), e.addEventListener("pointermove", o, !0), e.addEventListener("pointerup", o, !0)) : process.env.NODE_ENV === "test" && (e.addEventListener("mousedown", o, !0), e.addEventListener("mousemove", o, !0), e.addEventListener("mouseup", o, !0)), r.addEventListener("beforeunload", () => {
+    g(t);
+  }, {
+    once: !0
+  }), f.set(r, {
+    focus: n
+  });
+}
+const g = (t, r) => {
+  const e = i(t), n = l(t);
+  r && n.removeEventListener("DOMContentLoaded", r), f.has(e) && (e.HTMLElement.prototype.focus = f.get(e).focus, n.removeEventListener("keydown", c, !0), n.removeEventListener("keyup", c, !0), n.removeEventListener("click", y, !0), e.removeEventListener("focus", L, !0), e.removeEventListener("blur", w, !1), typeof PointerEvent < "u" ? (n.removeEventListener("pointerdown", o, !0), n.removeEventListener("pointermove", o, !0), n.removeEventListener("pointerup", o, !0)) : process.env.NODE_ENV === "test" && (n.removeEventListener("mousedown", o, !0), n.removeEventListener("mousemove", o, !0), n.removeEventListener("mouseup", o, !0)), f.delete(e));
+};
+function S(t) {
+  const r = l(t);
+  let e;
+  return r.readyState !== "loading" ? s(t) : (e = () => {
+    s(t);
+  }, r.addEventListener("DOMContentLoaded", e)), () => g(t, e);
+}
+typeof document < "u" && S();
+function F() {
+  return a !== "pointer";
+}
+function B() {
+  return a;
+}
+function P() {
+  s();
+  let [t, r] = x(a);
+  return m(() => {
+    let e = () => {
+      r(a);
+    };
+    return u.add(e), () => {
+      u.delete(e);
+    };
+  }, []), H() ? null : t;
+}
+const K = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function C(t, r, e) {
+  let n = l(e == null ? void 0 : e.target);
+  const v = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, b = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, M = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLElement : HTMLElement, T = typeof window < "u" ? i(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  return t = t || n.activeElement instanceof v && !K.has(n.activeElement.type) || n.activeElement instanceof b || n.activeElement instanceof M && n.activeElement.isContentEditable, !(t && r === "keyboard" && e instanceof T && !I[e.key]);
+}
+function A(t, r, e) {
+  s(), m(() => {
+    let n = (v, b) => {
+      C(!!(e != null && e.isTextInput), v, b) && t(F());
+    };
+    return u.add(n), () => {
+      u.delete(n);
     };
-    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;
-  }
-  withCollection(t) {
-    return new h(t, this.state, {
-      allowsCellSelection: this.allowsCellSelection,
-      layoutDelegate: this.layoutDelegate || 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;
-  }
+  }, r);
 }
 export {
-  h as SelectionManager
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  F as isFocusVisible,
+  A as useFocusVisibleListener,
+  P as useInteractionModality
 };