@boxcustodia/library 1.7.11 → 1.7.13

package/dist/index.es516.js

@@ -1,11 +1,95 @@
-import { useLocale as o } from "./index.es511.js";
-let t = /* @__PURE__ */ new Map();
-function b(a) {
-  let { locale: r } = o(), e = r + (a ? Object.entries(a).sort((l, f) => l[0] < f[0] ? -1 : 1).join() : "");
-  if (t.has(e)) return t.get(e);
-  let c = new Intl.Collator(r, a);
-  return t.set(e, c), c;
+import { getOwnerWindow as b } from "./index.es494.js";
+import { focusWithoutScrolling as l } from "./index.es495.js";
+import { useLayoutEffect as v } from "./index.es428.js";
+import { useEffectEvent as m } from "./index.es509.js";
+import { isFocusable as p } from "./index.es514.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 {
-  b as useCollator
+  g as createSyntheticEvent,
+  d as ignoreFocusEvent,
+  y as preventFocus,
+  h as setEventTarget,
+  I as useSyntheticBlurEvent
 };

package/dist/index.es517.js

@@ -1,59 +1,110 @@
-import { listMap as m } from "./index.es518.js";
-import { useId as g } from "./index.es311.js";
-import { mergeProps as y } from "./index.es312.js";
-import { filterDOMProps as v } from "./index.es313.js";
-import { useHighlightSelectionDescription as x } from "./index.es519.js";
-import { useGridSelectionAnnouncement as B } from "./index.es520.js";
-import { useHasTabbableChild as k } from "./index.es505.js";
-import { useSelectableList as A } from "./index.es521.js";
-function S(a, e, o) {
-  let { isVirtualized: l, keyboardDelegate: d, layoutDelegate: s, onAction: r, disallowTypeAhead: n, linkBehavior: t = "action", keyboardNavigationBehavior: b = "arrow", escapeKeyBehavior: u = "clearSelection" } = a;
-  !a["aria-label"] && !a["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
-  let { listProps: p } = A({
-    selectionManager: e.selectionManager,
-    collection: e.collection,
-    disabledKeys: e.disabledKeys,
-    ref: o,
-    keyboardDelegate: d,
-    layoutDelegate: s,
-    isVirtualized: l,
-    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
-    shouldFocusWrap: a.shouldFocusWrap,
-    linkBehavior: t,
-    disallowTypeAhead: n,
-    autoFocus: a.autoFocus,
-    escapeKeyBehavior: u
-  }), c = g(a.id);
-  m.set(e, {
-    id: c,
-    onAction: r,
-    linkBehavior: t,
-    keyboardNavigationBehavior: b
+import { ignoreFocusEvent as p } from "./index.es516.js";
+import { getOwnerWindow as i, getOwnerDocument as l } from "./index.es494.js";
+import { isMac as h } from "./index.es497.js";
+import { isVirtualClick as k } from "./index.es511.js";
+import { useEffect as m, useState as x } from "react";
+import { useIsSSR as H } from "./index.es427.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
   });
-  let f = x({
-    selectionManager: e.selectionManager,
-    hasItemActions: !!r
-  }), $ = k(o, {
-    isDisabled: e.collection.size !== 0
-  }), h = v(a, {
-    labelable: !0
-  }), i = y(
-    h,
-    {
-      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: $ ? -1 : 0
-    } : p,
-    f
-  );
-  return l && (i["aria-rowcount"] = e.collection.size, i["aria-colcount"] = 1), B({}, e), {
-    gridProps: i
-  };
+}
+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);
+    };
+  }, r);
 }
 export {
-  S as useGridList
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  F as isFocusVisible,
+  A as useFocusVisibleListener,
+  P as useInteractionModality
 };

package/dist/index.es518.js

@@ -1,15 +1,57 @@
-const b = /* @__PURE__ */ new WeakMap();
-function o(e, r) {
-  var t;
-  let { id: a } = (t = b.get(e)) !== null && t !== void 0 ? t : {};
-  if (!a) throw new Error("Unknown list");
-  return `${a}-${n(r)}`;
-}
-function n(e) {
-  return typeof e == "string" ? e.replace(/\s*/g, "") : "" + e;
+import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index.es516.js";
+import { useRef as x, useCallback as $ } from "react";
+import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index.es492.js";
+import { getOwnerDocument as G } from "./index.es494.js";
+import { useGlobalListeners as L } from "./index.es499.js";
+function S(b) {
+  let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
+    isFocusWithin: !1
+  }), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
+    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
+  }, [
+    i,
+    t,
+    r,
+    s
+  ]), u = F(n), g = $((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const a = G(e.target), p = E(a);
+    if (!r.current.isFocusWithin && p === T(e.nativeEvent)) {
+      o && o(e), t && t(!0), r.current.isFocusWithin = !0, u(e);
+      let f = e.currentTarget;
+      c(a, "focus", (l) => {
+        if (r.current.isFocusWithin && !B(f, l.target)) {
+          let d = new a.defaultView.FocusEvent("blur", {
+            relatedTarget: l.target
+          });
+          W(d, f);
+          let m = v(d);
+          n(m);
+        }
+      }, {
+        capture: !0
+      });
+    }
+  }, [
+    o,
+    t,
+    u,
+    c,
+    n
+  ]);
+  return h ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: g,
+      onBlur: n
+    }
+  };
 }
 export {
-  o as getRowId,
-  b as listMap,
-  n as normalizeKey
+  S as useFocusWithin
 };

