@phillips/seldon 1.118.2 → 1.120.0

package/dist/_virtual/_commonjsHelpers.js

@@ -1,4 +1,4 @@
-var u = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function f(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }

package/dist/components/Accordion/Accordion.js

@@ -1,31 +1,31 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import l from "../../node_modules/classnames/index.js";
-import { getCommonProps as A } from "../../utils/index.js";
-import { Root as C } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-import { getAccordionVariantProps as N } from "./utils.js";
-const P = f(
-  ({ className: r, children: a, variant: t, value: m, onValueChanged: n, ...o }, s) => {
-    const { className: c, ...i } = A(o, "Accordion"), e = N(t, m);
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import f from "../../node_modules/classnames/index.js";
+import { getCommonProps as l } from "../../utils/index.js";
+import { Root as A } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { getAccordionVariantProps as C } from "./utils.js";
+const N = d(
+  ({ className: m, children: a, variant: s, value: o, onValueChanged: t, ...r }, n) => {
+    const { className: c, ...i } = l(r, "Accordion"), e = C(s, o);
     return (
       // @ts-expect-error radix-ui type checking is too aggressive ans we know the values are valid
-      /* @__PURE__ */ d(
-        C,
+      /* @__PURE__ */ p(
+        A,
         {
-          className: l(`${c}`, r),
+          className: f(`${c}`, m),
           ...i,
           ...e,
-          id: o == null ? void 0 : o.id,
-          ref: s,
-          value: m,
-          onValueChange: n,
+          id: r?.id,
+          ref: n,
+          value: o,
+          onValueChange: t,
           children: a
         }
       )
     );
   }
 );
-P.displayName = "Accordion";
+N.displayName = "Accordion";
 export {
-  P as default
+  N as default
 };

package/dist/components/Accordion/AccordionItem.js

@@ -1,48 +1,47 @@
 import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import { Item as A, Trigger as k, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import u from "../../node_modules/classnames/index.js";
-import { forwardRef as N, useRef as R, useCallback as S } from "react";
-import T from "../../assets/lock.svg.js";
-import j from "../../assets/minus.svg.js";
-import w from "../../assets/plus.svg.js";
-import { getCommonProps as y } from "../../utils/index.js";
+import { forwardRef as C, useRef as N, useCallback as R } from "react";
+import S from "../../assets/lock.svg.js";
+import T from "../../assets/minus.svg.js";
+import j from "../../assets/plus.svg.js";
+import { getCommonProps as w } from "../../utils/index.js";
 import { AccordionItemVariant as I } from "./types.js";
 import { getIconClasses as v } from "./utils.js";
-const P = ({
-  children: c,
-  className: r,
+const y = ({
+  children: n,
+  className: c,
   baseClassName: t,
   disable: i,
   isLargeVariation: e,
-  id: n,
+  id: r,
   onOpen: d,
-  onClose: m
+  onClose: l
 }) => {
-  const l = R(null), a = i, f = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    T,
+  const m = N(null), s = i, p = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    S,
     {
       className: v(t, e, "lock"),
-      "data-testid": `${n}-lockedIcon`,
+      "data-testid": `${r}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), g = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    w,
+  ) }), f = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    j,
     {
       className: v(t, e, "plus"),
-      "data-testid": `${n}-plusIcon`,
+      "data-testid": `${r}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), p = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    j,
+  ) }), g = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    T,
     {
       className: v(t, e, "minus"),
-      "data-testid": `${n}-minusIcon`,
+      "data-testid": `${r}-minusIcon`,
       "aria-hidden": !0
     }
-  ) }), $ = S(() => {
-    var s;
-    ((s = l.current) == null ? void 0 : s.getAttribute("data-state")) === "closed" ? d == null || d() : m == null || m();
-  }, [d, m]);
+  ) }), $ = R(() => {
+    m.current?.getAttribute("data-state") === "closed" ? d?.() : l?.();
+  }, [d, l]);
   return /* @__PURE__ */ o(
     k,
     {
@@ -52,84 +51,84 @@ const P = ({
         t,
         { [`${t}--large`]: e },
         { [`${t}--hoverable`]: !i },
-        r
+        c
       ),
-      ref: l,
+      ref: m,
       onClick: $,
-      children: /* @__PURE__ */ _("div", { "data-testid": `${n}-trigger`, children: [
-        /* @__PURE__ */ o("div", { className: u(`${t}__text`, { [`${t}__text--lg`]: e }), children: c }),
-        a && f,
-        !a && g,
-        !a && p
+      children: /* @__PURE__ */ _("div", { "data-testid": `${r}-trigger`, children: [
+        /* @__PURE__ */ o("div", { className: u(`${t}__text`, { [`${t}__text--lg`]: e }), children: n }),
+        s && p,
+        !s && f,
+        !s && g
       ] })
     }
   );
-}, b = ({
-  children: c,
-  baseClassName: r,
+}, O = ({
+  children: n,
+  baseClassName: c,
   disable: t,
   hasTransition: i,
   isLargeVariation: e,
-  className: n
-}) => t && c ? /* @__PURE__ */ o("div", { className: `${r}__content--locked`, children: c }) : /* @__PURE__ */ o(
+  className: r
+}) => t && n ? /* @__PURE__ */ o("div", { className: `${c}__content--locked`, children: n }) : /* @__PURE__ */ o(
   x,
   {
     asChild: !0,
     className: u(
-      `${r}__content`,
-      { [`${r}__content--lg`]: e },
-      { [`${r}--transition`]: i },
-      n
+      `${c}__content`,
+      { [`${c}__content--lg`]: e },
+      { [`${c}--transition`]: i },
+      r
     ),
-    children: c
+    children: n
   }
-), C = N(
+), P = C(
   ({
-    isLocked: c = !1,
-    variant: r = I.sm,
+    isLocked: n = !1,
+    variant: c = I.sm,
     id: t,
     label: i,
     isLastItem: e,
-    hasTransition: n = !1,
+    hasTransition: r = !1,
     children: d,
-    className: m,
-    transitionTimeInMs: l = 250,
-    onOpen: a,
-    onClose: f,
-    ...g
-  }, p) => {
-    const { className: $ } = y({ id: t }, "Accordion"), h = r === I.lg, s = `${$}-item`;
+    className: l,
+    transitionTimeInMs: m = 250,
+    onOpen: s,
+    onClose: p,
+    ...f
+  }, g) => {
+    const { className: $ } = w({ id: t }, "Accordion"), h = c === I.lg, a = `${$}-item`;
     return /* @__PURE__ */ _(
       A,
       {
-        disabled: c,
+        disabled: n,
         value: t,
-        style: { "--seldon-accordion-transition-time": `${l}ms` },
-        className: u(s, m, {
-          [`${s}__border-bottom`]: !e
+        style: { "--seldon-accordion-transition-time": `${m}ms` },
+        className: u(a, l, {
+          [`${a}__border-bottom`]: !e
         }),
-        ref: p,
-        ...g,
+        ref: g,
+        ...f,
         children: [
           /* @__PURE__ */ o(
-            P,
+            y,
             {
-              disable: c,
+              disable: n,
               isLargeVariation: h,
               id: t,
-              baseClassName: `${s}-label`,
-              onOpen: a,
-              onClose: f,
+              baseClassName: `${a}-label`,
+              onOpen: s,
+              onClose: p,
               children: i
             }
           ),
           /* @__PURE__ */ o(
-            b,
+            O,
             {
-              disable: c,
-              hasTransition: n,
+              disable: n,
+              hasTransition: r,
               isLargeVariation: h,
-              baseClassName: s,
+              baseClassName: a,
               children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: d })
             }
           )
@@ -138,7 +137,7 @@ const P = ({
     );
   }
 );
-C.displayName = "AccordionItem";
+P.displayName = "AccordionItem";
 export {
-  C as default
+  P as default
 };

package/dist/components/Carousel/Carousel.js

@@ -1,101 +1,99 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as b, forwardRef as h, useEffect as u, useCallback as i } from "react";
-import { getCommonProps as A } from "../../utils/index.js";
-import R from "../../node_modules/classnames/index.js";
-import E from "../../node_modules/embla-carousel-class-names/esm/embla-carousel-class-names.esm.js";
-import K from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
-import { WheelGesturesPlugin as W } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
-const j = b(null), p = h(
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as I, forwardRef as D, useEffect as c, useCallback as n } from "react";
+import { getCommonProps as y } from "../../utils/index.js";
+import g from "../../node_modules/classnames/index.js";
+import k from "../../node_modules/embla-carousel-class-names/esm/embla-carousel-class-names.esm.js";
+import V from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
+import { WheelGesturesPlugin as b } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
+const A = I(null), R = D(
   ({
-    loop: w = !1,
-    startIndex: x = 0,
+    loop: f = !1,
+    startIndex: m = 0,
     onSlideChange: s,
-    className: d,
-    children: N,
-    columnGap: v,
-    useWheelGestures: P = !1,
+    className: u,
+    children: p,
+    columnGap: d,
+    useWheelGestures: w = !1,
     disableDrag: l = !1,
-    inViewThreshold: I = 0.99,
-    ...t
+    inViewThreshold: x = 0.99,
+    ...a
   }, C) => {
-    var c, f;
-    const { className: D, ...y } = A(t, "Carousel"), [k, e] = K(
+    const { className: N, ...v } = y(a, "Carousel"), [P, e] = V(
       {
-        loop: w,
-        startIndex: x,
-        inViewThreshold: I,
+        loop: f,
+        startIndex: m,
+        inViewThreshold: x,
         breakpoints: { "(min-width: 961px)": { watchDrag: !1 } }
       },
       [
-        ...P ? [
-          W({
+        ...w ? [
+          b({
             forceWheelAxis: "x"
           })
         ] : [],
-        E({
+        k({
           snapped: "carousel-item-in-view"
         })
       ]
     );
-    u(() => {
-      l ? e == null || e.reInit({
+    c(() => {
+      l ? e?.reInit({
         watchDrag: () => !1
-      }) : e == null || e.reInit({
+      }) : e?.reInit({
         watchDrag: () => !0
       });
     }, [l, e]);
-    const V = i(
+    const h = n(
       (r) => {
-        r.key === "ArrowLeft" ? (r.preventDefault(), e == null || e.scrollPrev()) : r.key === "ArrowRight" && (r.preventDefault(), e == null || e.scrollNext());
+        r.key === "ArrowLeft" ? (r.preventDefault(), e?.scrollPrev()) : r.key === "ArrowRight" && (r.preventDefault(), e?.scrollNext());
       },
       [e]
-    ), o = i(
+    ), o = n(
       (r) => {
-        var n;
         if (!r)
           return;
-        const a = (n = r.slidesInView()) == null ? void 0 : n[0];
-        a !== void 0 && (s == null || s(a));
+        const t = r.slidesInView()?.[0];
+        t !== void 0 && s?.(t);
       },
       [s]
     );
-    return u(() => {
+    return c(() => {
       if (e)
         return e.on("slidesInView", o), () => {
           e.off("slidesInView", o);
         };
-    }, [e, o]), /* @__PURE__ */ m(
-      j.Provider,
+    }, [e, o]), /* @__PURE__ */ i(
+      A.Provider,
       {
         value: {
-          carouselRef: k,
+          carouselRef: P,
           api: e,
-          scrollPrev: () => e == null ? void 0 : e.scrollPrev(),
-          scrollNext: () => e == null ? void 0 : e.scrollNext(),
-          canScrollPrev: (c = e == null ? void 0 : e.canScrollPrev()) != null ? c : !1,
-          canScrollNext: (f = e == null ? void 0 : e.canScrollNext()) != null ? f : !1,
-          columnGap: v,
+          scrollPrev: () => e?.scrollPrev(),
+          scrollNext: () => e?.scrollNext(),
+          canScrollPrev: e?.canScrollPrev() ?? !1,
+          canScrollNext: e?.canScrollNext() ?? !1,
+          columnGap: d,
           onSlideChange: s
         },
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ i(
           "div",
           {
             ref: C,
-            onKeyDownCapture: V,
-            className: R(D, d),
+            onKeyDownCapture: h,
+            className: g(N, u),
             role: "region",
             "aria-roledescription": "carousel",
-            ...t,
-            ...y,
-            children: N
+            ...a,
+            ...v,
+            children: p
           }
         )
       }
     );
   }
 );
-p.displayName = "Carousel";
+R.displayName = "Carousel";
 export {
-  j as CarouselContext,
-  p as default
+  A as CarouselContext,
+  R as default
 };

package/dist/components/Carousel/CarouselDots.js

@@ -1,82 +1,81 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import E from "../../node_modules/classnames/index.js";
-import { forwardRef as G, useId as L, useState as S, useRef as M, useCallback as c, useEffect as q, useMemo as z } from "react";
+import { forwardRef as G, useId as L, useState as S, useRef as M, useCallback as l, useEffect as q, useMemo as z } from "react";
 import { useCarousel as A } from "./utils.js";
 import { getCommonProps as F } from "../../utils/index.js";
 import { CarouselDot as H } from "./CarouselDot.js";
-const w = 10, N = 10, J = 11, K = G(
-  ({ className: v, maxDots: h = 9, position: V = "inline", numberOfSlides: b = 0, ...C }, k) => {
-    const { className: a, ...y } = F(C, "CarouselDots"), R = L(), { api: o, onSlideChange: s } = A(), [T, O] = S(0), [i, P] = S(
-      Array.from({ length: b }, (e, t) => t)
-    ), l = M(null), [D, $] = S([]), g = c((e) => {
-      var t, m;
-      l.current && ((m = (t = l.current).scrollTo) == null || m.call(t, {
+const $ = 10, w = 10, J = 11, K = G(
+  ({ className: N, maxDots: h = 9, position: v = "inline", numberOfSlides: V = 0, ...C }, b) => {
+    const { className: c, ...k } = F(C, "CarouselDots"), y = L(), { api: t, onSlideChange: a } = A(), [R, T] = S(0), [i, O] = S(
+      Array.from({ length: V }, (e, o) => o)
+    ), r = M(null), [I, g] = S([]), D = l((e) => {
+      r.current && r.current.scrollTo?.({
         // 8px width + 12px gap
-        left: e * (w + N) - l.current.offsetWidth / 2 + J,
+        left: e * ($ + w) - r.current.offsetWidth / 2 + J,
         // Center dot in container
         behavior: "smooth"
-      }));
-    }, []), W = c(
+      });
+    }, []), P = l(
       (e) => {
-        o && (o.scrollTo(e, !0), s == null || s(e));
+        t && (t.scrollTo(e, !0), a?.(e));
       },
-      [o, s]
-    ), f = c((e) => {
-      P(e.scrollSnapList());
-    }, []), n = c(
+      [t, a]
+    ), f = l((e) => {
+      O(e.scrollSnapList());
+    }, []), n = l(
       (e) => {
-        O(e.selectedScrollSnap()), g(e.selectedScrollSnap());
+        T(e.selectedScrollSnap()), D(e.selectedScrollSnap());
       },
-      [g]
-    ), d = c(
+      [D]
+    ), u = l(
       (e) => {
-        s == null || s(e.selectedScrollSnap());
+        a?.(e.selectedScrollSnap());
       },
-      [s]
+      [a]
     );
     q(() => {
-      if (o)
-        return f(o), n(o), o.on("reInit", f).on("reInit", n).on("select", n).on("settle", d), () => {
-          o.off("reInit", f).off("reInit", n).off("select", n).off("settle", d);
+      if (t)
+        return f(t), n(t), t.on("reInit", f).on("reInit", n).on("select", n).on("settle", u), () => {
+          t.off("reInit", f).off("reInit", n).off("select", n).off("settle", u);
         };
-    }, [o, f, n, d]);
-    const r = z(() => D.sort((e, t) => e - t), [D]);
-    return /* @__PURE__ */ u(
+    }, [t, f, n, u]);
+    const s = z(() => I.sort((e, o) => e - o), [I]);
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: k,
+        ref: b,
         role: "group",
         "aria-roledescription": "pagination",
         "aria-label": "pagination",
-        className: E(`${a}`, v, `${a}-${V}`),
+        className: E(`${c}`, N, `${c}-${v}`),
         ...C,
-        ...y,
-        children: /* @__PURE__ */ u("div", { className: `${a}-container`, children: /* @__PURE__ */ u(
+        ...k,
+        children: /* @__PURE__ */ m("div", { className: `${c}-container`, children: /* @__PURE__ */ m(
           "div",
           {
-            style: { "--max-width": `${h * w + (h - 1) * N}px` },
-            className: `${a}-container-inner`,
-            ref: l,
-            children: i.map((e, t) => {
-              const m = T === t, p = r.indexOf(t), _ = (
+            style: { "--max-width": `${h * $ + (h - 1) * w}px` },
+            className: `${c}-container-inner`,
+            ref: r,
+            children: i.map((e, o) => {
+              const W = R === o, d = s.indexOf(o), _ = (
                 // The dot is out of view
-                p === -1 || // The dot must be either among the first two or last two visible dots
-                (p <= 1 || p >= r.length - 2) && // Don't shrink if we're showing the first two dots (index 0,1) and both are visible
-                !(t <= 1 && r.includes(0) && r.includes(1)) && // Don't shrink if we're showing the last two dots and both are visible
-                !(t >= i.length - 2 && r.includes(i.length - 1) && r.includes(i.length - 2))
+                d === -1 || // The dot must be either among the first two or last two visible dots
+                (d <= 1 || d >= s.length - 2) && // Don't shrink if we're showing the first two dots (index 0,1) and both are visible
+                !(o <= 1 && s.includes(0) && s.includes(1)) && // Don't shrink if we're showing the last two dots and both are visible
+                !(o >= i.length - 2 && s.includes(i.length - 1) && s.includes(i.length - 2))
               );
-              return /* @__PURE__ */ u(
+              return /* @__PURE__ */ m(
                 H,
                 {
-                  onClick: () => W(t),
-                  isSelected: m,
-                  scrollableContainerRef: l,
+                  onClick: () => P(o),
+                  isSelected: W,
+                  scrollableContainerRef: r,
                   onInViewChange: (j) => {
-                    $(j ? (I) => [...I, t] : (I) => I.filter((B) => B !== t));
+                    g(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
                   },
                   variant: _ ? "sm" : "md"
                 },
-                `${R}-dot-${t}`
+                `${y}-dot-${o}`
               );
             })
           }