@phillips/seldon 1.165.0 → 1.166.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.
Files changed (5) hide show
  1. package/dist/components/ComposedModal/ComposedModal.js +66 -0
  2. package/dist/index.d.ts +4 -2
  3. package/dist/index.js +86 -82
  4. package/dist/patterns/ViewingDetails/ViewingDetails.js +41 -0
  5. package/package.json +1 -1
package/dist/components/ComposedModal/ComposedModal.js ADDED
@@ -0,0 +1,66 @@
1
+ import { jsxs as s, jsx as i, Fragment as $ } from "react/jsx-runtime";
2
+ import C from "../../node_modules/classnames/index.js";
3
+ import { forwardRef as g } from "react";
4
+ import { getCommonProps as x, noOp as k } from "../../utils/index.js";
5
+ import d from "../Button/Button.js";
6
+ import { ButtonVariants as t } from "../Button/types.js";
7
+ import M from "../Divider/Divider.js";
8
+ import y from "../Modal/Modal.js";
9
+ import { TextVariants as n } from "../Text/types.js";
10
+ import c from "../Text/Text.js";
11
+ const j = g(
12
+ ({
13
+ children: p,
14
+ className: f,
15
+ overlayClassName: L,
16
+ isOpen: h = !1,
17
+ onClose: v = k,
18
+ maxHeightValue: b = "60vh",
19
+ title: N,
20
+ footerContent: o,
21
+ secondaryButton: r,
22
+ primaryButton: e,
23
+ id: m,
24
+ ...l
25
+ }) => {
26
+ const {
27
+ className: a,
28
+ "data-testid": P,
29
+ ..._
30
+ } = x({ id: m, ...l }, "ComposedModal");
31
+ return /* @__PURE__ */ s(
32
+ y,
33
+ {
34
+ isOpen: h,
35
+ onClose: v,
36
+ ...l,
37
+ ..._,
38
+ className: C(`${a}`, f),
39
+ id: m,
40
+ children: [
41
+ /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__title`, children: N }),
42
+ /* @__PURE__ */ i(
43
+ "div",
44
+ {
45
+ className: `${a}__body`,
46
+ style: { "--max-modal-body-height": b },
47
+ children: p
48
+ }
49
+ ),
50
+ (r || e || o) && /* @__PURE__ */ s($, { children: [
51
+ /* @__PURE__ */ i(M, { className: `${a}__divider`, id: `${m}-divider` }),
52
+ /* @__PURE__ */ s("div", { className: `${a}__btns-group`, children: [
53
+ r && /* @__PURE__ */ i(d, { id: `${m}-secondary-btn`, variant: t.secondary, onClick: r.onClick, children: r.buttonLabel }),
54
+ e && /* @__PURE__ */ i(d, { id: `${m}-primary-btn`, variant: t.primary, onClick: e.onClick, children: e.buttonLabel })
55
+ ] }),
56
+ o && /* @__PURE__ */ i(c, { variant: n.heading5, className: `${a}__disclaimer`, children: o })
57
+ ] })
58
+ ]
59
+ }
60
+ );
61
+ }
62
+ );
63
+ j.displayName = "ComposedModal";
64
+ export {
65
+ j as default
66
+ };
package/dist/index.d.ts CHANGED
@@ -56,17 +56,19 @@ export { default as ViewingsList, type ViewingsListProps } from './patterns/View
56
56
  export * from './providers/SeldonProvider/SeldonProvider';
57
57
  export * from './components/Carousel';
58
58
  export * from './components/ComboBox';
59
- export * from './components/PhoneNumberPicker';
59
+ export * from './components/ComposedModal';
60
60
  export * from './components/Detail';
61
61
  export * from './components/ExitGateCard';
62
62
  export * from './components/Loader';
63
63
  export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
64
+ export * from './components/PhoneNumberPicker';
64
65
  export * from './components/PinchZoom';
65
66
  export * from './components/SeldonImage';
66
67
  export * from './components/Tabs';
67
68
  export * from './patterns/DetailList';
68
- export * from './patterns/SaleHeaderBanner';
69
69
  export * from './patterns/SaleCard';
70
+ export * from './patterns/SaleHeaderBanner';
71
+ export * from './patterns/ViewingDetails';
70
72
  export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
71
73
  export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
72
74
  export * from './types/commonTypes';
package/dist/index.js CHANGED
@@ -2,11 +2,11 @@ import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidati
2
2
  import { default as C } from "./pages/Page.js";
3
3
  import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
4
4
  import { usePendingState as L } from "./utils/hooks.js";
5
- import { AuctionStatus as I, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
6
- import { default as v } from "./components/Button/Button.js";
5
+ import { AuctionStatus as b, LotStatus as I, SupportedLanguages as h } from "./types/commonTypes.js";
6
+ import { default as w } from "./components/Button/Button.js";
7
7
  import { ButtonVariants as y } from "./components/Button/types.js";
8
- import { default as D } from "./components/IconButton/IconButton.js";
9
- import { default as M } from "./components/Accordion/Accordion.js";
8
+ import { default as H } from "./components/IconButton/IconButton.js";
9
+ import { default as F } 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";
12
12
  import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
@@ -29,12 +29,12 @@ 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
31
  import { default as Be } from "./components/GridItem/GridItem.js";
32
- import { GridItemAlign as be } from "./components/GridItem/types.js";
33
- import { default as Ve } from "./components/Input/Input.js";
32
+ import { GridItemAlign as Ve } from "./components/GridItem/types.js";
33
+ import { default as Ie } from "./components/Input/Input.js";
34
34
  import { default as ke } from "./components/Link/Link.js";
35
- import { LinkVariants as we } from "./components/Link/types.js";
36
- import { default as He } from "./components/LinkBlock/LinkBlock.js";
37
- import { default as Fe } from "./components/LinkList/LinkList.js";
35
+ import { LinkVariants as ve } from "./components/Link/types.js";
36
+ import { default as De } from "./components/LinkBlock/LinkBlock.js";
37
+ import { default as Me } 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";
40
40
  import { default as Oe } from "./components/Navigation/NavigationItem/NavigationItem.js";
@@ -55,12 +55,12 @@ import { TextAlignments as gt, TextVariants as ct } from "./components/Text/type
55
55
  import { default as Ct } from "./components/Text/Text.js";
56
56
  import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
57
57
  import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
58
- import { default as bt } from "./components/Video/Video.js";
59
- import { default as Vt } from "./patterns/DetailList/DetailList.js";
58
+ import { default as Vt } from "./components/Video/Video.js";
59
+ import { default as It } from "./patterns/DetailList/DetailList.js";
60
60
  import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
61
- import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
62
- import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
63
- import { default as Ft } from "./patterns/LanguageSelector/LanguageSelector.js";
61
+ import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
62
+ import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
63
+ import { default as Mt } 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";
66
66
  import { default as Ot } from "./patterns/Social/Social.js";
@@ -72,51 +72,53 @@ import { default as Kt } from "./patterns/ViewingsList/StatefulViewingsList.js";
72
72
  import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
73
73
  import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
74
74
  import { default as oo } from "./components/ComboBox/ComboBox.js";
75
- import { default as ao } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
75
+ 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 io } from "./patterns/SaleCard/SaleCard.js";
80
- import { SaleCardActions as go } from "./patterns/SaleCard/SaleCardActions.js";
81
- import { SaleCardVariants as So } from "./patterns/SaleCard/types.js";
82
- import { default as To } from "./site-furniture/Footer/Footer.js";
83
- import { default as Ao } from "./site-furniture/Header/Header.js";
84
- import { default as Lo } from "./components/AddToCalendar/AddToCalendar.js";
85
- import { default as Io } from "./components/Article/Article.js";
86
- import { default as ho } from "./components/Countdown/Countdown.js";
87
- import { CountdownVariants as vo } from "./components/Countdown/types.js";
88
- import { default as yo } from "./components/Divider/Divider.js";
89
- import { default as Do } from "./components/FavoritingTileButton/FavoritingTileButton.js";
90
- import { default as Mo } from "./components/Filter/Filter.js";
91
- import { default as Eo } from "./components/Filter/FilterInput.js";
92
- import { default as Uo } from "./components/Filter/FilterHeader.js";
93
- import { default as Ro } from "./components/Pictogram/Pictogram.js";
94
- import { default as jo } from "./components/TextArea/TextArea.js";
95
- import { default as Wo } from "./components/Toast/Toast.js";
96
- import { ToastProvider as Zo } from "./components/Toast/ToastContextProvider.js";
97
- import { useToast as Jo } from "./components/Toast/useToast.js";
98
- import { default as Xo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
99
- import { default as $o } from "./patterns/BidSnapshot/BidSnapshot.js";
100
- import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
101
- import { BidMessageVariants as rr, BidStatusEnum as ar } from "./patterns/BidSnapshot/types.js";
102
- import { default as sr } from "./patterns/FilterMenu/FilterMenu.js";
103
- import { default as dr } from "./patterns/ObjectTile/ObjectTile.js";
79
+ import { default as io } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
80
+ import { default as go } from "./patterns/SaleCard/SaleCard.js";
81
+ import { SaleCardActions as So } from "./patterns/SaleCard/SaleCardActions.js";
82
+ import { SaleCardVariants as To } from "./patterns/SaleCard/types.js";
83
+ import { default as Ao } from "./patterns/ViewingDetails/ViewingDetails.js";
84
+ import { default as Lo } from "./site-furniture/Footer/Footer.js";
85
+ import { default as bo } from "./site-furniture/Header/Header.js";
86
+ import { default as ho } from "./components/AddToCalendar/AddToCalendar.js";
87
+ import { default as wo } from "./components/Article/Article.js";
88
+ import { default as yo } from "./components/Countdown/Countdown.js";
89
+ import { CountdownVariants as Ho } from "./components/Countdown/types.js";
90
+ import { default as Fo } from "./components/Divider/Divider.js";
91
+ import { default as Eo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
92
+ import { default as Uo } from "./components/Filter/Filter.js";
93
+ import { default as Ro } from "./components/Filter/FilterInput.js";
94
+ import { default as jo } from "./components/Filter/FilterHeader.js";
95
+ import { default as Wo } from "./components/Pictogram/Pictogram.js";
96
+ import { default as Zo } from "./components/TextArea/TextArea.js";
97
+ import { default as Jo } from "./components/Toast/Toast.js";
98
+ import { ToastProvider as Xo } from "./components/Toast/ToastContextProvider.js";
99
+ import { useToast as $o } from "./components/Toast/useToast.js";
100
+ import { default as tr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
101
+ import { default as rr } from "./patterns/BidSnapshot/BidSnapshot.js";
102
+ import { default as fr } from "./patterns/BidSnapshot/BidMessage.js";
103
+ import { BidMessageVariants as lr, BidStatusEnum as dr } from "./patterns/BidSnapshot/types.js";
104
+ import { default as pr } from "./patterns/FilterMenu/FilterMenu.js";
105
+ import { default as xr } from "./patterns/ObjectTile/ObjectTile.js";
104
106
  export {
105
- M as Accordion,
107
+ F as Accordion,
106
108
  E as AccordionItem,
107
109
  U as AccordionItemVariant,
108
110
  O as AccordionVariants,
109
- Xo as AccountPageHeader,
110
- Lo as AddToCalendar,
111
- Io as Article,
112
- I as AuctionStatus,
111
+ tr as AccountPageHeader,
112
+ ho as AddToCalendar,
113
+ wo as Article,
114
+ b as AuctionStatus,
113
115
  Yt as AuthState,
114
- tr as BidMessage,
115
- rr as BidMessageVariants,
116
- $o as BidSnapshot,
117
- ar as BidStatusEnum,
116
+ fr as BidMessage,
117
+ lr as BidMessageVariants,
118
+ rr as BidSnapshot,
119
+ dr as BidStatusEnum,
118
120
  Q as Breadcrumb,
119
- v as Button,
121
+ w as Button,
120
122
  y as ButtonVariants,
121
123
  Y as Carousel,
122
124
  q as CarouselArrows,
@@ -127,58 +129,59 @@ export {
127
129
  ae as CollapsibleContent,
128
130
  se as CollapsibleTrigger,
129
131
  oo as ComboBox,
132
+ ao as ComposedModal,
130
133
  de as ContentPeek,
131
134
  pe as ContentPeekHeightUnits,
132
- ho as Countdown,
133
- vo as CountdownVariants,
135
+ yo as Countdown,
136
+ Ho as CountdownVariants,
134
137
  xe as Detail,
135
- Vt as DetailList,
138
+ It as DetailList,
136
139
  kt as DetailListAlignment,
137
- yo as Divider,
140
+ Fo as Divider,
138
141
  ne as Drawer,
139
142
  ce as Dropdown,
140
143
  Ce as ErrorBoundary,
141
144
  so as ExitGateCard,
142
- wt as FavoritesCollectionTile,
143
- Do as FavoritingTileButton,
144
- Mo as Filter,
145
- Uo as FilterHeader,
146
- Eo as FilterInput,
147
- sr as FilterMenu,
148
- To as Footer,
145
+ vt as FavoritesCollectionTile,
146
+ Eo as FavoritingTileButton,
147
+ Uo as Filter,
148
+ jo as FilterHeader,
149
+ Ro as FilterInput,
150
+ pr as FilterMenu,
151
+ Lo as Footer,
149
152
  Pe as Grid,
150
153
  Be as GridItem,
151
- be as GridItemAlign,
152
- Ao as Header,
153
- Ht as HeroBanner,
154
+ Ve as GridItemAlign,
155
+ bo as Header,
156
+ Dt as HeroBanner,
154
157
  z as Icon,
155
- D as IconButton,
156
- Ve as Input,
157
- Ft as LanguageSelector,
158
+ H as IconButton,
159
+ Ie as Input,
160
+ Mt as LanguageSelector,
158
161
  ke as Link,
159
- He as LinkBlock,
160
- Fe as LinkList,
161
- we as LinkVariants,
162
+ De as LinkBlock,
163
+ Me as LinkList,
164
+ ve as LinkVariants,
162
165
  mo as Loader,
163
- V as LotStatus,
166
+ I as LotStatus,
164
167
  Ne as Modal,
165
168
  Ge as Navigation,
166
169
  Oe as NavigationItem,
167
170
  Qe as NavigationItemTrigger,
168
171
  ze as NavigationList,
169
- dr as ObjectTile,
172
+ xr as ObjectTile,
170
173
  a as PaddingTokens,
171
174
  C as Page,
172
175
  uo as PageContentWrapper,
173
176
  Ye as Pagination,
174
- ao as PhoneNumberPicker,
175
- Ro as Pictogram,
177
+ io as PhoneNumberPicker,
178
+ Wo as Pictogram,
176
179
  qe as PinchZoom,
177
180
  Ke as Row,
178
181
  P as SSRMediaQuery,
179
- io as SaleCard,
180
- go as SaleCardActions,
181
- So as SaleCardVariants,
182
+ go as SaleCard,
183
+ So as SaleCardActions,
184
+ To as SaleCardVariants,
182
185
  Nt as SaleHeaderBanner,
183
186
  Gt as SaleHeaderBrowseAuctions,
184
187
  _e as Search,
@@ -199,14 +202,15 @@ export {
199
202
  it as TagsList,
200
203
  Ct as Text,
201
204
  gt as TextAlignments,
202
- jo as TextArea,
205
+ Zo as TextArea,
203
206
  Pt as TextSymbolVariants,
204
207
  Bt as TextSymbols,
205
208
  ct as TextVariants,
206
- Wo as Toast,
207
- Zo as ToastProvider,
209
+ Jo as Toast,
210
+ Xo as ToastProvider,
208
211
  qt as UserManagement,
209
- bt as Video,
212
+ Vt as Video,
213
+ Ao as ViewingDetails,
210
214
  _t as ViewingsList,
211
215
  s as defaultYear,
212
216
  l as emailValidation,
@@ -221,5 +225,5 @@ export {
221
225
  A as ssrMediaQueryStyle,
222
226
  c as useNormalizedInputProps,
223
227
  L as usePendingState,
224
- Jo as useToast
228
+ $o as useToast
225
229
  };
package/dist/patterns/ViewingDetails/ViewingDetails.js ADDED
@@ -0,0 +1,41 @@
1
+ import { jsx as a, jsxs as _ } from "react/jsx-runtime";
2
+ import $ from "../../node_modules/classnames/index.js";
3
+ import { forwardRef as b } from "react";
4
+ import "../../components/Link/types.js";
5
+ import g from "../../components/Link/Link.js";
6
+ import { TextVariants as i } from "../../components/Text/types.js";
7
+ import l from "../../components/Text/Text.js";
8
+ import { getCommonProps as x } from "../../utils/index.js";
9
+ const y = b(
10
+ ({
11
+ className: p,
12
+ children: m,
13
+ label: o,
14
+ sessionTimesLabel: s,
15
+ sessionTimes: n,
16
+ viewingTimes: t,
17
+ location: c,
18
+ mapLink: d,
19
+ onClose: V,
20
+ linkElement: f = g,
21
+ ...h
22
+ }, N) => {
23
+ const { className: r, ...v } = x(h, "ViewingDetails");
24
+ return /* @__PURE__ */ a("div", { ...v, ...h, className: $(r, p), ref: N, children: /* @__PURE__ */ _("div", { className: `${r}__content`, children: [
25
+ m && /* @__PURE__ */ a("div", { className: `${r}__children`, children: m }),
26
+ s && /* @__PURE__ */ a(l, { variant: i.heading4, children: s }),
27
+ n && n.length > 0 && n.map((e) => /* @__PURE__ */ _("div", { children: [
28
+ e.sessionLabel && /* @__PURE__ */ a(l, { variant: i.heading5, className: `${r}__label`, children: e.sessionLabel }),
29
+ e.sessionTime && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__text`, children: e.sessionTime })
30
+ ] }, `${e.sessionLabel ?? ""}-${e.sessionTime ?? ""}`)),
31
+ o && /* @__PURE__ */ a(l, { variant: i.heading4, children: o }),
32
+ t && t.length > 0 && t.map((e) => /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__label`, children: e }, e)),
33
+ c && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__location`, children: c }),
34
+ d && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__map-link`, children: /* @__PURE__ */ a(f, { href: d, children: "(Map)" }) })
35
+ ] }) });
36
+ }
37
+ );
38
+ y.displayName = "ViewingDetails";
39
+ export {
40
+ y as default
41
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.165.0",
3
+ "version": "1.166.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"