@trafilea/afrodita-components 7.26.1 → 7.26.2
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/dropdown/variants/smart/SmartDropdown.js +1 -1
- package/build/es/components/dropdown/variants/smart/SmartDropdownOptions.js +1 -1
- package/build/es/components/dropdown/variants/smart/styled.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 +13 -2
- package/build/lib/components/dropdown/variants/smart/SmartDropdown.js +1 -1
- package/build/lib/components/dropdown/variants/smart/SmartDropdownOptions.js +1 -1
- package/build/lib/components/dropdown/variants/smart/styled.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{__assign as e}from"tslib";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{Listbox as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as i,jsxs as o,Fragment as t}from"react/jsx-runtime";import{Listbox as n}from"@headlessui/react";import{useState as r,useRef as d,useMemo as l,useEffect as a,Fragment as s}from"react";import{useViewportAwarePosition as p}from"../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js";import{Icon as c}from"../../../icons/index.js";import{Error as m}from"../../../input/base/Error.js";import u from"../../base/BaseDropdown.js";import v from"./SmartDropdownOption.js";import h from"./SmartDropdownOptions.js";import{RequiredPlaceholder as f,DropdownWrapper as g,ContentWrapper as b,OptionImage as w,SelectedOption as O,Container as x}from"./styled.js";var R=function(n){var r=n.open,d=n.dropdownRef,l=n.selectedValue,a=n.selectedOptionLabel,s=n.selectedOptionWeight,m=n.disabled,f=n.label,g=n.wide,x=n.sort,R=n.testId,V=n.options,j=n.calculatedMaxHeight,A=n.maxVisibleOptions,H=n.estimatedOptionHeight,I=n.forceDirection,L=n.optionBadge,U=n.optionsAlign,D=p({dropdownRef:d,isOpen:r,optionsCount:V.length,estimatedOptionHeight:H,maxVisibleOptions:A}).isOpenUpwards,C=I?"up"===I:D;return o(b,e({wide:g},{children:[o(u.Button,e({label:f,OpenIcon:c.Arrows.ChevronDown,CloseIcon:c.Arrows.ChevronUp,wide:g,isSortOrFilter:x,testId:R},{children:[!!(null==l?void 0:l.imageURL)&&i(w,{src:l.imageURL,alt:l.label},void 0),s&&m?i(O,e({fontWeight:s},{children:a}),void 0):i(t,{children:a},void 0)]}),void 0),i(h,e({isOpenUpwards:C,maxHeight:j,optionsAlign:U},{children:V.map((function(t){return o(v,e({value:t,disabled:t.disabled,hasImage:!!t.imageURL},{children:[!!t.imageURL&&i(w,{src:t.imageURL,alt:t.label},void 0),t.label,(null==L?void 0:L.optionKey)===t.key&&L.content]}),t.key)}))}),void 0)]}),void 0)},V=function(t){var p=t.options,c=t.disabled,u=void 0!==c&&c,v=t.initialValue,h=t.placeHolder,b=t.label,w=t.wide,O=void 0!==w&&w,V=t.sort,j=void 0!==V&&V,A=t.onChange,H=t.value,I=t.testId,L=void 0===I?"smart-dropdown":I,U=t.required,D=t.showRequiredPlaceholder,C=t.selectedOptionWeight,B=t.maxVisibleOptions,y=void 0===B?5:B,W=t.estimatedOptionHeight,k=void 0===W?40:W,P=t.forceDirection,S=t.optionBadge,q=t.optionsAlign,F=r(H||v),M=F[0],E=F[1],K=d(null),z=l((function(){if(!(p.length<=y))return"".concat(y*k,"px")}),[p.length,y,k]),G=l((function(){var e;return M?null!==(e=M.selectedLabel)&&void 0!==e?e:M.label:D?i(f,{children:h},void 0):h}),[M,D,h]);return a((function(){null!=H?p.findIndex((function(e){return e.value===H.value}))<0?E(void 0):E(H):v||E(void 0)}),[H,p,v]),o(D?x:s,{children:[i(g,e({ref:K},{children:i(n,e({value:M,onChange:function(e){A&&A(e),E(e)},disabled:u},{children:function(e){var o=e.open;return i(R,{open:o,dropdownRef:K,selectedValue:M,selectedOptionLabel:G,selectedOptionWeight:C,disabled:u,label:b,wide:O,sort:j,testId:L,options:p,calculatedMaxHeight:z,maxVisibleOptions:y,estimatedOptionHeight:k,forceDirection:P,optionBadge:S,optionsAlign:q},void 0)}}),void 0)}),void 0),!!U&&i(m,{error:U},void 0)]},void 0)};export{V as default};
|
|
2
2
|
//# sourceMappingURL=SmartDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useTheme as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useTheme as i}from"../../../../core/theme/Theme.js";import{SmartDropdownOptionsContainer as t}from"./styled.js";var o=function(o){var m=o.children,n=o.isOpenUpwards,s=o.maxHeight,p=o.optionsAlign,a=i();return e(t,r({theme:a,isOpenUpwards:n,maxHeight:s,optionsAlign:p},{children:m}),void 0)};export{o as default};
|
|
2
2
|
//# sourceMappingURL=SmartDropdownOptions.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as n}from"tslib";import
|
|
1
|
+
import{__makeTemplateObject as o,__assign as n}from"tslib";import t from"@emotion/styled";import r from"../../../shared/select/BaseSelect.js";var e,i,d,s,a,l,c=t.div(e||(e=o([""],[""]))),p=t.p(i||(i=o(["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"],["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"]))),m=t.span(d||(d=o(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),u=t.div(s||(s=o(["\n position: relative;\n display: inline-block;\n width: 100%;\n"],["\n position: relative;\n display: inline-block;\n width: 100%;\n"]))),g=t.div(a||(a=o(["\n width: ",";\n position: relative;\n"],["\n width: ",";\n position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),h=t.img(l||(l=o(["\n padding-right: 8px;\n"],["\n padding-right: 8px;\n"]))),b=t(r.Options)((function(o){var t=o.theme,r=o.isOpenUpwards,e=o.maxHeight,i=o.optionsAlign,d=void 0===i?"left":i;return n(n({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:t.component.dropdown.options.borderRadius,background:t.colors.shades.white.color,fontFamily:t.fonts.config[0].family,padding:0},r?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",minWidth:"100%",width:"max-content",color:t.colors.shades[700].color,zIndex:10,overflow:e?"auto":t.component.dropdown.optionsWrapper.overflow,maxHeight:null!=e?e:"unset",top:r?"unset":"28px",bottom:r?"28px":"unset",left:"right"===d?"unset":0,right:"right"===d?0:"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:t.colors.shades[50].color,borderRadius:t.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:t.colors.shades[150].color,borderRadius:t.component.dropdown.options.borderRadius,"&:hover":{background:t.colors.shades[400].color}}})})),f=t.li((function(o){var n=o.theme,t=o.selected,r=o.active,e=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:e?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:n.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:n.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:t?600:"inherit",backgroundColor:i?"#F7F7F7":r?n.component.dropdown.options.backgroundColor||n.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));export{c as Container,g as ContentWrapper,u as DropdownWrapper,h as OptionImage,p as RequiredPlaceholder,m as SelectedOption,f as SmartCustomOption,b as SmartDropdownOptionsContainer};
|
|
2
2
|
//# sourceMappingURL=styled.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
|
|
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{Row as c,ButtonsContainer as s,SizeBadgeWrapper as u,BottomSizeTipRow as m}from"./styled.js";var v=0,p=function(p){var f,h,b=p.label,g=p.sizes,w=p.selectedValue,y=p.onChange,z=p.onClickSizeTip,k=p.inline,A=void 0!==k&&k,S=p.width,x=p.hasSizeGuide,j=void 0!==x&&x,C=p.sizeTipReferences,I=p.hasSizeTipBelowSelector,D=void 0!==I&&I,L=p.optionBadge,T=r(null);null!==(f=T.current)&&void 0!==f||(T.current="afrodita-size-selector-".concat(++v));var B="".concat(T.current,"-label"),E=j?null==C?void 0:C.find((function(e){return(null==e?void 0:e.size)===(null==w?void 0:w.label)})):null,F=function(e){return"".concat(T.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i("div",e({css:{display:"flex",flexDirection:A?"row":"column",alignItems:A?"center":"start"}},{children:[i(a,e({variant:"body",weight:"regular",size:"small",css:{alignSelf:A?"start":"inherit",padding:A?"0.75rem 0":"0"},id:B},{children:[b,!A&&l(a,e({variant:"label",weight:"demi",size:"regular"},{children:null==w?void 0:w.description}),void 0)]}),void 0),j&&!D&&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==E?void 0:E.tip}),void 0),z&&l(d,{hideIcon:!0,onClick:z,title:null!==(h=null==E?void 0:E.cta)&&void 0!==h?h:"Size and Fit Guide"},void 0)]}),void 0),l(s,e({inline:A,role:"radiogroup","aria-labelledby":B,onKeyDown:function(e){var i;if(["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(e.key)){e.preventDefault();var l=null!==(i=null==g?void 0:g.filter((function(e){return!e.disabled})))&&void 0!==i?i:[];if(l.length){var r=l.findIndex((function(e){return e.label===(null==w?void 0:w.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==w?void 0:w.label)&&(y(o),requestAnimationFrame((function(){var e;null===(e=document.getElementById(F(o.label)))||void 0===e||e.focus()})))}}}},{children:null==g?void 0:g.map((function(r){var n=r.label===w.label,a=!r.disabled&&n,d=F(r.label),c=r.description?"".concat(r.label,", ").concat(r.description):r.label,s=(null==L?void 0:L.optionLabel)===r.label,m=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 y(r)},testId:"size-variant-".concat(r.label.split("/")[0]),width:S,showNoStockStyles:r.noStock,id:d,role:"radio","aria-checked":n,"aria-label":c},r.label);return s?i(u,e({css:{margin:"0 0.5rem 0.625rem 0"}},{children:[L.content,m]}),r.label):m}))}),void 0),j&&D&&l(m,e({"data-testid":"sizing-tip-below-selector"},{children:l(a,e({variant:"body",weight:"regular",size:"small"},{children:null==E?void 0:E.tip}),void 0)}),void 0)]}),void 0)};export{p as default};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";var p,r,a,t,e=i.div(p||(p=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"})),l=i.div(r||(r=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"]))),x=i.div(a||(a=n(["\n position: relative;\n"],["\n position: relative;\n"]))),o=i.div(t||(t=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{o as BottomSizeTipRow,e as ButtonsContainer,l as Row,x as SizeBadgeWrapper};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -3451,6 +3451,10 @@ declare function SimpleDropdown<T>({ options, disabled, initialValue, placeHolde
|
|
|
3451
3451
|
|
|
3452
3452
|
declare type Value<T> = DropdownOption<T>;
|
|
3453
3453
|
declare type OnChange<T> = (option: Value<T>) => void;
|
|
3454
|
+
declare type OptionBadgeConfig = {
|
|
3455
|
+
optionKey: string;
|
|
3456
|
+
content: ReactNode;
|
|
3457
|
+
};
|
|
3454
3458
|
declare type CommonProps$1<T> = {
|
|
3455
3459
|
options: Value<T>[];
|
|
3456
3460
|
disabled?: boolean;
|
|
@@ -3466,6 +3470,8 @@ declare type CommonProps$1<T> = {
|
|
|
3466
3470
|
maxVisibleOptions?: number;
|
|
3467
3471
|
estimatedOptionHeight?: number;
|
|
3468
3472
|
forceDirection?: 'up' | 'down';
|
|
3473
|
+
optionBadge?: OptionBadgeConfig;
|
|
3474
|
+
optionsAlign?: 'left' | 'right';
|
|
3469
3475
|
};
|
|
3470
3476
|
declare type ControlledProps<T> = {
|
|
3471
3477
|
value: Value<T>;
|
|
@@ -3478,7 +3484,7 @@ declare type UncontrolledProps<T> = {
|
|
|
3478
3484
|
selectedOptionWeight?: number | string;
|
|
3479
3485
|
} & CommonProps$1<T>;
|
|
3480
3486
|
declare type SmartDropdownProps<T> = UncontrolledProps<T> | ControlledProps<T>;
|
|
3481
|
-
declare const SmartDropdown: <T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, maxVisibleOptions, estimatedOptionHeight, forceDirection, }: SmartDropdownProps<T>) => JSX.Element;
|
|
3487
|
+
declare const SmartDropdown: <T>({ options, disabled, initialValue, placeHolder, label, wide, sort, onChange, value, testId, required, showRequiredPlaceholder, selectedOptionWeight, maxVisibleOptions, estimatedOptionHeight, forceDirection, optionBadge, optionsAlign, }: SmartDropdownProps<T>) => JSX.Element;
|
|
3482
3488
|
|
|
3483
3489
|
interface FiltersProps {
|
|
3484
3490
|
values: Filter[];
|
|
@@ -4135,6 +4141,10 @@ declare type SizeTip = {
|
|
|
4135
4141
|
tip: string;
|
|
4136
4142
|
cta: string;
|
|
4137
4143
|
};
|
|
4144
|
+
declare type SizeOptionBadgeConfig = {
|
|
4145
|
+
optionLabel: string;
|
|
4146
|
+
content: ReactNode;
|
|
4147
|
+
};
|
|
4138
4148
|
interface SizeSelectorProps {
|
|
4139
4149
|
label: string;
|
|
4140
4150
|
sizes: SizeOption[];
|
|
@@ -4146,8 +4156,9 @@ interface SizeSelectorProps {
|
|
|
4146
4156
|
hasSizeGuide?: boolean;
|
|
4147
4157
|
sizeTipReferences?: SizeTip[];
|
|
4148
4158
|
hasSizeTipBelowSelector?: boolean;
|
|
4159
|
+
optionBadge?: SizeOptionBadgeConfig;
|
|
4149
4160
|
}
|
|
4150
|
-
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4161
|
+
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, optionBadge, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4151
4162
|
|
|
4152
4163
|
interface SliderNavigationProps {
|
|
4153
4164
|
children: JSX.Element | JSX.Element[] | StyledComponent<any>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@headlessui/react"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),o=require("@headlessui/react"),n=require("react"),t=require("../../../../hooks/useViewportAwarePosition/useViewportAwarePosition.js"),r=require("../../../icons/index.js"),s=require("../../../input/base/Error.js"),d=require("../../base/BaseDropdown.js"),a=require("./SmartDropdownOption.js"),l=require("./SmartDropdownOptions.js"),p=require("./styled.js"),u=function(o){var n=o.open,s=o.dropdownRef,u=o.selectedValue,c=o.selectedOptionLabel,g=o.selectedOptionWeight,v=o.disabled,h=o.label,m=o.wide,x=o.sort,b=o.testId,w=o.options,O=o.calculatedMaxHeight,f=o.maxVisibleOptions,j=o.estimatedOptionHeight,q=o.forceDirection,_=o.optionBadge,I=o.optionsAlign,R=t.useViewportAwarePosition({dropdownRef:s,isOpen:n,optionsCount:w.length,estimatedOptionHeight:j,maxVisibleOptions:f}).isOpenUpwards,V=q?"up"===q:R;return i.jsxs(p.ContentWrapper,e.__assign({wide:m},{children:[i.jsxs(d.Button,e.__assign({label:h,OpenIcon:r.Icon.Arrows.ChevronDown,CloseIcon:r.Icon.Arrows.ChevronUp,wide:m,isSortOrFilter:x,testId:b},{children:[!!(null==u?void 0:u.imageURL)&&i.jsx(p.OptionImage,{src:u.imageURL,alt:u.label},void 0),g&&v?i.jsx(p.SelectedOption,e.__assign({fontWeight:g},{children:c}),void 0):i.jsx(i.Fragment,{children:c},void 0)]}),void 0),i.jsx(l,e.__assign({isOpenUpwards:V,maxHeight:O,optionsAlign:I},{children:w.map((function(o){return i.jsxs(a,e.__assign({value:o,disabled:o.disabled,hasImage:!!o.imageURL},{children:[!!o.imageURL&&i.jsx(p.OptionImage,{src:o.imageURL,alt:o.label},void 0),o.label,(null==_?void 0:_.optionKey)===o.key&&_.content]}),o.key)}))}),void 0)]}),void 0)};module.exports=function(t){var r=t.options,d=t.disabled,a=void 0!==d&&d,l=t.initialValue,c=t.placeHolder,g=t.label,v=t.wide,h=void 0!==v&&v,m=t.sort,x=void 0!==m&&m,b=t.onChange,w=t.value,O=t.testId,f=void 0===O?"smart-dropdown":O,j=t.required,q=t.showRequiredPlaceholder,_=t.selectedOptionWeight,I=t.maxVisibleOptions,R=void 0===I?5:I,V=t.estimatedOptionHeight,A=void 0===V?40:V,L=t.forceDirection,C=t.optionBadge,D=t.optionsAlign,H=n.useState(w||l),U=H[0],W=H[1],B=n.useRef(null),P=n.useMemo((function(){if(!(r.length<=R))return"".concat(R*A,"px")}),[r.length,R,A]),S=n.useMemo((function(){var e;return U?null!==(e=U.selectedLabel)&&void 0!==e?e:U.label:q?i.jsx(p.RequiredPlaceholder,{children:c},void 0):c}),[U,q,c]);n.useEffect((function(){null!=w?r.findIndex((function(e){return e.value===w.value}))<0?W(void 0):W(w):l||W(void 0)}),[w,r,l]);var y=q?p.Container:n.Fragment;return i.jsxs(y,{children:[i.jsx(p.DropdownWrapper,e.__assign({ref:B},{children:i.jsx(o.Listbox,e.__assign({value:U,onChange:function(e){b&&b(e),W(e)},disabled:a},{children:function(e){var o=e.open;return i.jsx(u,{open:o,dropdownRef:B,selectedValue:U,selectedOptionLabel:S,selectedOptionWeight:_,disabled:a,label:g,wide:h,sort:x,testId:f,options:r,calculatedMaxHeight:P,maxVisibleOptions:R,estimatedOptionHeight:A,forceDirection:L,optionBadge:C,optionsAlign:D},void 0)}}),void 0)}),void 0),!!j&&i.jsx(s.Error,{error:j},void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=SmartDropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../../../core/theme/Theme.js"),s=require("./styled.js");module.exports=function(t){var n=t.children,
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../../../core/theme/Theme.js"),s=require("./styled.js");module.exports=function(t){var n=t.children,o=t.isOpenUpwards,a=t.maxHeight,u=t.optionsAlign,m=i.useTheme();return r.jsx(s.SmartDropdownOptionsContainer,e.__assign({theme:m,isOpenUpwards:o,maxHeight:a,optionsAlign:u},{children:n}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SmartDropdownOptions.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("@emotion/styled"),t=require("../../../shared/select/BaseSelect.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var r,i,a,d,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),e=require("@emotion/styled"),t=require("../../../shared/select/BaseSelect.js");function n(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var r,i,a,s,d,l,p=n(e),c=p.default.div(r||(r=o.__makeTemplateObject([""],[""]))),u=p.default.p(i||(i=o.__makeTemplateObject(["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"],["\n margin: unset;\n &:after {\n content: '*';\n color: var(--colors-semantic-urgent-color);\n }\n"]))),m=p.default.span(a||(a=o.__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(o){return o.fontWeight||""})),b=p.default.div(s||(s=o.__makeTemplateObject(["\n position: relative;\n display: inline-block;\n width: 100%;\n"],["\n position: relative;\n display: inline-block;\n width: 100%;\n"]))),f=p.default.div(d||(d=o.__makeTemplateObject(["\n width: ",";\n position: relative;\n"],["\n width: ",";\n position: relative;\n"])),(function(o){return o.wide?"100%":"fit-content"})),g=p.default.img(l||(l=o.__makeTemplateObject(["\n padding-right: 8px;\n"],["\n padding-right: 8px;\n"]))),h=p.default(t.Options)((function(e){var t=e.theme,n=e.isOpenUpwards,r=e.maxHeight,i=e.optionsAlign,a=void 0===i?"left":i;return o.__assign(o.__assign({display:"flex",flexDirection:"column",alignItems:"flex-start",border:"1px solid var(--colors-pallete-secondary-soft-color)",boxShadow:"-2px 5px 11.2px 0px #00000040",boxSizing:"border-box",borderRadius:t.component.dropdown.options.borderRadius,background:t.colors.shades.white.color,fontFamily:t.fonts.config[0].family,padding:0},n?{marginBottom:"0.125rem",bottom:"100%"}:{marginTop:"0.125rem"}),{position:"absolute",minWidth:"100%",width:"max-content",color:t.colors.shades[700].color,zIndex:10,overflow:r?"auto":t.component.dropdown.optionsWrapper.overflow,maxHeight:null!=r?r:"unset",top:n?"unset":"28px",bottom:n?"28px":"unset",left:"right"===a?"unset":0,right:"right"===a?0:"unset","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-track":{background:t.colors.shades[50].color,borderRadius:t.component.dropdown.options.borderRadius},"&::-webkit-scrollbar-thumb":{background:t.colors.shades[150].color,borderRadius:t.component.dropdown.options.borderRadius,"&:hover":{background:t.colors.shades[400].color}}})})),x=p.default.li((function(o){var e=o.theme,t=o.selected,n=o.active,r=o.hasImage,i=o.disabled;return{listStyleType:"none",display:"flex",flexDirection:"row",alignItems:r?"center":"flex-start",margin:0,cursor:i?"not-allowed":"pointer",padding:e.component.dropdown.optionPadding,justifyContent:"flex-start",borderRadius:e.component.dropdown.options.borderRadiusV2||"inherit",width:"100%",boxSizing:"border-box",fontSize:"14px",fontWeight:t?600:"inherit",backgroundColor:i?"#F7F7F7":n?e.component.dropdown.options.backgroundColor||e.colors.shades[10].color:"inherit",color:i?"#9E9E9E":"inherit"}}));exports.Container=c,exports.ContentWrapper=f,exports.DropdownWrapper=b,exports.OptionImage=g,exports.RequiredPlaceholder=u,exports.SelectedOption=m,exports.SmartCustomOption=x,exports.SmartDropdownOptionsContainer=h;
|
|
2
2
|
//# sourceMappingURL=styled.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"),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,
|
|
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,p=c.onChange,b=c.onClickSizeTip,w=c.inline,x=void 0!==w&&w,f=c.width,y=c.hasSizeGuide,z=void 0!==y&&y,j=c.sizeTipReferences,_=c.hasSizeTipBelowSelector,S=void 0!==_&&_,k=c.optionBadge,A=l.useRef(null);null!==(u=A.current)&&void 0!==u||(A.current="afrodita-size-selector-".concat(++d));var T="".concat(A.current,"-label"),q=z?null==j?void 0:j.find((function(e){return(null==e?void 0:e.size)===(null==h?void 0:h.label)})):null,C=function(e){return"".concat(A.current,"-option-").concat(e.replaceAll(/\s+/g,"-").replaceAll("/","-").toLowerCase())};return i.jsxs("div",e.__assign({css:{display:"flex",flexDirection:x?"row":"column",alignItems:x?"center":"start"}},{children:[i.jsxs(o.Text,e.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:x?"start":"inherit",padding:x?"0.75rem 0":"0"},id:T},{children:[g,!x&&i.jsx(o.Text,e.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==h?void 0:h.description}),void 0)]}),void 0),z&&!S&&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==q?void 0:q.tip}),void 0),b&&i.jsx(a,{hideIcon:!0,onClick:b,title:null!==(v=null==q?void 0:q.cta)&&void 0!==v?v:"Size and Fit Guide"},void 0)]}),void 0),i.jsx(s.ButtonsContainer,e.__assign({inline:x,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==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)&&(p(t),requestAnimationFrame((function(){var e;null===(e=document.getElementById(C(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=C(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 p(l)},testId:"size-variant-".concat(l.label.split("/")[0]),width:f,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),z&&S&&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==q?void 0:q.tip}),void 0)}),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,p,r=e(require("@emotion/styled")),
|
|
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,p,i,r=e(require("@emotion/styled")),l=r.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"})),o=r.default.div(a||(a=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"]))),x=r.default.div(p||(p=n.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),f=r.default.div(i||(i=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=f,exports.ButtonsContainer=l,exports.Row=o,exports.SizeBadgeWrapper=x;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED