@phillips/seldon 1.95.0 → 1.96.0

package/dist/components/Countdown/Countdown.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as N, useState as L, useEffect as v } from "react";
-import { getCommonProps as g } from "../../utils/index.js";
+import { forwardRef as N, useState as L, useEffect as g } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import { SupportedLanguages as j } from "../../types/commonTypes.js";
-import { CountdownVariants as m } from "./types.js";
+import { CountdownVariants as i } from "./types.js";
 import { Duration as s } from "./Duration.js";
 import { zhCN as z } from "../../node_modules/date-fns/locale/zh-CN.js";
 import { enUS as P } from "../../node_modules/date-fns/locale/en-US.js";
@@ -16,19 +16,19 @@ const E = N(
     endDateTime: n,
     formatDurationStr: a,
     label: l = "Lots Close in",
-    intervalDescription: f = "Lots Close in 1-minute intervals",
+    intervalDescription: f,
     className: p,
     locale: h = "en",
-    variant: u = m.default,
-    ...c
+    variant: c = i.default,
+    ...u
   }, C) => {
-    const { className: i, ...w } = g(c, "Countdown"), [r, y] = L(/* @__PURE__ */ new Date()), t = h === j.zh ? z : P, o = {
+    const { className: m, ...w } = v(u, "Countdown"), [r, y] = L(/* @__PURE__ */ new Date()), t = h === j.zh ? z : P, o = {
       days: S(n, r),
       hours: _(n, r) % 24,
       minutes: $(n, r) % 60,
       seconds: b(n, r) % 60 % 60
     };
-    return v(() => {
+    return g(() => {
       const I = setInterval(() => {
         y(/* @__PURE__ */ new Date());
       }, 1e3);
@@ -37,20 +37,20 @@ const E = N(
       "div",
       {
         ...w,
-        className: x(i, p, {
-          [`${i}--compact`]: u === m.compact
+        className: x(m, p, {
+          [`${m}--compact`]: c === i.compact
         }),
-        ...c,
+        ...u,
         ref: C,
         children: [
-          /* @__PURE__ */ d("div", { className: `${i}__countdown-container`, role: "timer", "aria-label": l, children: [
+          /* @__PURE__ */ d("div", { className: `${m}__countdown-container`, role: "timer", "aria-label": l, children: [
             /* @__PURE__ */ e("span", { children: l }),
             o.days > 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "days", locale: t, formatDurationStr: a }) : null,
             o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "hours", locale: t }) : null,
             o.days === 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "minutes", locale: t, formatDurationStr: a }) : null,
             o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "seconds", locale: t, formatDurationStr: a }) : null
           ] }),
-          u === m.default ? /* @__PURE__ */ e("span", { children: f }) : null
+          c === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
         ]
       }
     );

package/dist/components/Row/Row.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 import { PaddingTokens } from '../../utils';
-import { default as GridItem, GridItemProps } from '../GridItem/GridItem';
 export interface RowProps extends React.HTMLAttributes<HTMLElement> {
-    /** These children can be an array of GridItem components */
-    children: React.ReactElement<GridItemProps, typeof GridItem> | React.ReactElement<GridItemProps, typeof GridItem>[];
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to 'section'.
      */

package/dist/components/Select/Select.js

@@ -34,8 +34,7 @@ const F = k.forwardRef(
       [`${e}-input--invalid`]: t.invalid,
       [`${e}-input--warn`]: t.warn,
       [`${a}__wrapper`]: a
-    }), R = i(`${e}-input__input`, {
-      className: a,
+    }), R = i(a, `${e}-input__input`, {
       [`${e}-input__select--tertiary`]: _ === c.tertiary
     }), g = i(`${e}-select-container`, {
       [`${e}-select-container--show__icon`]: l

package/dist/index.js

@@ -3,12 +3,12 @@ import { default as S } from "./assets/account_circle.svg.js";
 import { default as L } from "./assets/arrowPrev.svg.js";
 import { default as b } from "./assets/calendar.svg.js";
 import { default as T } from "./assets/calendarAlt.svg.js";
-import { default as k } from "./assets/chevronDown.svg.js";
-import { default as v } from "./assets/chevronNext.svg.js";
+import { default as V } from "./assets/chevronDown.svg.js";
+import { default as B } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
 import { default as D } from "./assets/close.svg.js";
-import { default as F } from "./assets/favorite.svg.js";
-import { default as M } from "./assets/favoriteOutline.svg.js";
+import { default as N } from "./assets/favorite.svg.js";
+import { default as H } from "./assets/favoriteOutline.svg.js";
 import { default as O } from "./assets/icon-footer-facebook.svg.js";
 import { default as G } from "./assets/icon-footer-instagram.svg.js";
 import { default as E } from "./assets/icon-footer-linkedin.svg.js";
@@ -30,12 +30,12 @@ import { usePendingState as ce } from "./utils/hooks.js";
 import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
 import { AuctionStatus as Pe, SupportedLanguages as be } from "./types/commonTypes.js";
 import { default as Te } from "./components/Button/Button.js";
-import { ButtonVariants as ke } from "./components/Button/types.js";
-import { default as ve } from "./components/IconButton/IconButton.js";
+import { ButtonVariants as Ve } from "./components/Button/types.js";
+import { default as Be } from "./components/IconButton/IconButton.js";
 import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as De } from "./site-furniture/Footer/Footer.js";
-import { Grid as Fe } from "./components/Grid/Grid.js";
-import { default as Me } from "./site-furniture/Header/Header.js";
+import { Grid as Ne } from "./components/Grid/Grid.js";
+import { default as He } from "./site-furniture/Header/Header.js";
 import { default as Oe } from "./components/Navigation/Navigation.js";
 import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -57,11 +57,11 @@ import { default as ho } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as Po } from "./patterns/Subscribe/types.js";
 import { default as Io } from "./patterns/Social/Social.js";
 import { default as Ao } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Vo } from "./components/Modal/Modal.js";
-import { default as Bo } from "./components/Drawer/Drawer.js";
+import { default as ko } from "./components/Modal/Modal.js";
+import { default as vo } from "./components/Drawer/Drawer.js";
 import { default as yo } from "./components/Pagination/Pagination.js";
-import { default as No } from "./components/Tags/Tags.js";
-import { default as Ho } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { default as Mo } from "./components/Tags/Tags.js";
+import { default as Fo } from "./patterns/ViewingsList/StatefulViewingsList.js";
 import { TextVariants as Ro } from "./components/Text/types.js";
 import { default as Uo } from "./components/Text/Text.js";
 import { TextSymbolVariants as Wo } from "./components/TextSymbol/types.js";
@@ -85,12 +85,12 @@ import { default as St } from "./components/Collapsible/CollapsibleTrigger.js";
 import { SeldonProvider as Lt } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as bt } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as Tt } from "./components/Carousel/Carousel.js";
