@phillips/seldon 1.119.0 → 1.121.0

package/dist/patterns/DetailList/DetailList.js

@@ -1,42 +1,42 @@
 import { jsx as l } from "react/jsx-runtime";
 import $, { forwardRef as j } from "react";
-import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as D, px as s } from "../../utils/index.js";
-import { DetailListAlignment as t } from "./types.js";
-import { getDetailKey as N } from "./utils.js";
-const L = j(
-  ({ alignment: a = t.justified, className: u, children: e, hasSeparators: m = !1, ...r }, c) => {
-    const { className: f, ...d } = D(r, "DetailList"), o = Array.isArray(e) ? e : [e];
+import f from "../../node_modules/classnames/index.js";
+import { getCommonProps as y, px as s } from "../../utils/index.js";
+import { DetailListAlignment as a } from "./types.js";
+import { getDetailKey as D } from "./utils.js";
+const N = j(
+  ({ alignment: e = a.justified, className: p, children: t, hasSeparators: i = !1, ...o }, c) => {
+    const { className: m, ...d } = y(o, "DetailList"), u = Array.isArray(t) ? t : [t];
     return /* @__PURE__ */ l(
       "dl",
       {
         ...d,
-        className: p(f, u, {
-          [`${s}-has-separators`]: m,
-          [`${s}-columns`]: a === t.columns,
-          [`${s}-justified`]: a === t.justified
+        className: f(m, p, {
+          [`${s}-has-separators`]: i,
+          [`${s}-columns`]: e === a.columns,
+          [`${s}-justified`]: e === a.justified
         }),
-        ...r,
+        ...o,
         ref: c,
-        children: o == null ? void 0 : o.map(
-          (i, n) => $.isValidElement(i) ? /* @__PURE__ */ l(
+        children: u?.map(
+          (r, n) => $.isValidElement(r) ? /* @__PURE__ */ l(
             "div",
             {
-              className: p(`${f}-wrapper`, {
-                [`${s}-has-separators`]: m,
-                [`${s}-columns`]: a === t.columns,
-                [`${s}-justified`]: a === t.justified
+              className: f(`${m}-wrapper`, {
+                [`${s}-has-separators`]: i,
+                [`${s}-columns`]: e === a.columns,
+                [`${s}-justified`]: e === a.justified
               }),
-              children: i
+              children: r
             },
-            N(i, n)
+            D(r, n)
           ) : void 0
         )
       }
     );
   }
 );
-L.displayName = "DetailList";
+N.displayName = "DetailList";
 export {
-  L as default
+  N as default
 };

package/dist/patterns/FilterMenu/FilterMenu.js

@@ -1,23 +1,23 @@
 import { jsx as u } from "react/jsx-runtime";
-import d, { forwardRef as N, useState as C, Children as g, cloneElement as F } from "react";
-import { getCommonProps as V } from "../../utils/index.js";
-import a from "../../node_modules/classnames/index.js";
-import w from "../../components/Filter/Filter.js";
-const x = N(
-  ({ className: t, children: m, element: n = "form", ...r }, l) => {
-    const { className: i, ...p } = V(r, "FilterMenu"), [s, f] = C(null), o = s == null ? void 0 : s.length, c = g.map(
-      m,
-      (e) => d.isValidElement(e) && e.type === w ? F(e, {
+import d, { forwardRef as F, useState as N, Children as w, cloneElement as C } from "react";
+import { getCommonProps as g } from "../../utils/index.js";
+import t from "../../node_modules/classnames/index.js";
+import A from "../../components/Filter/Filter.js";
+const V = F(
+  ({ className: a, children: l, element: i = "form", ...r }, m) => {
+    const { className: n, ...p } = g(r, "FilterMenu"), [o, f] = N(null), s = o?.length, c = w.map(
+      l,
+      (e) => d.isValidElement(e) && e.type === A ? C(e, {
         setViewAllFilter: f,
-        hidden: o ? s !== e.props.name : !1,
-        isViewingAll: o,
-        className: o && a(e.props.className, "is-opening")
+        hidden: s ? o !== e.props.name : !1,
+        isViewingAll: s,
+        className: s && t(e.props.className, "is-opening")
       }) : e
     );
-    return /* @__PURE__ */ u(n, { ...p, ...r, className: a(i, t), ref: l, children: c });
+    return /* @__PURE__ */ u(i, { ...p, ...r, className: t(n, a), ref: m, children: c });
   }
 );
-x.displayName = "FilterControl";
+V.displayName = "FilterControl";
 export {
-  x as default
+  V as default
 };

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -2,7 +2,7 @@ import { jsxs as v, Fragment as L, jsx as e } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
 import { getCommonProps as S, noOp as N } from "../../utils/index.js";
 import T from "../../node_modules/classnames/index.js";
-import { SupportedLanguages as i } from "../../types/commonTypes.js";
+import { SupportedLanguages as m } from "../../types/commonTypes.js";
 import x from "../../components/Dropdown/Dropdown.js";
 import C from "../../components/Accordion/Accordion.js";
 import k from "../../components/Accordion/AccordionItem.js";
@@ -12,53 +12,53 @@ import { LinkVariants as M } from "../../components/Link/types.js";
 import { TextVariants as V } from "../../components/Text/types.js";
 import A from "../../components/Text/Text.js";
 import I from "../../components/Navigation/NavigationList/NavigationList.js";
-import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as d } from "../../providers/SeldonProvider/utils.js";
 import { getLanguageLabel as P } from "./utils.js";
 const j = ({
-  id: a,
+  id: r,
   value: l,
   // can't be passed to the accordion
   onValueChange: o,
   label: t,
   options: n,
-  ...m
-}) => /* @__PURE__ */ e(C, { ...m, children: /* @__PURE__ */ e(
+  ...i
+}) => /* @__PURE__ */ e(C, { ...i, children: /* @__PURE__ */ e(
   k,
   {
     hasTransition: !0,
-    id: a != null ? a : "language-selector-accordion",
+    id: r ?? "language-selector-accordion",
     label: /* @__PURE__ */ e(A, { variant: V.snwHeaderLink, children: t }),
     variant: w.lg,
-    children: /* @__PURE__ */ e(I, { id: `${a}-navlist`, children: n.map((r) => /* @__PURE__ */ e(
+    children: /* @__PURE__ */ e(I, { id: `${r}-navlist`, children: n.map((a) => /* @__PURE__ */ e(
       y,
       {
-        label: r.label,
-        onClick: () => o(r.value),
+        label: a.label,
+        onClick: () => o(a.value),
         navType: M.snwFlyoutLink
       },
-      r.value
+      a.value
     )) })
   }
 ) }), E = b(
   ({
-    className: a,
-    currentLanguage: l = i.en,
+    className: r,
+    currentLanguage: l = m.en,
     languageOptions: o = [
-      { label: "English", value: i.en },
-      { label: "中文", value: i.zh }
+      { label: "English", value: m.en },
+      { label: "中文", value: m.zh }
     ],
     onLanguageChange: t = N,
     id: n,
-    isHidden: m,
-    disabled: r = !1,
-    ...u
+    isHidden: i,
+    disabled: a = !1,
+    ...g
   }, s) => {
-    const { className: c, ...d } = S({ id: n }, "LanguageSelector"), f = P({ languageOptions: o, currentLanguage: l }), p = {
-      ...d,
+    const { className: c, ...u } = S({ id: n }, "LanguageSelector"), f = P({ languageOptions: o, currentLanguage: l }), p = {
       ...u,
+      ...g,
       id: n,
-      className: T(c, a, {
-        [`${c}--hidden`]: m
+      className: T(c, r, {
+        [`${c}--hidden`]: i
       }),
       options: o,
       value: l,
@@ -66,8 +66,8 @@ const j = ({
       label: f
     };
     return /* @__PURE__ */ v(L, { children: [
-      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e(x, { ...p, disabled: r, ref: s }) }),
-      /* @__PURE__ */ e(g.Media, { lessThan: "md", children: /* @__PURE__ */ e(j, { ...p, ref: s }) })
+      /* @__PURE__ */ e(d.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e(x, { ...p, disabled: a, ref: s }) }),
+      /* @__PURE__ */ e(d.Media, { lessThan: "md", children: /* @__PURE__ */ e(j, { ...p, ref: s }) })
     ] });
   }
 );

package/dist/patterns/LanguageSelector/utils.js

@@ -1,7 +1,4 @@
-const f = ({ languageOptions: b, currentLanguage: c }) => {
-  var e, L;
-  return (L = (e = b == null ? void 0 : b.find((d) => d.value === c)) == null ? void 0 : e.label) != null ? L : "English";
-};
+const g = ({ languageOptions: e, currentLanguage: a }) => e?.find((l) => l.value === a)?.label ?? "English";
 export {
-  f as getLanguageLabel
+  g as getLanguageLabel
 };

package/dist/patterns/ObjectTile/ObjectTile.d.ts

@@ -20,6 +20,10 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
      * Estimate on request text to use when estimate is not available.
      */
     estimateOnRequestText?: string;
+    /**
+     * Element used for badge object
+     */
+    badgeElement?: React.ElementType;
     /**
      * Element used for favoriting object
      */

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,105 +1,107 @@
-import { jsxs as s, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { memo as z, forwardRef as B } from "react";
-import F from "../../node_modules/classnames/index.js";
-import { getCommonProps as I } from "../../utils/index.js";
+import { jsxs as s, jsx as a, Fragment as O } from "react/jsx-runtime";
+import { memo as z, forwardRef as F } from "react";
+import I from "../../node_modules/classnames/index.js";
+import { getCommonProps as L } from "../../utils/index.js";
 import { TextVariants as l } from "../../components/Text/types.js";
 import i from "../../components/Text/Text.js";
-import L from "../DetailList/DetailList.js";
-import R from "../../components/Detail/Detail.js";
-import V from "../../components/SeldonImage/SeldonImage.js";
-const W = z(
-  B(
+import R from "../DetailList/DetailList.js";
+import V from "../../components/Detail/Detail.js";
+import W from "../../components/SeldonImage/SeldonImage.js";
+const w = z(
+  F(
     ({
       badgeText: f,
       className: $,
       children: N,
-      element: r,
+      element: g,
       estimate: n,
-      estimateLabelText: g = "Estimate",
+      estimateLabelText: b = "Estimate",
       estimateOnRequestText: m,
+      badgeElement: r,
       favoriteElement: o,
       imageAlt: u = "Brought to you by Phillips",
-      imageUrl: b = "",
-      imageSrcSet: v,
-      imageSizes: j,
-      imageLoading: k,
-      imageFetchPriority: y,
-      lotNumber: P,
+      imageUrl: v = "",
+      imageSrcSet: j,
+      imageSizes: k,
+      imageLoading: y,
+      imageFetchPriority: P,
+      lotNumber: S,
       makerText: c,
       modelText: _,
       referenceNumber: d,
       titleText: h,
       withdrawnText: t,
       ...p
-    }, S) => {
-      const { className: a, ...C } = I(p, "ObjectTile"), x = r != null ? r : "a", D = n || m;
-      return /* @__PURE__ */ s(x, { ...C, className: F(a, $), ...p, ref: S, children: [
-        /* @__PURE__ */ e(
-          V,
+    }, C) => {
+      const { className: e, ...x } = L(p, "ObjectTile"), D = g ?? "a", E = n || m;
+      return /* @__PURE__ */ s(D, { ...x, className: I(e, $), ...p, ref: C, children: [
+        /* @__PURE__ */ a(
+          W,
           {
             alt: u,
             aspectRatio: "1/1",
-            className: `${a}__img`,
+            className: `${e}__img`,
             objectFit: "contain",
-            src: b,
-            srcSet: v,
-            sizes: j,
-            loading: k,
-            fetchPriority: y
+            src: v,
+            srcSet: j,
+            sizes: k,
+            loading: y,
+            fetchPriority: P
           }
         ),
-        t ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: f }),
-        /* @__PURE__ */ s("div", { className: `${a}__lot-number-like`, children: [
-          /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: P }),
-          o && /* @__PURE__ */ e(o, {})
+        t ? null : /* @__PURE__ */ a(i, { className: `${e}__badge`, variant: l.badge, children: f }),
+        /* @__PURE__ */ s("div", { className: `${e}__lot-number-like`, children: [
+          /* @__PURE__ */ a(i, { className: `${e}__lot-number`, variant: l.heading3, element: "p", children: S }),
+          r && /* @__PURE__ */ a("div", { className: `${e}__lot-badge`, children: /* @__PURE__ */ a(r, {}) }),
+          o && /* @__PURE__ */ a(o, {})
         ] }),
-        t ? /* @__PURE__ */ e(i, { className: `${a}__withdrawn`, variant: l.heading4, children: t }) : /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ s("div", { className: `${a}__meta`, children: [
-            c ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: c }) : null,
-            h ? /* @__PURE__ */ e(
+        t ? /* @__PURE__ */ a(i, { className: `${e}__withdrawn`, variant: l.heading4, children: t }) : /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ s("div", { className: `${e}__meta`, children: [
+            c ? /* @__PURE__ */ a(i, { className: `${e}__maker`, variant: l.heading3, children: c }) : null,
+            h ? /* @__PURE__ */ a(
               i,
               {
-                className: `${a}__title ${a}__token-fix`,
+                className: `${e}__title ${e}__token-fix`,
                 variant: l.heading4,
                 element: "cite",
                 children: h
               }
             ) : null,
-            d ? /* @__PURE__ */ e(
+            d ? /* @__PURE__ */ a(
               i,
               {
-                className: `${a}__reference-number ${a}__token-fix`,
+                className: `${e}__reference-number ${e}__token-fix`,
                 variant: l.heading4,
                 element: "p",
                 children: d
               }
             ) : null,
-            _ ? /* @__PURE__ */ e(
+            _ ? /* @__PURE__ */ a(
               i,
               {
-                className: `${a}__model ${a}__token-fix`,
+                className: `${e}__model ${e}__token-fix`,
                 variant: l.heading4,
                 element: "p",
                 children: _
               }
             ) : null
           ] }),
-          D ? /* @__PURE__ */ e(L, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
-            R,
+          E ? /* @__PURE__ */ a(R, { hasSeparators: !0, className: `${e}__estimate ${e}__section`, children: /* @__PURE__ */ a(
+            V,
             {
-              className: `${a}__estimate__label`,
-              label: g,
+              className: `${e}__estimate__label`,
+              label: b,
               value: n || m,
               hasWrap: !1
             }
           ) }) : null,
-          /* @__PURE__ */ e("div", { className: `${a}__section`, children: N })
+          /* @__PURE__ */ a("div", { className: `${e}__section`, children: N })
         ] })
       ] });
     }
   )
 );
-W.displayName = "ObjectTile";
+w.displayName = "ObjectTile";
 export {
-  W as default
+  w as default
 };

package/dist/patterns/ObjectTile/ObjectTile.stories.d.ts

@@ -9,6 +9,7 @@ export declare const NoImage: {
     (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
     args: {
         badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
         favoriteElement: () => import("react/jsx-runtime").JSX.Element;
         estimate: string;
         element: string;
@@ -26,6 +27,7 @@ export declare const Playground: {
     (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
     args: {
         badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
         favoriteElement: () => import("react/jsx-runtime").JSX.Element;
         estimate: string;
         element: string;

package/dist/patterns/ViewingsList/StatefulViewingsList.js

@@ -1,33 +1,33 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as u from "react";
 import c from "./ViewingsList.js";
-const S = ({
+const v = ({
   defaultViewing: o,
-  i18n: d,
-  validate: a = () => {
+  i18n: i,
+  validate: s = () => {
   },
-  onDelete: l = () => {
+  onDelete: r = () => {
   },
-  onSave: s,
-  ...r
+  onSave: d,
+  ...a
 }) => {
-  const [f, n] = u.useState(o);
+  const [l, n] = u.useState(o);
   return /* @__PURE__ */ m(
     c,
     {
-      ...r,
-      i18n: d,
-      viewings: f,
-      onDelete: (t) => {
-        n((e) => e == null ? void 0 : e.filter((i) => i.id !== t)), l(t);
+      ...a,
+      i18n: i,
+      viewings: l,
+      onDelete: (e) => {
+        n((t) => t?.filter((f) => f.id !== e)), r(e);
       },
-      onAdd: (t) => {
-        n((e) => e ? [...e, { id: t }] : [{ id: t }]);
+      onAdd: (e) => {
+        n((t) => t ? [...t, { id: e }] : [{ id: e }]);
       },
-      onSave: (t) => s(t, n, a)
+      onSave: (e) => d(e, n, s)
     }
   );
 };
 export {
-  S as default
+  v as default
 };

package/dist/patterns/ViewingsList/ViewingsList.js

@@ -1,52 +1,52 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as d from "react";
-import { createElement as L } from "react";
-import S from "../../node_modules/classnames/index.js";
-import { getCommonProps as M } from "../../utils/index.js";
-import P from "./ViewingsListCard.js";
-import R from "../../components/Button/Button.js";
-const $ = () => Math.floor(Math.random() * 100) + Date.now(), H = ({
-  cardTitle: C = "Viewing Details",
-  className: E,
-  i18n: f = {},
-  onAdd: r,
+import { jsx as m } from "react/jsx-runtime";
+import * as o from "react";
+import { createElement as b } from "react";
+import g from "../../node_modules/classnames/index.js";
+import { getCommonProps as k } from "../../utils/index.js";
+import x from "./ViewingsListCard.js";
+import B from "../../components/Button/Button.js";
+const S = () => Math.floor(Math.random() * 100) + Date.now(), A = ({
+  cardTitle: V = "Viewing Details",
+  className: $,
+  i18n: r = {},
+  onAdd: f,
   onDelete: e,
-  onSave: N,
-  title: O,
-  viewings: c,
-  ...i
+  onSave: w,
+  title: C,
+  viewings: d,
+  ...c
 }) => {
-  const [a, h] = d.useState(c), [m, s] = d.useState(""), [o, u] = d.useState(), { className: p, ...D } = M(i, "ViewingsList");
-  d.useEffect(() => {
-    h(c);
-  }, [c]);
-  const { addViewingsBtnLabel: y = "ADD VIEWINGS" } = f, b = () => {
-    const t = `${$()}${a ? "-" + a.length : ""}`;
-    s(t), u(t), r && r(t);
-  }, V = (t) => {
-    s(""), typeof e == "function" && e(t);
-  }, k = (t) => {
-    s(t), u(a == null ? void 0 : a.find((n) => n.id === t));
-  }, x = (t) => {
-    N(t) && s("");
-  }, B = () => {
-    typeof o == "string" ? typeof e == "function" && e(o) : m === (o == null ? void 0 : o.id) && h((t) => t == null ? void 0 : t.map((n) => n.id === o.id ? o : n)), s("");
+  const [i, h] = o.useState(d), [l, n] = o.useState(""), [s, u] = o.useState(), { className: p, ...E } = k(c, "ViewingsList");
+  o.useEffect(() => {
+    h(d);
+  }, [d]);
+  const { addViewingsBtnLabel: L = "ADD VIEWINGS" } = r, N = () => {
+    const t = `${S()}${i ? "-" + i.length : ""}`;
+    n(t), u(t), f && f(t);
+  }, O = (t) => {
+    n(""), typeof e == "function" && e(t);
+  }, v = (t) => {
+    n(t), u(i?.find((a) => a.id === t));
+  }, D = (t) => {
+    w(t) && n("");
+  }, y = () => {
+    typeof s == "string" ? typeof e == "function" && e(s) : l === s?.id && h((t) => t?.map((a) => a.id === s.id ? s : a)), n("");
   };
-  return /* @__PURE__ */ L("div", { ...D, className: S(p, E), key: m, ...i }, /* @__PURE__ */ l("h2", { className: S(`${p}__title`), children: O }), a == null ? void 0 : a.map((t, n) => /* @__PURE__ */ l(
-    P,
+  return /* @__PURE__ */ b("div", { ...E, className: g(p, $), key: l, ...c }, /* @__PURE__ */ m("h2", { className: g(`${p}__title`), children: C }), i?.map((t, a) => /* @__PURE__ */ m(
+    x,
     {
       ...t,
-      ...f,
-      cardTitle: t.location ? `${C} ${n + 1}` : void 0,
-      isEditState: m === t.id,
-      onCancel: B,
-      onDelete: V,
-      onEdit: () => k(t.id),
-      onSave: x
+      ...r,
+      cardTitle: t.location ? `${V} ${a + 1}` : void 0,
+      isEditState: l === t.id,
+      onCancel: y,
+      onDelete: O,
+      onEdit: () => v(t.id),
+      onSave: D
     },
     `${t.id}`
-  )), /* @__PURE__ */ l(R, { id: `viewings-list-add-btn-${i.id || $()}`, onClick: b, children: y }));
+  )), /* @__PURE__ */ m(B, { id: `viewings-list-add-btn-${c.id || S()}`, onClick: N, children: L }));
 };
 export {
-  H as default
+  A as default
 };