@phillips/seldon 1.97.0 → 1.97.1
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.
- package/dist/assets/icon-green-circle.svg.js +5 -0
- package/dist/assets/icon-red-circle.svg.js +5 -0
- package/dist/assets/icons.d.ts +2 -0
- package/dist/index.js +187 -182
- package/dist/patterns/BidSnapshot/BidMessage.js +20 -17
- package/dist/patterns/BidSnapshot/BidSnapshot.d.ts +3 -2
- package/dist/patterns/BidSnapshot/BidSnapshot.js +49 -46
- package/dist/patterns/BidSnapshot/BidSnapshot.stories.d.ts +9 -2
- package/dist/patterns/BidSnapshot/index.d.ts +1 -1
- package/dist/patterns/BidSnapshot/types.d.ts +6 -0
- package/dist/patterns/BidSnapshot/types.js +3 -2
- package/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss +1 -1
- package/dist/scss/patterns/Social/_social.scss +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const c = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 4, cy: 4, r: 4, fill: "#0FA915" }));
|
|
3
|
+
export {
|
|
4
|
+
c as default
|
|
5
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const c = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 4, cy: 4, r: 4, fill: "#B40919" }));
|
|
3
|
+
export {
|
|
4
|
+
c as default
|
|
5
|
+
};
|
package/dist/assets/icons.d.ts
CHANGED
|
@@ -24,3 +24,5 @@ export { default as Share } from './share.svg?react';
|
|
|
24
24
|
export { default as Spotify } from './spotify.svg?react';
|
|
25
25
|
export { default as WeChat } from './wechat.svg?react';
|
|
26
26
|
export { default as Youtube } from './youtube.svg?react';
|
|
27
|
+
export { default as GreenCircle } from './icon-green-circle.svg?react';
|
|
28
|
+
export { default as RedCircle } from './icon-red-circle.svg?react';
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as
|
|
1
|
+
import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
|
|
2
2
|
import { default as S } from "./assets/account_circle.svg.js";
|
|
3
3
|
import { default as L } from "./assets/arrowPrev.svg.js";
|
|
4
4
|
import { default as I } from "./assets/calendar.svg.js";
|
|
5
5
|
import { default as T } from "./assets/calendarAlt.svg.js";
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
6
|
+
import { default as B } from "./assets/chevronDown.svg.js";
|
|
7
|
+
import { default as k } from "./assets/chevronNext.svg.js";
|
|
8
8
|
import { default as w } from "./assets/chevronRight.svg.js";
|
|
9
9
|
import { default as y } from "./assets/close.svg.js";
|
|
10
10
|
import { default as D } from "./assets/favorite.svg.js";
|
|
11
11
|
import { default as N } from "./assets/favoriteOutline.svg.js";
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
12
|
+
import { default as G } from "./assets/icon-footer-facebook.svg.js";
|
|
13
|
+
import { default as U } from "./assets/icon-footer-instagram.svg.js";
|
|
14
|
+
import { default as W } from "./assets/icon-footer-linkedin.svg.js";
|
|
15
15
|
import { default as Y } from "./assets/icon-footer-red.svg.js";
|
|
16
16
|
import { default as z } from "./assets/icon-footer-wechat.svg.js";
|
|
17
17
|
import { default as q } from "./assets/instagram.svg.js";
|
|
@@ -23,211 +23,216 @@ import { default as ae } from "./assets/react.svg.js";
|
|
|
23
23
|
import "react";
|
|
24
24
|
import { default as se } from "./assets/share.svg.js";
|
|
25
25
|
import { default as de } from "./assets/spotify.svg.js";
|
|
26
|
-
import { default as
|
|
26
|
+
import { default as pe } from "./assets/wechat.svg.js";
|
|
27
27
|
import { default as xe } from "./assets/youtube.svg.js";
|
|
28
|
-
import { default as
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import { default as
|
|
35
|
-
import {
|
|
36
|
-
import { default as ye } from "./
|
|
37
|
-
import {
|
|
38
|
-
import { default as Ne } from "./site-furniture/
|
|
39
|
-
import {
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as Ye } from "./components/Navigation/
|
|
43
|
-
import { default as ze } from "./
|
|
44
|
-
import { default as qe } from "./components/
|
|
45
|
-
import { default as Ke } from "./
|
|
46
|
-
import {
|
|
47
|
-
import { default as et } from "./components/
|
|
48
|
-
import {
|
|
49
|
-
import { default as at } from "./components/
|
|
50
|
-
import { default as st } from "./components/
|
|
51
|
-
import {
|
|
52
|
-
import { default as
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import { default as ct } from "./components/
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import { default as It } from "./patterns/
|
|
59
|
-
import {
|
|
60
|
-
import { default as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as wt } from "./components/
|
|
63
|
-
import { default as yt } from "./components/
|
|
64
|
-
import { default as Dt } from "./
|
|
65
|
-
import {
|
|
66
|
-
import { default as
|
|
67
|
-
import {
|
|
68
|
-
import { default as
|
|
69
|
-
import {
|
|
70
|
-
import { default as zt } from "./components/
|
|
71
|
-
import {
|
|
72
|
-
import { default as
|
|
73
|
-
import {
|
|
74
|
-
import { default as to } from "./
|
|
28
|
+
import { default as ne } from "./assets/icon-green-circle.svg.js";
|
|
29
|
+
import { default as ce } from "./assets/icon-red-circle.svg.js";
|
|
30
|
+
import { default as Se } from "./pages/Page.js";
|
|
31
|
+
import { usePendingState as Le } from "./utils/hooks.js";
|
|
32
|
+
import { SSRMediaQuery as Ie, ssrMediaQueryStyle as be } from "./providers/SeldonProvider/utils.js";
|
|
33
|
+
import { AuctionStatus as Ae, SupportedLanguages as Be } from "./types/commonTypes.js";
|
|
34
|
+
import { default as ke } from "./components/Button/Button.js";
|
|
35
|
+
import { ButtonVariants as we } from "./components/Button/types.js";
|
|
36
|
+
import { default as ye } from "./components/IconButton/IconButton.js";
|
|
37
|
+
import { default as De } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
38
|
+
import { default as Ne } from "./site-furniture/Footer/Footer.js";
|
|
39
|
+
import { Grid as Ge } from "./components/Grid/Grid.js";
|
|
40
|
+
import { default as Ue } from "./site-furniture/Header/Header.js";
|
|
41
|
+
import { default as We } from "./components/Navigation/Navigation.js";
|
|
42
|
+
import { default as Ye } from "./components/Navigation/NavigationItem/NavigationItem.js";
|
|
43
|
+
import { default as ze } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
|
|
44
|
+
import { default as qe } from "./components/Navigation/NavigationList/NavigationList.js";
|
|
45
|
+
import { default as Ke } from "./patterns/HeroBanner/HeroBanner.js";
|
|
46
|
+
import { default as _e } from "./components/Input/Input.js";
|
|
47
|
+
import { default as et } from "./components/Link/Link.js";
|
|
48
|
+
import { LinkVariants as ot } from "./components/Link/types.js";
|
|
49
|
+
import { default as at } from "./components/LinkBlock/LinkBlock.js";
|
|
50
|
+
import { default as st } from "./components/LinkList/LinkList.js";
|
|
51
|
+
import { default as dt } from "./components/Row/Row.js";
|
|
52
|
+
import { default as pt } from "./components/GridItem/GridItem.js";
|
|
53
|
+
import { GridItemAlign as xt } from "./components/GridItem/types.js";
|
|
54
|
+
import { default as nt } from "./components/Search/Search.js";
|
|
55
|
+
import { default as ct } from "./components/Select/Select.js";
|
|
56
|
+
import { SelectVariants as St } from "./components/Select/types.js";
|
|
57
|
+
import { default as Lt } from "./components/SplitPanel/SplitPanel.js";
|
|
58
|
+
import { default as It } from "./patterns/Subscribe/Subscribe.js";
|
|
59
|
+
import { SubscriptionState as Tt } from "./patterns/Subscribe/types.js";
|
|
60
|
+
import { default as Bt } from "./patterns/Social/Social.js";
|
|
61
|
+
import { default as kt } from "./patterns/ViewingsList/ViewingsList.js";
|
|
62
|
+
import { default as wt } from "./components/Modal/Modal.js";
|
|
63
|
+
import { default as yt } from "./components/Drawer/Drawer.js";
|
|
64
|
+
import { default as Dt } from "./components/Pagination/Pagination.js";
|
|
65
|
+
import { default as Nt } from "./components/Tags/Tags.js";
|
|
66
|
+
import { default as Gt } from "./patterns/ViewingsList/StatefulViewingsList.js";
|
|
67
|
+
import { TextVariants as Ut } from "./components/Text/types.js";
|
|
68
|
+
import { default as Wt } from "./components/Text/Text.js";
|
|
69
|
+
import { TextSymbolVariants as Yt } from "./components/TextSymbol/types.js";
|
|
70
|
+
import { default as zt } from "./components/TextSymbol/TextSymbol.js";
|
|
71
|
+
import { default as qt } from "./components/Accordion/Accordion.js";
|
|
72
|
+
import { default as Kt } from "./components/Accordion/AccordionItem.js";
|
|
73
|
+
import { AccordionItemVariant as _t, AccordionVariants as $t } from "./components/Accordion/types.js";
|
|
74
|
+
import { default as to } from "./patterns/UserManagement/UserManagement.js";
|
|
75
|
+
import { AuthState as ro } from "./patterns/UserManagement/types.js";
|
|
76
|
+
import { default as fo } from "./components/Breadcrumb/Breadcrumb.js";
|
|
75
77
|
import "react/jsx-runtime";
|
|
76
78
|
import "./node_modules/classnames/index.js";
|
|
77
|
-
import { default as
|
|
78
|
-
import { default as
|
|
79
|
-
import { default as
|
|
80
|
-
import { default as
|
|
81
|
-
import { HeightUnits as
|
|
82
|
-
import { default as
|
|
83
|
-
import { default as
|
|
84
|
-
import { default as
|
|
85
|
-
import { SeldonProvider as
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import { default as
|
|
91
|
-
import { default as
|
|
92
|
-
import { default as
|
|
93
|
-
import { DetailListAlignment as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as
|
|
99
|
-
import { default as
|
|
100
|
-
import { AuctionState as
|
|
101
|
-
import { default as
|
|
102
|
-
import { default as
|
|
103
|
-
import { default as
|
|
104
|
-
import { default as
|
|
105
|
-
import { default as
|
|
106
|
-
import { CountdownVariants as
|
|
107
|
-
import { default as
|
|
108
|
-
import { default as
|
|
109
|
-
import { default as
|
|
110
|
-
import { BidMessageVariants as
|
|
79
|
+
import { default as lo } from "./components/Dropdown/Dropdown.js";
|
|
80
|
+
import { default as po } from "./components/Video/Video.js";
|
|
81
|
+
import { default as xo } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
82
|
+
import { default as no } from "./components/ContentPeek/ContentPeek.js";
|
|
83
|
+
import { HeightUnits as co } from "./components/ContentPeek/utils.js";
|
|
84
|
+
import { default as So } from "./components/Collapsible/Collapsible.js";
|
|
85
|
+
import { default as Lo } from "./components/Collapsible/CollapsibleContent.js";
|
|
86
|
+
import { default as Io } from "./components/Collapsible/CollapsibleTrigger.js";
|
|
87
|
+
import { SeldonProvider as To } from "./providers/SeldonProvider/SeldonProvider.js";
|
|
88
|
+
import { default as Bo } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
89
|
+
import { default as ko } from "./components/Carousel/Carousel.js";
|
|
90
|
+
import { default as wo } from "./components/Carousel/CarouselContent.js";
|
|
91
|
+
import { default as yo } from "./components/Carousel/CarouselItem.js";
|
|
92
|
+
import { default as Do } from "./components/Carousel/CarouselDots.js";
|
|
93
|
+
import { default as No } from "./components/Detail/Detail.js";
|
|
94
|
+
import { default as Go } from "./patterns/DetailList/DetailList.js";
|
|
95
|
+
import { DetailListAlignment as Uo } from "./patterns/DetailList/types.js";
|
|
96
|
+
import { default as Wo } from "./components/PinchZoom/PinchZoom.js";
|
|
97
|
+
import { default as Yo } from "./components/Tabs/TabsContainer.js";
|
|
98
|
+
import { default as zo } from "./components/Tabs/TabsContent.js";
|
|
99
|
+
import { default as qo } from "./components/SeldonImage/SeldonImage.js";
|
|
100
|
+
import { default as Ko } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
|
|
101
|
+
import { default as _o } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
|
|
102
|
+
import { AuctionState as er } from "./patterns/SaleHeaderBanner/types.js";
|
|
103
|
+
import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
|
|
104
|
+
import { default as ar } from "./components/Filter/Filter.js";
|
|
105
|
+
import { default as sr } from "./components/Filter/FilterInput.js";
|
|
106
|
+
import { default as dr } from "./components/Filter/FilterHeader.js";
|
|
107
|
+
import { default as pr } from "./components/Countdown/Countdown.js";
|
|
108
|
+
import { CountdownVariants as xr } from "./components/Countdown/types.js";
|
|
109
|
+
import { default as nr } from "./patterns/ObjectTile/ObjectTile.js";
|
|
110
|
+
import { default as cr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
111
|
+
import { default as Sr } from "./patterns/BidSnapshot/BidMessage.js";
|
|
112
|
+
import { BidMessageVariants as Lr, BidStatusEnum as Pr } from "./patterns/BidSnapshot/types.js";
|
|
111
113
|
export {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
qt as Accordion,
|
|
115
|
+
Kt as AccordionItem,
|
|
116
|
+
_t as AccordionItemVariant,
|
|
117
|
+
$t as AccordionVariants,
|
|
116
118
|
S as AccountCircle,
|
|
117
119
|
L as ArrowPrev,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
120
|
+
er as AuctionState,
|
|
121
|
+
Ae as AuctionStatus,
|
|
122
|
+
ro as AuthState,
|
|
123
|
+
Sr as BidMessage,
|
|
124
|
+
Lr as BidMessageVariants,
|
|
125
|
+
cr as BidSnapshot,
|
|
126
|
+
Pr as BidStatusEnum,
|
|
127
|
+
fo as Breadcrumb,
|
|
128
|
+
ke as Button,
|
|
129
|
+
we as ButtonVariants,
|
|
127
130
|
I as Calendar,
|
|
128
131
|
T as CalendarAlt,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
ko as Carousel,
|
|
133
|
+
wo as CarouselContent,
|
|
134
|
+
Do as CarouselDots,
|
|
135
|
+
yo as CarouselItem,
|
|
136
|
+
B as ChevronDown,
|
|
137
|
+
k as ChevronNext,
|
|
135
138
|
w as ChevronRight,
|
|
136
139
|
y as Close,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
140
|
+
So as Collapsible,
|
|
141
|
+
Lo as CollapsibleContent,
|
|
142
|
+
Io as CollapsibleTrigger,
|
|
143
|
+
no as ContentPeek,
|
|
144
|
+
co as ContentPeekHeightUnits,
|
|
145
|
+
pr as Countdown,
|
|
146
|
+
xr as CountdownVariants,
|
|
147
|
+
No as Detail,
|
|
148
|
+
Go as DetailList,
|
|
149
|
+
Uo as DetailListAlignment,
|
|
150
|
+
yt as Drawer,
|
|
151
|
+
lo as Dropdown,
|
|
152
|
+
De as ErrorBoundary,
|
|
153
|
+
G as Facebook,
|
|
151
154
|
D as Favorite,
|
|
152
155
|
N as FavoriteOutline,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
156
|
+
ar as Filter,
|
|
157
|
+
dr as FilterHeader,
|
|
158
|
+
sr as FilterInput,
|
|
159
|
+
or as FilterMenu,
|
|
160
|
+
Ne as Footer,
|
|
161
|
+
U as FooterInstagram,
|
|
159
162
|
z as FooterWeChat,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
163
|
+
ne as GreenCircle,
|
|
164
|
+
Ge as Grid,
|
|
165
|
+
pt as GridItem,
|
|
166
|
+
xt as GridItemAlign,
|
|
167
|
+
Ue as Header,
|
|
168
|
+
Ke as HeroBanner,
|
|
169
|
+
ye as IconButton,
|
|
170
|
+
_e as Input,
|
|
167
171
|
q as Instagram,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
xo as LanguageSelector,
|
|
173
|
+
et as Link,
|
|
174
|
+
at as LinkBlock,
|
|
175
|
+
st as LinkList,
|
|
176
|
+
ot as LinkVariants,
|
|
177
|
+
W as LinkedIn,
|
|
174
178
|
K as Lock,
|
|
175
179
|
_ as Minus,
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
wt as Modal,
|
|
181
|
+
We as Navigation,
|
|
182
|
+
Ye as NavigationItem,
|
|
183
|
+
ze as NavigationItemTrigger,
|
|
184
|
+
qe as NavigationList,
|
|
185
|
+
nr as ObjectTile,
|
|
182
186
|
f as PaddingTokens,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
187
|
+
Se as Page,
|
|
188
|
+
Bo as PageContentWrapper,
|
|
189
|
+
Dt as Pagination,
|
|
186
190
|
ee as PhillipsLogo,
|
|
187
|
-
|
|
191
|
+
Wo as PinchZoom,
|
|
188
192
|
oe as Plus,
|
|
189
193
|
ae as React,
|
|
194
|
+
ce as RedCircle,
|
|
190
195
|
Y as Reddit,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
196
|
+
dt as Row,
|
|
197
|
+
Ie as SSRMediaQuery,
|
|
198
|
+
Ko as SaleHeaderBanner,
|
|
199
|
+
_o as SaleHeaderBrowseAuctions,
|
|
200
|
+
nt as Search,
|
|
201
|
+
qo as SeldonImage,
|
|
202
|
+
To as SeldonProvider,
|
|
203
|
+
ct as Select,
|
|
204
|
+
St as SelectVariants,
|
|
200
205
|
se as Share,
|
|
201
|
-
|
|
206
|
+
Bt as Social,
|
|
202
207
|
s as SpacingTokens,
|
|
203
|
-
|
|
208
|
+
Lt as SplitPanel,
|
|
204
209
|
de as Spotify,
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
210
|
+
Gt as StatefulViewingsList,
|
|
211
|
+
It as Subscribe,
|
|
212
|
+
Tt as SubscriptionState,
|
|
213
|
+
Be as SupportedLanguages,
|
|
214
|
+
Yo as TabsContainer,
|
|
215
|
+
zo as TabsContent,
|
|
216
|
+
Nt as TagsList,
|
|
217
|
+
Wt as Text,
|
|
218
|
+
Yt as TextSymbolVariants,
|
|
219
|
+
zt as TextSymbols,
|
|
220
|
+
Ut as TextVariants,
|
|
221
|
+
to as UserManagement,
|
|
222
|
+
po as Video,
|
|
223
|
+
kt as ViewingsList,
|
|
224
|
+
pe as WeChat,
|
|
220
225
|
xe as Youtube,
|
|
221
226
|
l as defaultYear,
|
|
222
227
|
d as emailValidation,
|
|
223
|
-
|
|
224
|
-
|
|
228
|
+
m as encodeURLSearchParams,
|
|
229
|
+
p as findChildrenExcludingTypes,
|
|
225
230
|
u as findChildrenOfType,
|
|
226
231
|
x as generatePaddingClassName,
|
|
227
|
-
|
|
228
|
-
|
|
232
|
+
i as getCommonProps,
|
|
233
|
+
n as noOp,
|
|
229
234
|
g as px,
|
|
230
|
-
|
|
235
|
+
be as ssrMediaQueryStyle,
|
|
231
236
|
c as useNormalizedInputProps,
|
|
232
|
-
|
|
237
|
+
Le as usePendingState
|
|
233
238
|
};
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { getCommonProps as
|
|
4
|
-
import { TextVariants as
|
|
5
|
-
import
|
|
6
|
-
import { BidMessageVariants as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsx as r, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import l from "../../node_modules/classnames/index.js";
|
|
3
|
+
import { getCommonProps as f } from "../../utils/index.js";
|
|
4
|
+
import { TextVariants as g } from "../../components/Text/types.js";
|
|
5
|
+
import d from "../../components/Text/Text.js";
|
|
6
|
+
import { BidMessageVariants as s } from "./types.js";
|
|
7
|
+
import "react";
|
|
8
|
+
import v from "../../assets/icon-green-circle.svg.js";
|
|
9
|
+
import x from "../../assets/icon-red-circle.svg.js";
|
|
10
|
+
const T = ({
|
|
11
|
+
className: e,
|
|
12
|
+
hasIcon: m = !0,
|
|
13
|
+
message: t,
|
|
14
|
+
variant: i = s.positive,
|
|
15
|
+
...o
|
|
13
16
|
}) => {
|
|
14
|
-
const { className:
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
const { className: a, ...n } = f(o, "BidMessage"), c = i === s.positive ? /* @__PURE__ */ r(v, {}) : /* @__PURE__ */ r(x, {});
|
|
18
|
+
return /* @__PURE__ */ p(d, { ...n, className: l(a, e), ...o, variant: g.string2, children: [
|
|
19
|
+
m ? c : null,
|
|
20
|
+
t
|
|
18
21
|
] });
|
|
19
22
|
};
|
|
20
23
|
export {
|
|
21
|
-
|
|
24
|
+
T as default
|
|
22
25
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
|
|
3
|
+
import { BidStatusEnum } from './types';
|
|
3
4
|
export interface BidSnapshotProps extends ComponentProps<'div'> {
|
|
4
5
|
/**
|
|
5
|
-
*
|
|
6
|
+
* The user's current bid state, winning or losing, etc.
|
|
6
7
|
*/
|
|
7
|
-
|
|
8
|
+
bidStatus?: BidStatusEnum;
|
|
8
9
|
/**
|
|
9
10
|
* State of the object
|
|
10
11
|
*/
|
|
@@ -1,64 +1,67 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
4
|
-
import { getCommonProps as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { AuctionStatus as
|
|
8
|
-
import
|
|
9
|
-
import { CountdownVariants as
|
|
10
|
-
|
|
1
|
+
import { jsxs as _, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as A } from "react";
|
|
3
|
+
import V from "../../node_modules/classnames/index.js";
|
|
4
|
+
import { getCommonProps as k, findChildrenOfType as q, findChildrenExcludingTypes as z } from "../../utils/index.js";
|
|
5
|
+
import F from "../DetailList/DetailList.js";
|
|
6
|
+
import G from "../../components/Detail/Detail.js";
|
|
7
|
+
import { AuctionStatus as a, SupportedLanguages as H } from "../../types/commonTypes.js";
|
|
8
|
+
import I from "../../components/Countdown/Countdown.js";
|
|
9
|
+
import { CountdownVariants as J } from "../../components/Countdown/types.js";
|
|
10
|
+
import { BidStatusEnum as g } from "./types.js";
|
|
11
|
+
import u from "./BidMessage.js";
|
|
12
|
+
const K = (o) => o === 1 ? `${o} bid` : `${o} bids`, Q = A(
|
|
11
13
|
({
|
|
12
|
-
|
|
13
|
-
auctionStatus: e =
|
|
14
|
-
bidsLabelText:
|
|
15
|
-
children:
|
|
16
|
-
className:
|
|
17
|
-
closingText:
|
|
18
|
-
currency:
|
|
19
|
-
currentBid:
|
|
20
|
-
currentBidText:
|
|
21
|
-
formatDurationStr:
|
|
22
|
-
lang:
|
|
23
|
-
lotCloseDate:
|
|
14
|
+
bidStatus: o,
|
|
15
|
+
auctionStatus: e = a.ready,
|
|
16
|
+
bidsLabelText: C = K,
|
|
17
|
+
children: m,
|
|
18
|
+
className: $,
|
|
19
|
+
closingText: b = "Closes in",
|
|
20
|
+
currency: v = "$",
|
|
21
|
+
currentBid: i,
|
|
22
|
+
currentBidText: y = "Current bid",
|
|
23
|
+
formatDurationStr: S = (s) => s.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
|
|
24
|
+
lang: T = "en",
|
|
25
|
+
lotCloseDate: d,
|
|
24
26
|
numberOfBids: p = 0,
|
|
25
|
-
startingBid:
|
|
26
|
-
startingBidText:
|
|
27
|
-
soldForText:
|
|
28
|
-
wonForText:
|
|
27
|
+
startingBid: x,
|
|
28
|
+
startingBidText: L = "Starting bid",
|
|
29
|
+
soldForText: N = "Sold for",
|
|
30
|
+
wonForText: w = "Won for",
|
|
29
31
|
...c
|
|
30
|
-
},
|
|
31
|
-
var
|
|
32
|
-
const { className:
|
|
33
|
-
[`${
|
|
34
|
-
[`${
|
|
32
|
+
}, W) => {
|
|
33
|
+
var h;
|
|
34
|
+
const { className: s, ...P } = k(c, "BidSnapshot"), n = i !== null && p > 0, j = o === g.Winning || o === g.Won, f = e === a.ready, t = e === a.live, B = e === a.past, D = t && d, E = q(m, u), M = z(m, [u]), R = V(s, $, {
|
|
35
|
+
[`${s}--live`]: t,
|
|
36
|
+
[`${s}--has-bids`]: n
|
|
35
37
|
});
|
|
36
|
-
let r =
|
|
37
|
-
return (
|
|
38
|
-
/* @__PURE__ */ l(
|
|
39
|
-
|
|
38
|
+
let r = y;
|
|
39
|
+
return (f || !n) && (r = L), B && n && (r = j ? w : N), /* @__PURE__ */ _("div", { ...P, ...c, ref: W, className: R, children: [
|
|
40
|
+
/* @__PURE__ */ l(F, { hasSeparators: !0, className: `${s}__text`, children: /* @__PURE__ */ l(
|
|
41
|
+
G,
|
|
40
42
|
{
|
|
41
43
|
label: r,
|
|
42
|
-
subLabel:
|
|
43
|
-
value: `${
|
|
44
|
+
subLabel: t && i && `(${C(p)})`,
|
|
45
|
+
value: `${v}${(h = i || x) == null ? void 0 : h.toLocaleString()}`,
|
|
44
46
|
hasWrap: !1
|
|
45
47
|
}
|
|
46
48
|
) }),
|
|
47
|
-
|
|
49
|
+
o && !f ? E : null,
|
|
50
|
+
M,
|
|
48
51
|
D ? /* @__PURE__ */ l(
|
|
49
|
-
|
|
52
|
+
I,
|
|
50
53
|
{
|
|
51
|
-
endDateTime:
|
|
52
|
-
label:
|
|
53
|
-
variant:
|
|
54
|
-
locale:
|
|
55
|
-
formatDurationStr:
|
|
54
|
+
endDateTime: d,
|
|
55
|
+
label: b,
|
|
56
|
+
variant: J.compact,
|
|
57
|
+
locale: H[T],
|
|
58
|
+
formatDurationStr: S
|
|
56
59
|
}
|
|
57
60
|
) : null
|
|
58
61
|
] });
|
|
59
62
|
}
|
|
60
63
|
);
|
|
61
|
-
|
|
64
|
+
Q.displayName = "BidSnapshot";
|
|
62
65
|
export {
|
|
63
|
-
|
|
66
|
+
Q as default
|
|
64
67
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BidSnapshotProps } from './BidSnapshot';
|
|
2
2
|
import { AuctionStatus } from '../../types/commonTypes';
|
|
3
|
+
import { BidStatusEnum } from './types';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
6
|
component: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -16,7 +17,6 @@ export default meta;
|
|
|
16
17
|
export declare const Playground: {
|
|
17
18
|
(props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
args: {
|
|
19
|
-
activeBid: number;
|
|
20
20
|
currency: string;
|
|
21
21
|
numberOfBids: number;
|
|
22
22
|
auctionStatus: AuctionStatus;
|
|
@@ -25,5 +25,12 @@ export declare const Playground: {
|
|
|
25
25
|
lang: import('date-fns').Locale;
|
|
26
26
|
startingBid: number;
|
|
27
27
|
};
|
|
28
|
-
argTypes: {
|
|
28
|
+
argTypes: {
|
|
29
|
+
bidStatus: {
|
|
30
|
+
options: typeof BidStatusEnum;
|
|
31
|
+
control: {
|
|
32
|
+
type: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
29
36
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
var
|
|
1
|
+
var o = /* @__PURE__ */ ((n) => (n.positive = "POSITIVE", n.negative = "NEGATIVE", n))(o || {}), r = /* @__PURE__ */ ((n) => (n.Winning = "winning", n.Losing = "losing", n.Won = "won", n.Lost = "lost", n))(r || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
o as BidMessageVariants,
|
|
4
|
+
r as BidStatusEnum
|
|
4
5
|
};
|