-import { default as kt } from "./components/Carousel/CarouselContent.js";
-import { default as vt } from "./components/Carousel/CarouselItem.js";
+import { default as Vt } from "./components/Carousel/CarouselContent.js";
+import { default as Bt } from "./components/Carousel/CarouselItem.js";
 import { default as wt } from "./components/Carousel/CarouselDots.js";
 import { default as Dt } from "./components/Detail/Detail.js";
-import { default as Ft } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Mt } from "./patterns/DetailList/types.js";
+import { default as Nt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Ht } from "./patterns/DetailList/types.js";
 import { default as Ot } from "./components/PinchZoom/PinchZoom.js";
 import { default as Gt } from "./components/Tabs/TabsContainer.js";
 import { default as Et } from "./components/Tabs/TabsContent.js";
@@ -103,6 +103,7 @@ import { CountdownVariants as er } from "./components/Countdown/types.js";
 import { default as tr } from "./patterns/ObjectTile/ObjectTile.js";
 import { default as ar } from "./patterns/BidSnapshot/BidSnapshot.js";
 import { default as sr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as dr } from "./patterns/BidSnapshot/types.js";
 export {
   jo as Accordion,
   Zo as AccordionItem,
@@ -114,18 +115,19 @@ export {
   Pe as AuctionStatus,
   et as AuthState,
   sr as BidMessage,
+  dr as BidMessageVariants,
   ar as BidSnapshot,
   tt as Breadcrumb,
   Te as Button,
-  ke as ButtonVariants,
+  Ve as ButtonVariants,
   b as Calendar,
   T as CalendarAlt,
   Tt as Carousel,
-  kt as CarouselContent,
+  Vt as CarouselContent,
   wt as CarouselDots,
-  vt as CarouselItem,
-  k as ChevronDown,
-  v as ChevronNext,
+  Bt as CarouselItem,
+  V as ChevronDown,
+  B as ChevronNext,
   w as ChevronRight,
   D as Close,
   it as Collapsible,
@@ -136,23 +138,23 @@ export {
   _t as Countdown,
   er as CountdownVariants,
   Dt as Detail,
-  Ft as DetailList,
-  Mt as DetailListAlignment,
-  Bo as Drawer,
+  Nt as DetailList,
+  Ht as DetailListAlignment,
+  vo as Drawer,
   at as Dropdown,
   we as ErrorBoundary,
   O as Facebook,
-  F as Favorite,
-  M as FavoriteOutline,
+  N as Favorite,
+  H as FavoriteOutline,
   De as Footer,
   G as FooterInstagram,
   z as FooterWeChat,
-  Fe as Grid,
+  Ne as Grid,
   so as GridItem,
   mo as GridItemAlign,
-  Me as Header,
+  He as Header,
   ze as HeroBanner,
-  ve as IconButton,
+  Be as IconButton,
   qe as Input,
   q as Instagram,
   dt as LanguageSelector,
@@ -163,7 +165,7 @@ export {
   E as LinkedIn,
   K as Lock,
   _ as Minus,
-  Vo as Modal,
+  ko as Modal,
   Oe as Navigation,
   Ge as NavigationItem,
   Ee as NavigationItemTrigger,
@@ -192,13 +194,13 @@ export {
   s as SpacingTokens,
   Co as SplitPanel,
   de as Spotify,
-  Ho as StatefulViewingsList,
+  Fo as StatefulViewingsList,
   ho as Subscribe,
   Po as SubscriptionState,
   be as SupportedLanguages,
   Gt as TabsContainer,
   Et as TabsContent,
-  No as TagsList,
+  Mo as TagsList,
   Uo as Text,
   Wo as TextSymbolVariants,
   Qo as TextSymbols,

package/dist/patterns/BidSnapshot/BidSnapshot.d.ts

@@ -2,21 +2,25 @@ import { ComponentProps } from 'react';
 import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
 export interface BidSnapshotProps extends ComponentProps<'div'> {
     /**
-     * Active bid of current signed in user. -  '$1,000'
+     * Active bid of current signed in user. -  '1000'
      */
-    activeBid?: string;
+    activeBid?: number | null;
     /**
      * State of the object
      */
     auctionStatus?: AuctionStatus;
-    /**
-     * An array of bids for the Object. Should include current bid as last element
-     */
-    bids?: string[];
     /**
      * Bids label text, a fucntion for label of bids amoutn (2 bids, 3 bids, etc) where the number is the length of the bids array.
      */
     bidsLabelText?: (numberOfBids: number) => string;
+    /**
+     * Currency to use for object - '$'
+     */
+    currency?: string | null;
+    /**
+     * The current highest bid for the object - '1000'
+     */
+    currentBid?: number | null;
     /**
      * Current bid text, a string for label of current bid detail
      */
@@ -36,11 +40,15 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
     /**
      * End time for this object
      */
-    lotCloseDate?: Date;
+    lotCloseDate?: Date | null;
+    /**
+     * Number of bids for each lot
+     */
+    numberOfBids?: number;
     /**
-     * Default Starting bid amount for the object - '$1,000'
+     * Default Starting bid amount for the object - '1000'
      */
-    startingBid: string;
+    startingBid?: number | null;
     /**
      * Starting bid text, a string for label of starting bid detail
      */

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,61 +1,64 @@
-import { jsxs as j, jsx as l } from "react/jsx-runtime";
-import { forwardRef as D } from "react";
-import R from "../../node_modules/classnames/index.js";
-import { getCommonProps as W } from "../../utils/index.js";
-import _ from "../DetailList/DetailList.js";
-import A from "../../components/Detail/Detail.js";
-import { AuctionStatus as t, SupportedLanguages as V } from "../../types/commonTypes.js";
-import k from "../../components/Countdown/Countdown.js";
-import { CountdownVariants as q } from "../../components/Countdown/types.js";
-const z = (s) => s === 1 ? `${s} bid` : `${s} bids`, E = D(
+import { jsxs as W, jsx as l } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import A from "../../node_modules/classnames/index.js";
+import { getCommonProps as V } from "../../utils/index.js";
+import k from "../DetailList/DetailList.js";
+import q from "../../components/Detail/Detail.js";
+import { AuctionStatus as t, SupportedLanguages as z } from "../../types/commonTypes.js";
+import E from "../../components/Countdown/Countdown.js";
+import { CountdownVariants as F } from "../../components/Countdown/types.js";
+const G = (s) => s === 1 ? `${s} bid` : `${s} bids`, H = _(
   ({
     activeBid: s,
-    auctionStatus: n = t.ready,
-    bids: a = [],
-    bidsLabelText: f = z,
-    children: h,
-    className: u,
-    closingText: g = "Closes in",
+    auctionStatus: e = t.ready,
+    bidsLabelText: h = G,
+    children: $,
+    className: b,
+    closingText: u = "Closes in",
+    currency: S = "$",
+    currentBid: a,
     currentBidText: C = "Current bid",
-    formatDurationStr: S = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
-    lang: $ = "en",
+    formatDurationStr: g = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: v = "en",
     lotCloseDate: m,
-    startingBid: b,
-    startingBidText: v = "Starting bid",
-    soldForText: N = "Sold for",
-    wonForText: w = "Won for",
+    numberOfBids: p = 0,
+    startingBid: L,
+    startingBidText: N = "Starting bid",
+    soldForText: w = "Sold for",
+    wonForText: x = "Won for",
     ...c
-  }, x) => {
-    const { className: o, ...y } = W(c, "BidSnapshot"), e = a.length > 0, p = e && a[a.length - 1], L = s === p, d = n === t.ready, r = n === t.live, T = n === t.past, B = r && m, P = R(o, u, {
-      [`${o}--live`]: r,
-      [`${o}--has-bids`]: e
+  }, y) => {
+    var f;
+    const { className: o, ...T } = V(c, "BidSnapshot"), i = a !== null && p > 0, P = s === a, d = e === t.ready, n = e === t.live, j = e === t.past, D = n && m, R = A(o, b, {
+      [`${o}--live`]: n,
+      [`${o}--has-bids`]: i
     });
-    let i = C;
-    return (d || !e) && (i = v), T && e && (i = L ? w : N), /* @__PURE__ */ j("div", { ...y, ...c, ref: x, className: P, children: [
-      /* @__PURE__ */ l(_, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
-        A,
+    let r = C;
+    return (d || !i) && (r = N), j && i && (r = P ? x : w), /* @__PURE__ */ W("div", { ...T, ...c, ref: y, className: R, children: [
+      /* @__PURE__ */ l(k, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
+        q,
         {
-          label: i,
-          subLabel: r && a.length > 0 && `(${f(a.length)})`,
-          value: p || b,
+          label: r,
+          subLabel: n && a && `(${h(p)})`,
+          value: `${S}${(f = a || L) == null ? void 0 : f.toLocaleString()}`,
           hasWrap: !1
         }
       ) }),
-      s && !d ? h : null,
-      B ? /* @__PURE__ */ l(
-        k,
+      s && !d ? $ : null,
+      D ? /* @__PURE__ */ l(
+        E,
         {
           endDateTime: m,
-          label: g,
-          variant: q.compact,
-          locale: V[$],
-          formatDurationStr: S
+          label: u,
+          variant: F.compact,
+          locale: z[v],
+          formatDurationStr: g
         }
       ) : null
     ] });
   }
 );
-E.displayName = "BidSnapshot";
+H.displayName = "BidSnapshot";
 export {
-  E as default
+  H as default
 };

package/dist/patterns/BidSnapshot/BidSnapshot.stories.d.ts

@@ -16,12 +16,14 @@ export default meta;
 export declare const Playground: {
     (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        activeBid: string;
+        activeBid: number;
+        currency: string;
+        numberOfBids: number;
         auctionStatus: AuctionStatus;
-        bids: string[];
+        currentBid: number;
         lotCloseDate: Date;
         lang: import('date-fns').Locale;
-        startingBid: string;
+        startingBid: number;
     };
     argTypes: {};
 };

package/dist/patterns/BidSnapshot/index.d.ts

@@ -1,2 +1,3 @@
 export { default as BidSnapshot, type BidSnapshotProps } from './BidSnapshot';
 export { default as BidMessage } from './BidMessage';
+export { BidMessageVariants } from './types';

package/dist/patterns/ObjectTile/ObjectTile.d.ts

@@ -1,7 +1,4 @@
 import { ComponentProps, ElementType } from 'react';
-type ObjectTileElement = ElementType<Omit<ObjectTileProps, 'imageUrl' | 'lotNumber' | 'referenceNumber'> & {
-    'data-testid': string;
-}>;
 export interface ObjectTileProps extends ComponentProps<'a'> {
     /**
      * Optional Object badge.
@@ -10,7 +7,7 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
     /**
      * Optional Element to render at the top level.
      */
-    element?: ObjectTileElement;
+    element?: ElementType<ComponentProps<'a'>>;
     /**
      * Estimate for object.
      */

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -9,25 +9,25 @@ import D from "../../components/Detail/Detail.js";
 import R from "../../components/SeldonImage/SeldonImage.js";
 const S = y(
   ({
-    badgeText: f,
-    className: p,
+    badgeText: p,
+    className: f,
     children: $,
     element: r,
-    estimate: m,
+    estimate: t,
     estimateLabelText: N = "Estimate",
-    favoriteElement: o,
+    favoriteElement: m,
     imageAlt: u = "Brought to you by Phillips",
     imageUrl: g = "",
-    lotNumber: v,
-    makerText: c,
-    modelText: _,
-    referenceNumber: d,
-    titleText: h,
+    lotNumber: b,
+    makerText: o,
+    modelText: c,
+    referenceNumber: _,
+    titleText: d,
     withdrawnText: n,
-    ...t
-  }, b) => {
-    const { className: a, ...j } = O(t, "ObjectTile"), k = r != null ? r : t.href ? "a" : "div";
-    return /* @__PURE__ */ s(k, { ...j, className: C(a, p), ...t, ref: b, children: [
+    ...h
+  }, v) => {
+    const { className: a, ...j } = O(h, "ObjectTile"), k = r != null ? r : "a";
+    return /* @__PURE__ */ s(k, { ...j, className: C(a, f), ...h, ref: v, children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -38,48 +38,48 @@ const S = y(
           src: g
         }
       ),
-      n ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: f }),
+      n ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: p }),
       /* @__PURE__ */ s("div", { className: `${a}__lot-number-like`, children: [
-        /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: v }),
-        o && /* @__PURE__ */ e(o, {})
+        /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: b }),
+        m && /* @__PURE__ */ e(m, {})
       ] }),
       n ? /* @__PURE__ */ e(i, { className: `${a}__withdrawn`, variant: l.heading4, children: n }) : /* @__PURE__ */ s(x, { children: [
         /* @__PURE__ */ s("div", { className: `${a}__meta`, children: [
-          c ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: c }) : null,
-          h ? /* @__PURE__ */ e(
+          o ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: o }) : null,
+          d ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__title ${a}__token-fix`,
               variant: l.heading4,
               element: "cite",
-              children: h
+              children: d
             }
           ) : null,
-          d ? /* @__PURE__ */ e(
+          _ ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__reference-number ${a}__token-fix`,
               variant: l.heading4,
               element: "p",
-              children: d
+              children: _
             }
           ) : null,
-          _ ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__model ${a}__token-fix`,
               variant: l.heading4,
               element: "p",
-              children: _
+              children: c
             }
           ) : null
         ] }),
-        m ? /* @__PURE__ */ e(P, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
+        t ? /* @__PURE__ */ e(P, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
           D,
           {
             className: `${a}__estimate__label`,
             label: N,
-            value: m,
+            value: t,
             hasWrap: !1
           }
         ) }) : null,

package/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss

@@ -23,9 +23,10 @@
     @include Montserrat;
   }
 
-  &--live {
+  &--live:has(.#{$px}-countdown) {
     border-bottom: 1px solid $light-gray;
   }
+
   &--has-bids .#{$px}-detail__value {
     font-variation-settings: 'wght' 600;
   }

package/package.json

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