@boxcustodia/library 1.5.1-canary.1 → 1.6.0

package/dist/index.es483.js

@@ -1,55 +1,110 @@
-import { useSyntheticBlurEvent as F, SyntheticFocusEvent as m } from "./index.es486.js";
-import { useRef as W, useCallback as $ } from "react";
-import { getActiveElement as v, getEventTarget as x, nodeContains as T } from "./index.es457.js";
-import { getOwnerDocument as E } from "./index.es459.js";
-import { useGlobalListeners as B } from "./index.es464.js";
-function y(b) {
-  let { isDisabled: g, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = W({
-    isFocusWithin: !1
-  }), { addGlobalListener: u, removeAllGlobalListeners: f } = B(), n = $((e) => {
-    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, f(), i && i(e), t && t(!1));
-  }, [
-    i,
-    t,
-    r,
-    f
-  ]), l = F(n), h = $((e) => {
-    if (!e.currentTarget.contains(e.target)) return;
-    const s = E(e.target), p = v(s);
-    if (!r.current.isFocusWithin && p === x(e.nativeEvent)) {
-      o && o(e), t && t(!0), r.current.isFocusWithin = !0, l(e);
-      let c = e.currentTarget;
-      u(s, "focus", (d) => {
-        if (r.current.isFocusWithin && !T(c, d.target)) {
-          let a = new m("blur", new s.defaultView.FocusEvent("blur", {
-            relatedTarget: d.target
-          }));
-          a.target = c, a.currentTarget = c, n(a);
-        }
-      }, {
-        capture: !0
-      });
-    }
-  }, [
-    o,
-    t,
-    l,
-    u,
-    n
-  ]);
-  return g ? {
-    focusWithinProps: {
-      // These cannot be null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: h,
-      onBlur: n
-    }
-  };
+import { ignoreFocusEvent as E } from "./index.es482.js";
+import { getOwnerWindow as i, getOwnerDocument as l } from "./index.es460.js";
+import { isMac as h } from "./index.es463.js";
+import { isVirtualClick as k } from "./index.es477.js";
+import { useEffect as m, useState as x } from "react";
+import { useIsSSR as H } from "./index.es402.js";
+let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, $ = !1;
+const I = {
+  Tab: !0,
+  Escape: !0
+};
+function p(t, r) {
+  for (let e of u) e(t, r);
+}
+function S(t) {
+  return !(t.metaKey || !h() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+}
+function c(t) {
+  d = !0, S(t) && (a = "keyboard", p("keyboard", t));
+}
+function o(t) {
+  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, p("pointer", t));
+}
+function y(t) {
+  k(t) && (d = !0, a = "virtual");
+}
+function L(t) {
+  t.target === window || t.target === document || E || !t.isTrusted || (!d && !$ && (a = "virtual", p("virtual", t)), d = !1, $ = !1);
+}
+function w() {
+  E || (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)) : (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)) : (n.removeEventListener("mousedown", o, !0), n.removeEventListener("mousemove", o, !0), n.removeEventListener("mouseup", o, !0)), f.delete(e));
+};
+function F(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" && F();
+function K() {
+  return a !== "pointer";
+}
+function A() {
+  return a;
+}
+function _() {
+  s();
+  let [t, r] = x(a);
+  return m(() => {
+    let e = () => {
+      r(a);
+    };
+    return u.add(e), () => {
+      u.delete(e);
+    };
+  }, []), H() ? null : t;
+}
+const O = /* @__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 && !O.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 G(t, r, e) {
+  s(), m(() => {
+    let n = (v, b) => {
+      C(!!(e != null && e.isTextInput), v, b) && t(K());
+    };
+    return u.add(n), () => {
+      u.delete(n);
+    };
+  }, r);
 }
 export {
-  y as useFocusWithin
+  F as addWindowFocusTracking,
+  A as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  K as isFocusVisible,
+  G as useFocusVisibleListener,
+  _ as useInteractionModality
 };

package/dist/index.es484.js

@@ -1,34 +1,55 @@
-import { getFocusableTreeWalker as s } from "./index.es304.js";
-import { useLayoutEffect as u } from "./index.es399.js";
-import { useState as c } from "react";
-function $(e, t) {
-  let a = t == null ? void 0 : t.isDisabled, [l, d] = c(!1);
-  return u(() => {
-    if (e != null && e.current && !a) {
-      let r = () => {
-        if (e.current) {
-          let i = s(e.current, {
-            tabbable: !0
-          });
-          d(!!i.nextNode());
+import { useSyntheticBlurEvent as F, SyntheticFocusEvent as m } from "./index.es482.js";
+import { useRef as W, useCallback as $ } from "react";
+import { getActiveElement as v, getEventTarget as x, nodeContains as T } from "./index.es458.js";
+import { getOwnerDocument as E } from "./index.es460.js";
+import { useGlobalListeners as B } from "./index.es465.js";
+function y(b) {
+  let { isDisabled: g, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = W({
+    isFocusWithin: !1
+  }), { addGlobalListener: u, removeAllGlobalListeners: f } = B(), n = $((e) => {
+    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, f(), i && i(e), t && t(!1));
+  }, [
+    i,
+    t,
+    r,
+    f
+  ]), l = F(n), h = $((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const s = E(e.target), p = v(s);
+    if (!r.current.isFocusWithin && p === x(e.nativeEvent)) {
+      o && o(e), t && t(!0), r.current.isFocusWithin = !0, l(e);
+      let c = e.currentTarget;
+      u(s, "focus", (d) => {
+        if (r.current.isFocusWithin && !T(c, d.target)) {
+          let a = new m("blur", new s.defaultView.FocusEvent("blur", {
+            relatedTarget: d.target
+          }));
+          a.target = c, a.currentTarget = c, n(a);
         }
-      };
-      r();
-      let b = new MutationObserver(r);
-      return b.observe(e.current, {
-        subtree: !0,
-        childList: !0,
-        attributes: !0,
-        attributeFilter: [
-          "tabIndex",
-          "disabled"
-        ]
-      }), () => {
-        b.disconnect();
-      };
+      }, {
+        capture: !0
+      });
     }
-  }), a ? !1 : l;
+  }, [
+    o,
+    t,
+    l,
+    u,
+    n
+  ]);
+  return g ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: h,
+      onBlur: n
+    }
+  };
 }
 export {
-  $ as useHasTabbableChild
+  y as useFocusWithin
 };

package/dist/index.es485.js

@@ -1,32 +1,12 @@
-import { getActiveElement as c } from "./index.es457.js";
-import { getOwnerDocument as n } from "./index.es459.js";
-function s(t) {
-  let e = u(n(t));
-  e !== t && (e && r(e, t), t && i(t, e));
-}
-function r(t, e) {
-  t.dispatchEvent(new FocusEvent("blur", {
-    relatedTarget: e
-  })), t.dispatchEvent(new FocusEvent("focusout", {
-    bubbles: !0,
-    relatedTarget: e
-  }));
-}
-function i(t, e) {
-  t.dispatchEvent(new FocusEvent("focus", {
-    relatedTarget: e
-  })), t.dispatchEvent(new FocusEvent("focusin", {
-    bubbles: !0,
-    relatedTarget: e
-  }));
-}
-function u(t) {
-  let e = c(t), a = e == null ? void 0 : e.getAttribute("aria-activedescendant");
-  return a && t.getElementById(a) || e;
+import { createEventHandler as o } from "./index.es486.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  r as dispatchVirtualBlur,
-  i as dispatchVirtualFocus,
-  u as getVirtuallyFocusedElement,
-  s as moveVirtualFocus
+  r as useKeyboard
 };

package/dist/index.es486.js

@@ -1,97 +1,28 @@
-import { getOwnerWindow as b } from "./index.es459.js";
-import { focusWithoutScrolling as l } from "./index.es460.js";
-import { useLayoutEffect as p } from "./index.es399.js";
-import { useEffectEvent as m } from "./index.es473.js";
-import { isFocusable as v } from "./index.es478.js";
-import { useRef as $, useCallback as h } from "react";
-class E {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-  preventDefault() {
-    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
-  }
-  stopPropagation() {
-    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
-  }
-  isPropagationStopped() {
-    return !1;
-  }
-  persist() {
-  }
-  constructor(e, r) {
-    this.nativeEvent = r, this.target = r.target, this.currentTarget = r.currentTarget, this.relatedTarget = r.relatedTarget, this.bubbles = r.bubbles, this.cancelable = r.cancelable, this.defaultPrevented = r.defaultPrevented, this.eventPhase = r.eventPhase, this.isTrusted = r.isTrusted, this.timeStamp = r.timeStamp, this.type = e;
-  }
-}
-function w(s) {
-  let e = $({
-    isFocused: !1,
-    observer: null
-  });
-  p(() => {
-    const t = e.current;
-    return () => {
-      t.observer && (t.observer.disconnect(), t.observer = null);
+function n(o) {
+  if (!o) return;
+  let e = !0;
+  return (t) => {
+    let r = {
+      ...t,
+      preventDefault() {
+        t.preventDefault();
+      },
+      isDefaultPrevented() {
+        return t.isDefaultPrevented();
+      },
+      stopPropagation() {
+        e ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : e = !0;
+      },
+      continuePropagation() {
+        e = !1;
+      },
+      isPropagationStopped() {
+        return e;
+      }
     };
-  }, []);
-  let r = m((t) => {
-    s == null || s(t);
-  });
-  return h((t) => {
-    if (t.target instanceof HTMLButtonElement || t.target instanceof HTMLInputElement || t.target instanceof HTMLTextAreaElement || t.target instanceof HTMLSelectElement) {
-      e.current.isFocused = !0;
-      let n = t.target, u = (o) => {
-        e.current.isFocused = !1, n.disabled && r(new E("blur", o)), e.current.observer && (e.current.observer.disconnect(), e.current.observer = null);
-      };
-      n.addEventListener("focusout", u, {
-        once: !0
-      }), e.current.observer = new MutationObserver(() => {
-        if (e.current.isFocused && n.disabled) {
-          var o;
-          (o = e.current.observer) === null || o === void 0 || o.disconnect();
-          let i = n === document.activeElement ? null : document.activeElement;
-          n.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: i
-          })), n.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: i
-          }));
-        }
-      }), e.current.observer.observe(n, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
-    }
-  }, [
-    r
-  ]);
-}
-let d = !1;
-function S(s) {
-  for (; s && !v(s); ) s = s.parentElement;
-  let e = b(s), r = e.document.activeElement;
-  if (!r || r === s) return;
-  d = !0;
-  let t = !1, n = (a) => {
-    (a.target === r || t) && a.stopImmediatePropagation();
-  }, u = (a) => {
-    (a.target === r || t) && (a.stopImmediatePropagation(), !s && !t && (t = !0, l(r), c()));
-  }, o = (a) => {
-    (a.target === s || t) && a.stopImmediatePropagation();
-  }, i = (a) => {
-    (a.target === s || t) && (a.stopImmediatePropagation(), t || (t = !0, l(r), c()));
+    o(r), e && t.stopPropagation();
   };
-  e.addEventListener("blur", n, !0), e.addEventListener("focusout", u, !0), e.addEventListener("focusin", i, !0), e.addEventListener("focus", o, !0);
-  let c = () => {
-    cancelAnimationFrame(f), e.removeEventListener("blur", n, !0), e.removeEventListener("focusout", u, !0), e.removeEventListener("focusin", i, !0), e.removeEventListener("focus", o, !0), d = !1, t = !1;
-  }, f = requestAnimationFrame(c);
-  return c;
 }
 export {
-  E as SyntheticFocusEvent,
-  d as ignoreFocusEvent,
-  S as preventFocus,
-  w as useSyntheticBlurEvent
+  n as createEventHandler
 };