@boxcustodia/library 1.5.1-canary.1 → 1.6.0

package/dist/index.es474.js

@@ -1,46 +1,21 @@
-import { getScrollParents as I } from "./index.es470.js";
-function W(o, e) {
-  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
-  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
-}
-function L(o, e, t) {
-  const d = t === "left" ? "offsetLeft" : "offsetTop";
-  let l = 0;
-  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
-    if (e.offsetParent.contains(o)) {
-      l -= o[d];
-      break;
-    }
-    e = e.offsetParent;
-  }
-  return l;
-}
-function B(o, e) {
-  if (o && document.contains(o)) {
-    let f = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(f).overflow === "hidden") {
-      let i = I(o);
-      for (let s of i) W(s, o);
-    } else {
-      var t;
-      let { left: i, top: s } = o.getBoundingClientRect();
-      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
-        block: "nearest"
-      });
-      let { left: n, top: a } = o.getBoundingClientRect();
-      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
-        var d, l, r;
-        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
-          block: "center",
-          inline: "center"
-        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
-          block: "nearest"
-        });
-      }
-    }
-  }
+import { useEffectEvent as u } from "./index.es475.js";
+import { useEffect as l } from "react";
+function i(e, t, a, r) {
+  let f = u(a), n = a == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, f, r), () => {
+      c.removeEventListener(t, f, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n,
+    f
+  ]);
 }
 export {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  i as useEvent
 };

package/dist/index.es475.js

@@ -1,11 +1,16 @@
-import { isAndroid as i } from "./index.es462.js";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
-}
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+import { useLayoutEffect as f } from "./index.es403.js";
+import { useRef as o, useCallback as a } from "react";
+function s(r) {
+  const t = o(null);
+  return f(() => {
+    t.current = r;
+  }, [
+    r
+  ]), a((...c) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...c);
+  }, []);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  s as useEffectEvent
 };

package/dist/index.es476.js

@@ -1,5 +1,46 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus";
+import { getScrollParents as I } from "./index.es472.js";
+function W(o, e) {
+  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
+  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
+}
+function L(o, e, t) {
+  const d = t === "left" ? "offsetLeft" : "offsetTop";
+  let l = 0;
+  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
+    if (e.offsetParent.contains(o)) {
+      l -= o[d];
+      break;
+    }
+    e = e.offsetParent;
+  }
+  return l;
+}
+function B(o, e) {
+  if (o && document.contains(o)) {
+    let f = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(f).overflow === "hidden") {
+      let i = I(o);
+      for (let s of i) W(s, o);
+    } else {
+      var t;
+      let { left: i, top: s } = o.getBoundingClientRect();
+      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
+        block: "nearest"
+      });
+      let { left: n, top: a } = o.getBoundingClientRect();
+      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
+        var d, l, r;
+        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
+          block: "center",
+          inline: "center"
+        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT
+  W as scrollIntoView,
+  B as scrollIntoViewport
 };

package/dist/index.es477.js

@@ -1,7 +1,11 @@
-import { isMac as a } from "./index.es462.js";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import { isAndroid as i } from "./index.es463.js";
+function o(r) {
+  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+}
+function u(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
 }
 export {
-  t as isCtrlKeyPressed
+  o as isVirtualClick,
+  u as isVirtualPointerEvent
 };

package/dist/index.es478.js

@@ -1,27 +1,5 @@
-const e = [
-  "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]:not([contenteditable^="false"])'
-], t = e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const n = e.join(':not([hidden]):not([tabindex="-1"]),');
-function a(b) {
-  return b.matches(t);
-}
-function o(b) {
-  return b.matches(n);
-}
+const a = "react-aria-clear-focus", c = "react-aria-focus";
 export {
-  a as isFocusable,
-  o as isTabbable
+  a as CLEAR_FOCUS_EVENT,
+  c as FOCUS_EVENT
 };

package/dist/index.es479.js

