@phillips/seldon 1.108.0 → 1.108.2

package/dist/components/Countdown/Countdown.js

@@ -4,30 +4,30 @@ import { getCommonProps as v } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import { SupportedLanguages as $ } from "../../types/commonTypes.js";
 import { CountdownVariants as i } from "./types.js";
-import { Duration as a } from "./Duration.js";
+import { Duration as m } from "./Duration.js";
 import { zhCN as j } from "../../node_modules/date-fns/locale/zh-CN.js";
 import { enUS as z } from "../../node_modules/date-fns/locale/en-US.js";
 import { differenceInDays as P } from "../../node_modules/date-fns/differenceInDays.js";
-import { differenceInHours as S } from "../../node_modules/date-fns/differenceInHours.js";
-import { differenceInMinutes as _ } from "../../node_modules/date-fns/differenceInMinutes.js";
-import { differenceInSeconds as E } from "../../node_modules/date-fns/differenceInSeconds.js";
-const F = L(
+import { differenceInHours as _ } from "../../node_modules/date-fns/differenceInHours.js";
+import { differenceInMinutes as E } from "../../node_modules/date-fns/differenceInMinutes.js";
+import { differenceInSeconds as F } from "../../node_modules/date-fns/differenceInSeconds.js";
+const H = L(
   ({
     endDateTime: n,
-    formatDurationStr: m,
+    formatDurationStr: r,
     label: l = "Lots Close in",
     intervalDescription: f,
     className: p,
     locale: h = "en",
     showBottomBorder: w = !0,
-    variant: u = i.default,
-    ...c
+    variant: c = i.default,
+    ...u
   }, C) => {
-    const { className: r, ...y } = v(c, "Countdown"), [t, I] = b(/* @__PURE__ */ new Date()), s = h === $.zh ? j : z, o = {
+    const { className: s, ...y } = v(u, "Countdown"), [t, I] = b(/* @__PURE__ */ new Date()), a = h === $.zh ? j : z, o = {
       days: P(n, t),
-      hours: S(n, t) % 24,
-      minutes: _(n, t) % 60,
-      seconds: E(n, t) % 60 % 60
+      hours: _(n, t) % 24,
+      minutes: E(n, t) % 60,
+      seconds: F(n, t) % 60 % 60
     };
     return g(() => {
       const N = setInterval(() => {
@@ -38,27 +38,27 @@ const F = L(
       "div",
       {
         ...y,
-        className: x(r, p, {
-          [`${r}--compact`]: u === i.compact,
-          [`${r}--show-bottom-border`]: w
+        className: x(s, p, {
+          [`${s}--compact`]: c === i.compact,
+          [`${s}--show-bottom-border`]: w
         }),
-        ...c,
+        ...u,
         ref: C,
         children: [
-          /* @__PURE__ */ d("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": l, children: [
+          /* @__PURE__ */ d("div", { className: `${s}__countdown-container`, role: "timer", "aria-label": l, children: [
             /* @__PURE__ */ e("span", { children: l }),
-            o.days > 0 ? /* @__PURE__ */ e(a, { duration: o, unit: "days", locale: s, formatDurationStr: m }) : null,
-            o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(a, { duration: o, unit: "hours", locale: s }) : null,
-            o.days === 0 ? /* @__PURE__ */ e(a, { duration: o, unit: "minutes", locale: s, formatDurationStr: m }) : null,
-            o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(a, { duration: o, unit: "seconds", locale: s, formatDurationStr: m }) : null
+            o.days > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "days", locale: a, formatDurationStr: r }) : null,
+            o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "hours", locale: a, formatDurationStr: r }) : null,
+            o.days === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "minutes", locale: a, formatDurationStr: r }) : null,
+            o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "seconds", locale: a, formatDurationStr: r }) : null
           ] }),
-          u === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
+          c === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
         ]
       }
     );
   }
 );
-F.displayName = "Countdown";
+H.displayName = "Countdown";
 export {
-  F as default
+  H as default
 };

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import { CountdownProps } from '../../components/Countdown';
 import { AuctionStatus } from '../../types/commonTypes';
 export interface SaleHeaderBannerProps extends ComponentProps<'div'> {
     /**
@@ -33,6 +34,14 @@ export interface SaleHeaderBannerProps extends ComponentProps<'div'> {
      * Where is the auction taking place?
      */
     location: React.ReactNode;
+    /**
+     * Lots close in text
+     */
+    countdownTimerLabel?: CountdownProps['label'];
+    /**
+     * The format of the countdown timer durations, i.e. minutes, hours, days, seconds (this is used for translating the countdown timer
+     */
+    countdownFormatDuration?: CountdownProps['formatDurationStr'];
     occurrenceInformation: {
         /**
          * Depending on auction state, when does the auction open or close

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,67 +1,73 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import { getCommonProps as b } from "../../utils/index.js";
-import P from "../../node_modules/classnames/index.js";
-import _ from "../../components/Countdown/Countdown.js";
-import j from "../../components/SeldonImage/SeldonImage.js";
-import { AuctionStatus as H } from "../../types/commonTypes.js";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { getCommonProps as H } from "../../utils/index.js";
+import y from "../../node_modules/classnames/index.js";
+import p from "../../components/Countdown/Countdown.js";
+import D from "../../components/SeldonImage/SeldonImage.js";
+import { AuctionStatus as F } from "../../types/commonTypes.js";
 import { TextVariants as r } from "../../components/Text/types.js";
 import t from "../../components/Text/Text.js";
-import y from "../../components/PageContentWrapper/PageContentWrapper.js";
-const D = C(
+import R from "../../components/PageContentWrapper/PageContentWrapper.js";
+const z = j(
   ({
     auctionEndTime: s,
-    auctionTitle: n,
-    imageSrcUrl: p,
-    imageSrcSet: f,
-    imageSizes: h,
-    imageLoading: v,
-    imageFetchPriority: N,
-    location: g,
-    auctionState: $,
-    occurrenceInformation: S,
-    onClick: F,
-    children: u,
-    className: k,
-    footerElement: w,
-    headerLabel: x,
-    ...o
+    auctionTitle: i,
+    imageSrcUrl: f,
+    imageSrcSet: h,
+    imageSizes: v,
+    imageLoading: N,
+    imageFetchPriority: g,
+    location: u,
+    countdownTimerLabel: S,
+    countdownFormatDuration: $,
+    auctionState: w,
+    occurrenceInformation: k,
+    onClick: A,
+    children: x,
+    className: B,
+    footerElement: b,
+    headerLabel: C,
+    ...n
   }, c) => {
-    const { className: a, ...l } = b(o, "SaleHeaderBanner"), m = $ === H.live;
-    return /* @__PURE__ */ i("div", { ...l, className: P(a, k), ...o, ref: c, children: [
-      m && s ? /* @__PURE__ */ e("div", { className: `${a}__stack__mobile-countdown`, children: /* @__PURE__ */ e(_, { endDateTime: s, showBottomBorder: !1 }) }) : null,
-      /* @__PURE__ */ e(
-        j,
+    const { className: e, ...l } = H(n, "SaleHeaderBanner"), m = w === F.live, d = {
+      endDateTime: s,
+      label: S,
+      formatDurationStr: $
+    };
+    return /* @__PURE__ */ o("div", { ...l, className: y(e, B), ...n, ref: c, children: [
+      m && s ? /* @__PURE__ */ a("div", { className: `${e}__stack__mobile-countdown`, children: /* @__PURE__ */ a(p, { ...d, showBottomBorder: !1 }) }) : null,
+      /* @__PURE__ */ a(
+        D,
         {
           aspectRatio: "16/9",
-          src: p,
-          alt: String(n),
+          src: f,
+          alt: String(i),
           objectFit: "cover",
-          className: `${a}__image`,
-          srcSet: f,
-          sizes: h,
-          loading: v,
-          fetchPriority: N
+          className: `${e}__image`,
+          srcSet: h,
+          sizes: v,
+          loading: N,
+          fetchPriority: g
         }
       ),
-      /* @__PURE__ */ e(y, { className: `${a}__stack-wrapper`, ...l, ...o, ref: c, children: /* @__PURE__ */ i("div", { className: `${a}__stack`, children: [
-        m && s ? /* @__PURE__ */ e("div", { className: `${a}__stack__desktop-countdown`, children: /* @__PURE__ */ e(_, { endDateTime: s }) }) : null,
-        /* @__PURE__ */ e(t, { variant: r.badge, children: x }),
-        /* @__PURE__ */ e(t, { variant: r.title1, children: n }),
-        /* @__PURE__ */ e(t, { variant: r.string2, className: `${a}__location`, children: g }),
-        /* @__PURE__ */ i("div", { className: `${a}__occurrence-details`, children: [
-          S.map(({ date: d, occurrenceLabel: B }) => /* @__PURE__ */ i("div", { className: `${a}__occurrence-details-text`, children: [
-            /* @__PURE__ */ e(t, { variant: r.string2, children: B }),
-            /* @__PURE__ */ e(t, { variant: r.string2, className: `${a}__date`, children: d })
-          ] }, String(d))),
-          u
+      /* @__PURE__ */ a(R, { className: `${e}__stack-wrapper`, ...l, ...n, ref: c, children: /* @__PURE__ */ o("div", { className: `${e}__stack`, children: [
+        m && s ? /* @__PURE__ */ a("div", { className: `${e}__stack__desktop-countdown`, children: /* @__PURE__ */ a(p, { ...d }) }) : null,
+        /* @__PURE__ */ a(t, { variant: r.badge, children: C }),
+        /* @__PURE__ */ a(t, { variant: r.title1, children: i }),
+        /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__location`, children: u }),
+        /* @__PURE__ */ o("div", { className: `${e}__occurrence-details`, children: [
+          k.map(({ date: _, occurrenceLabel: P }) => /* @__PURE__ */ o("div", { className: `${e}__occurrence-details-text`, children: [
+            /* @__PURE__ */ a(t, { variant: r.string2, children: P }),
+            /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__date`, children: _ })
+          ] }, String(_))),
+          x
         ] }),
-        w
+        b
       ] }) })
     ] });
   }
 );
-D.displayName = "SaleHeaderBanner";
+z.displayName = "SaleHeaderBanner";
 export {
-  D as default
+  z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.108.0",
+  "version": "1.108.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -121,7 +121,7 @@
     "ts-node": "^10.9.2",
     "type-fest": "^4.27.0",
     "typescript": "^5.5.4",
-    "vite": "^5.4.6",
+    "vite": "^5.4.14",
     "vite-plugin-dts": "^4.2.4",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",