@trafilea/afrodita-components 7.27.3 → 7.27.5
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/autoshipV2/autoshipV2.js +1 -1
- package/build/es/components/size/selector/SizeSelector.js +1 -1
- package/build/es/components/size/selector/styled.js +1 -1
- package/build/index.d.ts +2 -1
- package/build/lib/components/autoshipV2/autoshipV2.js +1 -1
- package/build/lib/components/size/selector/SizeSelector.js +1 -1
- package/build/lib/components/size/selector/styled.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__spreadArray as i,__assign as e}from"tslib";import{jsxs as o,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as d,useEffect as r}from"react";import{ComponentSize as a}from"../../types/enums.js";import{useTheme as s}from"../../core/theme/Theme.js";import"../../utils/constants/offerAtCart.js";import{decimalFormat as c}from"../../utils/decimalParser/decimalParser.js";import"../../utils/media.js";import"../../utils/mock-content/CancellationFlowAccordion.js";import{benefitsColorMapper as l}from"../autoship/config.js";import u from"../dropdown/variants/simple/SimpleDropdown.js";import{Icon as p}from"../icons/index.js";import{RadioInput as h}from"../radio/input/radio.js";import{Tooltip as m}from"../tooltip/Tooltip.js";import{Container as v,SubscriptionContainer as
|
|
1
|
+
import{__spreadArray as i,__assign as e}from"tslib";import{jsxs as o,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as d,useEffect as r}from"react";import{ComponentSize as a}from"../../types/enums.js";import{useTheme as s}from"../../core/theme/Theme.js";import"../../utils/constants/offerAtCart.js";import{decimalFormat as c}from"../../utils/decimalParser/decimalParser.js";import"../../utils/media.js";import"../../utils/mock-content/CancellationFlowAccordion.js";import{benefitsColorMapper as l}from"../autoship/config.js";import u from"../dropdown/variants/simple/SimpleDropdown.js";import{Icon as p}from"../icons/index.js";import{RadioInput as h}from"../radio/input/radio.js";import{Tooltip as m}from"../tooltip/Tooltip.js";import{Container as v,SubscriptionContainer as b,DiscountTag as f,SubscriptionHeader as g,FlexContainer as y,TooltipWrapper as P,StyledPrice as C,BenefitsContainer as j,Benefit as T,BulletIconWrapper as k,BenefitText as w,DeliveryFrequencyLabel as I,SinglePurchaseContainer as S}from"./styled.js";var x={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},N={key:"1",label:"1 Month",value:1,disabled:!1},V=function(V){var L=V.tooltipContent,z=V.tooltipHeader,A=V.pricing,F=V.frequencyValues,M=V.frequencyUnit,D=void 0===M?"months":M,R=V.autoshipBenefits,q=V.benefits,B=V.onChange,E=V.singlePurchaseLabel,H=V.subscriptionLabel,_=V.className,O=V.closeIcon,Q=V.currencySymbol,U=void 0===Q?"$":Q,W=V.discountLabel,$=V.disabledInputs,G=V.hasInfoBulletIcons,J=void 0===G||G,K=V.borderRadiusValue,X=s(),Y=F&&(null==F?void 0:F.length)>0?F.map((function(i){var e="".concat(i," ").concat(1===i?D.slice(0,-1):D);return{key:"".concat(i),label:e,value:i,disabled:!1}})):[N],Z=x.autoship&&((null==$?void 0:$.includes(x.autoship.id))?x.oneTime:x.autoship),ii=d(Z),ei=ii[0],oi=ii[1],ti=d(Y[0].value),ni=ti[0],di=ti[1],ri=A.listPrice,ai=A.discountedPrice,si=A.autoshipDiscountPercentage,ci=Number((ai-ai*(si/100)).toFixed(2)),li=ri-ci,ui=li/ri*100,pi=5*Math.round(ui/5),hi=null!=q?q:i(['<span style="font-weight: 600">Save up to '.concat(pi,"% always.</span>")],R.slice(0),!0),mi=function(){return{subscriptionPeriod:ni,autoship:ei.id===x.autoship.id,originalPrice:ri,discountedPrice:Number(ci)}};r((function(){B(mi())}),[]);var vi=function(i,o){if(!$||!$.includes(i.id)){var t=mi();if("radio"===o)return oi(i),void B(e(e({},t),{autoship:i.id===x.autoship.id}));di(i),t.subscriptionPeriod=i,B(e(e({},t),{subscriptionPeriod:i}))}},bi=l(X);return o(v,e({className:_},{children:[o(b,e({onClick:function(){return vi(x.autoship,"radio")},"data-testid":"subscription-purchase-block",selected:x.autoship.id===ei.id,borderRadiusValue:K},{children:[t(f,e({isSelected:x.autoship.id===ei.id},{children:null!=W?W:"".concat(pi,"% OFF - SAVE ").concat(U).concat(li.toFixed(2))}),void 0),o(g,{children:[o(y,{children:[t(h,{label:H,name:x.autoship.id,id:x.autoship.id,value:x.autoship.id,checked:x.autoship.id===ei.id,size:a.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){},disabled:$&&$.includes(x.autoship.id)},void 0),t(P,{children:t(m,e({position:0,content:L,header:z,maxWidth:"248px",showCloseIcon:O,closeBtnSize:.7},{children:t(p.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]},void 0),t(C,{testId:"subscription",finalPrice:"".concat(U).concat(c(Number(ci))),selected:x.autoship.id===ei.id,size:a.Large,originalPrice:"".concat(U).concat(c(Number(ri)))},void 0)]},void 0),t(j,{children:hi.map((function(i){return o(T,{children:[J&&t(k,{children:t(p.Actions.Check,{width:1.2,height:1.2,fill:x.autoship.id===ei.id?bi.selected:bi.base},void 0)},void 0),t(w,{variant:"body",dangerouslySetInnerHTML:{__html:i}},void 0)]},i)}))},void 0),t(n,{children:Y.length>1?o(y,e({onClick:function(i){return i.stopPropagation()}},{children:[t(I,e({variant:"body"},{children:"Delivery Every:"}),void 0),t(u,{testId:"subscription-frequency",initialValue:Y[0],options:Y,onChange:function(i){return vi(i.value,"dropdown")},placeHolder:""},void 0)]}),void 0):o(I,e({variant:"body"},{children:["Delivery Every ",Y[0].label.toLowerCase()]}),void 0)},void 0)]}),void 0),o(S,e({"data-testid":"single-purchase-block",selected:x.oneTime.id===ei.id,borderRadiusValue:K,onClick:function(){return vi(x.oneTime,"radio")}},{children:[t(h,{label:E,name:x.oneTime.id,id:x.oneTime.id,value:x.oneTime.id,checked:x.oneTime.id===ei.id,size:a.Medium,onChange:function(){},useV2Style:!0,disabled:$&&$.includes(x.oneTime.id)},void 0),t(C,{testId:"single-purchase",finalPrice:"".concat(U).concat(c(Number(ai))),selected:x.oneTime.id===ei.id,size:a.Large,originalPrice:"".concat(U).concat(c(Number(ri)))},void 0)]}),void 0)]}),void 0)};export{V as default};
|
|
2
2
|
//# sourceMappingURL=autoshipV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
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 o}from"../../../types/enums.js";import t from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{
|
|
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 o}from"../../../types/enums.js";import t from"../../selector/simple/SelectorSecondary.js";import{Text as a}from"../../text/Text.js";import d from"../guide/SizeFitGuide.js";import{LabelHeaderRow as c,Row as s,ButtonsContainer as u,SizeBadgeWrapper as m,BottomSizeTipRow as v,SizingRecommendationText as p}from"./styled.js";var f=0,h=function(h){var g,b,w=h.label,y=h.sizes,z=h.selectedValue,S=h.onChange,k=h.onClickSizeTip,A=h.inline,x=void 0!==A&&A,I=h.width,j=h.hasSizeGuide,L=void 0!==j&&j,T=h.sizeTipReferences,C=h.hasSizeTipBelowSelector,D=void 0!==C&&C,H=h.optionBadge,R=h.sizingRecommendation,_=h.descriptionSuffix,B=h.labelAction,E=r(null);null!==(g=E.current)&&void 0!==g||(E.current="afrodita-size-selector-".concat(++f));var F="".concat(E.current,"-label"),G=L?null==T?void 0:T.find((function(e){return(null==e?void 0:e.size)===(null==z?void 0:z.label)})):null,M=function(e){return"".concat(E.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())},U=i(a,e({variant:"body",weight:"regular",size:"small",css:{alignSelf:x?"start":"inherit",padding:x?"0.75rem 0":"0"},id:F},{children:[w,!x&&l(a,e({variant:"label",weight:"demi",size:"regular"},{children:null==z?void 0:z.description}),void 0),_&&l(a,{variant:"label",size:"regular",dangerouslySetInnerHTML:{__html:_}},void 0)]}),void 0);return i("div",e({css:{display:"flex",flexDirection:x?"row":"column",alignItems:x?"center":"start"}},{children:[B?i(c,{children:[U,B]},void 0):U,L&&!D&&!R&&i(s,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==G?void 0:G.tip}),void 0),k&&l(d,{hideIcon:!0,onClick:k,title:null!==(b=null==G?void 0:G.cta)&&void 0!==b?b:"Size and Fit Guide"},void 0)]}),void 0),l(u,e({inline:x,role:"radiogroup","aria-labelledby":F,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==y?void 0:y.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var r=l.findIndex((function(e){return e.label===(null==z?void 0:z.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 o=l[n];o&&o.label!==(null==z?void 0:z.label)&&(S(o),requestAnimationFrame((function(){var e;null===(e=document.getElementById(M(o.label)))||void 0===e||e.focus()})))}}}},{children:null==y?void 0:y.map((function(r){var n=r.label===z.label,a=!r.disabled&&n,d=M(r.label),c=r.description?"".concat(r.label,", ").concat(r.description):r.label,s=(null==H?void 0:H.optionLabel)===r.label,u=l(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:s?0:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:o.Medium,text:r.label,active:a,disabled:r.disabled,onClick:function(){return S(r)},testId:"size-variant-".concat(r.label.split("/")[0]),width:I,showNoStockStyles:r.noStock,id:d,role:"radio","aria-checked":n,"aria-label":c},r.label);return s?i(m,e({css:{margin:"0 0.5rem 0.625rem 0"}},{children:[H.content,u]}),r.label):u}))}),void 0),L&&D&&!R&&l(v,e({"data-testid":"sizing-tip-below-selector"},{children:l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==G?void 0:G.tip}),void 0)}),void 0),R&&l(p,{dangerouslySetInnerHTML:{__html:R}},void 0)]}),void 0)};export{h as default};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import a from"@emotion/styled";var
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import a from"@emotion/styled";var t,i,e,p,r,l,o=a.div(t||(t=n(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ",";\n"],["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),f=a.div(i||(i=n(["\n align-items: flex-start;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n width: 100%;\n"],["\n align-items: flex-start;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n width: 100%;\n"]))),x=a.div(e||(e=n(["\n gap: 5px;\n display: flex;\n margin: 8px 0 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"],["\n gap: 5px;\n display: flex;\n margin: 8px 0 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"]))),g=a.div(p||(p=n(["\n position: relative;\n"],["\n position: relative;\n"]))),s=a.p(r||(r=n(["\n color: var(--neutrals-gray-5503-a-3-a-3-a, #3a3a3a);\n font-family: 'Avenir Next';\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0;\n"],["\n color: var(--neutrals-gray-5503-a-3-a-3-a, #3a3a3a);\n font-family: 'Avenir Next';\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0;\n"]))),w=a.div(l||(l=n(["\n gap: 5px;\n display: flex;\n margin: 8px 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"],["\n gap: 5px;\n display: flex;\n margin: 8px 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"])));export{w as BottomSizeTipRow,o as ButtonsContainer,f as LabelHeaderRow,x as Row,g as SizeBadgeWrapper,s as SizingRecommendationText};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -4161,8 +4161,9 @@ interface SizeSelectorProps {
|
|
|
4161
4161
|
optionBadge?: SizeOptionBadgeConfig;
|
|
4162
4162
|
sizingRecommendation?: string;
|
|
4163
4163
|
descriptionSuffix?: string;
|
|
4164
|
+
labelAction?: ReactNode;
|
|
4164
4165
|
}
|
|
4165
|
-
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, optionBadge, sizingRecommendation, descriptionSuffix, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4166
|
+
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, optionBadge, sizingRecommendation, descriptionSuffix, labelAction, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4166
4167
|
|
|
4167
4168
|
interface SliderNavigationProps {
|
|
4168
4169
|
children: JSX.Element | JSX.Element[] | StyledComponent<any>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("../../types/enums.js"),s=require("../../core/theme/Theme.js");require("../../utils/constants/offerAtCart.js");var t=require("../../utils/decimalParser/decimalParser.js");require("../../utils/media.js"),require("../../utils/mock-content/CancellationFlowAccordion.js");var r=require("../autoship/config.js"),a=require("../dropdown/variants/simple/SimpleDropdown.js"),d=require("../icons/index.js"),c=require("../radio/input/radio.js"),l=require("../tooltip/Tooltip.js"),u=require("./styled.js"),p={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},h={key:"1",label:"1 Month",value:1,disabled:!1};module.exports=function(m){var v=m.tooltipContent,b=m.tooltipHeader,g=m.pricing,j=m.frequencyValues,
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("../../types/enums.js"),s=require("../../core/theme/Theme.js");require("../../utils/constants/offerAtCart.js");var t=require("../../utils/decimalParser/decimalParser.js");require("../../utils/media.js"),require("../../utils/mock-content/CancellationFlowAccordion.js");var r=require("../autoship/config.js"),a=require("../dropdown/variants/simple/SimpleDropdown.js"),d=require("../icons/index.js"),c=require("../radio/input/radio.js"),l=require("../tooltip/Tooltip.js"),u=require("./styled.js"),p={oneTime:{id:"one-time-purchase"},autoship:{id:"autoship-subscribe-and-save"}},h={key:"1",label:"1 Month",value:1,disabled:!1};module.exports=function(m){var v=m.tooltipContent,b=m.tooltipHeader,g=m.pricing,j=m.frequencyValues,x=m.frequencyUnit,f=void 0===x?"months":x,y=m.autoshipBenefits,_=m.benefits,C=m.onChange,q=m.singlePurchaseLabel,S=m.subscriptionLabel,P=m.className,T=m.closeIcon,F=m.currencySymbol,I=void 0===F?"$":F,k=m.discountLabel,w=m.disabledInputs,z=m.hasInfoBulletIcons,L=void 0===z||z,N=m.borderRadiusValue,V=s.useTheme(),B=j&&(null==j?void 0:j.length)>0?j.map((function(e){var i="".concat(e," ").concat(1===e?f.slice(0,-1):f);return{key:"".concat(e),label:i,value:e,disabled:!1}})):[h],D=p.autoship&&((null==w?void 0:w.includes(p.autoship.id))?p.oneTime:p.autoship),A=n.useState(D),M=A[0],R=A[1],E=n.useState(B[0].value),H=E[0],W=E[1],O=g.listPrice,Q=g.discountedPrice,U=g.autoshipDiscountPercentage,$=Number((Q-Q*(U/100)).toFixed(2)),G=O-$,J=G/O*100,K=5*Math.round(J/5),X=null!=_?_:e.__spreadArray(['<span style="font-weight: 600">Save up to '.concat(K,"% always.</span>")],y.slice(0),!0),Y=function(){return{subscriptionPeriod:H,autoship:M.id===p.autoship.id,originalPrice:O,discountedPrice:Number($)}};n.useEffect((function(){C(Y())}),[]);var Z=function(i,n){if(!w||!w.includes(i.id)){var o=Y();if("radio"===n)return R(i),void C(e.__assign(e.__assign({},o),{autoship:i.id===p.autoship.id}));W(i),o.subscriptionPeriod=i,C(e.__assign(e.__assign({},o),{subscriptionPeriod:i}))}},ee=r.benefitsColorMapper(V);return i.jsxs(u.Container,e.__assign({className:P},{children:[i.jsxs(u.SubscriptionContainer,e.__assign({onClick:function(){return Z(p.autoship,"radio")},"data-testid":"subscription-purchase-block",selected:p.autoship.id===M.id,borderRadiusValue:N},{children:[i.jsx(u.DiscountTag,e.__assign({isSelected:p.autoship.id===M.id},{children:null!=k?k:"".concat(K,"% OFF - SAVE ").concat(I).concat(G.toFixed(2))}),void 0),i.jsxs(u.SubscriptionHeader,{children:[i.jsxs(u.FlexContainer,{children:[i.jsx(c.RadioInput,{label:S,name:p.autoship.id,id:p.autoship.id,value:p.autoship.id,checked:p.autoship.id===M.id,size:o.ComponentSize.Medium,style:{marginRight:"10px"},useV2Style:!0,onChange:function(){},disabled:w&&w.includes(p.autoship.id)},void 0),i.jsx(u.TooltipWrapper,{children:i.jsx(l.Tooltip,e.__assign({position:0,content:v,header:b,maxWidth:"248px",showCloseIcon:T,closeBtnSize:.7},{children:i.jsx(d.Icon.Actions.CircleQuestion,{width:1},void 0)}),void 0)},void 0)]},void 0),i.jsx(u.StyledPrice,{testId:"subscription",finalPrice:"".concat(I).concat(t.decimalFormat(Number($))),selected:p.autoship.id===M.id,size:o.ComponentSize.Large,originalPrice:"".concat(I).concat(t.decimalFormat(Number(O)))},void 0)]},void 0),i.jsx(u.BenefitsContainer,{children:X.map((function(e){return i.jsxs(u.Benefit,{children:[L&&i.jsx(u.BulletIconWrapper,{children:i.jsx(d.Icon.Actions.Check,{width:1.2,height:1.2,fill:p.autoship.id===M.id?ee.selected:ee.base},void 0)},void 0),i.jsx(u.BenefitText,{variant:"body",dangerouslySetInnerHTML:{__html:e}},void 0)]},e)}))},void 0),i.jsx(i.Fragment,{children:B.length>1?i.jsxs(u.FlexContainer,e.__assign({onClick:function(e){return e.stopPropagation()}},{children:[i.jsx(u.DeliveryFrequencyLabel,e.__assign({variant:"body"},{children:"Delivery Every:"}),void 0),i.jsx(a,{testId:"subscription-frequency",initialValue:B[0],options:B,onChange:function(e){return Z(e.value,"dropdown")},placeHolder:""},void 0)]}),void 0):i.jsxs(u.DeliveryFrequencyLabel,e.__assign({variant:"body"},{children:["Delivery Every ",B[0].label.toLowerCase()]}),void 0)},void 0)]}),void 0),i.jsxs(u.SinglePurchaseContainer,e.__assign({"data-testid":"single-purchase-block",selected:p.oneTime.id===M.id,borderRadiusValue:N,onClick:function(){return Z(p.oneTime,"radio")}},{children:[i.jsx(c.RadioInput,{label:q,name:p.oneTime.id,id:p.oneTime.id,value:p.oneTime.id,checked:p.oneTime.id===M.id,size:o.ComponentSize.Medium,onChange:function(){},useV2Style:!0,disabled:w&&w.includes(p.oneTime.id)},void 0),i.jsx(u.StyledPrice,{testId:"single-purchase",finalPrice:"".concat(I).concat(t.decimalFormat(Number(Q))),selected:p.oneTime.id===M.id,size:o.ComponentSize.Large,originalPrice:"".concat(I).concat(t.decimalFormat(Number(O)))},void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=autoshipV2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("@emotion/react/jsx-runtime"),
|
|
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,m=c.sizes,h=c.selectedValue,b=c.onChange,p=c.onClickSizeTip,x=c.inline,f=void 0!==x&&x,w=c.width,z=c.hasSizeGuide,y=void 0!==z&&z,_=c.sizeTipReferences,j=c.hasSizeTipBelowSelector,S=void 0!==j&&j,k=c.optionBadge,A=c.sizingRecommendation,T=c.descriptionSuffix,q=c.labelAction,I=l.useRef(null);null!==(u=I.current)&&void 0!==u||(I.current="afrodita-size-selector-".concat(++d));var R="".concat(I.current,"-label"),C=y?null==_?void 0:_.find((function(e){return(null==e?void 0:e.size)===(null==h?void 0:h.label)})):null,L=function(e){return"".concat(I.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())},B=i.jsxs(o.Text,e.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:f?"start":"inherit",padding:f?"0.75rem 0":"0"},id:R},{children:[g,!f&&i.jsx(o.Text,e.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==h?void 0:h.description}),void 0),T&&i.jsx(o.Text,{variant:"label",size:"regular",dangerouslySetInnerHTML:{__html:T}},void 0)]}),void 0);return i.jsxs("div",e.__assign({css:{display:"flex",flexDirection:f?"row":"column",alignItems:f?"center":"start"}},{children:[q?i.jsxs(s.LabelHeaderRow,{children:[B,q]},void 0):B,y&&!S&&!A&&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==C?void 0:C.tip}),void 0),p&&i.jsx(a,{hideIcon:!0,onClick:p,title:null!==(v=null==C?void 0:C.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":R,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==m?void 0:m.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var n=l.findIndex((function(e){return e.label===(null==h?void 0:h.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==h?void 0:h.label)&&(b(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(L(t.label)))||void 0===e||e.focus()})))}}}},{children:null==m?void 0:m.map((function(l){var n=l.label===h.label,o=!l.disabled&&n,a=L(l.label),d=l.description?"".concat(l.label,", ").concat(l.description):l.label,c=(null==k?void 0:k.optionLabel)===l.label,u=i.jsx(t,{css:{padding:"0.75rem 1rem 0.625rem",margin:c?0:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:r.ComponentSize.Medium,text:l.label,active:o,disabled:l.disabled,onClick:function(){return b(l)},testId:"size-variant-".concat(l.label.split("/")[0]),width:w,showNoStockStyles:l.noStock,id:a,role:"radio","aria-checked":n,"aria-label":d},l.label);return c?i.jsxs(s.SizeBadgeWrapper,e.__assign({css:{margin:"0 0.5rem 0.625rem 0"}},{children:[k.content,u]}),l.label):u}))}),void 0),y&&S&&!A&&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==C?void 0:C.tip}),void 0)}),void 0),A&&i.jsx(s.SizingRecommendationText,{dangerouslySetInnerHTML:{__html:A}},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,a,i,r,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,a,i,p,r,l,o=e(require("@emotion/styled")),f=o.default.div(t||(t=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ",";\n"],["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ",";\n"])),(function(n){return n.inline?"0 0 0 10px":"8px 0 0 0"})),x=o.default.div(a||(a=n.__makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n width: 100%;\n"],["\n align-items: flex-start;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n width: 100%;\n"]))),s=o.default.div(i||(i=n.__makeTemplateObject(["\n gap: 5px;\n display: flex;\n margin: 8px 0 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"],["\n gap: 5px;\n display: flex;\n margin: 8px 0 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"]))),d=o.default.div(p||(p=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),m=o.default.p(r||(r=n.__makeTemplateObject(["\n color: var(--neutrals-gray-5503-a-3-a-3-a, #3a3a3a);\n font-family: 'Avenir Next';\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0;\n"],["\n color: var(--neutrals-gray-5503-a-3-a-3-a, #3a3a3a);\n font-family: 'Avenir Next';\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n margin: 0;\n"]))),g=o.default.div(l||(l=n.__makeTemplateObject(["\n gap: 5px;\n display: flex;\n margin: 8px 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"],["\n gap: 5px;\n display: flex;\n margin: 8px 0;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"])));exports.BottomSizeTipRow=g,exports.ButtonsContainer=f,exports.LabelHeaderRow=x,exports.Row=s,exports.SizeBadgeWrapper=d,exports.SizingRecommendationText=m;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED