@rpcbase/ui 0.240.0 → 0.242.0

package/dist/index220.js

@@ -1,133 +1,166 @@
 import * as f from "react";
-import { isHTMLElement as Ce } from "./index249.js";
-import { useValueAsRef as z } from "./index203.js";
-import { useStableCallback as X } from "./index202.js";
-import { useIsoLayoutEffect as A } from "./index201.js";
-import { ownerDocument as Te } from "./index224.js";
-import { getFloatingFocusElement as Ve, isTypeableCombobox as ze } from "./index230.js";
-import { stopEvent as T, isVirtualClick as Ge, isVirtualPointerEvent as We } from "./index375.js";
-import { isIndexOutOfListBounds as Fe, getMinListIndex as me, getMaxListIndex as Se, createGridCellMap as _e, isListIndexDisabled as pe, getGridNavigatedIndex as qe, getGridCellIndexOfCorner as He, getGridCellIndices as $e, findNonDisabledListIndex as Y } from "./index378.js";
-import { useFloatingParentNodeId as Be, useFloatingTree as Qe } from "./index382.js";
-import { createChangeEventDetails as Z } from "./index175.js";
-import { enqueueFocus as Ue } from "./index380.js";
-import { ARROW_DOWN as re, ARROW_LEFT as G, ARROW_RIGHT as W, ARROW_UP as Ae } from "./index385.js";
-import { activeElement as ge, contains as Re, getTarget as je } from "./index231.js";
-import { listNavigation as he, focusOut as Je } from "./index177.js";
-const Xe = "Escape";
-function te(c, p, u) {
+import { useAnimationFrame as Me } from "./index241.js";
+import { useIsoLayoutEffect as T } from "./index201.js";
+import { ownerDocument as be } from "./index224.js";
+import { useStableCallback as S } from "./index202.js";
+import { useValueAsRef as k } from "./index203.js";
+import { isHTMLElement as Pe } from "./index248.js";
+import { createChangeEventDetails as ce } from "./index175.js";
+import { useFloatingParentNodeId as ze, useFloatingTree as We } from "./index386.js";
+import { isIndexOutOfListBounds as Fe, getMinListIndex as ie, getMaxListIndex as ve, findNonDisabledListIndex as G } from "./index382.js";
+import { ARROW_LEFT as B, ARROW_RIGHT as Q, ARROW_UP as Se, ARROW_DOWN as le } from "./index390.js";
+import { getFloatingFocusElement as _e, isTypeableCombobox as qe } from "./index230.js";
+import { enqueueFocus as He } from "./index384.js";
+import { stopEvent as P, isVirtualClick as Ge, isVirtualPointerEvent as $e } from "./index253.js";
+import { activeElement as ue, contains as se, getTarget as Be } from "./index231.js";
+import { listNavigation as Te, focusOut as Qe } from "./index177.js";
+const Ue = "Escape";
+function U(c, d, n) {
   switch (c) {
     case "vertical":
-      return p;
+      return d;
     case "horizontal":
-      return u;
+      return n;
     default:
-      return p || u;
+      return d || n;
   }
 }
-function ee(c, p) {
-  return te(p, c === Ae || c === re, c === G || c === W);
+function $(c, d) {
+  return U(d, c === Se || c === le, c === B || c === Q);
 }
-function Ie(c, p, u) {
-  return te(p, c === re, u ? c === G : c === W) || c === "Enter" || c === " " || c === "";
+function ae(c, d, n) {
+  return U(d, c === le, n ? c === B : c === Q) || c === "Enter" || c === " " || c === "";
 }
-function Ye(c, p, u) {
-  return te(p, u ? c === G : c === W, c === re);
+function je(c, d, n) {
+  return U(d, n ? c === B : c === Q, c === le);
 }
-function Ze(c, p, u, i) {
-  const g = u ? c === W : c === G, E = c === Ae;
-  return p === "both" || p === "horizontal" && i && i > 1 ? c === Xe : te(p, g, E);
+function Je(c, d, n, p) {
+  const K = n ? c === Q : c === B, R = c === Se;
+  return d === "both" || d === "horizontal" && p ? c === Ue : U(d, K, R);
 }
-function pr(c, p) {
-  const u = "rootStore" in c ? c.rootStore : c, i = u.useState("open"), g = u.useState("floatingElement"), E = u.useState("domReferenceElement"), Ee = u.context.dataRef, {
-    listRef: o,
-    activeIndex: O,
-    onNavigate: Le = () => {
+function dr(c, d) {
+  const {
+    listRef: n,
+    activeIndex: p,
+    onNavigate: K = () => {
     },
-    enabled: y = !0,
+    enabled: R = !0,
     selectedIndex: L = null,
-    allowEscape: ne = !1,
-    loopFocus: _ = !1,
-    nested: b = !1,
-    rtl: x = !1,
-    virtual: d = !1,
-    focusItemOnOpen: M = "auto",
-    focusItemOnHover: oe = !0,
-    openOnArrowKeyDown: ce = !0,
-    disabledIndices: R = void 0,
-    orientation: m = "vertical",
-    parentOrientation: xe,
-    cols: F = 1,
-    id: Oe,
-    resetOnPointerLeave: Ne = !0,
-    externalTree: ke
-  } = p;
-  process.env.NODE_ENV !== "production" && (ne && (_ || console.warn("`useListNavigation` looping must be enabled to allow escaping."), d || console.warn("`useListNavigation` must be virtual to allow escaping.")), m === "vertical" && F > 1 && console.warn("In grid list navigation mode (`cols` > 1), the `orientation` should", 'be either "horizontal" or "both".'));
-  const De = Ve(g), N = z(De), q = Be(), v = Qe(ke);
-  A(() => {
-    Ee.current.orientation = m;
-  }, [Ee, m]);
-  const ue = ze(E), P = f.useRef(M), n = f.useRef(L ?? -1), C = f.useRef(null), S = f.useRef(!0), a = X((e) => {
-    Le(n.current === -1 ? null : n.current, e);
-  }), ye = f.useRef(a), k = f.useRef(!!g), we = f.useRef(i), h = f.useRef(!1), H = f.useRef(!1), ie = f.useRef(null), se = z(R), $ = z(i), D = z(L), be = z(Ne), le = X(() => {
-    function e(l) {
-      d ? v?.events.emit("virtualfocus", l) : ie.current = Ue(l, {
+    allowEscape: j = !1,
+    loopFocus: V = !1,
+    nested: w = !1,
+    rtl: O = !1,
+    virtual: s = !1,
+    focusItemOnOpen: y = "auto",
+    focusItemOnHover: J = !0,
+    openOnArrowKeyDown: X = !0,
+    disabledIndices: x = void 0,
+    orientation: a = "vertical",
+    parentOrientation: Ke,
+    id: fe,
+    resetOnPointerLeave: Le = !0,
+    externalTree: Ce,
+    grid: Y
+  } = d, de = Y != null;
+  process.env.NODE_ENV !== "production" && (j && (V || console.warn("`useListNavigation` looping must be enabled to allow escaping."), s || console.warn("`useListNavigation` must be virtual to allow escaping.")), a === "vertical" && de && console.warn("In grid list navigation mode, the `orientation` should", 'be either "horizontal" or "both".'));
+  const g = "rootStore" in c ? c.rootStore : c, m = g.useState("open"), E = g.useState("floatingElement"), I = g.useState("domReferenceElement"), me = g.context.dataRef, De = _e(E), Z = qe(I), C = k(De), ee = ze(), F = We(Ce), M = f.useRef(y), o = f.useRef(L ?? -1), b = f.useRef(null), v = f.useRef(!0), u = S((e) => {
+    K(o.current === -1 ? null : o.current, e);
+  }), D = f.useRef(!!E), pe = f.useRef(m), h = f.useRef(!1), z = f.useRef(!1), re = f.useRef(null), Ne = k(x), W = k(m), N = k(L), ge = k(Le), Ae = Me(), Re = Me(), te = S(() => {
+    function e(i) {
+      s ? F?.events.emit("virtualfocus", i) : re.current = He(i, {
         sync: h.current,
         preventScroll: !0
       });
     }
-    const r = o.current[n.current], t = H.current;
-    r && e(r), (h.current ? (l) => l() : requestAnimationFrame)(() => {
-      const l = o.current[n.current] || r;
-      if (!l)
+    const r = n.current[o.current], l = z.current;
+    r && e(r), (h.current ? (i) => i() : (i) => Ae.request(i))(() => {
+      const i = n.current[o.current] || r;
+      if (!i)
         return;
-      r || e(l), // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      fe && (t || !S.current) && l.scrollIntoView?.({
+      r || e(i), // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      oe && (l || !v.current) && i.scrollIntoView?.({
         block: "nearest",
         inline: "nearest"
       });
     });
   });
-  A(() => {
-    y && (i && g ? (n.current = L ?? -1, P.current && L != null && (H.current = !0, a())) : k.current && (n.current = -1, ye.current()));
-  }, [y, i, g, L, a]), A(() => {
-    if (y) {
-      if (!i) {
+  T(() => {
+    me.current.orientation = a;
+  }, [me, a]), T(() => {
+    R && (m && E ? (o.current = L ?? -1, M.current && L != null && (z.current = !0, u())) : D.current && (o.current = -1, u()));
+  }, [R, m, E, L, u]), T(() => {
+    if (R) {
+      if (!m) {
         h.current = !1;
         return;
       }
-      if (g)
-        if (O == null) {
-          if (h.current = !1, D.current != null)
+      if (E)
+        if (p == null) {
+          if (h.current = !1, N.current != null)
             return;
-          if (k.current && (n.current = -1, le()), (!we.current || !k.current) && P.current && (C.current != null || P.current === !0 && C.current == null)) {
+          if (D.current && (o.current = -1, te()), (!pe.current || !D.current) && M.current && (b.current != null || M.current === !0 && b.current == null)) {
             let e = 0;
             const r = () => {
-              o.current[0] == null ? (e < 2 && (e ? requestAnimationFrame : queueMicrotask)(r), e += 1) : (n.current = C.current == null || Ie(C.current, m, x) || b ? me(o) : Se(o), C.current = null, a());
+              n.current[0] == null ? (e < 2 && (e ? (t) => Re.request(t) : queueMicrotask)(r), e += 1) : (o.current = b.current == null || ae(b.current, a, O) || w ? ie(n) : ve(n), b.current = null, u());
             };
             r();
           }
-        } else Fe(o.current, O) || (n.current = O, le(), H.current = !1);
+        } else Fe(n.current, p) || (o.current = p, te(), z.current = !1);
     }
-  }, [y, i, g, O, D, b, o, m, x, a, le, se]), A(() => {
-    if (!y || g || !v || d || !k.current)
+  }, [R, m, E, p, N, w, n, a, O, u, te, Re]), T(() => {
+    if (!R || E || !F || s || !D.current)
       return;
-    const e = v.nodesRef.current, r = e.find((l) => l.id === q)?.context?.elements.floating, t = ge(Te(g)), s = e.some((l) => l.context && Re(l.context.elements.floating, t));
-    r && !s && S.current && r.focus({
+    const e = F.nodesRef.current, r = e.find((i) => i.id === ee)?.context?.elements.floating, l = ue(be(I ?? r ?? null)), t = e.some((i) => i.context && se(i.context.elements.floating, l));
+    r && !t && v.current && r.focus({
       preventScroll: !0
     });
-  }, [y, g, v, q, d]), A(() => {
-    ye.current = a, we.current = i, k.current = !!g;
-  }), A(() => {
-    i || (C.current = null, P.current = M);
-  }, [i, M]);
-  const Me = O != null, ae = X((e) => {
-    if (!$.current)
+  }, [R, E, I, F, ee, s]), T(() => {
+    pe.current = m, D.current = !!E;
+  }), T(() => {
+    m || (b.current = null, M.current = y);
+  }, [m, y]);
+  const he = p != null, ne = S((e) => {
+    if (!W.current)
       return;
-    const r = o.current.indexOf(e.currentTarget);
-    r !== -1 && (n.current !== r || O !== r) && (n.current = r, a(e));
-  }), fe = f.useMemo(() => ({
+    const r = n.current.indexOf(e.currentTarget);
+    r !== -1 && (o.current !== r || p !== r) && (o.current = r, u(e));
+  }), _ = S(() => Ke ?? F?.nodesRef.current.find((e) => e.id === ee)?.context?.dataRef?.current.orientation), Ee = S(() => ie(n, Ne.current)), A = S((e) => {
+    if (v.current = !1, h.current = !0, e.which === 229 || !W.current && e.currentTarget === C.current)
+      return;
+    if (w && Je(e.key, a, O, de)) {
+      $(e.key, _()) || P(e), g.setOpen(!1, ce(Te, e.nativeEvent)), Pe(I) && (s ? F?.events.emit("virtualfocus", I) : I.focus());
+      return;
+    }
+    const r = o.current, l = ie(n, x), t = ve(n, x);
+    if (Z || (e.key === "Home" && (P(e), o.current = l, u(e)), e.key === "End" && (P(e), o.current = t, u(e))), Y != null) {
+      const i = Y(e, o.current, n, a, V, O, x, l, t);
+      if (i != null && (o.current = i, u(e)), a === "both")
+        return;
+    }
+    if ($(e.key, a)) {
+      if (P(e), m && !s && ue(e.currentTarget.ownerDocument) === e.currentTarget) {
+        o.current = ae(e.key, a, O) ? l : t, u(e);
+        return;
+      }
+      ae(e.key, a, O) ? V ? r >= t ? j && r !== n.current.length ? o.current = -1 : (h.current = !1, o.current = l) : o.current = G(n.current, {
+        startingIndex: r,
+        disabledIndices: x
+      }) : o.current = Math.min(t, G(n.current, {
+        startingIndex: r,
+        disabledIndices: x
+      })) : V ? r <= l ? j && r !== -1 ? o.current = n.current.length : (h.current = !1, o.current = t) : o.current = G(n.current, {
+        startingIndex: r,
+        decrement: !0,
+        disabledIndices: x
+      }) : o.current = Math.max(l, G(n.current, {
+        startingIndex: r,
+        decrement: !0,
+        disabledIndices: x
+      })), Fe(n.current, o.current) && (o.current = -1), u(e);
+    }
+  }), oe = f.useMemo(() => ({
     onFocus(r) {
-      h.current = !0, ae(r);
+      h.current = !0, ne(r);
     },
     onClick: ({
       currentTarget: r
@@ -136,147 +169,88 @@ function pr(c, p) {
     }),
     // Safari
     onMouseMove(r) {
-      h.current = !0, H.current = !1, oe && ae(r);
+      h.current = !0, z.current = !1, J && ne(r);
     },
     onPointerLeave(r) {
-      if (!$.current || !S.current || r.pointerType === "touch")
+      if (!W.current || !v.current || r.pointerType === "touch")
         return;
       h.current = !0;
-      const t = r.relatedTarget;
-      if (!(!oe || o.current.includes(t)) && be.current && (ie.current?.(), ie.current = null, n.current = -1, a(r), !d)) {
-        const s = N.current, l = ge(Te(s));
-        s && Re(s, l) && s.focus({
+      const l = r.relatedTarget;
+      if (!(!J || n.current.includes(l)) && ge.current && (re.current?.(), re.current = null, o.current = -1, u(r), !s)) {
+        const t = C.current, i = ue(be(t));
+        t && se(t, i) && t.focus({
           preventScroll: !0
         });
       }
     }
-  }), [ae, $, N, oe, o, a, be, d]), B = f.useCallback(() => xe ?? v?.nodesRef.current.find((e) => e.id === q)?.context?.dataRef?.current.orientation, [q, v, xe]), K = X((e) => {
-    if (S.current = !1, h.current = !0, e.which === 229 || !$.current && e.currentTarget === N.current)
-      return;
-    if (b && Ze(e.key, m, x, F)) {
-      ee(e.key, B()) || T(e), u.setOpen(!1, Z(he, e.nativeEvent)), Ce(E) && (d ? v?.events.emit("virtualfocus", E) : E.focus());
-      return;
-    }
-    const r = n.current, t = me(o, R), s = Se(o, R);
-    if (ue || (e.key === "Home" && (T(e), n.current = t, a(e)), e.key === "End" && (T(e), n.current = s, a(e))), F > 1) {
-      const l = Array.from({
-        length: o.current.length
-      }, () => ({
-        width: 1,
-        height: 1
-      })), I = _e(l, F), j = I.findIndex((w) => w != null && !pe(o.current, w, R)), de = I.reduce((w, V, Ke) => V != null && !pe(o.current, V, R) ? Ke : w, -1), J = I[qe(I.map((w) => w != null ? o.current[w] : null), {
-        event: e,
-        orientation: m,
-        loopFocus: _,
-        rtl: x,
-        cols: F,
-        // treat undefined (empty grid spaces) as disabled indices so we
-        // don't end up in them
-        disabledIndices: $e([...(typeof R != "function" ? R : null) || o.current.map((w, V) => pe(o.current, V, R) ? V : void 0), void 0], I),
-        minIndex: j,
-        maxIndex: de,
-        prevIndex: He(
-          n.current > s ? t : n.current,
-          l,
-          I,
-          F,
-          // use a corner matching the edge closest to the direction
-          // we're moving in so we don't end up in the same item. Prefer
-          // top/left over bottom/right.
-          // eslint-disable-next-line no-nested-ternary
-          e.key === re ? "bl" : e.key === (x ? G : W) ? "tr" : "tl"
-        ),
-        stopEvent: !0
-      })];
-      if (J != null && (n.current = J, a(e)), m === "both")
-        return;
-    }
-    if (ee(e.key, m)) {
-      if (T(e), i && !d && ge(e.currentTarget.ownerDocument) === e.currentTarget) {
-        n.current = Ie(e.key, m, x) ? t : s, a(e);
-        return;
-      }
-      Ie(e.key, m, x) ? _ ? r >= s ? ne && r !== o.current.length ? n.current = -1 : (h.current = !1, n.current = t) : n.current = Y(o.current, {
-        startingIndex: r,
-        disabledIndices: R
-      }) : n.current = Math.min(s, Y(o.current, {
-        startingIndex: r,
-        disabledIndices: R
-      })) : _ ? r <= t ? ne && r !== -1 ? n.current = o.current.length : (h.current = !1, n.current = s) : n.current = Y(o.current, {
-        startingIndex: r,
-        decrement: !0,
-        disabledIndices: R
-      }) : n.current = Math.max(t, Y(o.current, {
-        startingIndex: r,
-        decrement: !0,
-        disabledIndices: R
-      })), Fe(o.current, n.current) && (n.current = -1), a(e);
-    }
-  }), Q = f.useMemo(() => d && i && Me && {
-    "aria-activedescendant": `${Oe}-${O}`
-  }, [d, i, Me, Oe, O]), ve = f.useMemo(() => ({
-    "aria-orientation": m === "both" ? void 0 : m,
-    ...ue ? {} : Q,
+  }), [ne, W, C, J, n, u, ge, s]), q = f.useMemo(() => s && m && he && {
+    "aria-activedescendant": `${fe}-${p}`
+  }, [s, m, he, fe, p]), Ie = f.useMemo(() => ({
+    "aria-orientation": a === "both" ? void 0 : a,
+    ...Z ? {} : q,
     onKeyDown(e) {
-      if (e.key === "Tab" && e.shiftKey && i && !d) {
-        const r = je(e.nativeEvent);
-        if (r && !Re(N.current, r))
+      if (e.key === "Tab" && e.shiftKey && m && !s) {
+        const r = Be(e.nativeEvent);
+        if (r && !se(C.current, r))
           return;
-        T(e), u.setOpen(!1, Z(Je, e.nativeEvent)), Ce(E) && E.focus();
+        P(e), g.setOpen(!1, ce(Qe, e.nativeEvent)), Pe(I) && I.focus();
         return;
       }
-      K(e);
+      A(e);
     },
     onPointerMove() {
-      S.current = !0;
+      v.current = !0;
     }
-  }), [Q, K, N, m, ue, u, i, d, E]), U = f.useMemo(() => {
+  }), [q, A, C, a, Z, g, m, s, I]), H = f.useMemo(() => {
     function e(t) {
-      M === "auto" && Ge(t.nativeEvent) && (P.current = !d);
+      g.setOpen(!0, ce(Te, t.nativeEvent, t.currentTarget));
     }
     function r(t) {
-      P.current = M, M === "auto" && We(t.nativeEvent) && (P.current = !0);
+      y === "auto" && Ge(t.nativeEvent) && (M.current = !s);
+    }
+    function l(t) {
+      M.current = y, y === "auto" && $e(t.nativeEvent) && (M.current = !0);
     }
     return {
       onKeyDown(t) {
-        const s = u.select("open");
-        S.current = !1;
-        const l = t.key.startsWith("Arrow"), I = Ye(t.key, B(), x), j = ee(t.key, m), de = (b ? I : j) || t.key === "Enter" || t.key.trim() === "";
-        if (d && s)
-          return K(t);
-        if (!(!s && !ce && l)) {
-          if (de) {
-            const J = ee(t.key, B());
-            C.current = b && J ? null : t.key;
+        const i = g.select("open");
+        v.current = !1;
+        const xe = t.key.startsWith("Arrow"), we = je(t.key, _(), O), ye = $(t.key, a), ke = (w ? we : ye) || t.key === "Enter" || t.key.trim() === "";
+        if (s && i)
+          return A(t);
+        if (!(!i && !X && xe)) {
+          if (ke) {
+            const Ve = $(t.key, _());
+            b.current = w && Ve ? null : t.key;
           }
-          if (b) {
-            I && (T(t), s ? (n.current = me(o, se.current), a(t)) : u.setOpen(!0, Z(he, t.nativeEvent, t.currentTarget)));
+          if (w) {
+            we && (P(t), i ? (o.current = Ee(), u(t)) : e(t));
             return;
           }
-          j && (D.current != null && (n.current = D.current), T(t), !s && ce ? u.setOpen(!0, Z(he, t.nativeEvent, t.currentTarget)) : K(t), s && a(t));
+          ye && (N.current != null && (o.current = N.current), P(t), !i && X ? e(t) : A(t), i && u(t));
         }
       },
       onFocus(t) {
-        u.select("open") && !d && (n.current = -1, a(t));
+        g.select("open") && !s && (o.current = -1, u(t));
       },
-      onPointerDown: r,
-      onPointerEnter: r,
-      onMouseDown: e,
-      onClick: e
+      onPointerDown: l,
+      onPointerEnter: l,
+      onMouseDown: r,
+      onClick: r
     };
-  }, [K, se, M, o, b, a, u, ce, m, B, x, D, d]), Pe = f.useMemo(() => ({
-    ...Q,
-    ...U
-  }), [Q, U]);
-  return f.useMemo(() => y ? {
-    reference: Pe,
-    floating: ve,
-    item: fe,
-    trigger: U
-  } : {}, [y, Pe, ve, U, fe]);
+  }, [A, y, Ee, w, u, g, X, a, _, O, N, s]), Oe = f.useMemo(() => ({
+    ...q,
+    ...H
+  }), [q, H]);
+  return f.useMemo(() => R ? {
+    reference: Oe,
+    floating: Ie,
+    item: oe,
+    trigger: H
+  } : {}, [R, Oe, Ie, H, oe]);
 }
 export {
-  Xe as ESCAPE,
-  pr as useListNavigation
+  Ue as ESCAPE,
+  dr as useListNavigation
 };
 //# sourceMappingURL=index220.js.map