package/dist/index.es519.js

@@ -1,24 +1,12 @@
-import s from "./index.es586.js";
-import { useDescription as l } from "./index.es478.js";
-import { useInteractionModality as f } from "./index.es488.js";
-import { useLocalizedStringFormatter as d } from "./index.es513.js";
-import { useMemo as u } from "react";
-function m(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function x(e) {
-  let o = d(m(s), "@react-aria/grid"), t = f(), i = (t === "pointer" || t === "virtual" || t == null) && typeof window < "u" && "ontouchstart" in window, n = u(() => {
-    let a = e.selectionManager.selectionMode, c = e.selectionManager.selectionBehavior, r;
-    return i && (r = o.format("longPressToSelect")), c === "replace" && a !== "none" && e.hasItemActions ? r : void 0;
-  }, [
-    e.selectionManager.selectionMode,
-    e.selectionManager.selectionBehavior,
-    e.hasItemActions,
-    o,
-    i
-  ]);
-  return l(n);
+import { createEventHandler as o } from "./index.es520.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  x as useHighlightSelectionDescription
+  r as useKeyboard
 };

package/dist/index.es52.js

@@ -1,5 +1,5 @@
 import { j as n } from "./index.es105.js";
-import { HeadingVariants as i } from "./index.es128.js";
+import { HeadingVariants as i } from "./index.es134.js";
 import { cn as e } from "./index.es92.js";
 const x = ({
   className: o,

package/dist/index.es520.js

@@ -1,62 +1,28 @@
-import g from "./index.es586.js";
-import { announce as p } from "./index.es309.js";
-import { useUpdateEffect as $ } from "./index.es472.js";
-import { useEffectEvent as x } from "./index.es480.js";
-import { useLocalizedStringFormatter as v } from "./index.es513.js";
-import { useRef as _ } from "react";
-function y(o) {
-  return o && o.__esModule ? o.default : o;
-}
-function F(o, e) {
-  let { getRowText: c = (r) => {
-    var s, f, u, l;
-    return (l = (s = (f = e.collection).getTextValue) === null || s === void 0 ? void 0 : s.call(f, r)) !== null && l !== void 0 ? l : (u = e.collection.getItem(r)) === null || u === void 0 ? void 0 : u.textValue;
-  } } = o, n = v(y(g), "@react-aria/grid"), t = e.selectionManager.rawSelection, a = _(t), d = x(() => {
-    var r;
-    if (!e.selectionManager.isFocused || t === a.current) {
-      a.current = t;
-      return;
-    }
-    let s = m(t, a.current), f = m(a.current, t), u = e.selectionManager.selectionBehavior === "replace", l = [];
-    if (e.selectionManager.selectedKeys.size === 1 && u) {
-      if (e.collection.getItem(e.selectionManager.selectedKeys.keys().next().value)) {
-        let i = c(e.selectionManager.selectedKeys.keys().next().value);
-        i && l.push(n.format("selectedItem", {
-          item: i
-        }));
+function n(o) {
+  if (!o) return;
+  let e = !0;
+  return (t) => {
+    let r = {
+      ...t,
+      preventDefault() {
+        t.preventDefault();
+      },
+      isDefaultPrevented() {
+        return t.isDefaultPrevented();
+      },
+      stopPropagation() {
+        e && process.env.NODE_ENV !== "production" ? 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;
       }
-    } else if (s.size === 1 && f.size === 0) {
-      let i = c(s.keys().next().value);
-      i && l.push(n.format("selectedItem", {
-        item: i
-      }));
-    } else if (f.size === 1 && s.size === 0 && e.collection.getItem(f.keys().next().value)) {
-      let i = c(f.keys().next().value);
-      i && l.push(n.format("deselectedItem", {
-        item: i
-      }));
-    }
-    e.selectionManager.selectionMode === "multiple" && (l.length === 0 || t === "all" || t.size > 1 || a.current === "all" || ((r = a.current) === null || r === void 0 ? void 0 : r.size) > 1) && l.push(t === "all" ? n.format("selectedAll") : n.format("selectedCount", {
-      count: t.size
-    })), l.length > 0 && p(l.join(" ")), a.current = t;
-  });
-  $(() => {
-    if (e.selectionManager.isFocused) d();
-    else {
-      let r = requestAnimationFrame(d);
-      return () => cancelAnimationFrame(r);
-    }
-  }, [
-    t,
-    e.selectionManager.isFocused
-  ]);
-}
-function m(o, e) {
-  let c = /* @__PURE__ */ new Set();
-  if (o === "all" || e === "all") return c;
-  for (let n of o.keys()) e.has(n) || c.add(n);
-  return c;
+    };
+    o(r), e && t.stopPropagation();
+  };
 }
 export {
-  F as useGridSelectionAnnouncement
+  n as createEventHandler
 };