@phillips/seldon 1.169.1 → 1.169.3
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/index.js +98 -95
- package/dist/patterns/FiltersInline/index.d.ts +3 -1
- package/dist/patterns/SaleCard/SaleCard.d.ts +2 -2
- package/dist/patterns/SaleCard/SaleCard.js +13 -13
- package/dist/patterns/SaleCard/SaleCard.stories.d.ts +1 -0
- package/dist/scss/patterns/SaleCard/_saleCard.scss +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as
|
|
1
|
+
import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
|
|
2
2
|
import { default as C } from "./pages/Page.js";
|
|
3
|
-
import { SSRMediaQuery as P, ssrMediaQueryStyle as
|
|
4
|
-
import { usePendingState as
|
|
5
|
-
import { AuctionStatus as V, LotStatus as b, SupportedLanguages as
|
|
6
|
-
import { default as
|
|
7
|
-
import { ButtonVariants as
|
|
8
|
-
import { default as
|
|
3
|
+
import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
|
|
4
|
+
import { usePendingState as I } from "./utils/hooks.js";
|
|
5
|
+
import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
|
|
6
|
+
import { default as k } from "./components/Button/Button.js";
|
|
7
|
+
import { ButtonVariants as F } from "./components/Button/types.js";
|
|
8
|
+
import { default as D } from "./components/IconButton/IconButton.js";
|
|
9
9
|
import { default as M } from "./components/Accordion/Accordion.js";
|
|
10
10
|
import { default as E } from "./components/Accordion/AccordionItem.js";
|
|
11
11
|
import { AccordionItemVariant as U, AccordionVariants as O } from "./components/Accordion/types.js";
|
|
@@ -23,17 +23,17 @@ import { default as ae } from "./components/Collapsible/CollapsibleContent.js";
|
|
|
23
23
|
import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
|
|
24
24
|
import { default as de } from "./components/ContentPeek/ContentPeek.js";
|
|
25
25
|
import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
|
|
26
|
-
import { default as
|
|
26
|
+
import { default as ie } from "./components/Detail/Detail.js";
|
|
27
27
|
import { default as ne } from "./components/Drawer/Drawer.js";
|
|
28
28
|
import { default as ce } from "./components/Dropdown/Dropdown.js";
|
|
29
29
|
import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
30
30
|
import { Grid as Pe } from "./components/Grid/Grid.js";
|
|
31
|
-
import { default as
|
|
32
|
-
import { GridItemAlign as
|
|
31
|
+
import { default as Ae } from "./components/GridItem/GridItem.js";
|
|
32
|
+
import { GridItemAlign as Le } from "./components/GridItem/types.js";
|
|
33
33
|
import { default as be } from "./components/Input/Input.js";
|
|
34
|
-
import { default as
|
|
35
|
-
import { LinkVariants as
|
|
36
|
-
import { default as
|
|
34
|
+
import { default as he } from "./components/Link/Link.js";
|
|
35
|
+
import { LinkVariants as we } from "./components/Link/types.js";
|
|
36
|
+
import { default as ve } from "./components/LinkBlock/LinkBlock.js";
|
|
37
37
|
import { default as He } from "./components/LinkList/LinkList.js";
|
|
38
38
|
import { default as Ne } from "./components/Modal/Modal.js";
|
|
39
39
|
import { default as Ge } from "./components/Navigation/Navigation.js";
|
|
@@ -50,16 +50,16 @@ import { SelectVariants as at } from "./components/Select/types.js";
|
|
|
50
50
|
import { default as st } from "./components/SplitPanel/SplitPanel.js";
|
|
51
51
|
import { default as dt } from "./components/Tabs/TabsContainer.js";
|
|
52
52
|
import { default as pt } from "./components/Tabs/TabsContent.js";
|
|
53
|
-
import { Tag as
|
|
53
|
+
import { Tag as it, default as xt } from "./components/Tags/Tags.js";
|
|
54
54
|
import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
|
|
55
55
|
import { default as Ct } from "./components/Text/Text.js";
|
|
56
56
|
import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
57
|
+
import { default as At } from "./components/TextSymbol/TextSymbol.js";
|
|
58
|
+
import { default as Lt } from "./components/Video/Video.js";
|
|
59
59
|
import { default as bt } from "./patterns/DetailList/DetailList.js";
|
|
60
|
-
import { DetailListAlignment as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
60
|
+
import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
|
|
61
|
+
import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
|
|
62
|
+
import { default as vt } from "./patterns/HeroBanner/HeroBanner.js";
|
|
63
63
|
import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
64
64
|
import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
|
|
65
65
|
import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
|
|
@@ -76,51 +76,52 @@ import { default as ao } from "./components/ComposedModal/ComposedModal.js";
|
|
|
76
76
|
import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
|
|
77
77
|
import { default as mo } from "./components/Loader/Loader.js";
|
|
78
78
|
import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
79
|
-
import { default as
|
|
79
|
+
import { default as xo } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
|
|
80
80
|
import { default as go } from "./patterns/FiltersInline/FiltersInline.js";
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import { default as
|
|
86
|
-
import { default as ho } from "./site-furniture/
|
|
87
|
-
import { default as wo } from "./
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import { default as
|
|
93
|
-
import { default as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import { default as
|
|
103
|
-
import { default as
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import { default as
|
|
81
|
+
import { FilterButtonIconType as So, FilterButtonType as Co } from "./patterns/FiltersInline/types.js";
|
|
82
|
+
import { default as Po } from "./patterns/SaleCard/SaleCard.js";
|
|
83
|
+
import { SaleCardActions as Ao } from "./patterns/SaleCard/SaleCardActions.js";
|
|
84
|
+
import { SaleCardVariants as Lo } from "./patterns/SaleCard/types.js";
|
|
85
|
+
import { default as bo } from "./patterns/ViewingDetails/ViewingDetails.js";
|
|
86
|
+
import { default as ho } from "./site-furniture/Footer/Footer.js";
|
|
87
|
+
import { default as wo } from "./site-furniture/Header/Header.js";
|
|
88
|
+
import { default as vo } from "./components/AddToCalendar/AddToCalendar.js";
|
|
89
|
+
import { default as Ho } from "./components/Article/Article.js";
|
|
90
|
+
import { default as No } from "./components/Countdown/Countdown.js";
|
|
91
|
+
import { CountdownVariants as Go } from "./components/Countdown/types.js";
|
|
92
|
+
import { default as Oo } from "./components/Divider/Divider.js";
|
|
93
|
+
import { default as Qo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
|
|
94
|
+
import { default as zo } from "./components/Filter/Filter.js";
|
|
95
|
+
import { default as Yo } from "./components/Filter/FilterInput.js";
|
|
96
|
+
import { default as qo } from "./components/Filter/FilterHeader.js";
|
|
97
|
+
import { default as Ko } from "./components/Pictogram/Pictogram.js";
|
|
98
|
+
import { default as _o } from "./components/TextArea/TextArea.js";
|
|
99
|
+
import { default as er } from "./components/Toast/Toast.js";
|
|
100
|
+
import { ToastProvider as or } from "./components/Toast/ToastContextProvider.js";
|
|
101
|
+
import { useToast as ar } from "./components/Toast/useToast.js";
|
|
102
|
+
import { default as sr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
|
|
103
|
+
import { default as dr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
104
|
+
import { default as pr } from "./patterns/BidSnapshot/BidMessage.js";
|
|
105
|
+
import { BidMessageVariants as ir, BidStatusEnum as xr } from "./patterns/BidSnapshot/types.js";
|
|
106
|
+
import { default as gr } from "./patterns/FilterMenu/FilterMenu.js";
|
|
107
|
+
import { default as Sr } from "./patterns/ObjectTile/ObjectTile.js";
|
|
107
108
|
export {
|
|
108
109
|
M as Accordion,
|
|
109
110
|
E as AccordionItem,
|
|
110
111
|
U as AccordionItemVariant,
|
|
111
112
|
O as AccordionVariants,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
sr as AccountPageHeader,
|
|
114
|
+
vo as AddToCalendar,
|
|
115
|
+
Ho as Article,
|
|
115
116
|
V as AuctionStatus,
|
|
116
117
|
Yt as AuthState,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
pr as BidMessage,
|
|
119
|
+
ir as BidMessageVariants,
|
|
120
|
+
dr as BidSnapshot,
|
|
121
|
+
xr as BidStatusEnum,
|
|
121
122
|
Q as Breadcrumb,
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
k as Button,
|
|
124
|
+
F as ButtonVariants,
|
|
124
125
|
Y as Carousel,
|
|
125
126
|
q as CarouselArrows,
|
|
126
127
|
K as CarouselContent,
|
|
@@ -133,37 +134,39 @@ export {
|
|
|
133
134
|
ao as ComposedModal,
|
|
134
135
|
de as ContentPeek,
|
|
135
136
|
pe as ContentPeekHeightUnits,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
137
|
+
No as Countdown,
|
|
138
|
+
Go as CountdownVariants,
|
|
139
|
+
ie as Detail,
|
|
139
140
|
bt as DetailList,
|
|
140
|
-
|
|
141
|
-
|
|
141
|
+
ht as DetailListAlignment,
|
|
142
|
+
Oo as Divider,
|
|
142
143
|
ne as Drawer,
|
|
143
144
|
ce as Dropdown,
|
|
144
145
|
Ce as ErrorBoundary,
|
|
145
146
|
so as ExitGateCard,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
147
|
+
wt as FavoritesCollectionTile,
|
|
148
|
+
Qo as FavoritingTileButton,
|
|
149
|
+
zo as Filter,
|
|
150
|
+
So as FilterButtonIconType,
|
|
151
|
+
Co as FilterButtonType,
|
|
152
|
+
qo as FilterHeader,
|
|
153
|
+
Yo as FilterInput,
|
|
154
|
+
gr as FilterMenu,
|
|
152
155
|
go as FiltersInline,
|
|
153
|
-
|
|
156
|
+
ho as Footer,
|
|
154
157
|
Pe as Grid,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
158
|
+
Ae as GridItem,
|
|
159
|
+
Le as GridItemAlign,
|
|
160
|
+
wo as Header,
|
|
161
|
+
vt as HeroBanner,
|
|
159
162
|
z as Icon,
|
|
160
|
-
|
|
163
|
+
D as IconButton,
|
|
161
164
|
be as Input,
|
|
162
165
|
Ht as LanguageSelector,
|
|
163
|
-
|
|
164
|
-
|
|
166
|
+
he as Link,
|
|
167
|
+
ve as LinkBlock,
|
|
165
168
|
He as LinkList,
|
|
166
|
-
|
|
169
|
+
we as LinkVariants,
|
|
167
170
|
mo as Loader,
|
|
168
171
|
b as LotStatus,
|
|
169
172
|
Ne as Modal,
|
|
@@ -171,19 +174,19 @@ export {
|
|
|
171
174
|
Oe as NavigationItem,
|
|
172
175
|
Qe as NavigationItemTrigger,
|
|
173
176
|
ze as NavigationList,
|
|
174
|
-
|
|
177
|
+
Sr as ObjectTile,
|
|
175
178
|
a as PaddingTokens,
|
|
176
179
|
C as Page,
|
|
177
180
|
uo as PageContentWrapper,
|
|
178
181
|
Ye as Pagination,
|
|
179
|
-
|
|
180
|
-
|
|
182
|
+
xo as PhoneNumberPicker,
|
|
183
|
+
Ko as Pictogram,
|
|
181
184
|
qe as PinchZoom,
|
|
182
185
|
Ke as Row,
|
|
183
186
|
P as SSRMediaQuery,
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
+
Po as SaleCard,
|
|
188
|
+
Ao as SaleCardActions,
|
|
189
|
+
Lo as SaleCardVariants,
|
|
187
190
|
Nt as SaleHeaderBanner,
|
|
188
191
|
Gt as SaleHeaderBrowseAuctions,
|
|
189
192
|
_e as Search,
|
|
@@ -197,22 +200,22 @@ export {
|
|
|
197
200
|
Kt as StatefulViewingsList,
|
|
198
201
|
Qt as Subscribe,
|
|
199
202
|
zt as SubscriptionState,
|
|
200
|
-
|
|
203
|
+
y as SupportedLanguages,
|
|
201
204
|
dt as TabsContainer,
|
|
202
205
|
pt as TabsContent,
|
|
203
|
-
|
|
204
|
-
|
|
206
|
+
it as Tag,
|
|
207
|
+
xt as TagsList,
|
|
205
208
|
Ct as Text,
|
|
206
209
|
gt as TextAlignments,
|
|
207
|
-
|
|
210
|
+
_o as TextArea,
|
|
208
211
|
Pt as TextSymbolVariants,
|
|
209
|
-
|
|
212
|
+
At as TextSymbols,
|
|
210
213
|
ct as TextVariants,
|
|
211
|
-
|
|
212
|
-
|
|
214
|
+
er as Toast,
|
|
215
|
+
or as ToastProvider,
|
|
213
216
|
qt as UserManagement,
|
|
214
|
-
|
|
215
|
-
|
|
217
|
+
Lt as Video,
|
|
218
|
+
bo as ViewingDetails,
|
|
216
219
|
_t as ViewingsList,
|
|
217
220
|
s as defaultYear,
|
|
218
221
|
l as emailValidation,
|
|
@@ -220,12 +223,12 @@ export {
|
|
|
220
223
|
m as findChildrenExcludingTypes,
|
|
221
224
|
p as findChildrenOfType,
|
|
222
225
|
u as focusElementById,
|
|
223
|
-
|
|
224
|
-
|
|
226
|
+
i as generatePaddingClassName,
|
|
227
|
+
x as getCommonProps,
|
|
225
228
|
n as noOp,
|
|
226
229
|
g as px,
|
|
227
|
-
|
|
230
|
+
B as ssrMediaQueryStyle,
|
|
228
231
|
c as useNormalizedInputProps,
|
|
229
|
-
|
|
230
|
-
|
|
232
|
+
I as usePendingState,
|
|
233
|
+
ar as useToast
|
|
231
234
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
import { SaleCardVariants } from './types';
|
|
3
2
|
import { SaleCardActions } from './SaleCardActions';
|
|
3
|
+
import { SaleCardVariants } from './types';
|
|
4
4
|
/** * Props for the SaleCard component. */
|
|
5
5
|
export interface SaleCardProps extends ComponentProps<'div'> {
|
|
6
6
|
/** * The source URL of the image to be displayed. */
|
|
@@ -20,7 +20,7 @@ export interface SaleCardProps extends ComponentProps<'div'> {
|
|
|
20
20
|
/** * The text to be displayed for the modal link. */
|
|
21
21
|
modalButtonText?: string;
|
|
22
22
|
/** * The callback function to be executed when the modal link is clicked. */
|
|
23
|
-
modalButtonOnClick?: () => void;
|
|
23
|
+
modalButtonOnClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
24
24
|
/** * The variant of the SaleCard component.
|
|
25
25
|
* - 'default': The default style of the SaleCard component.
|
|
26
26
|
* - 'relatedSaleTile': A variant with a smaller image size and horizontal layout on mobile devices.
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import y from "../../
|
|
2
|
+
import E from "../../node_modules/classnames/index.js";
|
|
3
|
+
import { forwardRef as b } from "react";
|
|
4
|
+
import y from "../../components/Button/Button.js";
|
|
5
|
+
import { ButtonVariants as A } from "../../components/Button/types.js";
|
|
6
|
+
import L from "../../components/SeldonImage/SeldonImage.js";
|
|
5
7
|
import { TextVariants as e } from "../../components/Text/types.js";
|
|
6
8
|
import i from "../../components/Text/Text.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { ButtonVariants as T } from "../../components/Button/types.js";
|
|
10
|
-
import { SSRMediaQuery as x } from "../../providers/SeldonProvider/utils.js";
|
|
9
|
+
import { SSRMediaQuery as T } from "../../providers/SeldonProvider/utils.js";
|
|
10
|
+
import { getCommonProps as x } from "../../utils/index.js";
|
|
11
11
|
import { SaleCardVariants as d } from "./types.js";
|
|
12
|
-
const I =
|
|
12
|
+
const I = b(
|
|
13
13
|
({
|
|
14
14
|
className: p,
|
|
15
15
|
imageSrc: o,
|
|
@@ -25,11 +25,11 @@ const I = E(
|
|
|
25
25
|
children: g,
|
|
26
26
|
...c
|
|
27
27
|
}, u) => {
|
|
28
|
-
const { className: a, ...v } =
|
|
28
|
+
const { className: a, ...v } = x(c, "SaleCard"), S = E(a, p, {
|
|
29
29
|
[`${a}--${s}`]: s
|
|
30
30
|
}), C = { ...v, ...c };
|
|
31
31
|
return /* @__PURE__ */ m("article", { ...C, className: S, ref: u, children: [
|
|
32
|
-
o ? /* @__PURE__ */ r(
|
|
32
|
+
o ? /* @__PURE__ */ r(L, { src: o, alt: _, className: `${a}__image` }) : null,
|
|
33
33
|
/* @__PURE__ */ m("div", { className: `${a}__details`, children: [
|
|
34
34
|
/* @__PURE__ */ r(i, { variant: e.badge, className: `${a}__auction-type`, children: f }),
|
|
35
35
|
/* @__PURE__ */ r(i, { variant: e.title3, children: h }),
|
|
@@ -38,17 +38,17 @@ const I = E(
|
|
|
38
38
|
/* @__PURE__ */ r(i, { variant: e.string2, children: $ }),
|
|
39
39
|
/* @__PURE__ */ r(i, { variant: e.string2, children: N }),
|
|
40
40
|
n && l && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
|
|
41
|
-
|
|
41
|
+
y,
|
|
42
42
|
{
|
|
43
43
|
onClick: l,
|
|
44
|
-
variant:
|
|
44
|
+
variant: A.tertiary,
|
|
45
45
|
className: `${a}__modal-link-button`,
|
|
46
46
|
children: n
|
|
47
47
|
}
|
|
48
48
|
) })
|
|
49
49
|
] })
|
|
50
50
|
] }),
|
|
51
|
-
s !== d.RELATED_SALE_TILE && /* @__PURE__ */ r(
|
|
51
|
+
s !== d.RELATED_SALE_TILE && /* @__PURE__ */ r(T.Media, { greaterThanOrEqual: "md", children: g })
|
|
52
52
|
] });
|
|
53
53
|
}
|
|
54
54
|
);
|
|
@@ -21,3 +21,4 @@ export declare const SaleCardWithPrimaryCTA: () => import("react/jsx-runtime").J
|
|
|
21
21
|
export declare const SaleCardWithSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export declare const SaleCardWithDownloadLink: () => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
export declare const SaleCardNoCTA: () => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const SaleCardWithLink: () => import("react/jsx-runtime").JSX.Element;
|