@phillips/seldon 1.258.0 → 1.259.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("react"),k=require("../../utils/index.cjs"),C=require("../../_virtual/index.cjs"),x=require("../../components/Countdown/Countdown.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("react"),k=require("../../utils/index.cjs"),C=require("../../_virtual/index.cjs"),x=require("../../components/Countdown/Countdown.cjs"),A=require("../../components/SeldonImage/SeldonImage.cjs"),H=require("../../types/commonTypes.cjs"),s=require("../../components/Text/types.cjs"),r=require("../../components/Text/Text.cjs"),O=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),j=require("../../providers/SeldonProvider/utils.cjs"),h=V.forwardRef(({auctionEndTime:t,auctionTitle:l,badgeText:i,imageSrcUrl:f,imageSrcSet:g,imageSizes:v,imageLoading:N,imageFetchPriority:S,location:$,countdownTimerLabel:q,countdownFormatDuration:b,auctionState:p,occurrenceInformation:M,onClick:D,children:y,className:T,footerElement:w,headerLabel:B,showTimer:c,getCurrentDateTime:P,...n},d)=>{const{className:a,...o}=k.getCommonProps(n,"SaleHeaderBanner"),u=p===H.AuctionStatus.live,m={endDateTime:t,label:q,formatDurationStr:b,getCurrentDateTime:P};return e.jsxs("div",{...o,className:C.default(a,T),...n,ref:d,children:[u&&t&&c?e.jsx(j.SSRMediaQuery.Media,{lessThan:"md",children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...m,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsx(A.default,{aspectRatio:"16/9",src:f,alt:String(l),objectFit:"cover",className:`${a}__image`,srcSet:g,sizes:v,loading:N,fetchPriority:S}),e.jsx(O.default,{className:`${a}__stack-wrapper`,...o,...n,ref:d,children:e.jsxs("div",{className:`${a}__stack`,children:[u&&t&&c?e.jsx(j.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...m,centerAlign:!0})})}):null,e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__header-label`,children:B}),e.jsx(r.default,{className:`${a}__title`,variant:s.TextVariants.headingLarge,children:l}),i&&e.jsx(r.default,{variant:s.TextVariants.badge,className:`${a}__badge`,children:i}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__location`,children:$}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[M.map(({date:_,occurrenceLabel:R})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(r.default,{variant:s.TextVariants.labelMedium,children:R}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__date`,children:_})]},String(_))),y]}),w]})})]})});h.displayName="SaleHeaderBanner";exports.default=h;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { getCommonProps as
|
|
2
|
+
import { forwardRef as H } from "react";
|
|
3
|
+
import { getCommonProps as R } from "../../utils/index.js";
|
|
4
4
|
import D from "../../_virtual/index.js";
|
|
5
5
|
import u from "../../components/Countdown/Countdown.js";
|
|
6
6
|
import F from "../../components/SeldonImage/SeldonImage.js";
|
|
@@ -9,14 +9,14 @@ import { TextVariants as r } from "../../components/Text/types.js";
|
|
|
9
9
|
import l from "../../components/Text/Text.js";
|
|
10
10
|
import q from "../../components/PageContentWrapper/PageContentWrapper.js";
|
|
11
11
|
import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
|
|
12
|
-
const z =
|
|
12
|
+
const z = H(
|
|
13
13
|
({
|
|
14
14
|
auctionEndTime: t,
|
|
15
15
|
auctionTitle: s,
|
|
16
16
|
badgeText: o,
|
|
17
17
|
imageSrcUrl: N,
|
|
18
|
-
imageSrcSet:
|
|
19
|
-
imageSizes:
|
|
18
|
+
imageSrcSet: g,
|
|
19
|
+
imageSizes: v,
|
|
20
20
|
imageLoading: $,
|
|
21
21
|
imageFetchPriority: S,
|
|
22
22
|
location: b,
|
|
@@ -33,7 +33,7 @@ const z = R(
|
|
|
33
33
|
getCurrentDateTime: y,
|
|
34
34
|
...n
|
|
35
35
|
}, m) => {
|
|
36
|
-
const { className: a, ...d } =
|
|
36
|
+
const { className: a, ...d } = R(n, "SaleHeaderBanner"), _ = B === O.live, h = {
|
|
37
37
|
endDateTime: t,
|
|
38
38
|
label: M,
|
|
39
39
|
formatDurationStr: w,
|
|
@@ -49,21 +49,21 @@ const z = R(
|
|
|
49
49
|
alt: String(s),
|
|
50
50
|
objectFit: "cover",
|
|
51
51
|
className: `${a}__image`,
|
|
52
|
-
srcSet:
|
|
53
|
-
sizes:
|
|
52
|
+
srcSet: g,
|
|
53
|
+
sizes: v,
|
|
54
54
|
loading: $,
|
|
55
55
|
fetchPriority: S
|
|
56
56
|
}
|
|
57
57
|
),
|
|
58
58
|
/* @__PURE__ */ e(q, { className: `${a}__stack-wrapper`, ...d, ...n, ref: m, children: /* @__PURE__ */ i("div", { className: `${a}__stack`, children: [
|
|
59
|
-
_ && t && c ? /* @__PURE__ */ e(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(u, { ...h }) }) }) : null,
|
|
59
|
+
_ && t && c ? /* @__PURE__ */ e(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(u, { ...h, centerAlign: !0 }) }) }) : null,
|
|
60
60
|
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__header-label`, children: j }),
|
|
61
61
|
/* @__PURE__ */ e(l, { className: `${a}__title`, variant: r.headingLarge, children: s }),
|
|
62
62
|
o && /* @__PURE__ */ e(l, { variant: r.badge, className: `${a}__badge`, children: o }),
|
|
63
63
|
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__location`, children: b }),
|
|
64
64
|
/* @__PURE__ */ i("div", { className: `${a}__occurrence-details`, children: [
|
|
65
|
-
k.map(({ date: p, occurrenceLabel:
|
|
66
|
-
/* @__PURE__ */ e(l, { variant: r.labelMedium, children:
|
|
65
|
+
k.map(({ date: p, occurrenceLabel: A }) => /* @__PURE__ */ i("div", { className: `${a}__occurrence-details-text`, children: [
|
|
66
|
+
/* @__PURE__ */ e(l, { variant: r.labelMedium, children: A }),
|
|
67
67
|
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__date`, children: p })
|
|
68
68
|
] }, String(p))),
|
|
69
69
|
x
|