@phillips/seldon 1.256.0 → 1.257.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"),H=require("../../components/SeldonImage/SeldonImage.cjs"),O=require("../../types/commonTypes.cjs"),s=require("../../components/Text/types.cjs"),r=require("../../components/Text/Text.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"),H=require("../../components/SeldonImage/SeldonImage.cjs"),O=require("../../types/commonTypes.cjs"),s=require("../../components/Text/types.cjs"),r=require("../../components/Text/Text.cjs"),A=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),j=require("../../providers/SeldonProvider/utils.cjs"),h=V.forwardRef(({auctionEndTime:t,auctionTitle:l,badgeText:i,imageSrcUrl:f,imageSrcSet:v,imageSizes:N,imageLoading:g,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===O.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(H.default,{aspectRatio:"16/9",src:f,alt:String(l),objectFit:"cover",className:`${a}__image`,srcSet:v,sizes:N,loading:g,fetchPriority:S}),e.jsx(A.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})})}):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,18 +1,18 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as R } from "react";
|
|
3
|
-
import { getCommonProps as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { AuctionStatus as
|
|
3
|
+
import { getCommonProps as A } from "../../utils/index.js";
|
|
4
|
+
import D from "../../_virtual/index.js";
|
|
5
|
+
import u from "../../components/Countdown/Countdown.js";
|
|
6
|
+
import F from "../../components/SeldonImage/SeldonImage.js";
|
|
7
|
+
import { AuctionStatus as O } from "../../types/commonTypes.js";
|
|
8
8
|
import { TextVariants as r } from "../../components/Text/types.js";
|
|
9
9
|
import l from "../../components/Text/Text.js";
|
|
10
|
-
import
|
|
11
|
-
import { SSRMediaQuery as
|
|
12
|
-
const
|
|
10
|
+
import q from "../../components/PageContentWrapper/PageContentWrapper.js";
|
|
11
|
+
import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
|
|
12
|
+
const z = R(
|
|
13
13
|
({
|
|
14
|
-
auctionEndTime:
|
|
15
|
-
auctionTitle:
|
|
14
|
+
auctionEndTime: t,
|
|
15
|
+
auctionTitle: s,
|
|
16
16
|
badgeText: o,
|
|
17
17
|
imageSrcUrl: N,
|
|
18
18
|
imageSrcSet: v,
|
|
@@ -31,40 +31,40 @@ const A = R(
|
|
|
31
31
|
headerLabel: j,
|
|
32
32
|
showTimer: c,
|
|
33
33
|
getCurrentDateTime: y,
|
|
34
|
-
...
|
|
34
|
+
...n
|
|
35
35
|
}, m) => {
|
|
36
|
-
const { className:
|
|
37
|
-
endDateTime:
|
|
36
|
+
const { className: a, ...d } = A(n, "SaleHeaderBanner"), _ = B === O.live, h = {
|
|
37
|
+
endDateTime: t,
|
|
38
38
|
label: M,
|
|
39
39
|
formatDurationStr: w,
|
|
40
40
|
getCurrentDateTime: y
|
|
41
41
|
};
|
|
42
|
-
return /* @__PURE__ */ i("div", { ...d, className:
|
|
43
|
-
_ &&
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
|
|
42
|
+
return /* @__PURE__ */ i("div", { ...d, className: D(a, C), ...n, ref: m, children: [
|
|
43
|
+
_ && t && c ? /* @__PURE__ */ e(f.Media, { lessThan: "md", children: /* @__PURE__ */ e("div", { className: `${a}__stack__countdown`, children: /* @__PURE__ */ e(u, { ...h, showBottomBorder: !1, centerAlign: !0 }) }) }) : null,
|
|
44
|
+
/* @__PURE__ */ e(
|
|
45
|
+
F,
|
|
46
46
|
{
|
|
47
47
|
aspectRatio: "16/9",
|
|
48
48
|
src: N,
|
|
49
|
-
alt: String(
|
|
49
|
+
alt: String(s),
|
|
50
50
|
objectFit: "cover",
|
|
51
|
-
className: `${
|
|
51
|
+
className: `${a}__image`,
|
|
52
52
|
srcSet: v,
|
|
53
53
|
sizes: g,
|
|
54
54
|
loading: $,
|
|
55
55
|
fetchPriority: S
|
|
56
56
|
}
|
|
57
57
|
),
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
_ &&
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
o && /* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */ i("div", { className: `${
|
|
65
|
-
k.map(({ date: p, occurrenceLabel: H }) => /* @__PURE__ */ i("div", { className: `${
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
/* @__PURE__ */
|
|
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,
|
|
60
|
+
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__header-label`, children: j }),
|
|
61
|
+
/* @__PURE__ */ e(l, { className: `${a}__title`, variant: r.headingLarge, children: s }),
|
|
62
|
+
o && /* @__PURE__ */ e(l, { variant: r.badge, className: `${a}__badge`, children: o }),
|
|
63
|
+
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__location`, children: b }),
|
|
64
|
+
/* @__PURE__ */ i("div", { className: `${a}__occurrence-details`, children: [
|
|
65
|
+
k.map(({ date: p, occurrenceLabel: H }) => /* @__PURE__ */ i("div", { className: `${a}__occurrence-details-text`, children: [
|
|
66
|
+
/* @__PURE__ */ e(l, { variant: r.labelMedium, children: H }),
|
|
67
|
+
/* @__PURE__ */ e(l, { variant: r.labelMedium, className: `${a}__date`, children: p })
|
|
68
68
|
] }, String(p))),
|
|
69
69
|
x
|
|
70
70
|
] }),
|
|
@@ -73,7 +73,7 @@ const A = R(
|
|
|
73
73
|
] });
|
|
74
74
|
}
|
|
75
75
|
);
|
|
76
|
-
|
|
76
|
+
z.displayName = "SaleHeaderBanner";
|
|
77
77
|
export {
|
|
78
|
-
|
|
78
|
+
z as default
|
|
79
79
|
};
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
|
|
26
26
|
&__countdown-container {
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
gap: $spacing-micro $spacing-sm;
|
|
29
28
|
display: flex;
|
|
30
29
|
flex-flow: row wrap;
|
|
30
|
+
gap: $spacing-micro $spacing-sm;
|
|
31
31
|
justify-content: flex-start;
|
|
32
32
|
text-transform: inherit;
|
|
33
33
|
width: 100%;
|
|
@@ -52,10 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
&__duration-group {
|
|
54
54
|
align-items: center;
|
|
55
|
-
gap: 0 $spacing-sm;
|
|
56
55
|
display: flex;
|
|
57
56
|
flex-flow: row wrap;
|
|
57
|
+
gap: 0 $spacing-sm;
|
|
58
58
|
justify-content: flex-start;
|
|
59
|
+
|
|
60
|
+
.#{$px}-duration .#{$px}-text {
|
|
61
|
+
font-variation-settings: 'wght' 600;
|
|
62
|
+
}
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
&--compact {
|