@phillips/seldon 1.91.1 → 1.93.0

package/dist/index.js

@@ -1,210 +1,219 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+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 n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
-import { default as P } from "./assets/arrowPrev.svg.js";
-import { default as I } from "./assets/calendar.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/chevronDown.svg.js";
 import { default as A } from "./assets/chevronNext.svg.js";
-import { default as v } from "./assets/chevronRight.svg.js";
-import { default as y } from "./assets/close.svg.js";
-import { default as D } from "./assets/favoriteOutline.svg.js";
-import { default as H } from "./assets/icon-footer-facebook.svg.js";
-import { default as F } from "./assets/icon-footer-instagram.svg.js";
-import { default as U } from "./assets/icon-footer-linkedin.svg.js";
-import { default as O } from "./assets/icon-footer-red.svg.js";
-import { default as E } from "./assets/icon-footer-wechat.svg.js";
-import { default as Y } from "./assets/instagram.svg.js";
-import { default as Z } from "./assets/lock.svg.js";
-import { default as q } from "./assets/minus.svg.js";
-import { default as K } from "./assets/PhillipsLogo.svg.js";
-import { default as _ } from "./assets/plus.svg.js";
-import { default as ee } from "./assets/react.svg.js";
+import { default as B } from "./assets/chevronRight.svg.js";
+import { default as w } from "./assets/close.svg.js";
+import { default as D } from "./assets/favorite.svg.js";
+import { default as F } from "./assets/favoriteOutline.svg.js";
+import { default as M } from "./assets/icon-footer-facebook.svg.js";
+import { default as O } from "./assets/icon-footer-instagram.svg.js";
+import { default as G } from "./assets/icon-footer-linkedin.svg.js";
+import { default as E } from "./assets/icon-footer-red.svg.js";
+import { default as Y } from "./assets/icon-footer-wechat.svg.js";
+import { default as z } from "./assets/instagram.svg.js";
+import { default as q } from "./assets/lock.svg.js";
+import { default as K } from "./assets/minus.svg.js";
+import { default as _ } from "./assets/PhillipsLogo.svg.js";
+import { default as ee } from "./assets/plus.svg.js";
+import { default as te } from "./assets/react.svg.js";
 import "react";
