@boxcustodia/library 1.7.8 → 1.7.10

package/dist/index.es514.js

@@ -1,174 +1,27 @@
-import { listMap as X, getRowId as M } from "./index.es510.js";
-import { useSlotId as Y } from "./index.es297.js";
-import { chain as j } from "./index.es453.js";
-import { mergeProps as I } from "./index.es298.js";
-import { useSyntheticLinkProps as q } from "./index.es459.js";
-import { getScrollParent as u } from "./index.es467.js";
-import { scrollIntoViewport as p } from "./index.es473.js";
-import { getFocusableTreeWalker as L } from "./index.es310.js";
-import { isFocusVisible as H } from "./index.es484.js";
-import { focusSafely as c } from "./index.es495.js";
-import { getLastItem as J } from "./index.es481.js";
-import { useRef as Q } from "react";
-import { useSelectableItem as Z } from "./index.es515.js";
-import { useLocale as _ } from "./index.es503.js";
-const D = {
-  expand: {
-    ltr: "ArrowRight",
-    rtl: "ArrowLeft"
-  },
-  collapse: {
-    ltr: "ArrowLeft",
-    rtl: "ArrowRight"
-  }
-};
-function be(b, r, n) {
-  var v, m;
-  let { node: e, isVirtualized: P, shouldSelectOnPressUp: V } = b, { direction: d } = _(), { onAction: f, linkBehavior: F, keyboardNavigationBehavior: $ } = X.get(r), y = Y(), g = Q(null), z = () => {
-    var o;
-    n.current !== null && (g.current != null && e.key !== g.current || !(!((o = n.current) === null || o === void 0) && o.contains(document.activeElement))) && c(n.current);
-  }, E = {}, s = b.hasChildItems, B = r.selectionManager.isLink(e.key);
-  if (e != null && "expandedKeys" in r) {
-    var k, K, x;
-    let o = (k = (K = r.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
-    s = s || [
-      ...o ?? []
-    ].length > 1, f == null && !B && r.selectionManager.selectionMode === "none" && s && (f = () => r.toggleKey(e.key));
-    let i = s ? r.expandedKeys.has(e.key) : void 0, a = 1;
-    var h;
-    if (e.level > 0 && (e == null ? void 0 : e.parentKey) != null) {
-      let t = r.collection.getItem(e.parentKey);
-      if (t) {
-        var w, A;
-        let l = (w = (A = r.collection).getChildren) === null || w === void 0 ? void 0 : w.call(A, t.key);
-        a = J(l).index + 1;
-      }
-    } else a = ((h = (x = [
-      ...r.collection
-    ].filter((t) => t.level === 0).at(-1)) === null || x === void 0 ? void 0 : x.index) !== null && h !== void 0 ? h : 0) + 1;
-    E = {
-      "aria-expanded": i,
-      "aria-level": e.level + 1,
-      "aria-posinset": (e == null ? void 0 : e.index) + 1,
-      "aria-setsize": a
-    };
-  }
-  let { itemProps: C, ...N } = Z({
-    selectionManager: r.selectionManager,
-    key: e.key,
-    ref: n,
-    isVirtualized: P,
-    shouldSelectOnPressUp: V,
-    onAction: f || !((v = e.props) === null || v === void 0) && v.onAction ? j((m = e.props) === null || m === void 0 ? void 0 : m.onAction, f ? () => f(e.key) : void 0) : void 0,
-    focus: z,
-    linkBehavior: F
-  }), O = (o) => {
-    if (!o.currentTarget.contains(o.target) || !n.current || !document.activeElement) return;
-    let i = L(n.current);
-    if (i.currentNode = document.activeElement, "expandedKeys" in r && document.activeElement === n.current) {
-      if (o.key === D.expand[d] && r.selectionManager.focusedKey === e.key && s && !r.expandedKeys.has(e.key)) {
-        r.toggleKey(e.key), o.stopPropagation();
-        return;
-      } else if (o.key === D.collapse[d] && r.selectionManager.focusedKey === e.key && s && r.expandedKeys.has(e.key)) {
-        r.toggleKey(e.key), o.stopPropagation();
-        return;
-      }
-    }
-    switch (o.key) {
-      case "ArrowLeft":
-        if ($ === "arrow") {
-          let t = d === "rtl" ? i.nextNode() : i.previousNode();
-          if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
-              containingElement: u(n.current)
-            });
-          else if (o.preventDefault(), o.stopPropagation(), d === "rtl")
-            c(n.current), p(n.current, {
-              containingElement: u(n.current)
-            });
-          else {
-            i.currentNode = n.current;
-            let l = R(i);
-            l && (c(l), p(l, {
-              containingElement: u(n.current)
-            }));
-          }
-        }
-        break;
-      case "ArrowRight":
-        if ($ === "arrow") {
-          let t = d === "rtl" ? i.previousNode() : i.nextNode();
-          if (t)
-            o.preventDefault(), o.stopPropagation(), c(t), p(t, {
-              containingElement: u(n.current)
-            });
-          else if (o.preventDefault(), o.stopPropagation(), d === "ltr")
-            c(n.current), p(n.current, {
-              containingElement: u(n.current)
-            });
-          else {
-            i.currentNode = n.current;
-            let l = R(i);
-            l && (c(l), p(l, {
-              containingElement: u(n.current)
-            }));
-          }
-        }
-        break;
-      case "ArrowUp":
-      case "ArrowDown":
-        if (!o.altKey && n.current.contains(o.target)) {
-          var a;
-          o.stopPropagation(), o.preventDefault(), (a = n.current.parentElement) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent(o.nativeEvent.type, o.nativeEvent));
-        }
-        break;
-      case "Tab":
-        if ($ === "tab") {
-          let t = L(n.current, {
-            tabbable: !0
-          });
-          t.currentNode = document.activeElement, (o.shiftKey ? t.previousNode() : t.nextNode()) && o.stopPropagation();
-        }
-    }
-  }, U = (o) => {
-    if (g.current = e.key, o.target !== n.current) {
-      H() || r.selectionManager.setFocusedKey(e.key);
-      return;
-    }
-  }, T = q(e.props), G = N.hasAction ? T : {}, S = I(C, G, {
-    role: "row",
-    onKeyDownCapture: O,
-    onFocus: U,
-    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
-    "aria-label": e.textValue || void 0,
-    "aria-selected": r.selectionManager.canSelectItem(e.key) ? r.selectionManager.isSelected(e.key) : void 0,
-    "aria-disabled": r.selectionManager.isDisabled(e.key) || void 0,
-    "aria-labelledby": y && e.textValue ? `${M(r, e.key)} ${y}` : void 0,
-    id: M(r, e.key)
-  });
-  P && (S["aria-rowindex"] = e.index + 1);
-  let W = {
-    role: "gridcell",
-    "aria-colindex": 1
-  };
-  return {
-    rowProps: {
-      ...I(S, E)
-    },
-    gridCellProps: W,
-    descriptionProps: {
-      id: y
-    },
-    ...N
-  };
+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 R(b) {
-  let r = null, n = null;
-  do
-    n = b.lastChild(), n && (r = n);
-  while (n);
-  return r;
+function o(b) {
+  return b.matches(n);
 }
 export {
-  be as useGridListItem
+  a as isFocusable,
+  o as isTabbable
 };

package/dist/index.es515.js

@@ -1,124 +1,30 @@
-import { getCollectionId as R, isNonContiguousSelectionModifier as N } from "./index.es518.js";
-import { usePress as j } from "./index.es488.js";
-import { useLongPress as q } from "./index.es494.js";
-import { focusSafely as z } from "./index.es495.js";
-import { useId as G } from "./index.es297.js";
-import { mergeProps as K } from "./index.es298.js";
-import { useRouter as H, openLink as J } from "./index.es459.js";
-import { isCtrlKeyPressed as Q } from "./index.es476.js";
-import { moveVirtualFocus as W } from "./index.es498.js";
-import { useEffect as X, useRef as k } from "react";
-function le(r) {
-  let { id: $, selectionManager: o, key: t, ref: s, shouldSelectOnPressUp: O, shouldUseVirtualFocus: l, focus: T, isDisabled: c, onAction: g, allowsDifferentPressOrigin: C, linkBehavior: p = "action" } = r, D = H();
-  $ = G($);
-  let a = (e) => {
-    if (e.pointerType === "keyboard" && N(e)) o.toggleSelection(t);
-    else {
-      if (o.selectionMode === "none") return;
-      if (o.isLink(t)) {
-        if (p === "selection" && s.current) {
-          let y = o.getItemProps(t);
-          D.open(s.current, e, y.href, y.routerOptions), o.setSelectedKeys(o.selectedKeys);
-          return;
-        } else if (p === "override" || p === "none") return;
-      }
-      o.selectionMode === "single" ? o.isSelected(t) && !o.disallowEmptySelection ? o.toggleSelection(t) : o.replaceSelection(t) : e && e.shiftKey ? o.extendSelection(t) : o.selectionBehavior === "toggle" || e && (Q(e) || e.pointerType === "touch" || e.pointerType === "virtual") ? o.toggleSelection(t) : o.replaceSelection(t);
-    }
-  };
-  X(() => {
-    t === o.focusedKey && o.isFocused && (l ? W(s.current) : T ? T() : document.activeElement !== s.current && s.current && z(s.current));
+import { useSyntheticBlurEvent as l } from "./index.es516.js";
+import { useCallback as u } from "react";
+import { getActiveElement as a, getEventTarget as p } from "./index.es492.js";
+import { getOwnerDocument as m } from "./index.es494.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));
   }, [
-    s,
     t,
-    o.focusedKey,
-    o.childFocusStrategy,
-    o.isFocused,
-    l
-  ]), c = c || o.isDisabled(t);
-  let u = {};
-  !l && !c ? u = {
-    tabIndex: t === o.focusedKey ? 0 : -1,
-    onFocus(e) {
-      e.target === s.current && o.setFocusedKey(t);
-    }
-  } : c && (u.onMouseDown = (e) => {
-    e.preventDefault();
-  });
-  let L = o.isLink(t) && p === "override", F = o.isLink(t) && p !== "selection" && p !== "none", i = !c && o.canSelectItem(t) && !L, S = (g || F) && !c, f = S && (o.selectionBehavior === "replace" ? !i : !i || o.isEmpty), v = S && i && o.selectionBehavior === "replace", d = f || v, b = k(null), m = d && i, h = k(!1), x = k(!1), P = (e) => {
-    if (g && g(), F && s.current) {
-      let y = o.getItemProps(t);
-      D.open(s.current, e, y.href, y.routerOptions);
-    }
-  }, n = {
-    ref: s
-  };
-  O ? (n.onPressStart = (e) => {
-    b.current = e.pointerType, h.current = m, e.pointerType === "keyboard" && (!d || A()) && a(e);
-  }, C ? (n.onPressUp = f ? void 0 : (e) => {
-    e.pointerType === "mouse" && i && a(e);
-  }, n.onPress = f ? P : (e) => {
-    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && i && a(e);
-  }) : n.onPress = (e) => {
-    if (f || v && e.pointerType !== "mouse") {
-      if (e.pointerType === "keyboard" && !w()) return;
-      P(e);
-    } else e.pointerType !== "keyboard" && i && a(e);
-  }) : (n.onPressStart = (e) => {
-    b.current = e.pointerType, h.current = m, x.current = f, i && (e.pointerType === "mouse" && !f || e.pointerType === "keyboard" && (!S || A())) && a(e);
-  }, n.onPress = (e) => {
-    (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && d && w() || e.pointerType === "mouse" && x.current) && (d ? P(e) : i && a(e));
-  }), u["data-collection"] = R(o.collection), u["data-key"] = t, n.preventFocusOnPress = l, l && (n = K(n, {
-    onPressStart(e) {
-      e.pointerType !== "touch" && (o.setFocused(!0), o.setFocusedKey(t));
-    },
-    onPress(e) {
-      e.pointerType === "touch" && (o.setFocused(!0), o.setFocusedKey(t));
-    }
-  }));
-  let { pressProps: E, isPressed: I } = j(n), B = v ? (e) => {
-    b.current === "mouse" && (e.stopPropagation(), e.preventDefault(), P(e));
-  } : void 0, { longPressProps: M } = q({
-    isDisabled: !m,
-    onLongPress(e) {
-      e.pointerType === "touch" && (a(e), o.setSelectionBehavior("toggle"));
-    }
-  }), U = (e) => {
-    b.current === "touch" && h.current && e.preventDefault();
-  }, V = o.isLink(t) ? (e) => {
-    J.isOpening || e.preventDefault();
-  } : void 0;
+    n,
+    f
+  ]);
   return {
-    itemProps: K(
-      u,
-      i || f || l ? E : {},
-      m ? M : {},
-      {
-        onDoubleClick: B,
-        onDragStartCapture: U,
-        onClick: V,
-        id: $
-      },
-      // Prevent DOM focus from moving on mouse down when using virtual focus
-      l ? {
-        onMouseDown: (e) => e.preventDefault()
-      } : void 0
-    ),
-    isPressed: I,
-    isSelected: o.isSelected(t),
-    isFocused: o.isFocused && o.focusedKey === t,
-    isDisabled: c,
-    allowsSelection: i,
-    hasAction: d
+    focusProps: {
+      onFocus: !r && (n || t || o) ? i : void 0,
+      onBlur: !r && (o || t) ? c : void 0
+    }
   };
 }
-function w() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === "Enter";
-}
-function A() {
-  let r = window.event;
-  return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
-}
 export {
-  le as useSelectableItem
+  x as useFocus
 };

package/dist/index.es516.js

@@ -1,22 +1,95 @@
-import s from "./index.es702.js";
-import { useId as d } from "./index.es297.js";
-import { useLocalizedStringFormatter as f } from "./index.es505.js";
-function b(e) {
-  return e && e.__esModule ? e.default : e;
+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 p(e, t) {
-  let { key: r } = e, a = t.selectionManager, o = d(), c = !t.selectionManager.canSelectItem(r), i = t.selectionManager.isSelected(r), l = () => a.toggleSelection(r);
-  const n = f(b(s), "@react-aria/grid");
-  return {
-    checkboxProps: {
-      id: o,
-      "aria-label": n.format("select"),
-      isSelected: i,
-      isDisabled: c,
-      onChange: l
+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 {
-  p as useGridSelectionCheckbox
+  g as createSyntheticEvent,
+  d as ignoreFocusEvent,
+  y as preventFocus,
+  h as setEventTarget,
+  I as useSyntheticBlurEvent
 };