@@ -1,22 +1,7 @@
-import { getOwnerWindow as c } from "./index.es459.js";
-function d(i) {
-  const t = c(i);
-  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
-  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
-  if (a) {
-    const { getComputedStyle: n } = i.ownerDocument.defaultView;
-    let { display: r, visibility: o } = n(i);
-    a = r !== "none" && o !== "hidden" && o !== "collapse";
-  }
-  return a;
-}
-function f(i, t) {
-  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
-}
-function u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+import { isMac as a } from "./index.es463.js";
+function t(e) {
+  return a() ? e.metaKey : e.ctrlKey;
 }
 export {
-  u as isElementVisible
+  t as isCtrlKeyPressed
 };

package/dist/index.es480.js

@@ -1,110 +1,27 @@
-import { ignoreFocusEvent as E } from "./index.es486.js";
-import { getOwnerWindow as i, getOwnerDocument as l } from "./index.es459.js";
-import { isMac as h } from "./index.es462.js";
-import { isVirtualClick as k } from "./index.es475.js";
-import { useEffect as m, useState as x } from "react";
-import { useIsSSR as H } from "./index.es398.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);
+const e = [
+  "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]:not([contenteditable^="false"])'
+], t = e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const n = e.join(':not([hidden]):not([tabindex="-1"]),');
+function a(b) {
+  return b.matches(t);
+}
+function o(b) {
+  return b.matches(n);
 }
 export {
-  F as addWindowFocusTracking,
-  A as getInteractionModality,
-  f as hasSetupGlobalListeners,
-  K as isFocusVisible,
-  G as useFocusVisibleListener,
-  _ as useInteractionModality
+  a as isFocusable,
+  o as isTabbable
 };

package/dist/index.es481.js

@@ -1,17 +1,30 @@
-import { getInteractionModality as a } from "./index.es480.js";
-import { getActiveElement as o } from "./index.es457.js";
-import { getOwnerDocument as i } from "./index.es459.js";
-import { focusWithoutScrolling as f } from "./index.es460.js";
-import { runAfterTransition as $ } from "./index.es463.js";
-function p(e) {
-  const t = i(e), c = o(t);
-  if (a() === "virtual") {
-    let r = c;
-    $(() => {
-      o(t) === r && e.isConnected && f(e);
-    });
-  } else f(e);
+import { useSyntheticBlurEvent as l } from "./index.es482.js";
+import { useCallback as u } from "react";
+import { getActiveElement as a, getEventTarget as p } from "./index.es458.js";
+import { getOwnerDocument as m } from "./index.es460.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));
+  }, [
+    t,
+    n,
+    f
+  ]);
+  return {
+    focusProps: {
+      onFocus: !r && (n || t || o) ? i : void 0,
+      onBlur: !r && (o || t) ? c : void 0
+    }
+  };
 }
 export {
-  p as focusSafely
+  x as useFocus
 };

package/dist/index.es482.js

@@ -1,30 +1,97 @@
-import { useSyntheticBlurEvent as l } from "./index.es486.js";
-import { useCallback as u } from "react";
-import { getActiveElement as a, getEventTarget as p } from "./index.es457.js";
-import { getOwnerDocument as m } from "./index.es459.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));
+import { getOwnerWindow as b } from "./index.es460.js";
+import { focusWithoutScrolling as l } from "./index.es461.js";
+import { useLayoutEffect as p } from "./index.es403.js";
+import { useEffectEvent as m } from "./index.es475.js";
+import { isFocusable as v } from "./index.es480.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);
+    };
+  }, []);
+  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"
+        ]
+      });
+    }
   }, [
-    t,
-    n,
-    f
+    r
   ]);
-  return {
-    focusProps: {
-      onFocus: !r && (n || t || o) ? i : void 0,
-      onBlur: !r && (o || t) ? c : void 0
-    }
+}
+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()));
   };
+  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 {
-  x as useFocus
+  E as SyntheticFocusEvent,
+  d as ignoreFocusEvent,
+  S as preventFocus,
+  w as useSyntheticBlurEvent
 };