@phillips/seldon 1.260.0 → 1.261.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.
- package/dist/_virtual/index12.js +2 -2
- package/dist/_virtual/index13.js +2 -2
- package/dist/components/Banner/Banner.cjs +1 -0
- package/dist/components/Banner/Banner.d.ts +27 -0
- package/dist/components/Banner/Banner.js +70 -0
- package/dist/components/Banner/Banner.stories.d.ts +65 -0
- package/dist/components/Banner/Banner.test.d.ts +1 -0
- package/dist/components/Banner/index.d.ts +2 -0
- package/dist/components/Banner/types.cjs +1 -0
- package/dist/components/Banner/types.d.ts +8 -0
- package/dist/components/Banner/types.js +5 -0
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +20 -19
- package/dist/components/Input/utils.cjs +1 -1
- package/dist/components/Input/utils.js +3 -2
- package/dist/components/Navigation/Navigation.cjs +1 -1
- package/dist/components/Navigation/Navigation.js +30 -29
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +28 -27
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +247 -240
- package/dist/node_modules/ics/dist/schema/index.cjs +1 -1
- package/dist/node_modules/ics/dist/schema/index.js +1 -1
- package/dist/node_modules/ics/dist/utils/index.cjs +1 -1
- package/dist/node_modules/ics/dist/utils/index.js +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.js +27 -26
- package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/SubFilterDropdown.js +38 -37
- package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
- package/dist/patterns/LanguageSelector/LanguageSelector.js +31 -30
- package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
- package/dist/patterns/SaleCard/SaleCard.js +19 -18
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +70 -66
- package/dist/providers/SeldonProvider/utils.d.ts +1 -1
- package/dist/scss/componentStyles.scss +1 -0
- package/dist/scss/components/Banner/_banner.scss +185 -0
- package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss +10 -16
- package/dist/site-furniture/Header/Header.cjs +1 -1
- package/dist/site-furniture/Header/Header.js +15 -14
- package/dist/utils/constants.cjs +1 -1
- package/dist/utils/constants.d.ts +7 -0
- package/dist/utils/constants.js +7 -4
- package/dist/utils/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/index13.cjs"),R=require("../../../../_virtual/index.esm.cjs");var b;function D(){if(b)return u.__exports;b=1,Object.defineProperty(u.__exports,"__esModule",{value:!0}),u.__exports.urlRegex=void 0,u.__exports.validateHeader=T,u.__exports.validateHeaderAndEvent=j;var e=v(R.default);function f(r){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(f=function(c){return c?n:t})(r)}function v(r,t){if(r&&r.__esModule)return r;if(r===null||o(r)!=="object"&&typeof r!="function")return{default:r};var n=f(t);if(n&&n.has(r))return n.get(r);var a={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in r)if(i!=="default"&&Object.prototype.hasOwnProperty.call(r,i)){var d=c?Object.getOwnPropertyDescriptor(r,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=r[i]}return a.default=r,n&&n.set(r,a),a}function o(r){"@babel/helpers - typeof";return o=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(r)}function l(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);t&&(a=a.filter(function(c){return Object.getOwnPropertyDescriptor(r,c).enumerable})),n.push.apply(n,a)}return n}function m(r){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?l(Object(n),!0).forEach(function(a){O(r,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))})}return r}function O(r,t,n){return t=S(t),t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function S(r){var t=x(r,"string");return o(t)==="symbol"?t:String(t)}function x(r,t){if(o(r)!=="object"||r===null)return r;var n=r[Symbol.toPrimitive];if(n!==void 0){var a=n.call(r,t);if(o(a)!=="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}var p=u.__exports.urlRegex=/^(?:([a-z0-9+.-]+):\/\/)(?:\S+(?::\S*)?@)?(?:(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*\.?)(?::\d{2,5})?(?:[/?#]\S*)?$/,s=function(t){var n=t.required;return e.lazy(function(a){return typeof a=="number"?e.number().integer().min(0):typeof a=="string"?e.string().required():!n&&typeof a>"u"?e.mixed().oneOf([void 0]):e.array().required().min(3).max(7).of(e.lazy(function(c,i){var d=i.parent.indexOf(i.value);return[e.number().integer(),e.number().integer().min(1).max(12),e.number().integer().min(1).max(31),e.number().integer().min(0).max(23),e.number().integer().min(0).max(60),e.number().integer().min(0).max(60)][d]}))})},g=e.object().shape({before:e.boolean(),weeks:e.number(),days:e.number(),hours:e.number(),minutes:e.number(),seconds:e.number()}).noUnknown(),y=e.object().shape({name:e.string(),email:e.string().email(),rsvp:e.boolean(),dir:e.string().matches(p),partstat:e.string(),role:e.string(),cutype:e.string(),xNumGuests:e.number()}).noUnknown(),_=e.object().shape({name:e.string(),email:e.string().email(),dir:e.string(),sentBy:e.string()}).noUnknown(),P=e.object().shape({action:e.string().matches(/^(audio|display|email)$/).required(),trigger:e.mixed().required(),description:e.string(),duration:g,repeat:e.number(),attach:e.string(),attachType:e.string(),summary:e.string(),attendee:y,"x-prop":e.mixed(),"iana-prop":e.mixed()}).noUnknown(),h={productId:e.string(),method:e.string(),calName:e.string()},w=e.object().shape(h).noUnknown(),q={summary:e.string(),timestamp:s({required:!1}),title:e.string(),uid:e.string(),sequence:e.number().integer().max(2147483647),start:s({required:!0}),duration:g,startType:e.string().matches(/^(utc|local)$/),startInputType:e.string().matches(/^(utc|local)$/),startOutputType:e.string().matches(/^(utc|local)$/),end:s({required:!1}),endInputType:e.string().matches(/^(utc|local)$/),endOutputType:e.string().matches(/^(utc|local)$/),description:e.string(),url:e.string().matches(p),geo:e.object().shape({lat:e.number(),lon:e.number()}),location:e.string(),status:e.string().matches(/^(TENTATIVE|CANCELLED|CONFIRMED)$/i),categories:e.array().of(e.string()),organizer:_,attendees:e.array().of(y),alarms:e.array().of(P),recurrenceRule:e.string(),busyStatus:e.string().matches(/^(TENTATIVE|FREE|BUSY|OOF)$/i),transp:e.string().matches(/^(TRANSPARENT|OPAQUE)$/i),classification:e.string(),created:s({required:!1}),lastModified:s({required:!1}),exclusionDates:e.array().of(s({required:!0})),htmlContent:e.string()},E=e.object().shape(m(m({},h),q)).test("xor","object should have end or duration (but not both)",function(r){var t=!!r.end,n=!!r.duration;return t&&!n||!t&&n||!t&&!n}).noUnknown();function T(r){try{var t=w.validateSync(r,{abortEarly:!1,strict:!0});return{error:null,value:t}}catch(n){return{error:Object.assign({},n),value:void 0}}}function j(r){try{var t=E.validateSync(r,{abortEarly:!1,strict:!0});return{error:null,value:t}}catch(n){return{error:Object.assign({},n),value:void 0}}}return u.__exports}exports.__require=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/index12.cjs"),q=require("./format-date.cjs"),b=require("./set-geolocation.cjs"),y=require("./set-contact.cjs"),O=require("./set-organizer.cjs"),P=require("./set-alarm.cjs"),v=require("./set-description.cjs"),j=require("./set-summary.cjs"),D=require("./format-duration.cjs"),p=require("./fold-line.cjs"),L=require("./set-location.cjs"),S=require("./encode-param-value.cjs");var n;function z(){return n||(n=1,(function(r){Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"encodeParamValue",{enumerable:!0,get:function(){return g.default}}),Object.defineProperty(r,"foldLine",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(r,"formatDate",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(r,"formatDuration",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(r,"setAlarm",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(r,"setContact",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(r,"setDescription",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(r,"setGeolocation",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(r,"setLocation",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(r,"setOrganizer",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(r,"setSummary",{enumerable:!0,get:function(){return l.default}});var i=t(q.__require()),a=t(b.__require()),o=t(y.__require()),c=t(O.__require()),f=t(P.__require()),_=t(v.__require()),l=t(j.__require()),d=t(D.__require()),s=t(p.__require()),m=t(L.__require()),g=t(S.__require());function t(e){return e&&e.__esModule?e:{default:e}}})(u.__exports)),u.__exports}exports.__require=z;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as u } from "../../../../_virtual/
|
|
1
|
+
import { __exports as u } from "../../../../_virtual/index12.js";
|
|
2
2
|
import { __require as g } from "./format-date.js";
|
|
3
3
|
import { __require as b } from "./set-geolocation.js";
|
|
4
4
|
import { __require as p } from "./set-contact.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),N=require("../../utils/index.cjs"),b=require("../../_virtual/index.cjs"),n=require("../../components/Text/Text.cjs"),$=require("../../components/Text/types.cjs"),k=require("../../components/Divider/Divider.cjs"),C=require("../../components/Button/Button.cjs"),t=require("../../components/Button/types.cjs"),l=require("../../components/Icon/Icon.cjs"),u=require("../../components/IconButton/IconButton.cjs"),m=require("../../providers/SeldonProvider/utils.cjs"),x=require("../../utils/constants.cjs"),j=y.forwardRef(({className:h,title:_,subtitle:c,actionButtons:s,overline:o,showDivider:f=!0,...p},q)=>{const{className:r,...g}=N.getCommonProps(p,"AccountPageHeader"),i=s?.find(a=>a.isPrimary),d=s?.filter(a=>!a.isPrimary),v=()=>e.jsxs("div",{className:`${r}__button-wrapper`,children:[d&&e.jsx(e.Fragment,{children:d.map(a=>e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:a.onClick,"aria-label":a.ariaLabel,children:e.jsx(l.default,{icon:a.icon,"aria-label":a.ariaLabel,title:a.ariaLabel})},`icon-button-${a.icon}`))}),i&&e.jsxs(e.Fragment,{children:[e.jsx(m.SSRMediaQuery.Media,{greaterThanOrEqual:x.Breakpoints.md,children:e.jsxs(C.default,{variant:t.ButtonVariants.secondary,onClick:i.onClick,children:[e.jsx(l.default,{icon:i.icon})," ",e.jsx("span",{className:`${r}__button-label`,children:i.label})]})}),e.jsx(m.SSRMediaQuery.Media,{lessThan:x.Breakpoints.md,children:e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:i.onClick,"aria-label":i.ariaLabel,children:e.jsx(l.default,{icon:i.icon,title:i.ariaLabel})})})]})]});return e.jsxs("div",{...g,className:b.default(r,h),ref:q,children:[e.jsxs("div",{className:`${r}__container`,children:[o&&e.jsx(n.default,{className:`${r}__overline`,children:o}),e.jsxs("div",{className:`${r}__title-wrapper`,children:[e.jsx(n.default,{variant:$.TextVariants.headingLarge,className:`${r}__title`,children:_}),s&&s.length>0&&v()]}),c&&e.jsx(n.default,{className:`${r}__subtitle`,children:c})]}),f&&e.jsx(k.default,{className:`${r}__divider`})]})});j.displayName="AccountPageHeader";exports.default=j;
|
|
@@ -1,55 +1,56 @@
|
|
|
1
|
-
import { jsxs as n, jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { getCommonProps as
|
|
1
|
+
import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as C } from "react";
|
|
3
|
+
import { getCommonProps as k } from "../../utils/index.js";
|
|
4
4
|
import P from "../../_virtual/index.js";
|
|
5
|
-
import
|
|
6
|
-
import { TextVariants as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
5
|
+
import l from "../../components/Text/Text.js";
|
|
6
|
+
import { TextVariants as L } from "../../components/Text/types.js";
|
|
7
|
+
import x from "../../components/Divider/Divider.js";
|
|
8
|
+
import B from "../../components/Button/Button.js";
|
|
9
9
|
import { ButtonVariants as c } from "../../components/Button/types.js";
|
|
10
10
|
import t from "../../components/Icon/Icon.js";
|
|
11
11
|
import h from "../../components/IconButton/IconButton.js";
|
|
12
12
|
import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
import { Breakpoints as _ } from "../../utils/constants.js";
|
|
14
|
+
const T = C(
|
|
15
|
+
({ className: N, title: v, subtitle: m, actionButtons: o, overline: s, showDivider: b = !0, ...g }, u) => {
|
|
16
|
+
const { className: e, ...$ } = k(g, "AccountPageHeader"), i = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), y = () => /* @__PURE__ */ n("div", { className: `${e}__button-wrapper`, children: [
|
|
17
|
+
d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(
|
|
17
18
|
h,
|
|
18
19
|
{
|
|
19
20
|
variant: c.tertiary,
|
|
20
|
-
onClick:
|
|
21
|
-
"aria-label":
|
|
22
|
-
children: /* @__PURE__ */
|
|
21
|
+
onClick: a.onClick,
|
|
22
|
+
"aria-label": a.ariaLabel,
|
|
23
|
+
children: /* @__PURE__ */ r(t, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel })
|
|
23
24
|
},
|
|
24
|
-
`icon-button-${
|
|
25
|
+
`icon-button-${a.icon}`
|
|
25
26
|
)) }),
|
|
26
27
|
i && /* @__PURE__ */ n(p, { children: [
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ r(f.Media, { greaterThanOrEqual: _.md, children: /* @__PURE__ */ n(B, { variant: c.secondary, onClick: i.onClick, children: [
|
|
29
|
+
/* @__PURE__ */ r(t, { icon: i.icon }),
|
|
29
30
|
" ",
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ r("span", { className: `${e}__button-label`, children: i.label })
|
|
31
32
|
] }) }),
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ r(f.Media, { lessThan: _.md, children: /* @__PURE__ */ r(
|
|
33
34
|
h,
|
|
34
35
|
{
|
|
35
36
|
variant: c.tertiary,
|
|
36
37
|
onClick: i.onClick,
|
|
37
38
|
"aria-label": i.ariaLabel,
|
|
38
|
-
children: /* @__PURE__ */
|
|
39
|
+
children: /* @__PURE__ */ r(t, { icon: i.icon, title: i.ariaLabel })
|
|
39
40
|
}
|
|
40
41
|
) })
|
|
41
42
|
] })
|
|
42
43
|
] });
|
|
43
|
-
return /* @__PURE__ */ n("div", {
|
|
44
|
+
return /* @__PURE__ */ n("div", { ...$, className: P(e, N), ref: u, children: [
|
|
44
45
|
/* @__PURE__ */ n("div", { className: `${e}__container`, children: [
|
|
45
|
-
s && /* @__PURE__ */
|
|
46
|
+
s && /* @__PURE__ */ r(l, { className: `${e}__overline`, children: s }),
|
|
46
47
|
/* @__PURE__ */ n("div", { className: `${e}__title-wrapper`, children: [
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
|
|
48
|
+
/* @__PURE__ */ r(l, { variant: L.headingLarge, className: `${e}__title`, children: v }),
|
|
49
|
+
o && o.length > 0 && y()
|
|
49
50
|
] }),
|
|
50
|
-
m && /* @__PURE__ */
|
|
51
|
+
m && /* @__PURE__ */ r(l, { className: `${e}__subtitle`, children: m })
|
|
51
52
|
] }),
|
|
52
|
-
|
|
53
|
+
b && /* @__PURE__ */ r(x, { className: `${e}__divider` })
|
|
53
54
|
] });
|
|
54
55
|
}
|
|
55
56
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),k=require("react"),R=require("../../components/Drawer/Drawer.cjs"),S=require("../../providers/SeldonProvider/utils.cjs"),v=require("../../utils/index.cjs"),$=require("./FilterButton.cjs"),H=require("./FilterDropdownMenuDesktop.cjs"),y=require("./FilterDropdownMenuMobile.cjs"),B=require("./types.cjs"),t=require("./utils.cjs"),m=require("../../utils/constants.cjs"),C=k.forwardRef(({filterId:n=0,className:p,filterButtonLabel:r,buttonType:o,handleClick:l,filtersListState:s,filters:c,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,filterButtonLabelTranslated:d,dropdownMenuTranslation:M,ariaLabels:i={},hideDesktopSortButton:O,id:x},b)=>{const u=s?.[n]??!1,{totalCount:h,filterCount:D}=t.countActiveFilters(c,o),g=t.getFilterButtonLabel(r,d||null);return O&&o===B.FilterButtonType.Sort?null:e.jsxs(e.Fragment,{children:[e.jsxs(S.SSRMediaQuery.Media,{lessThan:m.Breakpoints.md,children:[e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,id:x,totalCount:h,ariaLabel:i.button||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!0,type:o}),e.jsx(R.default,{drawerOpenSide:"bottom",isOpen:u,onClose:t.getFilterButtonClickHandler(s,l,n),"aria-label":i.drawer||`${r} drawer`,className:`${v.px}-filter-drawer-mobile`,headerText:g,paddingLevel:0,children:e.jsx(y.FilterDropdownMenuMobile,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})]}),e.jsx(S.SSRMediaQuery.Media,{greaterThanOrEqual:m.Breakpoints.md,children:e.jsxs(a.Root,{open:u,onOpenChange:t.getFilterButtonClickHandler(s,l,n),children:[e.jsx(a.Trigger,{asChild:!0,children:e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,totalCount:h,id:x,ariaLabel:i.ariaLabel||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!1,type:o})}),e.jsx(a.Portal,{children:e.jsx(a.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,"aria-label":i.ariaLabel||`${r} dropdown`,children:e.jsx(H.FilterDropdownMenuDesktop,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})})]},`${x}-${r}-button`)})]})});C.displayName="SubFilterDropdown";exports.SubFilterDropdown=C;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as u, Fragment as S, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { Root as
|
|
3
|
-
import
|
|
2
|
+
import { Root as v, Trigger as j, Portal as P, Content as _ } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
|
|
3
|
+
import k from "react";
|
|
4
4
|
import q from "../../components/Drawer/Drawer.js";
|
|
5
5
|
import { SSRMediaQuery as O } from "../../providers/SeldonProvider/utils.js";
|
|
6
6
|
import { px as E } from "../../utils/index.js";
|
|
@@ -8,29 +8,30 @@ import { FilterButton as C } from "./FilterButton.js";
|
|
|
8
8
|
import { FilterDropdownMenuDesktop as H } from "./FilterDropdownMenuDesktop.js";
|
|
9
9
|
import { FilterDropdownMenuMobile as N } from "./FilterDropdownMenuMobile.js";
|
|
10
10
|
import { FilterButtonType as Q } from "./types.js";
|
|
11
|
-
import { countActiveFilters as
|
|
12
|
-
|
|
11
|
+
import { countActiveFilters as z, getFilterButtonClickHandler as p, getFilterButtonLabel as A } from "./utils.js";
|
|
12
|
+
import { Breakpoints as R } from "../../utils/constants.js";
|
|
13
|
+
const G = k.forwardRef(
|
|
13
14
|
({
|
|
14
15
|
filterId: e = 0,
|
|
15
16
|
className: g,
|
|
16
17
|
filterButtonLabel: r,
|
|
17
|
-
buttonType:
|
|
18
|
+
buttonType: i,
|
|
18
19
|
handleClick: m,
|
|
19
20
|
filtersListState: a,
|
|
20
|
-
filters:
|
|
21
|
+
filters: t,
|
|
21
22
|
onSelectFilter: h,
|
|
22
23
|
onApplyFilter: w,
|
|
23
24
|
onClickClear: F,
|
|
24
25
|
resultsCount: b,
|
|
25
|
-
filterButtonLabelTranslated:
|
|
26
|
+
filterButtonLabelTranslated: l,
|
|
26
27
|
dropdownMenuTranslation: x,
|
|
27
|
-
ariaLabels:
|
|
28
|
-
hideDesktopSortButton:
|
|
28
|
+
ariaLabels: n = {},
|
|
29
|
+
hideDesktopSortButton: f,
|
|
29
30
|
id: c
|
|
30
31
|
}, M) => {
|
|
31
|
-
const d = a?.[e] ?? !1, { totalCount: $, filterCount: D } =
|
|
32
|
-
return
|
|
33
|
-
/* @__PURE__ */ u(O.Media, { lessThan:
|
|
32
|
+
const d = a?.[e] ?? !1, { totalCount: $, filterCount: D } = z(t, i), s = A(r, l || null);
|
|
33
|
+
return f && i === Q.Sort ? null : /* @__PURE__ */ u(S, { children: [
|
|
34
|
+
/* @__PURE__ */ u(O.Media, { lessThan: R.md, children: [
|
|
34
35
|
/* @__PURE__ */ o(
|
|
35
36
|
C,
|
|
36
37
|
{
|
|
@@ -41,10 +42,10 @@ const A = _.forwardRef(
|
|
|
41
42
|
label: s,
|
|
42
43
|
id: c,
|
|
43
44
|
totalCount: $,
|
|
44
|
-
ariaLabel:
|
|
45
|
-
onClick:
|
|
45
|
+
ariaLabel: n.button || `${r} button`,
|
|
46
|
+
onClick: p(a, m, e),
|
|
46
47
|
isMobile: !0,
|
|
47
|
-
type:
|
|
48
|
+
type: i
|
|
48
49
|
}
|
|
49
50
|
),
|
|
50
51
|
/* @__PURE__ */ o(
|
|
@@ -52,37 +53,37 @@ const A = _.forwardRef(
|
|
|
52
53
|
{
|
|
53
54
|
drawerOpenSide: "bottom",
|
|
54
55
|
isOpen: d,
|
|
55
|
-
onClose:
|
|
56
|
-
"aria-label":
|
|
56
|
+
onClose: p(a, m, e),
|
|
57
|
+
"aria-label": n.drawer || `${r} drawer`,
|
|
57
58
|
className: `${E}-filter-drawer-mobile`,
|
|
58
59
|
headerText: s,
|
|
59
60
|
paddingLevel: 0,
|
|
60
61
|
children: /* @__PURE__ */ o(
|
|
61
62
|
N,
|
|
62
63
|
{
|
|
63
|
-
buttonType:
|
|
64
|
-
filters:
|
|
64
|
+
buttonType: i,
|
|
65
|
+
filters: t,
|
|
65
66
|
filterIndex: e,
|
|
66
67
|
onSelectFilter: h,
|
|
67
68
|
onApplyFilter: w,
|
|
68
69
|
onClickClear: F,
|
|
69
70
|
resultsCount: b,
|
|
70
|
-
ariaLabels:
|
|
71
|
+
ariaLabels: n?.ariaLabel,
|
|
71
72
|
filterButtonLabel: r,
|
|
72
|
-
filterButtonLabelTranslated:
|
|
73
|
+
filterButtonLabelTranslated: l,
|
|
73
74
|
dropdownMenuTranslation: x
|
|
74
75
|
}
|
|
75
76
|
)
|
|
76
77
|
}
|
|
77
78
|
)
|
|
78
79
|
] }),
|
|
79
|
-
/* @__PURE__ */ o(O.Media, { greaterThanOrEqual:
|
|
80
|
-
|
|
80
|
+
/* @__PURE__ */ o(O.Media, { greaterThanOrEqual: R.md, children: /* @__PURE__ */ u(
|
|
81
|
+
v,
|
|
81
82
|
{
|
|
82
83
|
open: d,
|
|
83
|
-
onOpenChange:
|
|
84
|
+
onOpenChange: p(a, m, e),
|
|
84
85
|
children: [
|
|
85
|
-
/* @__PURE__ */ o(
|
|
86
|
+
/* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(
|
|
86
87
|
C,
|
|
87
88
|
{
|
|
88
89
|
ref: M,
|
|
@@ -92,34 +93,34 @@ const A = _.forwardRef(
|
|
|
92
93
|
label: s,
|
|
93
94
|
totalCount: $,
|
|
94
95
|
id: c,
|
|
95
|
-
ariaLabel:
|
|
96
|
-
onClick:
|
|
96
|
+
ariaLabel: n.ariaLabel || `${r} button`,
|
|
97
|
+
onClick: p(a, m, e),
|
|
97
98
|
isMobile: !1,
|
|
98
|
-
type:
|
|
99
|
+
type: i
|
|
99
100
|
}
|
|
100
101
|
) }),
|
|
101
|
-
/* @__PURE__ */ o(
|
|
102
|
-
|
|
102
|
+
/* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
|
|
103
|
+
_,
|
|
103
104
|
{
|
|
104
105
|
avoidCollisions: !0,
|
|
105
106
|
collisionPadding: 10,
|
|
106
107
|
sideOffset: 5,
|
|
107
108
|
align: "start",
|
|
108
109
|
alignOffset: 5,
|
|
109
|
-
"aria-label":
|
|
110
|
+
"aria-label": n.ariaLabel || `${r} dropdown`,
|
|
110
111
|
children: /* @__PURE__ */ o(
|
|
111
112
|
H,
|
|
112
113
|
{
|
|
113
|
-
buttonType:
|
|
114
|
-
filters:
|
|
114
|
+
buttonType: i,
|
|
115
|
+
filters: t,
|
|
115
116
|
filterIndex: e,
|
|
116
117
|
onSelectFilter: h,
|
|
117
118
|
onApplyFilter: w,
|
|
118
119
|
onClickClear: F,
|
|
119
120
|
resultsCount: b,
|
|
120
|
-
ariaLabels:
|
|
121
|
+
ariaLabels: n?.ariaLabel,
|
|
121
122
|
filterButtonLabel: r,
|
|
122
|
-
filterButtonLabelTranslated:
|
|
123
|
+
filterButtonLabelTranslated: l,
|
|
123
124
|
dropdownMenuTranslation: x
|
|
124
125
|
}
|
|
125
126
|
)
|
|
@@ -132,7 +133,7 @@ const A = _.forwardRef(
|
|
|
132
133
|
] });
|
|
133
134
|
}
|
|
134
135
|
);
|
|
135
|
-
|
|
136
|
+
G.displayName = "SubFilterDropdown";
|
|
136
137
|
export {
|
|
137
|
-
|
|
138
|
+
G as SubFilterDropdown
|
|
138
139
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Dropdown/Dropdown.cjs"),y=require("../../components/Accordion/Accordion.cjs"),M=require("../../components/Accordion/AccordionItem.cjs"),T=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),N=require("../../components/Link/types.cjs");require("../../components/Link/Link.cjs");const k=require("../../components/Text/types.cjs"),R=require("../../components/Text/Text.cjs"),$=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),C=require("./utils.cjs"),q=require("../../utils/constants.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(y.default,{...o,ref:i,children:e.jsx(M.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx(R.default,{variant:k.TextVariants.linkStylised,children:l}),children:e.jsx($.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(T.default,{label:a.label,onClick:()=>n(a.value),navType:N.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=C.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(j.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { getCommonProps as
|
|
1
|
+
import { jsx as e, jsxs as S, Fragment as N } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f } from "react";
|
|
3
|
+
import { getCommonProps as T, noOp as k } from "../../utils/index.js";
|
|
4
4
|
import x from "../../_virtual/index.js";
|
|
5
5
|
import { SupportedLanguages as s } from "../../types/commonTypes.js";
|
|
6
6
|
import y from "../../components/Dropdown/Dropdown.js";
|
|
7
7
|
import C from "../../components/Accordion/Accordion.js";
|
|
8
8
|
import M from "../../components/Accordion/AccordionItem.js";
|
|
9
|
-
import
|
|
10
|
-
import { LinkVariants as
|
|
9
|
+
import P from "../../components/Navigation/NavigationItem/NavigationItem.js";
|
|
10
|
+
import { LinkVariants as V } from "../../components/Link/types.js";
|
|
11
11
|
import "../../components/Link/Link.js";
|
|
12
|
-
import { TextVariants as
|
|
13
|
-
import
|
|
14
|
-
import
|
|
12
|
+
import { TextVariants as j } from "../../components/Text/types.js";
|
|
13
|
+
import w from "../../components/Text/Text.js";
|
|
14
|
+
import A from "../../components/Navigation/NavigationList/NavigationList.js";
|
|
15
15
|
import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
|
|
16
|
-
import { getLanguageLabel as
|
|
17
|
-
|
|
16
|
+
import { getLanguageLabel as E } from "./utils.js";
|
|
17
|
+
import { Breakpoints as u } from "../../utils/constants.js";
|
|
18
|
+
const h = f(
|
|
18
19
|
({
|
|
19
20
|
id: o,
|
|
20
|
-
value:
|
|
21
|
+
value: i,
|
|
21
22
|
// can't be passed to the accordion
|
|
22
23
|
onValueChange: r,
|
|
23
|
-
label:
|
|
24
|
+
label: n,
|
|
24
25
|
options: l,
|
|
25
26
|
...t
|
|
26
27
|
}, m) => /* @__PURE__ */ e(C, { ...t, ref: m, children: /* @__PURE__ */ e(
|
|
@@ -28,53 +29,53 @@ const f = u(
|
|
|
28
29
|
{
|
|
29
30
|
hasTransition: !0,
|
|
30
31
|
id: o ?? "language-selector-accordion",
|
|
31
|
-
label: /* @__PURE__ */ e(
|
|
32
|
-
children: /* @__PURE__ */ e(
|
|
33
|
-
|
|
32
|
+
label: /* @__PURE__ */ e(w, { variant: j.linkStylised, children: n }),
|
|
33
|
+
children: /* @__PURE__ */ e(A, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
|
|
34
|
+
P,
|
|
34
35
|
{
|
|
35
36
|
label: a.label,
|
|
36
37
|
onClick: () => r(a.value),
|
|
37
|
-
navType:
|
|
38
|
+
navType: V.linkLarge
|
|
38
39
|
},
|
|
39
40
|
a.value
|
|
40
41
|
)) })
|
|
41
42
|
}
|
|
42
43
|
) })
|
|
43
44
|
);
|
|
44
|
-
|
|
45
|
-
const
|
|
45
|
+
h.displayName = "MobileLanguageSelector";
|
|
46
|
+
const I = f(
|
|
46
47
|
({
|
|
47
48
|
className: o,
|
|
48
|
-
currentLanguage:
|
|
49
|
+
currentLanguage: i = s.en,
|
|
49
50
|
languageOptions: r = [
|
|
50
51
|
{ label: "English", value: s.en },
|
|
51
52
|
{ label: "中文", value: s.zh }
|
|
52
53
|
],
|
|
53
|
-
onLanguageChange:
|
|
54
|
+
onLanguageChange: n = k,
|
|
54
55
|
id: l,
|
|
55
56
|
isHidden: t,
|
|
56
57
|
disabled: m = !1,
|
|
57
58
|
...a
|
|
58
59
|
}, c) => {
|
|
59
|
-
const { className: p, ...
|
|
60
|
-
...
|
|
60
|
+
const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = E({ languageOptions: r, currentLanguage: i }), d = {
|
|
61
|
+
...v,
|
|
61
62
|
...a,
|
|
62
63
|
id: l,
|
|
63
64
|
className: x(p, o, {
|
|
64
65
|
[`${p}--hidden`]: t
|
|
65
66
|
}),
|
|
66
67
|
options: r,
|
|
67
|
-
value:
|
|
68
|
-
onValueChange: (
|
|
69
|
-
label:
|
|
68
|
+
value: i,
|
|
69
|
+
onValueChange: (L) => n(L),
|
|
70
|
+
label: b
|
|
70
71
|
};
|
|
71
|
-
return /* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */ e(g.Media, { greaterThanOrEqual:
|
|
73
|
-
/* @__PURE__ */ e(g.Media, { lessThan:
|
|
72
|
+
return /* @__PURE__ */ S(N, { children: [
|
|
73
|
+
/* @__PURE__ */ e(g.Media, { greaterThanOrEqual: u.md, children: /* @__PURE__ */ e(y, { ...d, disabled: m, ref: c }) }),
|
|
74
|
+
/* @__PURE__ */ e(g.Media, { lessThan: u.md, children: /* @__PURE__ */ e(h, { ...d, ref: c }) })
|
|
74
75
|
] });
|
|
75
76
|
}
|
|
76
77
|
);
|
|
77
|
-
|
|
78
|
+
I.displayName = "LanguageSelector";
|
|
78
79
|
export {
|
|
79
|
-
|
|
80
|
+
I as default
|
|
80
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("../../_virtual/index.cjs"),M=require("react"),y=require("../../components/Button/Button.cjs"),a=require("../../components/Card/Card.cjs"),N=require("../../components/Card/types.cjs"),g=require("../../components/Button/types.cjs"),I=require("../../providers/SeldonProvider/utils.cjs"),R=require("../../utils/index.cjs"),r=require("./types.cjs"),L=require("../../utils/constants.cjs"),m=M.forwardRef(({className:f,imageSrc:l,imageAlt:j="Auction Image",auctionType:x,titleText:q,date:h,location:C,badgeText:n,modalButtonOnClick:i,modalButtonText:d,variant:t=r.SaleCardVariants.DEFAULT,children:c,imageDisplay:o=r.SaleCardImageDisplay.LEFT,...u},S)=>{const{className:s,..._}=R.getCommonProps(u,"SaleCard"),$=E.default(s,f,{[`${s}--${t}`]:t,[`${s}--image-${o}`]:o}),p={..._,...u};return e.jsxs(a.default.Root,{ref:S,element:"article",variant:N.CardVariants.default,className:$,...p,children:[l?e.jsx(a.default.Image,{alt:j,src:l}):null,e.jsxs(a.default.Content,{children:[e.jsx(a.default.Eyebrow,{children:x}),e.jsx(a.default.Title,{children:q}),n?e.jsx(a.default.Badge,{children:n}):null,e.jsxs(a.default.Meta,{className:`${s}__info`,children:[e.jsx(a.default.MetaItem,{children:C}),e.jsx(a.default.MetaItem,{children:h}),d&&i&&e.jsx("div",{className:`${s}__modal-link`,children:e.jsx(y.default,{onClick:i,variant:g.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),t!==r.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(I.SSRMediaQuery.Media,{greaterThanOrEqual:L.Breakpoints.snwMobile,children:c})})]})});m.displayName="SaleCard";exports.default=m;
|
|
@@ -1,51 +1,52 @@
|
|
|
1
1
|
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
2
|
+
import M from "../../_virtual/index.js";
|
|
3
|
+
import { forwardRef as L } from "react";
|
|
4
4
|
import g from "../../components/Button/Button.js";
|
|
5
5
|
import a from "../../components/Card/Card.js";
|
|
6
|
-
import { CardVariants as
|
|
7
|
-
import { ButtonVariants as
|
|
8
|
-
import { SSRMediaQuery as
|
|
9
|
-
import { getCommonProps as
|
|
6
|
+
import { CardVariants as k } from "../../components/Card/types.js";
|
|
7
|
+
import { ButtonVariants as A } from "../../components/Button/types.js";
|
|
8
|
+
import { SSRMediaQuery as R } from "../../providers/SeldonProvider/utils.js";
|
|
9
|
+
import { getCommonProps as T } from "../../utils/index.js";
|
|
10
10
|
import { SaleCardImageDisplay as w, SaleCardVariants as f } from "./types.js";
|
|
11
|
-
|
|
11
|
+
import { Breakpoints as y } from "../../utils/constants.js";
|
|
12
|
+
const P = L(
|
|
12
13
|
({
|
|
13
14
|
className: p,
|
|
14
|
-
imageSrc:
|
|
15
|
+
imageSrc: i,
|
|
15
16
|
imageAlt: h = "Auction Image",
|
|
16
17
|
auctionType: C,
|
|
17
18
|
titleText: u,
|
|
18
19
|
date: E,
|
|
19
20
|
location: S,
|
|
20
|
-
badgeText:
|
|
21
|
-
modalButtonOnClick:
|
|
21
|
+
badgeText: l,
|
|
22
|
+
modalButtonOnClick: s,
|
|
22
23
|
modalButtonText: t,
|
|
23
24
|
variant: o = f.DEFAULT,
|
|
24
25
|
children: n,
|
|
25
26
|
imageDisplay: c = w.LEFT,
|
|
26
27
|
...d
|
|
27
28
|
}, _) => {
|
|
28
|
-
const { className: e, ...N } =
|
|
29
|
+
const { className: e, ...N } = T(d, "SaleCard"), $ = M(e, p, {
|
|
29
30
|
[`${e}--${o}`]: o,
|
|
30
31
|
[`${e}--image-${c}`]: c
|
|
31
32
|
}), I = { ...N, ...d };
|
|
32
|
-
return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant:
|
|
33
|
-
|
|
33
|
+
return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant: k.default, className: $, ...I, children: [
|
|
34
|
+
i ? /* @__PURE__ */ r(a.Image, { alt: h, src: i }) : null,
|
|
34
35
|
/* @__PURE__ */ m(a.Content, { children: [
|
|
35
36
|
/* @__PURE__ */ r(a.Eyebrow, { children: C }),
|
|
36
37
|
/* @__PURE__ */ r(a.Title, { children: u }),
|
|
37
|
-
|
|
38
|
+
l ? /* @__PURE__ */ r(a.Badge, { children: l }) : null,
|
|
38
39
|
/* @__PURE__ */ m(a.Meta, { className: `${e}__info`, children: [
|
|
39
40
|
/* @__PURE__ */ r(a.MetaItem, { children: S }),
|
|
40
41
|
/* @__PURE__ */ r(a.MetaItem, { children: E }),
|
|
41
|
-
t &&
|
|
42
|
+
t && s && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: s, variant: A.link, linkSize: "sm", children: t }) })
|
|
42
43
|
] })
|
|
43
44
|
] }),
|
|
44
|
-
o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(
|
|
45
|
+
o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(R.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
|
|
45
46
|
] });
|
|
46
47
|
}
|
|
47
48
|
);
|
|
48
|
-
|
|
49
|
+
P.displayName = "SaleCard";
|
|
49
50
|
export {
|
|
50
|
-
|
|
51
|
+
P as default
|
|
51
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),z=require("react"),A=require("../../utils/index.cjs"),H=require("../../_virtual/index.cjs"),x=require("../../components/Countdown/Countdown.cjs"),O=require("../../components/SeldonImage/SeldonImage.cjs"),D=require("../../types/commonTypes.cjs"),r=require("../../components/Text/types.cjs"),t=require("../../components/Text/Text.cjs"),F=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),_=require("../../providers/SeldonProvider/utils.cjs"),s=require("../../components/Banner/Banner.cjs"),h=require("../../utils/constants.cjs"),j=require("../../components/Banner/types.cjs"),f=z.forwardRef(({auctionEndTime:n,auctionTitle:i,badgeText:l,imageSrcUrl:v,imageSrcSet:g,imageSizes:S,imageLoading:q,imageFetchPriority:N,location:p,countdownTimerLabel:$,countdownFormatDuration:b,auctionState:M,occurrenceInformation:B,onClick:Q,children:y,className:T,footerElement:V,headerLabel:k,showTimer:c,getCurrentDateTime:w,...d},C)=>{const{className:a,...P}=A.getCommonProps(d,"SaleHeaderBanner"),o=M===D.AuctionStatus.live,u={endDateTime:n,label:$,formatDurationStr:b,getCurrentDateTime:w};return e.jsxs("div",{...P,className:H.default(a,T),...d,ref:C,children:[o&&n&&c?e.jsx(_.SSRMediaQuery.Media,{lessThan:h.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...u,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsxs(s.default,{variant:j.BannerVariants.top,children:[e.jsx(s.default.Content,{children:e.jsx(F.default,{children:e.jsxs("div",{className:`${a}__stack`,children:[o&&n&&c?e.jsx(_.SSRMediaQuery.Media,{greaterThanOrEqual:h.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...u,centerAlign:!0})})}):null,e.jsx(s.default.Eyebrow,{variant:r.TextVariants.labelMedium,className:`${a}__header-label`,children:k}),e.jsx(s.default.Title,{variant:r.TextVariants.headingLarge,element:"h1",className:`${a}__title`,children:i}),l&&e.jsx(t.default,{variant:r.TextVariants.badge,className:`${a}__badge`,children:l}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__location`,children:p}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[B.map(({date:m,occurrenceLabel:R})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(t.default,{variant:r.TextVariants.labelMedium,children:R}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__date`,children:m})]},String(m))),y]}),V]})})}),e.jsx(s.default.Media,{size:j.BannerMediaSize.half,className:`${a}__image`,children:e.jsx(O.default,{aspectRatio:"16/9",src:v,alt:String(i),objectFit:"cover",srcSet:g,sizes:S,loading:q,fetchPriority:N})})]})]})});f.displayName="SaleHeaderBanner";exports.default=f;
|