@phillips/seldon 1.165.0 → 1.167.0

package/dist/components/ComposedModal/ComposedModal.js

@@ -0,0 +1,66 @@
+import { jsxs as s, jsx as i, Fragment as $ } from "react/jsx-runtime";
+import C from "../../node_modules/classnames/index.js";
+import { forwardRef as g } from "react";
+import { getCommonProps as x, noOp as k } from "../../utils/index.js";
+import d from "../Button/Button.js";
+import { ButtonVariants as t } from "../Button/types.js";
+import M from "../Divider/Divider.js";
+import y from "../Modal/Modal.js";
+import { TextVariants as n } from "../Text/types.js";
+import c from "../Text/Text.js";
+const j = g(
+  ({
+    children: p,
+    className: f,
+    overlayClassName: L,
+    isOpen: h = !1,
+    onClose: v = k,
+    maxHeightValue: b = "60vh",
+    title: N,
+    footerContent: o,
+    secondaryButton: r,
+    primaryButton: e,
+    id: m,
+    ...l
+  }) => {
+    const {
+      className: a,
+      "data-testid": P,
+      ..._
+    } = x({ id: m, ...l }, "ComposedModal");
+    return /* @__PURE__ */ s(
+      y,
+      {
+        isOpen: h,
+        onClose: v,
+        ...l,
+        ..._,
+        className: C(`${a}`, f),
+        id: m,
+        children: [
+          /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__title`, children: N }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: `${a}__body`,
+              style: { "--max-modal-body-height": b },
+              children: p
+            }
+          ),
+          (r || e || o) && /* @__PURE__ */ s($, { children: [
+            /* @__PURE__ */ i(M, { className: `${a}__divider`, id: `${m}-divider` }),
+            /* @__PURE__ */ s("div", { className: `${a}__btns-group`, children: [
+              r && /* @__PURE__ */ i(d, { id: `${m}-secondary-btn`, variant: t.secondary, onClick: r.onClick, children: r.buttonLabel }),
+              e && /* @__PURE__ */ i(d, { id: `${m}-primary-btn`, variant: t.primary, onClick: e.onClick, children: e.buttonLabel })
+            ] }),
+            o && /* @__PURE__ */ i(c, { variant: n.heading5, className: `${a}__disclaimer`, children: o })
+          ] })
+        ]
+      }
+    );
+  }
+);
+j.displayName = "ComposedModal";
+export {
+  j as default
+};

package/dist/index.d.ts

@@ -56,17 +56,19 @@ export { default as ViewingsList, type ViewingsListProps } from './patterns/View
 export * from './providers/SeldonProvider/SeldonProvider';
 export * from './components/Carousel';
 export * from './components/ComboBox';
-export * from './components/PhoneNumberPicker';
+export * from './components/ComposedModal';
 export * from './components/Detail';
 export * from './components/ExitGateCard';
 export * from './components/Loader';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
+export * from './components/PhoneNumberPicker';
 export * from './components/PinchZoom';
 export * from './components/SeldonImage';
 export * from './components/Tabs';
 export * from './patterns/DetailList';
-export * from './patterns/SaleHeaderBanner';
 export * from './patterns/SaleCard';
+export * from './patterns/SaleHeaderBanner';
+export * from './patterns/ViewingDetails';
 export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
 export * from './types/commonTypes';

package/dist/index.js

@@ -2,11 +2,11 @@ import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidati
 import { default as C } from "./pages/Page.js";
 import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as L } from "./utils/hooks.js";
-import { AuctionStatus as I, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
-import { default as v } from "./components/Button/Button.js";
+import { AuctionStatus as b, LotStatus as I, SupportedLanguages as h } from "./types/commonTypes.js";
+import { default as w } from "./components/Button/Button.js";
 import { ButtonVariants as y } from "./components/Button/types.js";
-import { default as D } from "./components/IconButton/IconButton.js";
-import { default as M } from "./components/Accordion/Accordion.js";
+import { default as H } from "./components/IconButton/IconButton.js";
+import { default as F } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
 import { AccordionItemVariant as U, AccordionVariants as O } from "./components/Accordion/types.js";
 import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
@@ -29,12 +29,12 @@ import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { Grid as Pe } from "./components/Grid/Grid.js";
 import { default as Be } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as be } from "./components/GridItem/types.js";
-import { default as Ve } from "./components/Input/Input.js";
+import { GridItemAlign as Ve } from "./components/GridItem/types.js";
+import { default as Ie } from "./components/Input/Input.js";
 import { default as ke } from "./components/Link/Link.js";
-import { LinkVariants as we } from "./components/Link/types.js";
-import { default as He } from "./components/LinkBlock/LinkBlock.js";
-import { default as Fe } from "./components/LinkList/LinkList.js";
+import { LinkVariants as ve } from "./components/Link/types.js";
+import { default as De } from "./components/LinkBlock/LinkBlock.js";
+import { default as Me } from "./components/LinkList/LinkList.js";
 import { default as Ne } from "./components/Modal/Modal.js";
 import { default as Ge } from "./components/Navigation/Navigation.js";
 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
 import { default as Ct } from "./components/Text/Text.js";
 import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
 import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
-import { default as bt } from "./components/Video/Video.js";
-import { default as Vt } from "./patterns/DetailList/DetailList.js";
+import { default as Vt } from "./components/Video/Video.js";
+import { default as It } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
-import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Ft } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as Mt } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
 import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
 import { default as Ot } from "./patterns/Social/Social.js";
@@ -72,51 +72,53 @@ import { default as Kt } from "./patterns/ViewingsList/StatefulViewingsList.js";
 import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
 import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as oo } from "./components/ComboBox/ComboBox.js";
-import { default as ao } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
+import { default as ao } from "./components/ComposedModal/ComposedModal.js";
 import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as mo } from "./components/Loader/Loader.js";
 import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as io } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as go } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardVariants as So } from "./patterns/SaleCard/types.js";
-import { default as To } from "./site-furniture/Footer/Footer.js";
-import { default as Ao } from "./site-furniture/Header/Header.js";
-import { default as Lo } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as Io } from "./components/Article/Article.js";
-import { default as ho } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as vo } from "./components/Countdown/types.js";
-import { default as yo } from "./components/Divider/Divider.js";
-import { default as Do } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Mo } from "./components/Filter/Filter.js";
-import { default as Eo } from "./components/Filter/FilterInput.js";
-import { default as Uo } from "./components/Filter/FilterHeader.js";
-import { default as Ro } from "./components/Pictogram/Pictogram.js";
-import { default as jo } from "./components/TextArea/TextArea.js";
-import { default as Wo } from "./components/Toast/Toast.js";
-import { ToastProvider as Zo } from "./components/Toast/ToastContextProvider.js";
-import { useToast as Jo } from "./components/Toast/useToast.js";
-import { default as Xo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as $o } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as rr, BidStatusEnum as ar } from "./patterns/BidSnapshot/types.js";
-import { default as sr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as dr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as io } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
+import { default as go } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as So } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardVariants as To } from "./patterns/SaleCard/types.js";
+import { default as Ao } from "./patterns/ViewingDetails/ViewingDetails.js";
+import { default as Lo } from "./site-furniture/Footer/Footer.js";
+import { default as bo } from "./site-furniture/Header/Header.js";
+import { default as ho } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as wo } from "./components/Article/Article.js";
+import { default as yo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Ho } from "./components/Countdown/types.js";
+import { default as Fo } from "./components/Divider/Divider.js";
+import { default as Eo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as Uo } from "./components/Filter/Filter.js";
+import { default as Ro } from "./components/Filter/FilterInput.js";
+import { default as jo } from "./components/Filter/FilterHeader.js";
+import { default as Wo } from "./components/Pictogram/Pictogram.js";
+import { default as Zo } from "./components/TextArea/TextArea.js";
+import { default as Jo } from "./components/Toast/Toast.js";
+import { ToastProvider as Xo } from "./components/Toast/ToastContextProvider.js";
+import { useToast as $o } from "./components/Toast/useToast.js";
+import { default as tr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as rr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as fr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as lr, BidStatusEnum as dr } from "./patterns/BidSnapshot/types.js";
+import { default as pr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as xr } from "./patterns/ObjectTile/ObjectTile.js";
 export {
-  M as Accordion,
+  F as Accordion,
   E as AccordionItem,
   U as AccordionItemVariant,
   O as AccordionVariants,
-  Xo as AccountPageHeader,
-  Lo as AddToCalendar,
-  Io as Article,
-  I as AuctionStatus,
+  tr as AccountPageHeader,
+  ho as AddToCalendar,
+  wo as Article,
+  b as AuctionStatus,
   Yt as AuthState,
-  tr as BidMessage,
-  rr as BidMessageVariants,
-  $o as BidSnapshot,
-  ar as BidStatusEnum,
+  fr as BidMessage,
+  lr as BidMessageVariants,
+  rr as BidSnapshot,
+  dr as BidStatusEnum,
   Q as Breadcrumb,
-  v as Button,
+  w as Button,
   y as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
@@ -127,58 +129,59 @@ export {
   ae as CollapsibleContent,
   se as CollapsibleTrigger,
   oo as ComboBox,
+  ao as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  ho as Countdown,
-  vo as CountdownVariants,
+  yo as Countdown,
+  Ho as CountdownVariants,
   xe as Detail,
-  Vt as DetailList,
+  It as DetailList,
   kt as DetailListAlignment,
-  yo as Divider,
+  Fo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   so as ExitGateCard,
-  wt as FavoritesCollectionTile,
-  Do as FavoritingTileButton,
-  Mo as Filter,
-  Uo as FilterHeader,
-  Eo as FilterInput,
-  sr as FilterMenu,
-  To as Footer,
+  vt as FavoritesCollectionTile,
+  Eo as FavoritingTileButton,
+  Uo as Filter,
+  jo as FilterHeader,
+  Ro as FilterInput,
+  pr as FilterMenu,
+  Lo as Footer,
   Pe as Grid,
   Be as GridItem,
-  be as GridItemAlign,
-  Ao as Header,
-  Ht as HeroBanner,
+  Ve as GridItemAlign,
+  bo as Header,
+  Dt as HeroBanner,
   z as Icon,
-  D as IconButton,
-  Ve as Input,
-  Ft as LanguageSelector,
+  H as IconButton,
+  Ie as Input,
+  Mt as LanguageSelector,
   ke as Link,
-  He as LinkBlock,
-  Fe as LinkList,
-  we as LinkVariants,
+  De as LinkBlock,
+  Me as LinkList,
+  ve as LinkVariants,
   mo as Loader,
-  V as LotStatus,
+  I as LotStatus,
   Ne as Modal,
   Ge as Navigation,
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  dr as ObjectTile,
+  xr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   uo as PageContentWrapper,
   Ye as Pagination,
-  ao as PhoneNumberPicker,
-  Ro as Pictogram,
+  io as PhoneNumberPicker,
+  Wo as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
-  io as SaleCard,
-  go as SaleCardActions,
-  So as SaleCardVariants,
+  go as SaleCard,
+  So as SaleCardActions,
+  To as SaleCardVariants,
   Nt as SaleHeaderBanner,
   Gt as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -199,14 +202,15 @@ export {
   it as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  jo as TextArea,
+  Zo as TextArea,
   Pt as TextSymbolVariants,
   Bt as TextSymbols,
   ct as TextVariants,
-  Wo as Toast,
-  Zo as ToastProvider,
+  Jo as Toast,
+  Xo as ToastProvider,
   qt as UserManagement,
-  bt as Video,
+  Vt as Video,
+  Ao as ViewingDetails,
   _t as ViewingsList,
   s as defaultYear,
   l as emailValidation,
@@ -221,5 +225,5 @@ export {
   A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   L as usePendingState,
-  Jo as useToast
+  $o as useToast
 };

package/dist/patterns/ViewingDetails/ViewingDetails.js

@@ -0,0 +1,41 @@
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import $ from "../../node_modules/classnames/index.js";
+import { forwardRef as b } from "react";
+import "../../components/Link/types.js";
+import g from "../../components/Link/Link.js";
+import { TextVariants as i } from "../../components/Text/types.js";
+import l from "../../components/Text/Text.js";
+import { getCommonProps as x } from "../../utils/index.js";
+const y = b(
+  ({
+    className: p,
+    children: m,
+    label: o,
+    sessionTimesLabel: s,
+    sessionTimes: n,
+    viewingTimes: t,
+    location: c,
+    mapLink: d,
+    onClose: V,
+    linkElement: f = g,
+    ...h
+  }, N) => {
+    const { className: r, ...v } = x(h, "ViewingDetails");
+    return /* @__PURE__ */ a("div", { ...v, ...h, className: $(r, p), ref: N, children: /* @__PURE__ */ _("div", { className: `${r}__content`, children: [
+      m && /* @__PURE__ */ a("div", { className: `${r}__children`, children: m }),
+      s && /* @__PURE__ */ a(l, { variant: i.heading4, children: s }),
+      n && n.length > 0 && n.map((e) => /* @__PURE__ */ _("div", { children: [
+        e.sessionLabel && /* @__PURE__ */ a(l, { variant: i.heading5, className: `${r}__label`, children: e.sessionLabel }),
+        e.sessionTime && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__text`, children: e.sessionTime })
+      ] }, `${e.sessionLabel ?? ""}-${e.sessionTime ?? ""}`)),
+      o && /* @__PURE__ */ a(l, { variant: i.heading4, children: o }),
+      t && t.length > 0 && t.map((e) => /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__label`, children: e }, e)),
+      c && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__location`, children: c }),
+      d && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__map-link`, children: /* @__PURE__ */ a(f, { href: d, children: "(Map)" }) })
+    ] }) });
+  }
+);
+y.displayName = "ViewingDetails";
+export {
+  y as default
+};

package/dist/scss/components/ExitGateCard/_exitGateCard.scss

@@ -20,7 +20,7 @@
     padding-left: $spacing-lg;
 
     &__desktop_image {
-      max-width: 405px;
+      flex: 0 50%;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.165.0",
+  "version": "1.167.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"