@phillips/seldon 1.118.2 → 1.120.0

package/dist/patterns/ObjectTile/ObjectTile.js

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

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
 };

package/dist/patterns/ViewingsList/ViewingsListCard.js

@@ -1,167 +1,166 @@
-import { jsxs as f, jsx as t, Fragment as $ } from "react/jsx-runtime";
-import * as c from "react";
-import ft from "../../node_modules/classnames/index.js";
-import { px as i } from "../../utils/index.js";
-import y from "../../components/Input/Input.js";
-import s from "../../components/Button/Button.js";
-import { ButtonVariants as l } from "../../components/Button/types.js";
-import mt from "./ViewingsListCardForm.js";
-const u = `${i}-viewings-list-card`, dt = ({
-  address1: d,
-  address1Label: C,
-  addressUrl: O,
-  addressUrlLabel: w,
-  address2: v,
-  address2Label: x,
-  address3: A,
-  address3Label: L,
-  cancelBtnLabel: T = "CANCEL",
-  cardTitle: V = "Add New Viewing",
-  deleteBtnLabel: _ = "DELETE",
-  editBtnLabel: k = "EDIT",
-  isEditState: o,
+import { jsxs as f, jsx as t, Fragment as g } from "react/jsx-runtime";
+import * as l from "react";
+import ut from "../../node_modules/classnames/index.js";
+import { px as c } from "../../utils/index.js";
+import v from "../../components/Input/Input.js";
+import o from "../../components/Button/Button.js";
+import { ButtonVariants as r } from "../../components/Button/types.js";
+import ft from "./ViewingsListCardForm.js";
+const s = `${c}-viewings-list-card`, Et = ({
+  address1: E,
+  address1Label: $,
+  addressUrl: y,
+  addressUrlLabel: C,
+  address2: O,
+  address2Label: w,
+  address3: x,
+  address3Label: A,
+  cancelBtnLabel: L = "CANCEL",
+  cardTitle: T = "Add New Viewing",
+  deleteBtnLabel: V = "DELETE",
+  editBtnLabel: _ = "EDIT",
+  isEditState: n,
   enableOnSite: m = "false",
-  enableOnSiteToggleLabel: I = "Enabled on website",
-  email: N,
-  emailLabel: S = "Email",
-  emailLink: j,
-  emailLinkLabel: z = "Email Address",
-  emailOn: B = "false",
-  emailToggleLabel: D = "Include Email Address",
+  enableOnSiteToggleLabel: k = "Enabled on website",
+  email: I,
+  emailLabel: N = "Email",
+  emailLink: S,
+  emailLinkLabel: j = "Email Address",
+  emailOn: z = "false",
+  emailToggleLabel: B = "Include Email Address",
   id: e,
-  invalidFields: n,
-  location: R,
-  locationLabel: q = "Location",
-  onCancel: p,
-  onEdit: h,
-  onDelete: b,
-  onSave: g,
-  previewDates: G,
-  previewDatesLabel: H,
-  previewHours1: J,
-  previewHours1Label: K,
-  previewHours2: M,
-  previewHours2Label: P,
-  previewLabel: Q,
-  previewLabelValue: U,
-  previewOn: W,
-  previewToggleLabel: X,
-  saveBtnLabel: Y = "SAVE DETAILS",
-  viewingLabel: Z,
-  viewingLabelValue: F,
-  viewingDates: tt,
-  viewingDatesLabel: et,
-  viewingHours1: nt,
-  viewingHours1Label: ot,
-  viewingHours2: rt,
+  invalidFields: i,
+  location: D,
+  locationLabel: R = "Location",
+  onCancel: d,
+  onEdit: p,
+  onDelete: h,
+  onSave: b,
+  previewDates: q,
+  previewDatesLabel: G,
+  previewHours1: H,
+  previewHours1Label: J,
+  previewHours2: K,
+  previewHours2Label: M,
+  previewLabel: P,
+  previewLabelValue: Q,
+  previewOn: U,
+  previewToggleLabel: W,
+  saveBtnLabel: X = "SAVE DETAILS",
+  viewingLabel: Y,
+  viewingLabelValue: Z,
+  viewingDates: F,
+  viewingDatesLabel: tt,
+  viewingHours1: et,
+  viewingHours1Label: nt,
+  viewingHours2: it,
   viewingHours2Label: at
 }) => {
-  const [ct, st] = c.useState(m === "true"), a = c.useRef(null);
-  c.useEffect(() => {
-    o && a.current && a.current.focus();
-  }, [o]), c.useEffect(() => {
-    var r, E;
-    n && a.current && ((E = (r = a.current.closest(`.${i}-viewings-list-card`)) == null ? void 0 : r.querySelector(`.${i}-input--invalid input`)) == null || E.focus());
-  }, [n]);
-  const lt = () => {
+  const [lt, ot] = l.useState(m === "true"), a = l.useRef(null);
+  l.useEffect(() => {
+    n && a.current && a.current.focus();
+  }, [n]), l.useEffect(() => {
+    i && a.current && a.current.closest(`.${c}-viewings-list-card`)?.querySelector(`.${c}-input--invalid input`)?.focus();
+  }, [i]);
+  const rt = () => {
+    typeof d == "function" && d();
+  }, st = () => {
     typeof p == "function" && p();
-  }, ut = () => {
-    typeof h == "function" && h();
-  }, it = (r) => {
-    typeof g == "function" && g(r);
+  }, ct = (u) => {
+    typeof b == "function" && b(u);
   };
   return /* @__PURE__ */ f(
     "section",
     {
       "data-testid": `viewings-list-card-${e}`,
       id: e,
-      className: ft(`${u}`, { [`${u}--edit-state`]: o }),
+      className: ut(`${s}`, { [`${s}--edit-state`]: n }),
       children: [
-        /* @__PURE__ */ t("h3", { className: `${u}__title`, children: V }),
+        /* @__PURE__ */ t("h3", { className: `${s}__title`, children: T }),
         /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
         /* @__PURE__ */ t(
-          y,
+          v,
           {
             ref: a,
             id: `location-${e}`,
-            defaultValue: R,
-            labelText: q,
+            defaultValue: D,
+            labelText: R,
             size: "sm",
             name: "location",
-            invalid: !!(n != null && n.location),
-            invalidText: n == null ? void 0 : n.location,
-            readOnly: !o
+            invalid: !!i?.location,
+            invalidText: i?.location,
+            readOnly: !n
           }
         ),
-        o ? /* @__PURE__ */ t(
-          mt,
+        n ? /* @__PURE__ */ t(
+          ft,
           {
-            address1: d,
-            address1Label: C,
-            addressUrl: O,
-            addressUrlLabel: w,
-            address2: v,
-            address2Label: x,
-            address3: A,
-            address3Label: L,
-            email: N,
-            emailLabel: S,
-            emailLink: j,
-            emailLinkLabel: z,
-            emailOn: B,
-            emailToggleLabel: D,
+            address1: E,
+            address1Label: $,
+            addressUrl: y,
+            addressUrlLabel: C,
+            address2: O,
+            address2Label: w,
+            address3: x,
+            address3Label: A,
+            email: I,
+            emailLabel: N,
+            emailLink: S,
+            emailLinkLabel: j,
+            emailOn: z,
+            emailToggleLabel: B,
             id: e,
-            invalidFields: n,
-            previewDates: G,
-            previewDatesLabel: H,
-            previewHours1: J,
-            previewHours1Label: K,
-            previewHours2: M,
-            previewHours2Label: P,
-            previewLabel: Q,
-            previewLabelValue: U,
-            previewOn: W,
-            previewToggleLabel: X,
-            viewingLabel: Z,
-            viewingLabelValue: F,
-            viewingDates: tt,
-            viewingDatesLabel: et,
-            viewingHours1: nt,
-            viewingHours1Label: ot,
-            viewingHours2: rt,
+            invalidFields: i,
+            previewDates: q,
+            previewDatesLabel: G,
+            previewHours1: H,
+            previewHours1Label: J,
+            previewHours2: K,
+            previewHours2Label: M,
+            previewLabel: P,
+            previewLabelValue: Q,
+            previewOn: U,
+            previewToggleLabel: W,
+            viewingLabel: Y,
+            viewingLabelValue: Z,
+            viewingDates: F,
+            viewingDatesLabel: tt,
+            viewingHours1: et,
+            viewingHours1Label: nt,
+            viewingHours2: it,
             viewingHours2Label: at
           }
         ) : null,
         /* @__PURE__ */ t(
-          y,
+          v,
           {
             id: `enableOnSite-${e}`,
             type: "toggle",
             defaultChecked: m === "true",
-            labelText: I,
+            labelText: k,
             size: "md",
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => st((r) => !r),
-            readOnly: !o
+            onChange: () => ot((u) => !u),
+            readOnly: !n
           }
         ),
-        ct ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
+        lt ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
         /* @__PURE__ */ t("hr", {}),
-        /* @__PURE__ */ t("div", { className: `${u}__btn-group ${i}-button__group`, children: o ? /* @__PURE__ */ f($, { children: [
-          /* @__PURE__ */ t(s, { id: `vlc-save-btn-${e}`, variant: l.ghost, type: "submit", onClick: it, children: Y }),
-          /* @__PURE__ */ t(s, { id: `vlc-cancel-btn-${e}`, variant: l.ghost, type: "button", onClick: lt, children: T })
-        ] }) : /* @__PURE__ */ f($, { children: [
-          /* @__PURE__ */ t(s, { id: `vlc-edit-btn-${e}`, variant: l.ghost, type: "button", onClick: ut, children: k }),
+        /* @__PURE__ */ t("div", { className: `${s}__btn-group ${c}-button__group`, children: n ? /* @__PURE__ */ f(g, { children: [
+          /* @__PURE__ */ t(o, { id: `vlc-save-btn-${e}`, variant: r.ghost, type: "submit", onClick: ct, children: X }),
+          /* @__PURE__ */ t(o, { id: `vlc-cancel-btn-${e}`, variant: r.ghost, type: "button", onClick: rt, children: L })
+        ] }) : /* @__PURE__ */ f(g, { children: [
+          /* @__PURE__ */ t(o, { id: `vlc-edit-btn-${e}`, variant: r.ghost, type: "button", onClick: st, children: _ }),
           /* @__PURE__ */ t(
-            s,
+            o,
             {
               id: `vlc-delete-btn-${e}`,
-              variant: l.ghost,
+              variant: r.ghost,
               type: "button",
-              onClick: () => typeof b == "function" && b(e),
-              children: _
+              onClick: () => typeof h == "function" && h(e),
+              children: V
             }
           )
         ] }) })
@@ -170,5 +169,5 @@ const u = `${i}-viewings-list-card`, dt = ({
   );
 };
 export {
-  dt as default
+  Et as default
 };