-import { default as te } from "./assets/share.svg.js";
-import { default as ae } from "./assets/spotify.svg.js";
-import { default as se } from "./assets/wechat.svg.js";
-import { default as me } from "./assets/youtube.svg.js";
-import { default as de } from "./pages/Page.js";
-import { usePendingState as xe } from "./utils/hooks.js";
-import { SSRMediaQuery as ie, ssrMediaQueryStyle as ge } from "./providers/SeldonProvider/utils.js";
-import { default as Ce } from "./components/Button/Button.js";
-import { ButtonVariants as Le } from "./components/Button/types.js";
-import { default as he } from "./components/IconButton/IconButton.js";
-import { default as be } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as ke } from "./site-furniture/Footer/Footer.js";
-import { Grid as Ve } from "./components/Grid/Grid.js";
-import { default as we } from "./site-furniture/Header/Header.js";
-import { default as Be } from "./components/Navigation/Navigation.js";
-import { default as Ne } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Re } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Me } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as Ge } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as We } from "./components/Input/Input.js";
-import { default as Qe } from "./components/Link/Link.js";
-import { LinkVariants as ze } from "./components/Link/types.js";
-import { default as je } from "./components/LinkBlock/LinkBlock.js";
-import { default as Je } from "./components/LinkList/LinkList.js";
-import { default as Xe } from "./components/Row/Row.js";
-import { default as $e } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as oo } from "./components/GridItem/types.js";
-import { default as ro } from "./components/Search/Search.js";
-import { default as fo } from "./components/Select/Select.js";
-import { default as lo } from "./components/SplitPanel/SplitPanel.js";
-import { default as po } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as xo } from "./patterns/Subscribe/types.js";
-import { default as io } from "./patterns/Social/Social.js";
-import { default as co } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as So } from "./components/Modal/Modal.js";
-import { default as Po } from "./components/Drawer/Drawer.js";
-import { default as Io } from "./components/Pagination/Pagination.js";
-import { default as To } from "./components/Tags/Tags.js";
-import { default as Ao } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as vo } from "./components/Text/types.js";
-import { default as yo } from "./components/Text/Text.js";
-import { TextSymbolVariants as Do } from "./components/TextSymbol/types.js";
-import { default as Ho } from "./components/TextSymbol/TextSymbol.js";
-import { default as Fo } from "./components/Accordion/Accordion.js";
-import { default as Uo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Oo, AccordionVariants as Wo } from "./components/Accordion/types.js";
-import { default as Qo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as zo } from "./patterns/UserManagement/types.js";
-import { SupportedLanguages as jo } from "./types/commonTypes.js";
-import { default as Jo } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ae } from "./assets/share.svg.js";
+import { default as se } from "./assets/spotify.svg.js";
+import { default as de } from "./assets/wechat.svg.js";
+import { default as pe } from "./assets/youtube.svg.js";
+import { default as xe } from "./pages/Page.js";
+import { usePendingState as ie } from "./utils/hooks.js";
+import { SSRMediaQuery as ce, ssrMediaQueryStyle as Ce } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as he, SupportedLanguages as Le } from "./types/commonTypes.js";
+import { default as be } from "./components/Button/Button.js";
+import { ButtonVariants as Te } from "./components/Button/types.js";
+import { default as Ae } from "./components/IconButton/IconButton.js";
+import { default as Be } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as we } from "./site-furniture/Footer/Footer.js";
+import { Grid as De } from "./components/Grid/Grid.js";
+import { default as Fe } from "./site-furniture/Header/Header.js";
+import { default as Me } from "./components/Navigation/Navigation.js";
+import { default as Oe } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Ge } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Ee } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as Ye } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as ze } from "./components/Input/Input.js";
+import { default as qe } from "./components/Link/Link.js";
+import { LinkVariants as Ke } from "./components/Link/types.js";
+import { default as _e } from "./components/LinkBlock/LinkBlock.js";
+import { default as eo } from "./components/LinkList/LinkList.js";
+import { default as to } from "./components/Row/Row.js";
+import { default as ao } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as so } from "./components/GridItem/types.js";
+import { default as mo } from "./components/Search/Search.js";
+import { default as uo } from "./components/Select/Select.js";
+import { default as no } from "./components/SplitPanel/SplitPanel.js";
+import { default as go } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Co } from "./patterns/Subscribe/types.js";
+import { default as ho } from "./patterns/Social/Social.js";
+import { default as Po } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Io } from "./components/Modal/Modal.js";
+import { default as ko } from "./components/Drawer/Drawer.js";
+import { default as vo } from "./components/Pagination/Pagination.js";
+import { default as Vo } from "./components/Tags/Tags.js";
+import { default as yo } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as No } from "./components/Text/types.js";
+import { default as Ho } from "./components/Text/Text.js";
+import { TextSymbolVariants as Ro } from "./components/TextSymbol/types.js";
+import { default as Uo } from "./components/TextSymbol/TextSymbol.js";
+import { default as Wo } from "./components/Accordion/Accordion.js";
+import { default as Qo } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as jo, AccordionVariants as zo } from "./components/Accordion/types.js";
+import { default as qo } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as Ko } from "./patterns/UserManagement/types.js";
+import { default as _o } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as Xo } from "./components/Dropdown/Dropdown.js";
-import { default as $o } from "./components/Video/Video.js";
-import { default as ot } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as rt } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as ft } from "./components/ContentPeek/utils.js";
-import { default as lt } from "./components/Collapsible/Collapsible.js";
-import { default as pt } from "./components/Collapsible/CollapsibleContent.js";
-import { default as ut } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as nt } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as gt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Ct } from "./components/Carousel/Carousel.js";
-import { default as Lt } from "./components/Carousel/CarouselContent.js";
-import { default as ht } from "./components/Carousel/CarouselItem.js";
-import { default as bt } from "./components/Carousel/CarouselDots.js";
-import { default as kt } from "./components/Detail/Detail.js";
-import { default as Vt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as wt } from "./patterns/DetailList/types.js";
-import { default as Bt } from "./components/PinchZoom/PinchZoom.js";
-import { default as Nt } from "./components/Tabs/TabsContainer.js";
-import { default as Rt } from "./components/Tabs/TabsContent.js";
-import { default as Mt } from "./components/SeldonImage/SeldonImage.js";
-import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Wt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Qt } from "./patterns/SaleHeaderBanner/types.js";
-import { default as zt } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as jt } from "./components/Countdown/types.js";
+import { default as et } from "./components/Dropdown/Dropdown.js";
+import { default as tt } from "./components/Video/Video.js";
+import { default as at } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as st } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as dt } from "./components/ContentPeek/utils.js";
+import { default as pt } from "./components/Collapsible/Collapsible.js";
+import { default as xt } from "./components/Collapsible/CollapsibleContent.js";
+import { default as it } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as ct } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as St } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Lt } from "./components/Carousel/Carousel.js";
+import { default as bt } from "./components/Carousel/CarouselContent.js";
+import { default as Tt } from "./components/Carousel/CarouselItem.js";
+import { default as At } from "./components/Carousel/CarouselDots.js";
+import { default as Bt } from "./components/Detail/Detail.js";
+import { default as wt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Dt } from "./patterns/DetailList/types.js";
+import { default as Ft } from "./components/PinchZoom/PinchZoom.js";
+import { default as Mt } from "./components/Tabs/TabsContainer.js";
+import { default as Ot } from "./components/Tabs/TabsContent.js";
+import { default as Gt } from "./components/SeldonImage/SeldonImage.js";
+import { default as Et } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as Yt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as zt } from "./patterns/SaleHeaderBanner/types.js";
+import { default as qt } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Kt } from "./components/Countdown/types.js";
+import { default as _t } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as er } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
 export {
-  Fo as Accordion,
-  Uo as AccordionItem,
-  Oo as AccordionItemVariant,
-  Wo as AccordionVariants,
+  Wo as Accordion,
+  Qo as AccordionItem,
+  jo as AccordionItemVariant,
+  zo as AccordionVariants,
   S as AccountCircle,
-  P as ArrowPrev,
-  Qt as AuctionState,
-  zo as AuthState,
-  Jo as Breadcrumb,
-  Ce as Button,
-  Le as ButtonVariants,
-  I as Calendar,
-  Ct as Carousel,
-  Lt as CarouselContent,
-  bt as CarouselDots,
-  ht as CarouselItem,
+  L as ArrowPrev,
+  zt as AuctionState,
+  he as AuctionStatus,
+  Ko as AuthState,
+  tr as BidMessage,
+  er as BidSnapshot,
+  _o as Breadcrumb,
+  be as Button,
+  Te as ButtonVariants,
+  b as Calendar,
+  Lt as Carousel,
+  bt as CarouselContent,
+  At as CarouselDots,
+  Tt as CarouselItem,
   T as ChevronDown,
   A as ChevronNext,
-  v as ChevronRight,
-  y as Close,
-  lt as Collapsible,
-  pt as CollapsibleContent,
-  ut as CollapsibleTrigger,
-  rt as ContentPeek,
-  ft as ContentPeekHeightUnits,
-  zt as Countdown,
-  jt as CountdownVariants,
-  kt as Detail,
-  Vt as DetailList,
-  wt as DetailListAlignment,
-  Po as Drawer,
-  Xo as Dropdown,
-  be as ErrorBoundary,
-  H as Facebook,
-  D as FavoriteOutline,
-  ke as Footer,
-  F as FooterInstagram,
-  E as FooterWeChat,
-  Ve as Grid,
-  $e as GridItem,
-  oo as GridItemAlign,
-  we as Header,
-  Ge as HeroBanner,
-  he as IconButton,
-  We as Input,
-  Y as Instagram,
-  ot as LanguageSelector,
-  Qe as Link,
-  je as LinkBlock,
-  Je as LinkList,
-  ze as LinkVariants,
-  U as LinkedIn,
-  Z as Lock,
-  q as Minus,
-  So as Modal,
-  Be as Navigation,
-  Ne as NavigationItem,
-  Re as NavigationItemTrigger,
-  Me as NavigationList,
+  B as ChevronRight,
+  w as Close,
+  pt as Collapsible,
+  xt as CollapsibleContent,
+  it as CollapsibleTrigger,
+  st as ContentPeek,
+  dt as ContentPeekHeightUnits,
+  qt as Countdown,
+  Kt as CountdownVariants,
+  Bt as Detail,
+  wt as DetailList,
+  Dt as DetailListAlignment,
+  ko as Drawer,
+  et as Dropdown,
+  Be as ErrorBoundary,
+  M as Facebook,
+  D as Favorite,
+  F as FavoriteOutline,
+  we as Footer,
+  O as FooterInstagram,
+  Y as FooterWeChat,
+  De as Grid,
+  ao as GridItem,
+  so as GridItemAlign,
+  Fe as Header,
+  Ye as HeroBanner,
+  Ae as IconButton,
+  ze as Input,
+  z as Instagram,
+  at as LanguageSelector,
+  qe as Link,
+  _e as LinkBlock,
+  eo as LinkList,
+  Ke as LinkVariants,
+  G as LinkedIn,
+  q as Lock,
+  K as Minus,
+  Io as Modal,
+  Me as Navigation,
+  Oe as NavigationItem,
+  Ge as NavigationItemTrigger,
+  Ee as NavigationList,
+  _t as ObjectTile,
   f as PaddingTokens,
-  de as Page,
-  gt as PageContentWrapper,
-  Io as Pagination,
-  K as PhillipsLogo,
-  Bt as PinchZoom,
-  _ as Plus,
-  ee as React,
-  O as Reddit,
-  Xe as Row,
-  ie as SSRMediaQuery,
-  Gt as SaleHeaderBanner,
-  Wt as SaleHeaderBrowseAuctions,
-  ro as Search,
-  Mt as SeldonImage,
-  nt as SeldonProvider,
-  fo as Select,
-  te as Share,
-  io as Social,
+  xe as Page,
+  St as PageContentWrapper,
+  vo as Pagination,
+  _ as PhillipsLogo,
+  Ft as PinchZoom,
+  ee as Plus,
+  te as React,
+  E as Reddit,
+  to as Row,
+  ce as SSRMediaQuery,
+  Et as SaleHeaderBanner,
+  Yt as SaleHeaderBrowseAuctions,
+  mo as Search,
+  Gt as SeldonImage,
+  ct as SeldonProvider,
+  uo as Select,
+  ae as Share,
+  ho as Social,
   s as SpacingTokens,
-  lo as SplitPanel,
-  ae as Spotify,
-  Ao as StatefulViewingsList,
-  po as Subscribe,
-  xo as SubscriptionState,
-  jo as SupportedLanguages,
-  Nt as TabsContainer,
-  Rt as TabsContent,
-  To as TagsList,
-  yo as Text,
-  Do as TextSymbolVariants,
-  Ho as TextSymbols,
-  vo as TextVariants,
-  Qo as UserManagement,
-  $o as Video,
-  co as ViewingsList,
-  se as WeChat,
-  me as Youtube,
+  no as SplitPanel,
+  se as Spotify,
+  yo as StatefulViewingsList,
+  go as Subscribe,
+  Co as SubscriptionState,
+  Le as SupportedLanguages,
+  Mt as TabsContainer,
+  Ot as TabsContent,
+  Vo as TagsList,
+  Ho as Text,
+  Ro as TextSymbolVariants,
+  Uo as TextSymbols,
+  No as TextVariants,
+  qo as UserManagement,
+  tt as Video,
+  Po as ViewingsList,
+  de as WeChat,
+  pe as Youtube,
   l as defaultYear,
-  m as emailValidation,
-  p as encodeURLSearchParams,
-  d as findChildrenExcludingTypes,
+  d as emailValidation,
+  m as encodeURLSearchParams,
+  p as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
   n as getCommonProps,
   i as noOp,
   g as px,
-  ge as ssrMediaQueryStyle,
+  Ce as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  xe as usePendingState
+  ie as usePendingState
 };

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

