@blakesteve/roster 5.18.0 → 5.19.1

package/dist/components/organisms/Sheet/Sheet.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsxs as l, Fragment as Z, jsx as n } from "react/jsx-runtime";
-import * as s from "react";
-import { Description as O } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Dialog as tt, DialogBackdrop as et, DialogPanel as rt, DialogTitle as st } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
-import { TransitionChild as nt } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { cn as d } from "../../../lib/utils.js";
-import { withLabels as ot } from "../../../lib/labels.js";
-import { useDarkScope as at } from "../../../internal/popup.js";
-import { useReducedMotion as it } from "../../../internal/motion.js";
-import { lockPage as ct } from "../../../internal/page-inert.js";
-import { useLeaveWatchdog as ut } from "../../../internal/leave-watchdog.js";
-import { sheetDragOutcome as lt, sheetReleaseVelocity as dt, exceedsSheetTapSlop as ft } from "./sheet-drag.js";
-import { titleSignature as pt } from "./sheet-title.js";
-import { useKeyFocus as mt } from "../../../internal/key-focus.js";
-const ht = { close: "Close" }, gt = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", yt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", bt = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", vt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", Y = { slide: 200, fade: 150 }, xt = [
+import { jsxs as d, Fragment as et, jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+import { Description as rt } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Dialog as st, DialogBackdrop as nt, DialogPanel as ot, DialogTitle as at } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { TransitionChild as it } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { cn as f } from "../../../lib/utils.js";
+import { withLabels as ct } from "../../../lib/labels.js";
+import { useDarkScope as ut } from "../../../internal/popup.js";
+import { useReducedMotion as lt } from "../../../internal/motion.js";
+import { lockPage as dt } from "../../../internal/page-inert.js";
+import { useLeaveWatchdog as ft } from "../../../internal/leave-watchdog.js";
+import { sheetDragOutcome as pt, sheetReleaseVelocity as mt, exceedsSheetTapSlop as ht } from "./sheet-drag.js";
+import { titleSignature as gt } from "./sheet-title.js";
+import { useKeyFocus as yt } from "../../../internal/key-focus.js";
+const bt = { close: "Close" }, vt = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", xt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", Et = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", Rt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", Y = { slide: 200, fade: 150 }, kt = [
   "input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):not([type=image])",
   "textarea",
   "select",
   "[contenteditable]:not([contenteditable=false])"
 ].join(",");
-function Et(r) {
-  return r ? "current" in r ? r.current : r : null;
+function Lt(c) {
+  return c ? "current" in c ? c.current : c : null;
 }
-function Rt({ target: r }) {
-  const u = s.useRef(r), f = s.useRef(!1);
-  return s.useEffect(() => {
-    u.current = r;
-  }), s.useEffect(() => (f.current = !1, () => {
-    f.current = !0, queueMicrotask(() => {
-      if (!f.current) return;
-      const p = Et(u.current);
-      p?.isConnected && p.focus();
+function Ct({ target: c }) {
+  const l = r.useRef(c), p = r.useRef(!1);
+  return r.useEffect(() => {
+    l.current = c;
+  }), r.useEffect(() => (p.current = !1, () => {
+    p.current = !0, queueMicrotask(() => {
+      if (!p.current) return;
+      const m = Lt(l.current);
+      m?.isConnected && m.focus();
     });
   }), []), null;
 }
-function kt() {
+function Nt() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -50,74 +50,78 @@ function kt() {
     }
   );
 }
-const Bt = ({
-  isOpen: r,
-  onClose: u,
-  onAfterClose: f,
-  title: p,
+const _t = ({
+  isOpen: c,
+  onClose: l,
+  onAfterClose: p,
+  title: m,
   hideTitle: _ = !1,
-  description: N,
+  description: S,
   actions: D,
-  maxWidth: v = 560,
-  initialFocus: x,
+  maxWidth: x = 560,
+  initialFocus: E,
   returnFocus: T,
-  busy: m = !1,
-  dragToDismiss: E = !0,
-  contentKey: h,
+  busy: h = !1,
+  dragToDismiss: R = !0,
+  contentKey: g,
   labels: q,
   className: V,
   children: $
 }) => {
-  mt();
-  const K = ot(ht, q), { ref: R, inDarkScope: U } = at(), k = it(), I = s.useRef(null), i = s.useRef(null), S = ut(I, i, r, k ? Y.fade : Y.slide, f);
-  s.useLayoutEffect(() => {
-    if (r)
-      return ct(R.current);
-  }, [r, R]);
-  const w = s.useRef(null), P = s.useRef(null), L = s.useRef(null), C = s.useRef(null), M = s.useId(), g = pt(p), A = s.useRef({ signature: g, contentKey: h, open: r, busy: m });
-  s.useEffect(() => {
-    const t = A.current;
-    if (A.current = { signature: g, contentKey: h, open: r, busy: m }, !t.open || !r) return;
-    const e = t.contentKey !== h, o = t.signature !== g && !t.busy;
-    !e && !o || (P.current?.focus(), C.current && (C.current.scrollTop = 0));
-  }, [g, h, r, m]), s.useEffect(() => {
-    if (!r) return;
+  yt();
+  const K = ct(bt, q), { ref: k, inDarkScope: U } = ut(), L = lt(), [X, G] = r.useState(!1);
+  r.useLayoutEffect(() => {
+    G(!0);
+  }, []);
+  const s = c && X, I = r.useRef(null), i = r.useRef(null), w = ft(I, i, s, L ? Y.fade : Y.slide, p);
+  r.useLayoutEffect(() => {
+    if (s)
+      return dt(k.current);
+  }, [s, k]);
+  const M = r.useRef(null), P = r.useRef(null), C = r.useRef(null), N = r.useRef(null), A = r.useId(), y = gt(m), F = r.useRef({ signature: y, contentKey: g, open: s, busy: h });
+  r.useEffect(() => {
+    const t = F.current;
+    if (F.current = { signature: y, contentKey: g, open: s, busy: h }, !t.open || !s) return;
+    const e = t.contentKey !== g, o = t.signature !== y && !t.busy;
+    !e && !o || (P.current?.focus(), N.current && (N.current.scrollTop = 0));
+  }, [y, g, s, h]), r.useEffect(() => {
+    if (!s) return;
     const t = requestAnimationFrame(() => {
       const e = i.current, o = document.activeElement;
-      !e || o && e.contains(o) || (x?.current ?? L.current)?.focus();
+      !e || o && e.contains(o) || (E?.current ?? C.current)?.focus();
     });
     return () => cancelAnimationFrame(t);
-  }, [r, x]);
-  const [F, j] = s.useState(null);
-  s.useEffect(() => {
-    if (!r) return;
+  }, [s, E]);
+  const [O, j] = r.useState(null);
+  r.useEffect(() => {
+    if (!s) return;
     const t = window.visualViewport;
     if (!t) return;
     const e = () => {
-      const o = document.activeElement, c = !!o && !!i.current?.contains(o) && o.matches(xt);
-      j(c ? Math.round(t.height) : null);
+      const o = document.activeElement, u = !!o && !!i.current?.contains(o) && o.matches(kt);
+      j(u ? Math.round(t.height) : null);
     };
     return t.addEventListener("resize", e), document.addEventListener("focusin", e), document.addEventListener("focusout", e), () => {
       t.removeEventListener("resize", e), document.removeEventListener("focusin", e), document.removeEventListener("focusout", e), j(null);
     };
-  }, [r]);
-  const a = s.useRef(null), y = s.useRef(!1), z = s.useRef(r);
-  s.useEffect(() => {
-    z.current = r;
-  }, [r]);
-  const b = (t) => {
+  }, [s]);
+  const a = r.useRef(null), b = r.useRef(!1), z = r.useRef(s);
+  r.useEffect(() => {
+    z.current = s;
+  }, [s]);
+  const v = (t) => {
     i.current?.style.setProperty("--rst-sheet-drag", `${t}px`);
   }, B = (t) => {
     const e = i.current;
-    a.current = null, e && (delete e.dataset.dragging, t === "close" ? (u(), requestAnimationFrame(() => {
-      z.current && !a.current && b(0);
-    })) : b(0));
+    a.current = null, e && (delete e.dataset.dragging, t === "close" ? (l(), requestAnimationFrame(() => {
+      z.current && !a.current && v(0);
+    })) : v(0));
   };
-  s.useEffect(() => {
-    !r && a.current && (a.current = null, i.current && delete i.current.dataset.dragging), r && !a.current && b(0);
-  }, [r]);
-  const X = (t) => {
-    a.current || (y.current = !1, !(!E || !r) && (t.pointerType === "mouse" && (t.button !== 0 || !w.current?.contains(t.target)) || (a.current = {
+  r.useEffect(() => {
+    !s && a.current && (a.current = null, i.current && delete i.current.dataset.dragging), s && !a.current && v(0);
+  }, [s]);
+  const Q = (t) => {
+    a.current || (b.current = !1, !(!R || !s) && (t.pointerType === "mouse" && (t.button !== 0 || !M.current?.contains(t.target)) || (a.current = {
       pointerId: t.pointerId,
       x0: t.clientX,
       y0: t.clientY,
@@ -125,25 +129,25 @@ const Bt = ({
       phase: "pending",
       samples: [{ t: t.timeStamp, y: t.clientY }]
     })));
-  }, G = (t) => {
+  }, H = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
-    const o = t.clientX - e.x0, c = t.clientY - e.y0;
+    const o = t.clientX - e.x0, u = t.clientY - e.y0;
     if (e.phase === "pending") {
-      if (!ft(o, c)) return;
-      if (Math.abs(o) > Math.abs(c)) {
+      if (!ht(o, u)) return;
+      if (Math.abs(o) > Math.abs(u)) {
         e.phase = "ignored";
         return;
       }
-      e.phase = "dragging", y.current = !0;
+      e.phase = "dragging", b.current = !0;
       try {
         t.currentTarget.setPointerCapture(t.pointerId);
       } catch {
       }
       i.current && (i.current.dataset.dragging = "");
     }
-    e.phase === "dragging" && (e.dy = c, e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 32 && e.samples.shift(), b(Math.max(0, c)));
-  }, Q = (t) => {
+    e.phase === "dragging" && (e.dy = u, e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 32 && e.samples.shift(), v(Math.max(0, u)));
+  }, J = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
     if (e.phase !== "dragging") {
@@ -151,50 +155,50 @@ const Bt = ({
       return;
     }
     e.samples.push({ t: t.timeStamp, y: t.clientY });
-    const o = t.clientY - e.y0, c = i.current?.getBoundingClientRect().height ?? 0;
-    B(lt(o, c, dt(e.samples)));
-  }, H = (t) => {
+    const o = t.clientY - e.y0, u = i.current?.getBoundingClientRect().height ?? 0;
+    B(pt(o, u, mt(e.samples)));
+  }, W = (t) => {
     const e = a.current;
     !e || t.pointerId !== e.pointerId || (e.phase === "dragging" ? B("stay") : a.current = null);
-  }, J = (t) => {
-    !y.current || t.detail === 0 || (y.current = !1, t.preventDefault(), t.stopPropagation());
-  }, W = {
-    "--rst-sheet-max-width": typeof v == "number" ? `${v}px` : v,
-    ...F !== null && { "--rst-sheet-keyboard-cap": `${F}px` }
+  }, Z = (t) => {
+    !b.current || t.detail === 0 || (b.current = !1, t.preventDefault(), t.stopPropagation());
+  }, tt = {
+    "--rst-sheet-max-width": typeof x == "number" ? `${x}px` : x,
+    ...O !== null && { "--rst-sheet-keyboard-cap": `${O}px` }
   };
-  return /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ n("span", { ref: R, hidden: !0 }),
-    /* @__PURE__ */ l(
-      tt,
+  return /* @__PURE__ */ d(et, { children: [
+    /* @__PURE__ */ n("span", { ref: k, hidden: !0 }),
+    /* @__PURE__ */ d(
+      st,
       {
         ref: I,
-        open: r,
+        open: s,
         as: "div",
-        onClose: u,
-        initialFocus: x ?? L,
-        className: d(
+        onClose: l,
+        initialFocus: E ?? C,
+        className: f(
           "rst:font-ui rst:fixed rst:inset-0 rst:z-50 rst:focus:outline-hidden",
           U && "dark"
         ),
         children: [
           /* @__PURE__ */ n(
-            et,
+            nt,
             {
               transition: !0,
               "data-testid": "sheet-backdrop",
-              className: d(
+              className: f(
                 "rst:fixed rst:inset-0 rst:bg-[var(--roster-backdrop,var(--roster-sheet-backdrop))]",
-                k ? vt : bt
+                L ? Rt : Et
               )
             }
           ),
-          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(nt, { afterLeave: S.afterLeave, children: /* @__PURE__ */ l(
-            rt,
+          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(it, { afterLeave: w.afterLeave, children: /* @__PURE__ */ d(
+            ot,
             {
               ref: i,
-              style: W,
+              style: tt,
               "data-testid": "sheet-panel",
-              className: d(
+              className: f(
                 /* 92dvh, or the visual viewport while the keyboard is up,
                    whichever is shorter. */
                 "rst:relative rst:flex rst:max-h-[min(92dvh,var(--rst-sheet-keyboard-cap,92dvh))] rst:w-full rst:flex-col",
@@ -206,62 +210,62 @@ const Bt = ({
                 "rst:[--roster-ring-offset:var(--roster-popover-bg)]",
                 "rst:pb-[env(safe-area-inset-bottom)]",
                 "rst:translate-y-[var(--rst-sheet-drag,0px)]",
-                k ? yt : gt,
+                L ? xt : vt,
                 "rst:data-dragging:transition-none",
                 V
               ),
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ d(
                   "div",
                   {
                     "data-testid": "sheet-drag-zone",
-                    className: d("rst:shrink-0", E && "rst:touch-none"),
-                    onPointerDown: X,
-                    onPointerMove: G,
-                    onPointerUp: Q,
-                    onPointerCancel: H,
-                    onClickCapture: J,
+                    className: f("rst:shrink-0", R && "rst:touch-none"),
+                    onPointerDown: Q,
+                    onPointerMove: H,
+                    onPointerUp: J,
+                    onPointerCancel: W,
+                    onClickCapture: Z,
                     children: [
                       /* @__PURE__ */ n(
                         "div",
                         {
-                          ref: w,
+                          ref: M,
                           "aria-hidden": "true",
                           "data-testid": "sheet-handle",
-                          className: d(
+                          className: f(
                             /* The grip sits near the top edge, where a sheet's grabber
                                is expected, inside a 44px strip. The header below pulls
                                up over the strip's lower part, so a touch there drags
                                too (the header is a drag zone) and a mouse drags from
                                the 32px above it, the full width of the sheet. */
                             "rst:flex rst:h-11 rst:items-start rst:justify-center rst:pt-2",
-                            E && "rst:cursor-grab rst:active:cursor-grabbing"
+                            R && "rst:cursor-grab rst:active:cursor-grabbing"
                           ),
                           children: /* @__PURE__ */ n("span", { className: "rst:h-1 rst:w-10 rst:rounded-full rst:bg-current rst:opacity-30" })
                         }
                       ),
-                      /* @__PURE__ */ l("div", { className: "rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4", children: [
-                        /* @__PURE__ */ l("div", { className: "rst:min-w-0 rst:flex-1 rst:pt-2", children: [
+                      /* @__PURE__ */ d("div", { className: "rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4", children: [
+                        /* @__PURE__ */ d("div", { className: "rst:min-w-0 rst:flex-1 rst:pt-2", children: [
                           /* @__PURE__ */ n(
-                            st,
+                            at,
                             {
                               as: "h2",
-                              id: M,
+                              id: A,
                               ref: P,
                               tabIndex: -1,
-                              className: d(
+                              className: f(
                                 "rst:text-lg rst:font-semibold rst:text-inherit rst:focus:outline-hidden",
                                 _ && "rst:sr-only"
                               ),
-                              children: p
+                              children: m
                             }
                           ),
-                          N && /* @__PURE__ */ n(
-                            O,
+                          S && /* @__PURE__ */ n(
+                            rt,
                             {
                               as: "p",
                               className: "rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",
-                              children: N
+                              children: S
                             }
                           )
                         ] }),
@@ -271,12 +275,12 @@ const Bt = ({
                         /* @__PURE__ */ n(
                           "button",
                           {
-                            ref: L,
+                            ref: C,
                             type: "button",
-                            onClick: u,
+                            onClick: l,
                             "aria-label": K.close,
                             className: "rst:inline-flex rst:size-11 rst:shrink-0 rst:-mr-2 rst:cursor-pointer rst:items-center rst:justify-center rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:opacity-100 rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",
-                            children: /* @__PURE__ */ n(kt, {})
+                            children: /* @__PURE__ */ n(Nt, {})
                           }
                         )
                       ] })
@@ -286,26 +290,26 @@ const Bt = ({
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    ref: C,
+                    ref: N,
                     role: "region",
-                    "aria-labelledby": M,
+                    "aria-labelledby": A,
                     tabIndex: 0,
                     "data-testid": "sheet-content",
-                    "aria-busy": m || void 0,
+                    "aria-busy": h || void 0,
                     className: "rst:min-h-0 rst:flex-1 rst:overflow-y-auto rst:overscroll-contain rst:px-5 rst:pb-4 rst:focus:outline-hidden rst:ring-inset rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
                     children: $
                   }
                 ),
-                /* @__PURE__ */ n(Rt, { target: T })
+                /* @__PURE__ */ n(Ct, { target: T })
               ]
             }
           ) }) })
         ]
       },
-      S.key
+      w.key
     )
   ] });
 };
 export {
-  Bt as Sheet
+  _t as Sheet
 };

package/dist/meta.json

@@ -1,5 +1,6 @@
 {
-  "version": "5.18.0",
-  "tests": 2701,
-  "testFiles": 699
+  "version": "5.19.1",
+  "tests": 2886,
+  "testFiles": 223,
+  "passedOnRetry": 0
 }