@boxcustodia/library 1.5.0 → 1.5.1-canary.1

package/dist/index.es482.js

@@ -1,29 +1,30 @@
-import { focusSafely as d } from "./index.es479.js";
-import { mergeProps as a } from "./index.es296.js";
-import { useSyncRef as b } from "./index.es468.js";
-import n, { useRef as $, useEffect as l, useContext as i } from "react";
-import { useFocus as x } from "./index.es483.js";
-import { useKeyboard as m } from "./index.es484.js";
-let p = /* @__PURE__ */ n.createContext(null);
-function P(e) {
-  let t = i(p) || {};
-  b(t, e);
-  let { ref: o, ...r } = t;
-  return r;
-}
-function D(e, t) {
-  let { focusProps: o } = x(e), { keyboardProps: r } = m(e), c = a(o, r), s = P(t), u = e.isDisabled ? {} : s, f = $(e.autoFocus);
-  return l(() => {
-    f.current && t.current && d(t.current), f.current = !1;
+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
-  ]), {
-    focusableProps: a({
-      ...c,
-      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, u)
+  ]), 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 {
-  D as useFocusable
+  x as useFocus
 };

package/dist/index.es483.js

@@ -1,29 +1,55 @@
-import { useSyntheticBlurEvent as d } from "./index.es487.js";
-import { useCallback as s } from "react";
-import { getOwnerDocument as l } from "./index.es460.js";
-function $(a) {
-  let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
-  const c = s((o) => {
-    if (o.target === o.currentTarget)
-      return e && e(o), t && t(!1), !0;
-  }, [
-    e,
-    t
-  ]), u = d(c), f = s((o) => {
-    const i = l(o.target);
-    o.target === o.currentTarget && i.activeElement === o.target && (r && r(o), t && t(!0), u(o));
+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,
-    u
+    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 {
-    focusProps: {
-      onFocus: !n && (r || t || e) ? f : void 0,
-      onBlur: !n && (e || t) ? c : void 0
+  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 useFocus
+  y as useFocusWithin
 };

package/dist/index.es484.js

@@ -1,12 +1,34 @@
-import { createEventHandler as o } from "./index.es488.js";
-function r(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: o(e.onKeyDown),
-      onKeyUp: o(e.onKeyUp)
+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());
+        }
+      };
+      r();
+      let b = new MutationObserver(r);
+      return b.observe(e.current, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      }), () => {
+        b.disconnect();
+      };
     }
-  };
+  }), a ? !1 : l;
 }
 export {
-  r as useKeyboard
+  $ as useHasTabbableChild
 };

package/dist/index.es485.js

@@ -1,34 +1,32 @@
-import { useSyntheticBlurEvent as f } from "./index.es487.js";
-import { useRef as h, useCallback as c } from "react";
-function d(r) {
-  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
-    isFocusWithin: !1
-  }), u = c((i) => {
-    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
-  }, [
-    e,
-    t,
-    n
-  ]), s = f(u), l = c((i) => {
-    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
-  }, [
-    o,
-    t,
-    s
-  ]);
-  return a ? {
-    focusWithinProps: {
-      // These should not have been null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: l,
-      onBlur: u
-    }
-  };
+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;
 }
 export {
-  d as useFocusWithin
+  r as dispatchVirtualBlur,
+  i as dispatchVirtualFocus,
+  u as getVirtuallyFocusedElement,
+  s as moveVirtualFocus
 };

package/dist/index.es486.js

@@ -1,34 +1,97 @@
-import { getFocusableTreeWalker as s } from "./index.es308.js";
-import { useLayoutEffect as u } from "./index.es407.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 { 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);
+    };
+  }, []);
+  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);
       };
-      r();
-      let b = new MutationObserver(r);
-      return b.observe(e.current, {
-        subtree: !0,
-        childList: !0,
+      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: [
-          "tabIndex",
           "disabled"
         ]
-      }), () => {
-        b.disconnect();
-      };
+      });
     }
-  }), a ? !1 : l;
+  }, [
+    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()));
+  };
+  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 {
-  $ as useHasTabbableChild
+  E as SyntheticFocusEvent,
+  d as ignoreFocusEvent,
+  S as preventFocus,
+  w as useSyntheticBlurEvent
 };

package/dist/index.es487.js

@@ -1,71 +1,12 @@
-import { useRef as o, useCallback as i } from "react";
-import { useLayoutEffect as l } from "./index.es407.js";
-import { useEffectEvent as d } from "./index.es474.js";
-class f {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-  preventDefault() {
-    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
-  }
-  stopPropagation() {
-    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
-  }
-  isPropagationStopped() {
-    return !1;
-  }
-  persist() {
-  }
-  constructor(t, e) {
-    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = t;
-  }
-}
-function h(n) {
-  let t = o({
-    isFocused: !1,
-    observer: null
-  });
-  l(() => {
-    const r = t.current;
-    return () => {
-      r.observer && (r.observer.disconnect(), r.observer = null);
-    };
-  }, []);
-  let e = d((r) => {
-    n == null || n(r);
-  });
-  return i((r) => {
-    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
-      t.current.isFocused = !0;
-      let s = r.target, u = (a) => {
-        t.current.isFocused = !1, s.disabled && e(new f("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
-      };
-      s.addEventListener("focusout", u, {
-        once: !0
-      }), t.current.observer = new MutationObserver(() => {
-        if (t.current.isFocused && s.disabled) {
-          var a;
-          (a = t.current.observer) === null || a === void 0 || a.disconnect();
-          let c = s === document.activeElement ? null : document.activeElement;
-          s.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: c
-          })), s.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: c
-          }));
-        }
-      }), t.current.observer.observe(s, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
+import { createEventHandler as o } from "./index.es488.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
     }
-  }, [
-    e
-  ]);
+  };
 }
 export {
-  f as SyntheticFocusEvent,
-  h as useSyntheticBlurEvent
+  r as useKeyboard
 };