@@ -0,0 +1,27 @@
+import { ComponentProps } from 'react';
+import { BidMessageVariants } from './types';
+export interface BidMessageProps extends ComponentProps<'p'> {
+    /**
+     * Message to display
+     */
+    message: string;
+    /**
+     * show the message icon
+     */
+    hasIcon?: boolean;
+    /**
+     * Variant type - positive | negative
+     */
+    variant?: BidMessageVariants;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](Add Figma URL here)
+ *
+ * [Storybook Link](Point back to yourself here)
+ */
+declare const BidMessage: ({ className, hasIcon, message, variant, ...props }: BidMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default BidMessage;

package/dist/patterns/BidSnapshot/BidMessage.js

@@ -0,0 +1,22 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { getCommonProps as d } from "../../utils/index.js";
+import { TextVariants as f } from "../../components/Text/types.js";
+import g from "../../components/Text/Text.js";
+import { BidMessageVariants as e } from "./types.js";
+const B = ({
+  className: r,
+  hasIcon: i = !0,
+  message: m,
+  variant: t = e.positive,
+  ...a
+}) => {
+  const { className: s, ...n } = d(a, "BidMessage"), c = t === e.positive ? /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🟢" }) : /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🔴" });
+  return /* @__PURE__ */ l(g, { ...n, className: p(s, r), ...a, variant: f.string2, children: [
+    i ? c : null,
+    m
+  ] });
+};
+export {
+  B as default
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,67 @@
+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'
+     */
+    activeBid?: string;
+    /**
+     * 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;
+    /**
+     * Current bid text, a string for label of current bid detail
+     */
+    currentBidText?: string;
+    /**
+     * Closing label text, for countdown timer
+     */
+    closingText?: string;
+    /**
+     * Function to modify strings coming from date-fns (Minutes -> Mins etc)
+     */
+    formatDurationStr?: (duration: string) => string;
+    /**
+     * Language selection for the application
+     */
+    lang?: keyof typeof SupportedLanguages;
+    /**
+     * End time for this object
+     */
+    lotCloseDate?: Date;
+    /**
+     * Default Starting bid amount for the object - '$1,000'
+     */
+    startingBid: string;
+    /**
+     * Starting bid text, a string for label of starting bid detail
+     */
+    startingBidText?: string;
+    /**
+     * Sold for label text, a string for label of sold for detail
+     */
+    soldForText?: string;
+    /**
+     * Won for label text, a string for label of won for detail
+     */
+    wonForText?: string;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=16780-34969&node-type=instance&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app//?path=/docs/patterns-bidsnapshot--overview)
+ */
+declare const BidSnapshot: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default BidSnapshot;

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -0,0 +1,61 @@
+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(
+  ({
+    activeBid: s,
+    auctionStatus: n = t.ready,
+    bids: a = [],
+    bidsLabelText: f = z,
+    children: h,
+    className: u,
+    closingText: g = "Closes in",
+    currentBidText: C = "Current bid",
+    formatDurationStr: S = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: $ = "en",
+    lotCloseDate: m,
+    startingBid: b,
+    startingBidText: v = "Starting bid",
+    soldForText: N = "Sold for",
+    wonForText: w = "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
+    });
+    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,
+        {
+          label: i,
+          subLabel: r && a.length > 0 && `(${f(a.length)})`,
+          value: p || b,
+          hasWrap: !1
+        }
+      ) }),
+      s && !d ? h : null,
+      B ? /* @__PURE__ */ l(
+        k,
+        {
+          endDateTime: m,
+          label: g,
+          variant: q.compact,
+          locale: V[$],
+          formatDurationStr: S
+        }
+      ) : null
+    ] });
+  }
+);
+E.displayName = "BidSnapshot";
+export {
+  E as default
+};

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

@@ -0,0 +1,27 @@
+import { BidSnapshotProps } from './BidSnapshot';
+import { AuctionStatus } from '../../types/commonTypes';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    argTypes: {
+        auctionStatus: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        activeBid: string;
+        auctionStatus: AuctionStatus;
+        bids: string[];
+        lotCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: string;
+    };
+    argTypes: {};
+};

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,4 @@
+export declare enum BidMessageVariants {
+    positive = "POSITIVE",
+    negative = "NEGATIVE"
+}