@phillips/seldon 1.143.0 → 1.143.2

package/dist/components/Countdown/Countdown.d.ts

@@ -30,6 +30,9 @@ export interface CountdownProps extends ComponentProps<'div'> {
      * Variant of the countdown
      */
     variant?: CountdownVariants;
+    /**
+     * The current date time (defaults to new Date())
+     */
     currentDateTime?: Date;
 }
 /**

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,7 +1,7 @@
-import { jsxs as S, jsx as e } from "react/jsx-runtime";
-import { forwardRef as k } from "react";
-import q from "../../node_modules/classnames/index.js";
-import { getCommonProps as z, findChildrenOfType as D, findChildrenExcludingTypes as F } from "../../utils/index.js";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { forwardRef as V } from "react";
+import k from "../../node_modules/classnames/index.js";
+import { getCommonProps as q, findChildrenOfType as z, findChildrenExcludingTypes as F } from "../../utils/index.js";
 import G from "../DetailList/DetailList.js";
 import d from "../../components/Detail/Detail.js";
 import { LotStatus as n, SupportedLanguages as H } from "../../types/commonTypes.js";
@@ -11,66 +11,67 @@ import { BidStatusEnum as Q } from "./types.js";
 import v from "./BidMessage.js";
 import { isAfter as L } from "../../node_modules/date-fns/isAfter.js";
 import { differenceInMinutes as U } from "../../node_modules/date-fns/differenceInMinutes.js";
-const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = k(
+const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = V(
   ({
     lotStatus: o = n.ready,
     bidStatus: p,
     bidsLabelText: w = X,
     children: c,
     className: C,
-    closingText: x = "Closes in",
-    currency: t = "$",
+    closingText: T = "Closes in",
+    currency: r = "$",
     currentBid: f,
-    currentBidText: N = "Current bid",
-    formatDurationStr: T = (s) => s.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    currentBidText: x = "Current bid",
+    formatDurationStr: N = (a) => a.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
     lang: W = "en",
-    saleCloseDate: r,
-    lotCloseDate: i,
-    numberOfBids: h = 0,
+    saleCloseDate: i,
+    lotCloseDate: l,
+    numberOfBids: u = 0,
     startingBid: y,
     startingBidText: B = "Starting bid",
-    soldPrice: u,
+    soldPrice: h,
     soldForText: M = "Sold for",
     wonForText: j = "Won for",
     currentDateTime: E = /* @__PURE__ */ new Date(),
     ...$
   }, P) => {
-    const { className: s, ...R } = z($, "BidSnapshot"), l = f !== null && h > 0, b = o === n.ready, a = o === n.live, g = o === n.past, m = E, _ = a && i && L(i, m) && r && (U(r, m) < 60 || L(m, r)), A = D(c, v), I = F(c, [v]), V = q(s, C, {
-      [`${s}--live`]: a,
-      [`${s}--has-bids`]: l || g
+    const { className: a, ...R } = q($, "BidSnapshot"), m = f !== null && u > 0, b = o === n.ready, s = o === n.live, g = o === n.past, e = E, _ = s && l && L(l, e) && i && (U(i, e) < 60 || L(e, i)), A = z(c, v), D = F(c, [v]), I = k(a, C, {
+      [`${a}--live`]: s,
+      [`${a}--has-bids`]: m || g
     });
-    return /* @__PURE__ */ S("div", { ...R, ...$, ref: P, className: V, children: [
-      /* @__PURE__ */ S(G, { hasSeparators: !0, className: `${s}__text`, children: [
-        g ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ S("div", { ...R, ...$, ref: P, className: I, children: [
+      /* @__PURE__ */ S(G, { hasSeparators: !0, className: `${a}__text`, children: [
+        g ? /* @__PURE__ */ t(
           d,
           {
             label: p === Q.Won ? j : M,
-            value: u ? `${t}${u?.toLocaleString()}` : "",
+            value: h ? `${r}${h?.toLocaleString()}` : "",
             hasWrap: !1
           }
         ) : null,
-        a && l ? /* @__PURE__ */ e(
+        s && m ? /* @__PURE__ */ t(
           d,
           {
-            label: N,
-            subLabel: `(${w(h)})`,
-            value: `${t}${f?.toLocaleString()}`,
+            label: x,
+            subLabel: `(${w(u)})`,
+            value: `${r}${f?.toLocaleString()}`,
             hasWrap: !1
           }
         ) : null,
-        b || a && !l ? /* @__PURE__ */ e(d, { label: B, value: `${t}${y?.toLocaleString()}`, hasWrap: !1 }) : null
+        b || s && !m ? /* @__PURE__ */ t(d, { label: B, value: `${r}${y?.toLocaleString()}`, hasWrap: !1 }) : null
       ] }),
       p && !b ? A : null,
-      I,
-      _ ? /* @__PURE__ */ e(
+      D,
+      _ ? /* @__PURE__ */ t(
         J,
         {
-          endDateTime: i,
-          label: x,
+          endDateTime: l,
+          label: T,
           variant: K.compact,
           locale: H[W],
-          formatDurationStr: T,
-          showBottomBorder: !1
+          formatDurationStr: N,
+          showBottomBorder: !1,
+          currentDateTime: e
         }
       ) : null
     ] });

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

@@ -72,6 +72,10 @@ export interface SaleHeaderBannerProps extends ComponentProps<'div'> {
      * What action does the CTA take?
      */
     onClick?: () => void;
+    /**
+     * Current date time (defaults to new Date())
+     */
+    currentDateTime?: Date;
 }
 /**
  * ## Overview

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,15 +1,15 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { forwardRef as H } from "react";
-import { getCommonProps as M } from "../../utils/index.js";
-import R from "../../node_modules/classnames/index.js";
+import { forwardRef as M } from "react";
+import { getCommonProps as R } from "../../utils/index.js";
+import D from "../../node_modules/classnames/index.js";
 import h from "../../components/Countdown/Countdown.js";
-import D from "../../components/SeldonImage/SeldonImage.js";
-import { AuctionStatus as F } from "../../types/commonTypes.js";
+import F from "../../components/SeldonImage/SeldonImage.js";
+import { AuctionStatus as O } from "../../types/commonTypes.js";
 import { TextVariants as r } from "../../components/Text/types.js";
 import t from "../../components/Text/Text.js";
-import O from "../../components/PageContentWrapper/PageContentWrapper.js";
+import q from "../../components/PageContentWrapper/PageContentWrapper.js";
 import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
-const q = H(
+const z = M(
   ({
     auctionEndTime: i,
     auctionTitle: o,
@@ -23,23 +23,25 @@ const q = H(
     countdownFormatDuration: x,
     auctionState: B,
     occurrenceInformation: k,
-    onClick: z,
+    onClick: A,
     children: C,
     className: P,
     footerElement: b,
     headerLabel: j,
     showTimer: c,
+    currentDateTime: y,
     ...s
   }, l) => {
-    const { className: e, ...m } = M(s, "SaleHeaderBanner"), d = B === F.live, _ = {
+    const { className: e, ...m } = R(s, "SaleHeaderBanner"), d = B === O.live, _ = {
       endDateTime: i,
       label: w,
-      formatDurationStr: x
+      formatDurationStr: x,
+      currentDateTime: y
     };
-    return /* @__PURE__ */ n("div", { ...m, className: R(e, P), ...s, ref: l, children: [
+    return /* @__PURE__ */ n("div", { ...m, className: D(e, P), ...s, ref: l, children: [
       d && i && c ? /* @__PURE__ */ a(f.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(h, { ..._, showBottomBorder: !1 }) }) }) : null,
       /* @__PURE__ */ a(
-        D,
+        F,
         {
           aspectRatio: "16/9",
           src: g,
@@ -52,14 +54,14 @@ const q = H(
           fetchPriority: S
         }
       ),
-      /* @__PURE__ */ a(O, { className: `${e}__stack-wrapper`, ...m, ...s, ref: l, children: /* @__PURE__ */ n("div", { className: `${e}__stack`, children: [
+      /* @__PURE__ */ a(q, { className: `${e}__stack-wrapper`, ...m, ...s, ref: l, children: /* @__PURE__ */ n("div", { className: `${e}__stack`, children: [
         d && i && c ? /* @__PURE__ */ a(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(h, { ..._ }) }) }) : null,
         /* @__PURE__ */ a(t, { variant: r.badge, children: j }),
         /* @__PURE__ */ a(t, { variant: r.title1, children: o }),
         /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__location`, children: $ }),
         /* @__PURE__ */ n("div", { className: `${e}__occurrence-details`, children: [
-          k.map(({ date: p, occurrenceLabel: y }) => /* @__PURE__ */ n("div", { className: `${e}__occurrence-details-text`, children: [
-            /* @__PURE__ */ a(t, { variant: r.string2, children: y }),
+          k.map(({ date: p, occurrenceLabel: H }) => /* @__PURE__ */ n("div", { className: `${e}__occurrence-details-text`, children: [
+            /* @__PURE__ */ a(t, { variant: r.string2, children: H }),
             /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__date`, children: p })
           ] }, String(p))),
           C
@@ -69,7 +71,7 @@ const q = H(
     ] });
   }
 );
-q.displayName = "SaleHeaderBanner";
+z.displayName = "SaleHeaderBanner";
 export {
-  q as default
+  z as default
 };

package/dist/scss/components/Countdown/_countdown.scss

@@ -30,12 +30,12 @@
 
   &--compact {
     .#{$px}-countdown__countdown-container {
+      gap: $spacing-xsm;
+
       @include Montserrat;
       .#{$px}-duration {
         @include Montserrat;
       }
-
-      gap: $spacing-xsm;
     }
   }
 

package/dist/scss/components/Navigation/NavigationItemTrigger/_navigationItemTrigger.scss

@@ -54,6 +54,7 @@
     }
 
     &--hovered &__submenu {
+      cursor: default;
       left: 0;
       max-height: calc(90vh - #{$header-height});
       opacity: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.143.0",
+  "version": "1.143.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"