@mmb-digital/design-system-web 0.1.176 → 0.1.178
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/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -77,5 +77,5 @@ object-assign
|
|
|
77
77
|
background-color: ${e.theme.colors.bg.brand.default.light};
|
|
78
78
|
`),(e=>e.$selected&&t.css`
|
|
79
79
|
background-color: ${e.theme.colors.bg.brand.bold.light};
|
|
80
|
-
`)),iE=(e,t)=>String(e).localeCompare(String(t));var aE;exports.SelectItemOrderSource=void 0,(aE=exports.SelectItemOrderSource||(exports.SelectItemOrderSource={})).formatter="formatter",aE.value="value";const sE=e.forwardRef(((n,r)=>{var o;const{describedBy:i,disabled:a=!1,formatter:s=Fk,getItemKey:l,hasError:u=!1,id:c,invalid:d=!1,itemOrder:p,items:h,labelledBy:f,name:m,nilMessage:g="",onBlur:v,onChange:b,required:y,value:x}=n,w=d||u,k=t.useTheme(),C=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(s,g),I=e.useCallback((e=>String(C.formatAsPrimitive(e))),[C]),E=null==p?void 0:p.source,S=null!==(o=null==p?void 0:p.compareFn)&&void 0!==o?o:iE,T=e.useMemo((()=>{if(void 0===E)return h;const[e,t]=YI.partition(h,(e=>null===e));switch(E){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>S(C.formatAsPrimitive(e,["comparable"]),C.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>S(e,t)))];default:return h}}),[C,S,E,h]),{getItemProps:M,getMenuProps:_,getToggleButtonProps:L,highlightedIndex:D,isOpen:A}=$I(Object.assign({id:c,items:T,itemToString:I,labelId:f,onSelectedItemChange:({selectedItem:e})=>b(e),selectedItem:x},l&&{itemToKey:l}));return e.createElement(KI,null,e.createElement(eE,Object.assign({$disabled:a,$invalid:w,$open:A},L({"aria-describedby":i,"aria-invalid":w,"aria-required":y,"data-name":m,disabled:a,onBlur:v,ref:r})),e.createElement(tE,null,e.createElement(H,{color:k.colors.fg.neutral.default,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},C.format(x))),e.createElement(QI,{open:A})),e.createElement(nE,{$open:A},e.createElement(rE,Object.assign({},_()),A&&T.map(((t,n)=>{var r;return e.createElement(oE,Object.assign({key:null!==(r=null==l?void 0:l(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===D,$selected:t===x},M({item:t,index:n})),e.createElement(H,{color:t===x?k.colors.fg.neutral.white:k.colors.fg.neutral.subtle,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},C.format(t)))})))))}));sE.displayName="SelectControl";const lE=sE,uE=Hf(lE);var cE,dE,pE;exports.ButtonsLayoutAlign=void 0,(cE=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",cE.end="end",cE.spaceBetween="spaceBetween",cE.start="start",cE.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(dE=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",dE.columnReverse="columnReverse",dE.row="row",dE.rowReverse="rowReverse",exports.ButtonsLayoutWrap=void 0,(pE=exports.ButtonsLayoutWrap||(exports.ButtonsLayoutWrap={})).noWrap="noWrap",pE.wrap="wrap",pE.wrapReverse="wrapReverse";const hE=t.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>d(t,e)),(({$wrap:e})=>{switch(e){case exports.ButtonsLayoutWrap.wrap:return t.css(["flex-wrap:wrap;"]);case exports.ButtonsLayoutWrap.noWrap:return t.css(["flex-wrap:nowrap;"]);case exports.ButtonsLayoutWrap.wrapReverse:return t.css(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css(["flex-direction:row;align-items:center;"]);case exports.ButtonsLayoutDirection.rowReverse:return t.css(["flex-direction:row-reverse;align-items:center;"]);case exports.ButtonsLayoutDirection.column:return t.css(["flex-direction:column;"]);case exports.ButtonsLayoutDirection.columnReverse:return t.css(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:n})=>n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.stretch?(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.center)&&(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.spaceBetween)?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.end?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.stretch?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.center?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.spaceBetween?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.end?void 0:t.css(["justify-content:end;"]):t.css(["justify-content:start;"]):t.css(["justify-content:space-between;"]):t.css(["justify-content:center;"]):t.css(["button{flex-basis:0;flex-grow:1;}"]):t.css(["align-items:end;"]):t.css(["align-items:start;"]):t.css(["align-items:center;"]):t.css(["align-items:stretch;"])));exports.Accordion=t=>{const{data:n,variant:r=exports.AccordionVariant.default}=t,[o,i]=e.useState(null);return e.createElement(e.Fragment,null,n.map(((t,n)=>e.createElement(st,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:o===n,label:t.label,variant:r,onClick:()=>(e=>{i((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=ut,exports.AccordionItem=st,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:i}=n,a=t.useTheme(),s=A(null!=r?r:exports.ColorScheme.light);return e.createElement(ut,{colorScheme:r},e.createElement(ct,null,e.createElement(H,{color:s(a.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)),e.createElement(dt,null,e.createElement(H,{color:s(a.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},i)))},exports.AsyncReactSelect=t=>{const{control:n,defaultPlaceholder:r,name:i,optionIcon:a}=t,s=Vs(t,["control","defaultPlaceholder","name","optionIcon"]),[l,u]=e.useState(),[c,d]=e.useState(r),p=()=>d("");return e.createElement(o.Controller,{control:n,name:i,render:({field:t})=>{var n;return e.createElement(sk,Object.assign({},s,t,{customComponents:{Input:pk,DropdownIndicator:null,Control:hk,Option:t=>((t,n)=>{var{children:r,data:o}=t,i=Vs(t,["children","data"]);return e.createElement(Hx.Option,Object.assign({data:o},i),e.createElement(uk,null,n&&e.createElement(qe,{size:n.size,type:n.type}),e.createElement(ck,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:ik.ASYNC_SELECT,value:l,onBlur:()=>(e=>{""===e.label&&d(r)})(t.value),onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onFocus:p,onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(u(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=Fo,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.ButtonsLayoutWrap.noWrap}=t;return e.createElement(hE,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(Wo).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=n=>{const{bodyItems:r,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=P(n,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(vl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(bl,{$chooseColor:p,ref:c},e.createElement(yl,{$chooseColor:p},e.createElement(xl,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(wl,{$chooseColor:p},void 0!==a.top&&e.createElement(kl,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.top,e.createElement(gl,Object.assign({},Hl(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(Cl,{$chooseColor:p},e.createElement(H,{as:"span",color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.h2,weight:exports.FontWeight.semiBold600},a.main)),void 0!==a.bottom&&e.createElement(Il,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(El,{$chooseColor:p})),r.length>0&&e.createElement(Sl,{$chooseColor:p},r.map(((t,n)=>e.createElement(Tl,{key:n,$chooseColor:p},e.createElement(Ml,{$chooseColor:p},e.createElement(H,{color:d.colors.fg.neutral.subtle.dark,fullWidth:!0,textAlign:exports.TypographyTextAlign.left,variant:exports.TypographyVariant.textMd},t.left.element,void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(ml,Object.assign({},Hl(t.left.tooltip),{colorScheme:h}))))),e.createElement(_l,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Ll,{$chooseColor:p},!0===l.topSeparator&&e.createElement(El,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(Fl,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Rl,null,e.createElement(Pl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(Fl,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=Xg,exports.ColorSchemeProvider=_,exports.DatePicker=Og,exports.DatePickerControl=Pg,exports.DatePickerField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{control:a}=o.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=o.useController({control:a,name:n,rules:r}),p=e.useCallback((e=>{l(null===e?null:Fc(e,Vg))}),[l]);return e.createElement(Og,Object.assign({errorMessage:null==d?void 0:d.message,name:n,ref:u,selected:c,onBlur:s,onChange:p},i))},exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(_,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(C,{mediaType:o},i)),i},exports.EmailInput=zf,exports.ErrorBox=qi,exports.FieldConfigProvider=t=>{const{children:n,optionalLabelSuffix:r}=t,o=e.useMemo((()=>({optionalLabelSuffix:r})),[r]);return e.createElement(B.Provider,{value:o},n)},exports.FieldLabelStoreProvider=t=>{const{children:n}=t,r=e.useRef({}),o=e.useMemo((()=>({labels:r.current,registerLabel:(e,t)=>{r.current[e]=t}})),[]);return e.createElement(V.Provider,{value:o},n)},exports.FieldWrapper=Wf,exports.FormattedAmount=t=>{const{currency:n="CZK",currencyDisplay:r=exports.FormatAmountCurrencyDisplay.symbol,grouping:o=exports.FormatAmountGrouping.auto,maximumFractionDigits:i=0,minimumFractionDigits:a=0,value:s}=t,l=ru(),u={currency:n,minimumFractionDigits:a,maximumFractionDigits:i,value:s,currencyDisplay:r,grouping:o},c=Object.assign(Object.assign({},u),{grouping:exports.FormatAmountGrouping.none}),d=l(u),p=l(c);return d===p?e.createElement(e.Fragment,null,d):e.createElement(e.Fragment,null,e.createElement("span",{"aria-hidden":!0},d),e.createElement(iu,null,p))},exports.FormattedHtmlMessage=rl,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:i}=t;return e.createElement(nl,{defaultMessage:n,description:r,id:o,values:i},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=tu,exports.IconProduct=Xa,exports.IconSystem=qe,exports.Infobox=n=>{const{actionNode:r,children:o,colorScheme:i,fullWidth:a=!1,iconProduct:s,isWarning:l=!1,mediaType:u,size:c,textContent:d,variant:p}=n,h=t.useTheme(),f=A(i),m=e.useMemo((()=>{switch(u){case exports.MediaType.desktop:return exports.IconProductSize.big;case exports.MediaType.mobile:return exports.IconProductSize.small;default:throw new Error("unexpected value of enum MediaType in infobox.tsx iconSize")}}),[u]),g=e.useMemo((()=>{switch(!0){case l:return f(h.colors.fg.accent.default);case i===exports.ColorScheme.dark:return h.colors.fg.neutral.white.dark;case i===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[f,i,l,h.colors.fg.accent.default,h.colors.fg.neutral.white]);if((Wo(r)||d)&&Wo(o))throw new Error("Infobox encountered both textContent/actionNode and children. These props are mutually exclusive.");return e.createElement(na,{$chooseColor:f,$colorScheme:i,$fullWidth:a,$isWarning:l,$mediaType:u,$size:c,$variant:p},e.createElement(oa,{$mediaType:u},void 0!==s&&e.createElement(aa,{$colorScheme:i,$mediaType:u},e.createElement(Xa,{colorScheme:i,size:m,stroke:g,type:s,variant:exports.IconProductVariant.default})),d||Wo(r)?e.createElement(sa,{$mediaType:u},d&&e.createElement(la,null,e.createElement("div",null,d.primary),void 0!==d.secondary&&e.createElement("div",null,d.secondary)),Wo(r)&&e.createElement(ua,null,r)):e.createElement(ca,null,o)))},exports.InputBase=If,exports.InputLabel=Mf,exports.Loader=Ul,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Jl,{$colorScheme:n},e.createElement(Ul,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=og,exports.MaskedInputBase=rg,exports.MaskedInputField=ag,exports.MediaTypeProvider=C,exports.Modal=Rs,exports.NumberInput=sg,exports.NumberInputField=lg,exports.Paper=Nk,exports.PhoneInput=cg,exports.PhoneInputField=fg,exports.PhoneInputNext=hg,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=Vs(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=P(t);return e.createElement(Rk,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(Pk,null,e.createElement(Bk,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=iv,exports.RadioBase=qg,exports.RadioButton=gv,exports.RadioButtonGroup=wv,exports.RadioButtonGroupControl=yv,exports.RadioButtonGroupField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{field:{onBlur:a,onChange:s,ref:l,value:u},fieldState:{error:c}}=o.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),a()}),[a,s]);return e.createElement(wv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:a,onChange:d},i))},exports.RadioField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{formState:a,register:s}=o.useFormContext(),l=o.get(a.errors,n);return e.createElement(iv,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),i))},exports.RadioGroup=dv,exports.RadioGroupControl=uv,exports.RadioGroupField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{field:{onBlur:a,onChange:s,ref:l,value:u},fieldState:{error:c}}=o.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),a()}),[a,s]);return e.createElement(dv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:a,onChange:d},i))},exports.ReactSelect=t=>{const{control:n,name:r}=t,i=Vs(t,["control","name"]);return e.createElement(o.Controller,{control:n,name:r,render:({field:t})=>e.createElement(sk,Object.assign({},i,t))})},exports.ReactSelectBase=sk,exports.ReactSelectField=t=>{const{childrenWidth:n,control:r,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,name:f,tooltip:m}=t,g=Vs(t,["childrenWidth","control","controlMobileWidth","controlSectionWidth","controlWidth","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(Wf,{childrenWidth:n,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,tooltip:m},e.createElement(o.Controller,{control:r,name:f,render:({field:t})=>e.createElement(lk,Object.assign({},g,{inputId:d,isError:u},t))}))},exports.SearchInput=gg,exports.Select=uE,exports.SelectControl=lE,exports.SelectField=t=>{const{defaultValue:n=null,items:r,name:i,options:a,shouldResetInvalidValues:s=!1}=t,l=Vs(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=o.useFormContext(),{field:d,fieldState:{error:p}}=o.useController({name:i,control:u,rules:a,defaultValue:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(i)}),[r,i,c,s,h]),e.createElement(uE,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.Slider=Xi,exports.SliderInput=Eg,exports.SpanButton=jo,exports.Stack=Rl,exports.Table=t=>{const{children:n,variant:r,width:o="100%"}=t;return e.createElement(Ja,{$variant:r,$width:o},n)},exports.TableBody=t=>{const{children:n}=t;return e.createElement("tbody",null,n)},exports.TableData=n=>{const{children:r,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=n,s=t.useTheme(),{chooseColor:l,colorScheme:u}=P(n),c=e.useMemo((()=>{switch(i){case exports.TableTextAlign.left:return exports.TypographyTextAlign.left;case exports.TableTextAlign.center:return exports.TypographyTextAlign.center;case exports.TableTextAlign.right:return exports.TypographyTextAlign.right;default:throw new Error("unexpected enum of TableTextAlign in tableData.tsx")}}),[i]);return e.createElement(Qa,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(H,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r);case exports.TableVariant.simple:return e.createElement(H,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r);case exports.TableVariant.simpleWithoutShadow:return r;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:n}=t;return e.createElement(Ka,null,n)},exports.TableHeadData=t=>{const{children:n,delimiter:r=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=P(t);return e.createElement(qa,{$align:o,$chooseColor:s,$delimiter:r,$variant:i,$width:a},n)},exports.TableRow=t=>{const{children:n,variant:r}=t,{chooseColor:o}=P(t);return e.createElement(es,{$chooseColor:o,$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,fullWidth:r=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=P(t),u=e.useRef(null),c=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=jt(h,200,{maxWait:200});e.useEffect((()=>{h();const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx");return e.addEventListener("scroll",f),()=>{e.removeEventListener("scroll",f)}}),[h,f]);const m=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-xs>0?e.scrollLeft-xs:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+xs+e.clientWidth<=e.scrollWidth?e.scrollLeft+xs:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,b=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,y=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);e.useEffect((()=>{if(void 0===y)return;const e=u.current,t=c.current[y];if(null===e||null===t)return;if(c.current.includes(null))return;const r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,y]);const x=e.useCallback((()=>{var e;null===(e=c.current[0])||void 0===e||e.focus()}),[]),w=e.useCallback((()=>{var e;null===(e=c.current[c.current.length-1])||void 0===e||e.focus()}),[]),k=e.useCallback((e=>{var t;if(c.current[0]===e)return void w();const n=c.current.indexOf(e);null===(t=c.current[n-1])||void 0===t||t.focus()}),[w]),C=e.useCallback((e=>{var t;if(c.current[c.current.length-1]===e)return void x();const n=c.current.indexOf(e);null===(t=c.current[n+1])||void 0===t||t.focus()}),[x]),I=e.useCallback((e=>{const t=e.currentTarget;let n=!1;switch(e.key){case"ArrowLeft":k(t),n=!0;break;case"ArrowRight":C(t),n=!0;break;case"Home":x(),n=!0;break;case"End":w(),n=!0}n&&(e.stopPropagation(),e.preventDefault())}),[x,w,C,k]);return e.createElement(ds,null,e.createElement(ps,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(hs,{$chooseColor:s,$fullWidth:r},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(cs,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:r,htmlRef:e=>c.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:o,text:t.text,variant:a,onClick:t.onActivate,onKeyDown:I})))))),v&&e.createElement(gs,null,e.createElement(vs,{onClick:m},e.createElement(qe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),b&&e.createElement(bs,null,e.createElement(ys,{onClick:g},e.createElement(qe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=cs,exports.Tag=n=>{const{children:r,className:o,fontWeight:i=exports.FontWeight.regular400,iconPosition:a=exports.TagIconPosition.right,iconSystem:s,size:l=exports.TagSize.md,textTransform:u=exports.TagTextTransform.none,type:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h}=P(n),f=e.useMemo((()=>{switch(c){case exports.TagType.info:return p(d.colors.fg.brand.bold);case exports.TagType.warning:return d.palette.yellow800;case exports.TagType.success:return p(d.colors.fg.success);case exports.TagType.neutralSubtle:return p(d.colors.fg.neutral.subtle);case exports.TagType.invert:return p(d.colors.fg.neutral.white);case exports.TagType.alert:return p(d.colors.fg.accent.bold);case exports.TagType.neutralDefault:return p(d.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[p,d,c]),m=e.useMemo((()=>{switch(l){case exports.TagSize.sm:return exports.TypographyVariant.textSm;case exports.TagSize.md:return exports.TypographyVariant.textMd;default:throw new Error("unexpected enum values TagSize in tag.tsx")}}),[l]);return e.createElement(_k,{$chooseColor:p,$iconPosition:a,$textTransform:u,$type:c,className:o},e.createElement(H,{color:f,variant:m,weight:i},r),void 0!==s&&e.createElement(Lk,{$iconPosition:a},e.createElement(qe,{colorScheme:h,size:exports.IconSystemSize.big,stroke:f,type:s})))},exports.TextArea=gk,exports.TextInput=Tg,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(Ck,{$checked:c,$disabled:o},e.createElement(kk,{activeBoxShadow:"",borderRadius:9999,checked:c,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:i,name:s,offColor:u.colors.bg.neutral.white.light,offHandleColor:u.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:p,onColor:!0===o?u.colors.bg.neutral.white.light:u.colors.bg.brand.bold.light,onHandleColor:u.colors.bg.neutral.white.light}),void 0!==a&&e.createElement(Ik,{htmlFor:i},e.createElement(H,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=dl,exports.TooltipInfo=ml,exports.TooltipInfoConditional=gl,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,closeButtonAriaLabel:r,displayMethod:o,title:i,triggerAriaLabel:a}=t,s=Vs(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:l}=Qs(),u=ol();return u(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(ml,Object.assign({},s,{floatingElement:{body:e.createElement(rl,Object.assign({},n)),title:void 0!==i&&u(i)?e.createElement(rl,Object.assign({},i)):void 0,closeButtonAriaLabel:void 0!==r&&u(r)?l(r,r.values):void 0},triggerAriaLabel:void 0!==a&&u(a)?l(a,a.values):void 0}))):null},exports.TrailingTextInput=_g,exports.Typography=H,exports.VisuallyHidden=iu,exports.datePickerValueFormat=Vg,exports.getColor=D,exports.identityFormatter=Fk,exports.isRenderable=Wo,exports.resolveFontWeightValue=h,exports.resolveOverflowValue=b,exports.resolveSpacingValue=d,exports.theme=g,exports.useChooseColor=A,exports.useColorScheme=R,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=Qs(),n=ol();return e.useCallback((r=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=r;if(n(o))return{body:e.createElement(rl,Object.assign({},o)),title:void 0!==a&&n(a)?e.createElement(rl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&n(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&n(s)?t(s,s.values):void 0}}),[n,t])},exports.useDesignSystem=P,exports.useFieldConfig=W,exports.useFieldLabels=()=>e.useContext(V).labels,exports.useFormatAmount=ru,exports.useFormattedPercentage=Ql,exports.useIsMessageDisplayable=ol,exports.useMediaType=S,exports.useMessageFormatter=t=>{const n=Qs();return e.useMemo((()=>Wk(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(rl,Object.assign({},i))}))),[t,n])},exports.useRegisterFieldLabel=O,exports.withFieldWrapper=Hf,exports.withMaskedInputField=ig;
|
|
80
|
+
`)),iE=(e,t)=>String(e).localeCompare(String(t));var aE;exports.SelectItemOrderSource=void 0,(aE=exports.SelectItemOrderSource||(exports.SelectItemOrderSource={})).formatter="formatter",aE.value="value";const sE=e.forwardRef(((n,r)=>{var o;const{ariaLabel:i,describedBy:a,disabled:s=!1,formatter:l=Fk,getItemKey:u,hasError:c=!1,id:d,invalid:p=!1,itemOrder:h,items:f,labelledBy:m,name:g,nilMessage:v="",onBlur:b,onChange:y,required:x,value:w}=n,k=p||c,C=t.useTheme(),I=((t,n)=>e.useMemo((()=>t.wrap(((e,t)=>{if(null==t)return n;const r=e(t);return null==r||""===r?"":r}))),[t,n]))(l,v),E=e.useCallback((e=>String(I.formatAsPrimitive(e))),[I]),S=null==h?void 0:h.source,T=null!==(o=null==h?void 0:h.compareFn)&&void 0!==o?o:iE,M=e.useMemo((()=>{if(void 0===S)return f;const[e,t]=YI.partition(f,(e=>null===e));switch(S){case exports.SelectItemOrderSource.formatter:return[...e,...Array.from(t).sort(((e,t)=>T(I.formatAsPrimitive(e,["comparable"]),I.formatAsPrimitive(t,["comparable"]))))];case exports.SelectItemOrderSource.value:return[...e,...Array.from(t).sort(((e,t)=>T(e,t)))];default:return f}}),[I,T,S,f]),{getItemProps:_,getMenuProps:L,getToggleButtonProps:D,highlightedIndex:A,isOpen:N}=$I(Object.assign({id:d,items:M,itemToString:E,labelId:m,onSelectedItemChange:({selectedItem:e})=>y(e),selectedItem:w},u&&{itemToKey:u}));return e.createElement(KI,null,e.createElement(eE,Object.assign({$disabled:s,$invalid:k,$open:N},D({"aria-describedby":a,"aria-invalid":k,"aria-required":x,"data-name":g,"aria-label":i,disabled:s,onBlur:b,ref:r})),e.createElement(tE,null,e.createElement(H,{color:C.colors.fg.neutral.default,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},I.format(w))),e.createElement(QI,{open:N})),e.createElement(nE,{$open:N},e.createElement(rE,Object.assign({},L()),N&&M.map(((t,n)=>{var r;return e.createElement(oE,Object.assign({key:null!==(r=null==u?void 0:u(t))&&void 0!==r?r:`index-${n}`,$highlighted:n===A,$selected:t===w},_({item:t,index:n})),e.createElement(H,{color:t===w?C.colors.fg.neutral.white:C.colors.fg.neutral.subtle,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},I.format(t)))})))))}));sE.displayName="SelectControl";const lE=sE,uE=Hf(lE);var cE,dE,pE;exports.ButtonsLayoutAlign=void 0,(cE=exports.ButtonsLayoutAlign||(exports.ButtonsLayoutAlign={})).center="center",cE.end="end",cE.spaceBetween="spaceBetween",cE.start="start",cE.stretch="stretch",exports.ButtonsLayoutDirection=void 0,(dE=exports.ButtonsLayoutDirection||(exports.ButtonsLayoutDirection={})).column="column",dE.columnReverse="columnReverse",dE.row="row",dE.rowReverse="rowReverse",exports.ButtonsLayoutWrap=void 0,(pE=exports.ButtonsLayoutWrap||(exports.ButtonsLayoutWrap={})).noWrap="noWrap",pE.wrap="wrap",pE.wrapReverse="wrapReverse";const hE=t.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>d(t,e)),(({$wrap:e})=>{switch(e){case exports.ButtonsLayoutWrap.wrap:return t.css(["flex-wrap:wrap;"]);case exports.ButtonsLayoutWrap.noWrap:return t.css(["flex-wrap:nowrap;"]);case exports.ButtonsLayoutWrap.wrapReverse:return t.css(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case exports.ButtonsLayoutDirection.row:return t.css(["flex-direction:row;align-items:center;"]);case exports.ButtonsLayoutDirection.rowReverse:return t.css(["flex-direction:row-reverse;align-items:center;"]);case exports.ButtonsLayoutDirection.column:return t.css(["flex-direction:column;"]);case exports.ButtonsLayoutDirection.columnReverse:return t.css(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:n})=>n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.stretch?(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.center)&&(n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.spaceBetween)?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.column&&n!==exports.ButtonsLayoutDirection.columnReverse||e!==exports.ButtonsLayoutAlign.end?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.stretch?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.center?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.spaceBetween?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.start?n!==exports.ButtonsLayoutDirection.row&&n!==exports.ButtonsLayoutDirection.rowReverse||e!==exports.ButtonsLayoutAlign.end?void 0:t.css(["justify-content:end;"]):t.css(["justify-content:start;"]):t.css(["justify-content:space-between;"]):t.css(["justify-content:center;"]):t.css(["button{flex-basis:0;flex-grow:1;}"]):t.css(["align-items:end;"]):t.css(["align-items:start;"]):t.css(["align-items:center;"]):t.css(["align-items:stretch;"])));exports.Accordion=t=>{const{data:n,variant:r=exports.AccordionVariant.default}=t,[o,i]=e.useState(null);return e.createElement(e.Fragment,null,n.map(((t,n)=>e.createElement(st,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:o===n,label:t.label,variant:r,onClick:()=>(e=>{i((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=ut,exports.AccordionItem=st,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:i}=n,a=t.useTheme(),s=A(null!=r?r:exports.ColorScheme.light);return e.createElement(ut,{colorScheme:r},e.createElement(ct,null,e.createElement(H,{color:s(a.colors.fg.neutral.default),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},o)),e.createElement(dt,null,e.createElement(H,{color:s(a.colors.fg.neutral.subtle),variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},i)))},exports.AsyncReactSelect=t=>{const{control:n,defaultPlaceholder:r,name:i,optionIcon:a}=t,s=Vs(t,["control","defaultPlaceholder","name","optionIcon"]),[l,u]=e.useState(),[c,d]=e.useState(r),p=()=>d("");return e.createElement(o.Controller,{control:n,name:i,render:({field:t})=>{var n;return e.createElement(sk,Object.assign({},s,t,{customComponents:{Input:pk,DropdownIndicator:null,Control:hk,Option:t=>((t,n)=>{var{children:r,data:o}=t,i=Vs(t,["children","data"]);return e.createElement(Hx.Option,Object.assign({data:o},i),e.createElement(uk,null,n&&e.createElement(qe,{size:n.size,type:n.type}),e.createElement(ck,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:ik.ASYNC_SELECT,value:l,onBlur:()=>(e=>{""===e.label&&d(r)})(t.value),onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onFocus:p,onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(u(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=Fo,exports.ButtonsLayout=t=>{const{align:n,buttons:r,direction:o,gap:i=exports.Spacing.md,suppressHydrationWarning:a=!1,wrap:s=exports.ButtonsLayoutWrap.noWrap}=t;return e.createElement(hE,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(Wo).map(((t,n)=>e.createElement(e.Fragment,{key:n},t))))},exports.CalculatorResult=n=>{const{bodyItems:r,containerRef:o,description:i,header:a,infoPosition:s=exports.CalculatorResultInfoPosition.underBox,main:l,modal:u,resultBoxRef:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h,mediaType:f}=P(n,{defaultColorScheme:exports.ColorScheme.dark});return e.createElement(vl,{$isDescriptionVisible:void 0!==i,$mediaType:f,ref:o},e.createElement(bl,{$chooseColor:p,ref:c},e.createElement(yl,{$chooseColor:p},e.createElement(xl,{$chooseColor:p},(void 0!==a.main||void 0!==a.top||void 0!==a.bottom)&&e.createElement(e.Fragment,null,e.createElement(wl,{$chooseColor:p},void 0!==a.top&&e.createElement(kl,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.top,e.createElement(gl,Object.assign({},Hl(a.topTooltip),{colorScheme:h,displayMethod:exports.TooltipInfoDisplayMethod.withNbsp})))),void 0!==a.main&&e.createElement(Cl,{$chooseColor:p},e.createElement(H,{as:"span",color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.h2,weight:exports.FontWeight.semiBold600},a.main)),void 0!==a.bottom&&e.createElement(Il,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.center,variant:exports.TypographyVariant.textMd},a.bottom))),e.createElement(El,{$chooseColor:p})),r.length>0&&e.createElement(Sl,{$chooseColor:p},r.map(((t,n)=>e.createElement(Tl,{key:n,$chooseColor:p},e.createElement(Ml,{$chooseColor:p},e.createElement(H,{color:d.colors.fg.neutral.subtle.dark,fullWidth:!0,textAlign:exports.TypographyTextAlign.left,variant:exports.TypographyVariant.textMd},t.left.element,void 0!==t.left.tooltip&&e.createElement(e.Fragment,null," ",e.createElement(ml,Object.assign({},Hl(t.left.tooltip),{colorScheme:h}))))),e.createElement(_l,{$chooseColor:p},e.createElement(H,{color:p(d.colors.fg.neutral.default),fullWidth:!0,textAlign:exports.TypographyTextAlign.right,variant:exports.TypographyVariant.textMd},t.right.element))))))),e.createElement(Ll,{$chooseColor:p},!0===l.topSeparator&&e.createElement(El,{$chooseColor:p}),l.element),s===exports.CalculatorResultInfoPosition.inBox&&void 0!==u&&e.createElement(Fl,{colorScheme:h,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText}))),e.createElement(Rl,null,e.createElement(Pl,{colorScheme:exports.ColorScheme.light,description:i}),s===exports.CalculatorResultInfoPosition.underBox&&void 0!==u&&e.createElement(Fl,{colorScheme:exports.ColorScheme.light,content:u.content,mediaType:f,modalCloseButtonAriaLabel:u.modalCloseButtonAriaLabel,triggerText:u.triggerText})))},exports.Checkbox=Xg,exports.ColorSchemeProvider=_,exports.DatePicker=Og,exports.DatePickerControl=Pg,exports.DatePickerField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{control:a}=o.useFormContext(),{field:{onBlur:s,onChange:l,ref:u,value:c},fieldState:{error:d}}=o.useController({control:a,name:n,rules:r}),p=e.useCallback((e=>{l(null===e?null:Fc(e,Vg))}),[l]);return e.createElement(Og,Object.assign({errorMessage:null==d?void 0:d.message,name:n,ref:u,selected:c,onBlur:s,onChange:p},i))},exports.DesignSystemProvider=t=>{const{children:n,colorScheme:r,mediaType:o}=t;let i=n;return void 0!==r&&(i=e.createElement(_,{colorScheme:r},i)),void 0!==o&&(i=e.createElement(C,{mediaType:o},i)),i},exports.EmailInput=zf,exports.ErrorBox=qi,exports.FieldConfigProvider=t=>{const{children:n,optionalLabelSuffix:r}=t,o=e.useMemo((()=>({optionalLabelSuffix:r})),[r]);return e.createElement(B.Provider,{value:o},n)},exports.FieldLabelStoreProvider=t=>{const{children:n}=t,r=e.useRef({}),o=e.useMemo((()=>({labels:r.current,registerLabel:(e,t)=>{r.current[e]=t}})),[]);return e.createElement(V.Provider,{value:o},n)},exports.FieldWrapper=Wf,exports.FormattedAmount=t=>{const{currency:n="CZK",currencyDisplay:r=exports.FormatAmountCurrencyDisplay.symbol,grouping:o=exports.FormatAmountGrouping.auto,maximumFractionDigits:i=0,minimumFractionDigits:a=0,value:s}=t,l=ru(),u={currency:n,minimumFractionDigits:a,maximumFractionDigits:i,value:s,currencyDisplay:r,grouping:o},c=Object.assign(Object.assign({},u),{grouping:exports.FormatAmountGrouping.none}),d=l(u),p=l(c);return d===p?e.createElement(e.Fragment,null,d):e.createElement(e.Fragment,null,e.createElement("span",{"aria-hidden":!0},d),e.createElement(iu,null,p))},exports.FormattedHtmlMessage=rl,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:i}=t;return e.createElement(nl,{defaultMessage:n,description:r,id:o,values:i},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=tu,exports.IconProduct=Xa,exports.IconSystem=qe,exports.Infobox=n=>{const{actionNode:r,children:o,colorScheme:i,fullWidth:a=!1,iconProduct:s,isWarning:l=!1,mediaType:u,size:c,textContent:d,variant:p}=n,h=t.useTheme(),f=A(i),m=e.useMemo((()=>{switch(u){case exports.MediaType.desktop:return exports.IconProductSize.big;case exports.MediaType.mobile:return exports.IconProductSize.small;default:throw new Error("unexpected value of enum MediaType in infobox.tsx iconSize")}}),[u]),g=e.useMemo((()=>{switch(!0){case l:return f(h.colors.fg.accent.default);case i===exports.ColorScheme.dark:return h.colors.fg.neutral.white.dark;case i===exports.ColorScheme.light:return;default:throw new Error("unexpected combination of conditions in infobox.tsx iconStroke")}}),[f,i,l,h.colors.fg.accent.default,h.colors.fg.neutral.white]);if((Wo(r)||d)&&Wo(o))throw new Error("Infobox encountered both textContent/actionNode and children. These props are mutually exclusive.");return e.createElement(na,{$chooseColor:f,$colorScheme:i,$fullWidth:a,$isWarning:l,$mediaType:u,$size:c,$variant:p},e.createElement(oa,{$mediaType:u},void 0!==s&&e.createElement(aa,{$colorScheme:i,$mediaType:u},e.createElement(Xa,{colorScheme:i,size:m,stroke:g,type:s,variant:exports.IconProductVariant.default})),d||Wo(r)?e.createElement(sa,{$mediaType:u},d&&e.createElement(la,null,e.createElement("div",null,d.primary),void 0!==d.secondary&&e.createElement("div",null,d.secondary)),Wo(r)&&e.createElement(ua,null,r)):e.createElement(ca,null,o)))},exports.InputBase=If,exports.InputLabel=Mf,exports.Loader=Ul,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Jl,{$colorScheme:n},e.createElement(Ul,{colorScheme:n,loaderSize:r}))},exports.MaskedInput=og,exports.MaskedInputBase=rg,exports.MaskedInputField=ag,exports.MediaTypeProvider=C,exports.Modal=Rs,exports.NumberInput=sg,exports.NumberInputField=lg,exports.Paper=Nk,exports.PhoneInput=cg,exports.PhoneInputField=fg,exports.PhoneInputNext=hg,exports.ProgressPaper=t=>{const{children:n,progressDefinition:r}=t,o=Vs(t,["children","progressDefinition"]),{activeStepIndex:i,numberOfSteps:a}=r,{colorScheme:s,mediaType:l}=P(t);return e.createElement(Rk,Object.assign({},o,{colorScheme:s,mediaType:l}),e.createElement(Pk,null,e.createElement(Bk,{activeStepIndex:i,colorScheme:s,mediaType:l,numberOfSteps:a})),n)},exports.Radio=iv,exports.RadioBase=qg,exports.RadioButton=gv,exports.RadioButtonGroup=wv,exports.RadioButtonGroupControl=yv,exports.RadioButtonGroupField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{field:{onBlur:a,onChange:s,ref:l,value:u},fieldState:{error:c}}=o.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),a()}),[a,s]);return e.createElement(wv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:a,onChange:d},i))},exports.RadioField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{formState:a,register:s}=o.useFormContext(),l=o.get(a.errors,n);return e.createElement(iv,Object.assign({errorMessage:null==l?void 0:l.message},s(n,r),i))},exports.RadioGroup=dv,exports.RadioGroupControl=uv,exports.RadioGroupField=t=>{const{name:n,options:r}=t,i=Vs(t,["name","options"]),{field:{onBlur:a,onChange:s,ref:l,value:u},fieldState:{error:c}}=o.useController({name:n,rules:r}),d=e.useCallback((e=>{s(e),a()}),[a,s]);return e.createElement(dv,Object.assign({errorMessage:null==c?void 0:c.message,name:n,ref:l,value:u,onBlur:a,onChange:d},i))},exports.ReactSelect=t=>{const{control:n,name:r}=t,i=Vs(t,["control","name"]);return e.createElement(o.Controller,{control:n,name:r,render:({field:t})=>e.createElement(sk,Object.assign({},i,t))})},exports.ReactSelectBase=sk,exports.ReactSelectField=t=>{const{childrenWidth:n,control:r,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,name:f,tooltip:m}=t,g=Vs(t,["childrenWidth","control","controlMobileWidth","controlSectionWidth","controlWidth","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(Wf,{childrenWidth:n,controlMobileWidth:i,controlSectionWidth:a,controlWidth:s,errorMessage:l,hasError:u,hintText:c,id:d,label:p,labelSuffix:h,tooltip:m},e.createElement(o.Controller,{control:r,name:f,render:({field:t})=>e.createElement(lk,Object.assign({},g,{inputId:d,isError:u},t))}))},exports.SearchInput=gg,exports.Select=uE,exports.SelectControl=lE,exports.SelectField=t=>{const{defaultValue:n=null,items:r,name:i,options:a,shouldResetInvalidValues:s=!1}=t,l=Vs(t,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=o.useFormContext(),{field:d,fieldState:{error:p}}=o.useController({name:i,control:u,rules:a,defaultValue:n}),h=d.value;return e.useEffect((()=>{s&&null!==h&&!r.includes(h)&&c(i)}),[r,i,c,s,h]),e.createElement(uE,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,l))},exports.Slider=Xi,exports.SliderInput=Eg,exports.SpanButton=jo,exports.Stack=Rl,exports.Table=t=>{const{children:n,variant:r,width:o="100%"}=t;return e.createElement(Ja,{$variant:r,$width:o},n)},exports.TableBody=t=>{const{children:n}=t;return e.createElement("tbody",null,n)},exports.TableData=n=>{const{children:r,delimiter:o=!1,textAlign:i=exports.TableTextAlign.left,variant:a}=n,s=t.useTheme(),{chooseColor:l,colorScheme:u}=P(n),c=e.useMemo((()=>{switch(i){case exports.TableTextAlign.left:return exports.TypographyTextAlign.left;case exports.TableTextAlign.center:return exports.TypographyTextAlign.center;case exports.TableTextAlign.right:return exports.TypographyTextAlign.right;default:throw new Error("unexpected enum of TableTextAlign in tableData.tsx")}}),[i]);return e.createElement(Qa,{$align:i,$chooseColor:l,$delimiter:o,$variant:a},(()=>{switch(a){case exports.TableVariant.exchange:return e.createElement(H,{color:s.colors.fg.neutral.subtle,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},r);case exports.TableVariant.simple:return e.createElement(H,{color:s.colors.fg.neutral.subtlest,colorScheme:u,textAlign:c,variant:exports.TypographyVariant.textMd,weight:exports.FontWeight.regular400},r);case exports.TableVariant.simpleWithoutShadow:return r;default:throw new Error("unexpected enum of TableVariant in tableData.tsx")}})())},exports.TableHead=t=>{const{children:n}=t;return e.createElement(Ka,null,n)},exports.TableHeadData=t=>{const{children:n,delimiter:r=!1,textAlign:o=exports.TableTextAlign.left,variant:i,width:a}=t,{chooseColor:s}=P(t);return e.createElement(qa,{$align:o,$chooseColor:s,$delimiter:r,$variant:i,$width:a},n)},exports.TableRow=t=>{const{children:n,variant:r}=t,{chooseColor:o}=P(t);return e.createElement(es,{$chooseColor:o,$variant:r},n)},exports.Tabs=t=>{const{activeTabDefaultPosition:n,fullWidth:r=!1,size:o,tabItems:i,variant:a}=t,{chooseColor:s,colorScheme:l}=P(t),u=e.useRef(null),c=e.useRef([]),[d,p]=e.useState(void 0),h=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx checkScrollPosition");p(e.scrollLeft)}),[]),f=jt(h,200,{maxWait:200});e.useEffect((()=>{h();const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx");return e.addEventListener("scroll",f),()=>{e.removeEventListener("scroll",f)}}),[h,f]);const m=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx leftArrowClickHandler");e.scrollTo({left:e.scrollLeft-xs>0?e.scrollLeft-xs:0,behavior:"smooth"})}),[]),g=e.useCallback((()=>{const e=u.current;if(null===e)throw new Error("unexpected error tabs.tsx rightArrowClickHandler");e.scrollTo({left:e.scrollLeft+xs+e.clientWidth<=e.scrollWidth?e.scrollLeft+xs:e.scrollWidth,behavior:"smooth"})}),[]),v=void 0!==d&&d>0,b=void 0!==d&&null!==u.current&&d+u.current.clientWidth<u.current.scrollWidth-4,y=e.useMemo((()=>{const e=i.findIndex((e=>!0===e.isActive));return e<0?void 0:e}),[i]);e.useEffect((()=>{if(void 0===y)return;const e=u.current,t=c.current[y];if(null===e||null===t)return;if(c.current.includes(null))return;const r=c.current.reduce(((e,t)=>{if(null===t)throw new Error("unexpected null value in tabItems elements");return t.offsetWidth+e}),0);if(!(e.offsetWidth>r))switch(n){case exports.TabsActiveTabDefaultPosition.center:((e,t)=>{e.scrollLeft=t.offsetLeft-(e.offsetWidth-t.offsetWidth)/2})(e,t);break;case exports.TabsActiveTabDefaultPosition.scrollOnlyWhenNotVisible:((e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();(n.left<r.left||n.right>r.right)&&(e.scrollLeft=t.offsetLeft-e.offsetLeft)})(e,t);break;case exports.TabsActiveTabDefaultPosition.noScrolling:break;default:throw new Error("unexpected value of TabsActiveTabDefaultPosition enum in tabs.tsx")}}),[n,y]);const x=e.useCallback((()=>{var e;null===(e=c.current[0])||void 0===e||e.focus()}),[]),w=e.useCallback((()=>{var e;null===(e=c.current[c.current.length-1])||void 0===e||e.focus()}),[]),k=e.useCallback((e=>{var t;if(c.current[0]===e)return void w();const n=c.current.indexOf(e);null===(t=c.current[n-1])||void 0===t||t.focus()}),[w]),C=e.useCallback((e=>{var t;if(c.current[c.current.length-1]===e)return void x();const n=c.current.indexOf(e);null===(t=c.current[n+1])||void 0===t||t.focus()}),[x]),I=e.useCallback((e=>{const t=e.currentTarget;let n=!1;switch(e.key){case"ArrowLeft":k(t),n=!0;break;case"ArrowRight":C(t),n=!0;break;case"Home":x(),n=!0;break;case"End":w(),n=!0}n&&(e.stopPropagation(),e.preventDefault())}),[x,w,C,k]);return e.createElement(ds,null,e.createElement(ps,{"aria-orientation":"horizontal",ref:u,role:"tablist"},e.createElement(hs,{$chooseColor:s,$fullWidth:r},i.map(((t,n)=>e.createElement(e.Fragment,{key:t.id},e.createElement(cs,{ariaControls:t.ariaControls,colorScheme:l,fullWidth:r,htmlRef:e=>c.current[n]=e,icon:t.icon,id:t.id,isActive:t.isActive,size:o,text:t.text,variant:a,onClick:t.onActivate,onKeyDown:I})))))),v&&e.createElement(gs,null,e.createElement(vs,{onClick:m},e.createElement(qe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronLeft}))),b&&e.createElement(bs,null,e.createElement(ys,{onClick:g},e.createElement(qe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight}))))},exports.TabsItem=cs,exports.Tag=n=>{const{children:r,className:o,fontWeight:i=exports.FontWeight.regular400,iconPosition:a=exports.TagIconPosition.right,iconSystem:s,size:l=exports.TagSize.md,textTransform:u=exports.TagTextTransform.none,type:c}=n,d=t.useTheme(),{chooseColor:p,colorScheme:h}=P(n),f=e.useMemo((()=>{switch(c){case exports.TagType.info:return p(d.colors.fg.brand.bold);case exports.TagType.warning:return d.palette.yellow800;case exports.TagType.success:return p(d.colors.fg.success);case exports.TagType.neutralSubtle:return p(d.colors.fg.neutral.subtle);case exports.TagType.invert:return p(d.colors.fg.neutral.white);case exports.TagType.alert:return p(d.colors.fg.accent.bold);case exports.TagType.neutralDefault:return p(d.colors.fg.neutral.default);default:throw new Error("unexpected enum values TagType in tag.tsx")}}),[p,d,c]),m=e.useMemo((()=>{switch(l){case exports.TagSize.sm:return exports.TypographyVariant.textSm;case exports.TagSize.md:return exports.TypographyVariant.textMd;default:throw new Error("unexpected enum values TagSize in tag.tsx")}}),[l]);return e.createElement(_k,{$chooseColor:p,$iconPosition:a,$textTransform:u,$type:c,className:o},e.createElement(H,{color:f,variant:m,weight:i},r),void 0!==s&&e.createElement(Lk,{$iconPosition:a},e.createElement(qe,{colorScheme:h,size:exports.IconSystemSize.big,stroke:f,type:s})))},exports.TextArea=gk,exports.TextInput=Tg,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:i,label:a,name:s,onChange:l}=n,u=t.useTheme(),[c,d]=e.useState(r),p=e.useCallback((e=>{d(e),void 0!==l&&l(e)}),[l]);return e.createElement(Ck,{$checked:c,$disabled:o},e.createElement(kk,{activeBoxShadow:"",borderRadius:9999,checked:c,checkedIcon:!1,className:"react-switch",disabled:o,handleDiameter:16,height:21,id:i,name:s,offColor:u.colors.bg.neutral.white.light,offHandleColor:u.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onChange:p,onColor:!0===o?u.colors.bg.neutral.white.light:u.colors.bg.brand.bold.light,onHandleColor:u.colors.bg.neutral.white.light}),void 0!==a&&e.createElement(Ik,{htmlFor:i},e.createElement(H,{variant:exports.TypographyVariant.textSm,weight:exports.FontWeight.medium500},a)))},exports.TooltipGeneral=dl,exports.TooltipInfo=ml,exports.TooltipInfoConditional=gl,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,closeButtonAriaLabel:r,displayMethod:o,title:i,triggerAriaLabel:a}=t,s=Vs(t,["body","closeButtonAriaLabel","displayMethod","title","triggerAriaLabel"]),{formatMessage:l}=Qs(),u=ol();return u(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.withNbsp&&" ",e.createElement(ml,Object.assign({},s,{floatingElement:{body:e.createElement(rl,Object.assign({},n)),title:void 0!==i&&u(i)?e.createElement(rl,Object.assign({},i)):void 0,closeButtonAriaLabel:void 0!==r&&u(r)?l(r,r.values):void 0},triggerAriaLabel:void 0!==a&&u(a)?l(a,a.values):void 0}))):null},exports.TrailingTextInput=_g,exports.Typography=H,exports.VisuallyHidden=iu,exports.datePickerValueFormat=Vg,exports.getColor=D,exports.identityFormatter=Fk,exports.isRenderable=Wo,exports.resolveFontWeightValue=h,exports.resolveOverflowValue=b,exports.resolveSpacingValue=d,exports.theme=g,exports.useChooseColor=A,exports.useColorScheme=R,exports.useCreateTooltipInfoDescriptor=()=>{const{formatMessage:t}=Qs(),n=ol();return e.useCallback((r=>{const{body:o,closeButtonAriaLabel:i,title:a,triggerAriaLabel:s}=r;if(n(o))return{body:e.createElement(rl,Object.assign({},o)),title:void 0!==a&&n(a)?e.createElement(rl,Object.assign({},a)):void 0,closeButtonAriaLabel:void 0!==i&&n(i)?t(i,i.values):void 0,triggerAriaLabel:void 0!==s&&n(s)?t(s,s.values):void 0}}),[n,t])},exports.useDesignSystem=P,exports.useFieldConfig=W,exports.useFieldLabels=()=>e.useContext(V).labels,exports.useFormatAmount=ru,exports.useFormattedPercentage=Ql,exports.useIsMessageDisplayable=ol,exports.useMediaType=S,exports.useMessageFormatter=t=>{const n=Qs();return e.useMemo((()=>Wk(((r,o)=>{const i=t(r);return"string"==typeof i?i:o.includes("primitive")?n.formatMessage(i):e.createElement(rl,Object.assign({},i))}))),[t,n])},exports.useRegisterFieldLabel=O,exports.withFieldWrapper=Hf,exports.withMaskedInputField=ig;
|
|
81
81
|
//# sourceMappingURL=index.cjs.js.map
|