@trafilea/afrodita-components 7.24.2 → 7.24.4
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/build/es/components/color/ColorPickerWithTooltip.js +1 -1
- package/build/es/components/dropdown/size-dropdown/SizeDropdown.js +1 -1
- package/build/es/components/molecules/Video/Video.js +1 -1
- package/build/es/components/size/selector/SizeSelector.js +1 -1
- package/build/index.d.ts +1 -0
- package/build/lib/components/color/ColorPickerWithTooltip.js +1 -1
- package/build/lib/components/dropdown/size-dropdown/SizeDropdown.js +1 -1
- package/build/lib/components/molecules/Video/Video.js +1 -1
- package/build/lib/components/size/selector/SizeSelector.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../core/theme/Theme.js";import"react";import"../../types/enums.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/styled.js";import"../pricing/styles.js";import{Tooltip as t}from"../tooltip/Tooltip.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/Toggle/toggle.styled.js";import l from"./ColorRadioGroup.js";import{renderOptions as s}from"./SingleColorPicker.js";import{ColorPickerWrapper as n,NumericTooltip as a}from"./styles/ColorPickerwithTootip.styled.js";var m=function(m){var c=m.options,
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,jsx as e}from"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../core/theme/Theme.js";import"react";import"../../types/enums.js";import"../pricing/clubOffer/ClubOfferTag.js";import"../pricing/discount/styled.js";import"../pricing/styles.js";import{Tooltip as t}from"../tooltip/Tooltip.js";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../atoms/Icon/Icon.js";import"../atoms/Image/styled.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/Toggle/toggle.styled.js";import l from"./ColorRadioGroup.js";import{renderOptions as s}from"./SingleColorPicker.js";import{ColorPickerWrapper as n,NumericTooltip as a}from"./styles/ColorPickerwithTootip.styled.js";var m=function(m){var d,c=m.options,p=void 0===c?[]:c,v=m.selectedValue,u=m.label,h=m.onChange,b=m.inline,g=void 0!==b&&b,j=m.maxVisibleOptions,f=void 0===j?5:j,C=m.showCross,w=m.className,y=m.tooltipOptions,L=m.translatedLabels,P=p.slice(0,f),I=p.slice(f),x=(null!=y?y:{}).showCloseIcon,T=(null==y?void 0:y.numeric)?null==I?void 0:I.length:0,O=v?null!==(d=null==L?void 0:L[v.label])&&void 0!==d?d:v.label:void 0;return i(n,o({className:w,value:v,onChange:h,css:{flexDirection:g?"row":"column",alignItems:g?"center":"start"}},{children:[e(l.Label,{label:u,values:O&&!g?O:void 0},void 0),i(l.OptionsContainer,o({css:{marginTop:g?"0":"0.63rem",marginLeft:g?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:[s(P,C,void 0,L),!!I.length&&e("div",o({style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e(t,o({showCloseIcon:x,position:1,elementContent:e("div",o({className:"tooltip-content"},{children:s(I,C,void 0,L)}),void 0),withArrow:!0},{children:(null==y?void 0:y.numeric)?i(a,o({"data-testid":"numeric-tooltip"},{children:["+",T]}),void 0):e("div",o({className:"arrow","data-testid":"tooltip-arrow"},{children:e(r,{name:"arrows/chevron_down",width:1,height:1},void 0)}),void 0)}),void 0)}),void 0)]}),void 0)]}),void 0)};export{m as default};
|
|
2
2
|
//# sourceMappingURL=ColorPickerWithTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as o}from"react";import{Icon as l}from"../../icons/index.js";import{DropdownContainer as u,DropdownLabel as a,SizeLabel as c,DetailLabel as d,DropdownOptions as f,DropdownOption as s}from"./Styled.js";var v=0,p=function(p){var h,m=p.options,y=p.defaultLabel,k=p.onOptionSelect,w=t(!1),D=w[0],b=w[1],x=t(0),z=x[0],g=x[1],A=t({size:y,detail:""}),C=A[0],E=A[1],j=i(null),q=i([]),F=i(null),I=i(null);null!==(h=j.current)&&void 0!==h||(j.current="afrodita-size-dropdown-".concat(++v));var U="".concat(j.current,"-label"),K="".concat(j.current,"-listbox"),M=function(e){E(e),b(!1),k(e.size),requestAnimationFrame((function(){var e;null===(e=F.current)||void 0===e||e.focus()}))},S=function(e){g(e),requestAnimationFrame((function(){var n;null===(n=q.current[e])||void 0===n||n.focus()}))},T=Math.max(0,m.findIndex((function(e){return e.size===C.size})));o((function(){if(D&&0!==m.length){var e=m.length-1,n=Math.min(T,e);S(n)}}),[D,T,m.length]);return n(u,{children:[n(a,e({id:U,role:"button",tabIndex:0,onClick:function(){return b((function(e){return!e}))},onKeyDown:function(e){if("Enter"===e.key||" "===e.key)return e.preventDefault(),void b((function(e){return!e}));"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),b(!0))},"aria-haspopup":"listbox","aria-expanded":D,"aria-controls":K,ref:F},{children:[r(c,{children:C.size},void 0),r(d,{children:C.detail},void 0),r(D?l.Arrows.ChevronUp:l.Arrows.ChevronDown,{width:.563,height:.875,fill:"#292929"},void 0)]}),void 0),D&&r(f,e({role:"listbox",id:K,"aria-labelledby":U,ref:I,onBlur:function(e){var n,r,t=e.relatedTarget;t&&(null===(n=I.current)||void 0===n?void 0:n.contains(t))||t&&(null===(r=F.current)||void 0===r?void 0:r.contains(t))||b(!1)}},{children:m.map((function(t,i){return n(s,e({role:"option","aria-selected":C.size===t.size,tabIndex:i===z?0:-1,onClick:function(){return M(t)},onKeyDown:function(e){return function(e,n){if("Enter"===e.key||" "===e.key)return e.preventDefault(),void M(n);if("Tab"!==e.key){if("Escape"===e.key)return e.preventDefault(),b(!1),void requestAnimationFrame((function(){var e;null===(e=F.current)||void 0===e||e.focus()}));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key){if("Home"===e.key)return e.preventDefault(),void S(0);"End"===e.key&&(e.preventDefault(),S(m.length-1))}else e.preventDefault(),r=(z-1+m.length)%m.length,S(r);else{e.preventDefault();var r=(z+1)%m.length;S(r)}}else b(!1)}(e,t)},ref:function(e){q.current[i]=e}},{children:[r("span",{children:t.size},void 0),r("span",{children:t.detail},void 0)]}),t.size)}))}),void 0)]},void 0)};export{p as default};
|
|
2
2
|
//# sourceMappingURL=SizeDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,
|
|
1
|
+
import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PauseContainer as l,PlayContainer as m,PlayIcon as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,L=h.className,C=h.withProgressBar,A=void 0===C||C,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,z=h.lazyLoad,B=void 0!==z&&z,x=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=n(!0),M=H[0],O=H[1],V=n(!1),_=V[0],q=V[1],F=n(!!D||I),S=F[0],U=F[1],G=n(0),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=n(!1),Y=X[0],Z=X[1],$=n(!1),oo=$[0],to=$[1],ro=n(!B||w),no=ro[0],eo=ro[1],io=r(null),ao=J>0,uo=(null===(y=E.current)||void 0===y?void 0:y.duration)?J/E.current.duration:0,co=J===(null===(g=null==E?void 0:E.current)||void 0===g?void 0:g.duration)||0===J,so=!B||no,lo=!D||!so?P:void 0;e((function(){w&&!no&&eo(!0)}),[w,no]),e((function(){var o=E.current;o&&so&&io.current!==j&&(io.current=j,to(!1),O(!0),o.load())}),[j,so]),e((function(){var o=E.current;if(o)if(w&&D&&oo){o.muted=!0,U(!0);var t=o.play();void 0!==t&&t.then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)}))}else w||(o.pause(),q(!1))}),[w,D,oo]);return a(d,t({className:L},{children:[!M&&A&&u(s,{progress:uo,hide:co},void 0),_?u(l,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(m,t({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.play().then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)})).finally((function(){return W(!1)})))}},{children:ao&&u(f,{},void 0)}),void 0),k&&a(p,t({onClick:function(){E.current&&U((function(o){return!o}))}},{children:[S&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!S&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},x,{key:j,autoPlay:D&&w&&so,muted:!!D||S,"data-testid":"video",poster:lo,playsInline:!0,controls:Y,ref:E,onTimeUpdate:function(){if(E.current){var o=E.current.currentTime;requestAnimationFrame((function(){return K(o)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(){return to(!0)},onLoadedData:function(o){T&&T(o),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:b||"auto",preload:so?D?"auto":"metadata":"none"}),u("track",{kind:"captions"},void 0),so&&u("source",{src:j},void 0))]}),void 0)};export{h as Video};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as i,jsx as l}from"@emotion/react/jsx-runtime";import{useRef as r}from"react";import{Icon as n}from"../../icons/index.js";import{ComponentSize as t}from"../../../types/enums.js";import o from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{Row as c,ButtonsContainer as s,BottomSizeTipRow as u}from"./styled.js";var m=0,v=function(v){var p,f,h=v.label,b=v.sizes,g=v.selectedValue,w=v.onChange,y=v.onClickSizeTip,z=v.inline,k=void 0!==z&&z,A=v.width,S=v.hasSizeGuide,x=void 0!==S&&S,j=v.sizeTipReferences,C=v.hasSizeTipBelowSelector,I=void 0!==C&&C,D=r(null);null!==(p=D.current)&&void 0!==p||(D.current="afrodita-size-selector-".concat(++m));var T="".concat(D.current,"-label"),L=x?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==g?void 0:g.label)})):null,E=function(e){return"".concat(D.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i("div",e({css:{display:"flex",flexDirection:k?"row":"column",alignItems:k?"center":"start"}},{children:[i(a,e({variant:"body",weight:"regular",size:"small",css:{alignSelf:k?"start":"inherit",padding:k?"0.75rem 0":"0"},id:T},{children:[h,!k&&l(a,e({variant:"label",weight:"demi",size:"regular"},{children:null==g?void 0:g.description}),void 0)]}),void 0),x&&!I&&i(c,e({"data-testid":"sizing-tip"},{children:[l(n.Actions.CircleInfo,{width:1.2},void 0),l(a,e({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==L?void 0:L.tip}),void 0),y&&l(d,{hideIcon:!0,onClick:y,title:null!==(f=null==L?void 0:L.cta)&&void 0!==f?f:"Size and Fit Guide"},void 0)]}),void 0),l(s,e({inline:k,role:"radiogroup","aria-labelledby":T,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==b?void 0:b.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var r=l.findIndex((function(e){return e.label===(null==g?void 0:g.label)})),n=r;"Home"===e.key?n=0:"End"===e.key?n=l.length-1:-1===r?n="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?n=(n+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(n=(n-1+l.length)%l.length);var t=l[n];t&&t.label!==(null==g?void 0:g.label)&&(w(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(E(t.label)))||void 0===e||e.focus()})))}}}},{children:null==b?void 0:b.map((function(e){var i=e.label===g.label,r=!e.disabled&&i,n=E(e.label),a=e.description?"".concat(e.label,", ").concat(e.description):e.label;return l(o,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:t.Medium,text:e.label,active:r,disabled:e.disabled,onClick:function(){return w(e)},testId:"size-variant-".concat(e.label.split("/")[0]),width:A,showNoStockStyles:e.noStock,id:n,role:"radio","aria-checked":i,"aria-label":a},e.label)}))}),void 0),x&&I&&l(u,e({"data-testid":"sizing-tip-below-selector"},{children:l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==L?void 0:L.tip}),void 0)}),void 0)]}),void 0)};export{v as default};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime");require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("react"),require("../../types/enums.js"),require("../pricing/clubOffer/ClubOfferTag.js"),require("../pricing/discount/styled.js"),require("../pricing/styles.js");var r=require("../tooltip/Tooltip.js");require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var s=require("../atoms/Icon/Icon.js");require("../atoms/Image/styled.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/Toggle/toggle.styled.js");var o=require("./ColorRadioGroup.js"),t=require("./SingleColorPicker.js"),l=require("./styles/ColorPickerwithTootip.styled.js");module.exports=function(n){var a=n.options,c=void 0===
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime");require("react/jsx-runtime"),require("../../core/theme/Theme.js"),require("react"),require("../../types/enums.js"),require("../pricing/clubOffer/ClubOfferTag.js"),require("../pricing/discount/styled.js"),require("../pricing/styles.js");var r=require("../tooltip/Tooltip.js");require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var s=require("../atoms/Icon/Icon.js");require("../atoms/Image/styled.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/Toggle/toggle.styled.js");var o=require("./ColorRadioGroup.js"),t=require("./SingleColorPicker.js"),l=require("./styles/ColorPickerwithTootip.styled.js");module.exports=function(n){var a,d=n.options,c=void 0===d?[]:d,u=n.selectedValue,m=n.label,v=n.onChange,j=n.inline,p=void 0!==j&&j,g=n.maxVisibleOptions,h=void 0===g?5:g,b=n.showCross,q=n.className,x=n.tooltipOptions,C=n.translatedLabels,_=c.slice(0,h),w=c.slice(h),y=(null!=x?x:{}).showCloseIcon,f=(null==x?void 0:x.numeric)?null==w?void 0:w.length:0,L=u?null!==(a=null==C?void 0:C[u.label])&&void 0!==a?a:u.label:void 0;return i.jsxs(l.ColorPickerWrapper,e.__assign({className:q,value:u,onChange:v,css:{flexDirection:p?"row":"column",alignItems:p?"center":"start"}},{children:[i.jsx(o.Label,{label:m,values:L&&!p?L:void 0},void 0),i.jsxs(o.OptionsContainer,e.__assign({css:{marginTop:p?"0":"0.63rem",marginLeft:p?"1.5rem":"0"},"data-testid":"radio-group-options-container"},{children:[t.renderOptions(_,b,void 0,C),!!w.length&&i.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:i.jsx(r.Tooltip,e.__assign({showCloseIcon:y,position:1,elementContent:i.jsx("div",e.__assign({className:"tooltip-content"},{children:t.renderOptions(w,b,void 0,C)}),void 0),withArrow:!0},{children:(null==x?void 0:x.numeric)?i.jsxs(l.NumericTooltip,e.__assign({"data-testid":"numeric-tooltip"},{children:["+",f]}),void 0):i.jsx("div",e.__assign({className:"arrow","data-testid":"tooltip-arrow"},{children:i.jsx(s.Icon,{name:"arrows/chevron_down",width:1,height:1},void 0)}),void 0)}),void 0)}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=ColorPickerWithTooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
1
|
+
"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),t=require("../../icons/index.js"),i=require("./Styled.js"),o=0;module.exports=function(u){var l,a=u.options,s=u.defaultLabel,c=u.onOptionSelect,d=r.useState(!1),f=d[0],v=d[1],p=r.useState(0),h=p[0],x=p[1],w=r.useState({size:s,detail:""}),D=w[0],y=w[1],b=r.useRef(null),k=r.useRef([]),g=r.useRef(null),j=r.useRef(null);null!==(l=b.current)&&void 0!==l||(b.current="afrodita-size-dropdown-".concat(++o));var m="".concat(b.current,"-label"),z="".concat(b.current,"-listbox"),A=function(e){y(e),v(!1),c(e.size),requestAnimationFrame((function(){var e;null===(e=g.current)||void 0===e||e.focus()}))},q=function(e){x(e),requestAnimationFrame((function(){var n;null===(n=k.current[e])||void 0===n||n.focus()}))},S=Math.max(0,a.findIndex((function(e){return e.size===D.size})));r.useEffect((function(){if(f&&0!==a.length){var e=a.length-1,n=Math.min(S,e);q(n)}}),[f,S,a.length]);return n.jsxs(i.DropdownContainer,{children:[n.jsxs(i.DropdownLabel,e.__assign({id:m,role:"button",tabIndex:0,onClick:function(){return v((function(e){return!e}))},onKeyDown:function(e){if("Enter"===e.key||" "===e.key)return e.preventDefault(),void v((function(e){return!e}));"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),v(!0))},"aria-haspopup":"listbox","aria-expanded":f,"aria-controls":z,ref:g},{children:[n.jsx(i.SizeLabel,{children:D.size},void 0),n.jsx(i.DetailLabel,{children:D.detail},void 0),f?n.jsx(t.Icon.Arrows.ChevronUp,{width:.563,height:.875,fill:"#292929"},void 0):n.jsx(t.Icon.Arrows.ChevronDown,{width:.563,height:.875,fill:"#292929"},void 0)]}),void 0),f&&n.jsx(i.DropdownOptions,e.__assign({role:"listbox",id:z,"aria-labelledby":m,ref:j,onBlur:function(e){var n,r,t=e.relatedTarget;t&&(null===(n=j.current)||void 0===n?void 0:n.contains(t))||t&&(null===(r=g.current)||void 0===r?void 0:r.contains(t))||v(!1)}},{children:a.map((function(r,t){return n.jsxs(i.DropdownOption,e.__assign({role:"option","aria-selected":D.size===r.size,tabIndex:t===h?0:-1,onClick:function(){return A(r)},onKeyDown:function(e){return function(e,n){if("Enter"===e.key||" "===e.key)return e.preventDefault(),void A(n);if("Tab"!==e.key){if("Escape"===e.key)return e.preventDefault(),v(!1),void requestAnimationFrame((function(){var e;null===(e=g.current)||void 0===e||e.focus()}));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key){if("Home"===e.key)return e.preventDefault(),void q(0);"End"===e.key&&(e.preventDefault(),q(a.length-1))}else e.preventDefault(),r=(h-1+a.length)%a.length,q(r);else{e.preventDefault();var r=(h+1)%a.length;q(r)}}else v(!1)}(e,r)},ref:function(e){k.current[t]=e}},{children:[n.jsx("span",{children:r.size},void 0),n.jsx("span",{children:r.detail},void 0)]}),r.size)}))}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=SizeDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(u){var a,s,c=u.source,d=u.thumbnail,l=u.height,f=u.className,m=u.withProgressBar,v=void 0===m||m,j=u.hasAudioControl,y=u.muted,h=u.onLoadedData,g=u.autoPlay,p=u.isActive,P=void 0===p||p,q=u.lazyLoad,b=void 0!==q&&q,_=e.__rest(u,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),x=r.useRef(null),C=r.useState(!0),L=C[0],I=C[1],S=r.useState(!1),A=S[0],T=S[1],k=r.useState(!!g||y),E=k[0],B=k[1],D=r.useState(0),M=D[0],N=D[1],w=r.useState(!1),z=w[0],V=w[1],H=r.useState(!1),O=H[0],R=H[1],F=r.useState(!1),U=F[0],G=F[1],J=r.useState(!b||P),K=J[0],Q=J[1],W=r.useRef(null),X=M>0,Y=(null===(a=x.current)||void 0===a?void 0:a.duration)?M/x.current.duration:0,Z=M===(null===(s=null==x?void 0:x.current)||void 0===s?void 0:s.duration)||0===M,$=!b||K,ee=!g||!$?d:void 0;r.useEffect((function(){P&&!K&&Q(!0)}),[P,K]),r.useEffect((function(){var e=x.current;e&&$&&W.current!==c&&(W.current=c,G(!1),I(!0),e.load())}),[c,$]),r.useEffect((function(){var e=x.current;if(e)if(P&&g&&U){e.muted=!0,B(!0);var r=e.play();void 0!==r&&r.then((function(){T(!0)})).catch((function(e){"NotAllowedError"===e.name&&R(!0)}))}else P||(e.pause(),T(!1))}),[P,g,U]);return t.jsxs(i.Container,e.__assign({className:f},{children:[!L&&v&&t.jsx(o.ProgressBar,{progress:Y,hide:Z},void 0),A?t.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){x.current&&A&&(x.current.pause(),T(!1))}},void 0):t.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){x.current&&!z&&(V(!0),x.current.play().then((function(){T(!0)})).catch((function(e){"NotAllowedError"===e.name&&R(!0)})).finally((function(){return V(!1)})))}},{children:X&&t.jsx(i.PlayIcon,{},void 0)}),void 0),j&&t.jsxs(i.MuteButton,e.__assign({onClick:function(){x.current&&B((function(e){return!e}))}},{children:[E&&t.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!E&&t.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.createElement(i.HTMLVideo,e.__assign({},_,{key:c,autoPlay:g&&P&&$,muted:!!g||E,"data-testid":"video",poster:ee,playsInline:!0,controls:O,ref:x,onTimeUpdate:function(){if(x.current){var e=x.current.currentTime;requestAnimationFrame((function(){return N(e)}))}},onCanPlay:function(){return I(!1)},onCanPlayThrough:function(){return G(!0)},onLoadedData:function(e){h&&h(e),I(!1)},onPause:function(){return T(!1)},onPlaying:function(){return T(!0)},height:l||"auto",preload:$?g?"auto":"metadata":"none"}),t.jsx("track",{kind:"captions"},void 0),$&&t.jsx("source",{src:c},void 0))]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../icons/index.js"),r=require("../../../types/enums.js"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../icons/index.js"),r=require("../../../types/enums.js"),t=require("../../selector/simple/SelectorSecondary.js"),o=require("../../text/Text.js"),a=require("../guide/SizeFitGuide.js"),s=require("./styled.js"),d=0;module.exports=function(c){var u,v,g=c.label,h=c.sizes,m=c.selectedValue,b=c.onChange,p=c.onClickSizeTip,w=c.inline,f=void 0!==w&&w,x=c.width,y=c.hasSizeGuide,z=void 0!==y&&y,j=c.sizeTipReferences,_=c.hasSizeTipBelowSelector,k=void 0!==_&&_,S=l.useRef(null);null!==(u=S.current)&&void 0!==u||(S.current="afrodita-size-selector-".concat(++d));var A="".concat(S.current,"-label"),T=z?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==m?void 0:m.label)})):null,q=function(e){return"".concat(S.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i.jsxs("div",e.__assign({css:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"center":"start"}},{children:[i.jsxs(o.Text,e.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:f?"start":"inherit",padding:f?"0.75rem 0":"0"},id:A},{children:[g,!f&&i.jsx(o.Text,e.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==m?void 0:m.description}),void 0)]}),void 0),z&&!k&&i.jsxs(s.Row,e.__assign({"data-testid":"sizing-tip"},{children:[i.jsx(n.Icon.Actions.CircleInfo,{width:1.2},void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==T?void 0:T.tip}),void 0),p&&i.jsx(a,{hideIcon:!0,onClick:p,title:null!==(v=null==T?void 0:T.cta)&&void 0!==v?v:"Size and Fit Guide"},void 0)]}),void 0),i.jsx(s.ButtonsContainer,e.__assign({inline:f,role:"radiogroup","aria-labelledby":A,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==h?void 0:h.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var n=l.findIndex((function(e){return e.label===(null==m?void 0:m.label)})),r=n;"Home"===e.key?r=0:"End"===e.key?r=l.length-1:-1===n?r="ArrowUp"===e.key||"ArrowLeft"===e.key?l.length-1:0:"ArrowRight"===e.key||"ArrowDown"===e.key?r=(r+1)%l.length:"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(r=(r-1+l.length)%l.length);var t=l[r];t&&t.label!==(null==m?void 0:m.label)&&(b(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(q(t.label)))||void 0===e||e.focus()})))}}}},{children:null==h?void 0:h.map((function(e){var l=e.label===m.label,n=!e.disabled&&l,o=q(e.label),a=e.description?"".concat(e.label,", ").concat(e.description):e.label;return i.jsx(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:r.ComponentSize.Medium,text:e.label,active:n,disabled:e.disabled,onClick:function(){return b(e)},testId:"size-variant-".concat(e.label.split("/")[0]),width:x,showNoStockStyles:e.noStock,id:o,role:"radio","aria-checked":l,"aria-label":a},e.label)}))}),void 0),z&&k&&i.jsx(s.BottomSizeTipRow,e.__assign({"data-testid":"sizing-tip-below-selector"},{children:i.jsx(o.Text,e.__assign({variant:"body",weight:"regular",size:"small"},{children:null==T?void 0:T.tip}),void 0)}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
package/package.json
CHANGED