@adyen/adyen-web
Version:
[](https://www.npmjs.com/package/@adyen/adyen-web)
3 lines (2 loc) • 1.84 kB
JavaScript
import{createElement as e}from"../../../../external/preact/dist/preact.js";import a from"../../../../_virtual/index.js";import{getUniqueId as o}from"../../../../utils/idGenerator.js";import{useCoreContext as i}from"../../../../core/Context/CoreProvider.js";import t from"./RadioButtonIcon.js";import n from"../../Icon/Icon.js";import{PREFIX as r}from"../../Icon/constants.js";function d(d){const{items:c,name:l,onChange:_,value:s,isInvalid:u,uniqueId:p,ariaLabel:m,showRadioIcon:h=!1,showSelectedTick:k=!1,style:g="button"}=d,{i18n:y}=i(),v=p?.replace(/[0-9]/g,"").substring(0,p.lastIndexOf("-"));let b="";u&&(b=h?"adyen-checkout__radio_group__label--invalid":"adyen-checkout__radio_group__label--no-radio--invalid");const f=a(["adyen-checkout__label__text",h?"adyen-checkout__radio_group__label":"adyen-checkout__radio_group__label--no-radio",d.className,b]);return e("div",{className:a(["adyen-checkout__radio_group",`adyen-checkout__radio_group--${g}`]),role:"radiogroup",...m&&{"aria-label":m}},c.map(i=>{const d=o(v);return e("div",{key:i.id,className:"adyen-checkout__radio_group__input-wrapper adyen-checkout__field--50"},e("input",{id:d,type:"radio",checked:s===i.id,className:"adyen-checkout__radio_group__input",name:l,onChange:_,value:i.id}),e("label",{className:f,htmlFor:d},e("div",{className:"adyen-checkout__radio_group-extended__label-wrapper"},e(t,{key:i.id,imageURL:i.imageURL,altName:i.altName,dataValue:i.id,showRadioIcon:h}),e("span",{className:"adyen-checkout__radio_group-extended__label"},y.get(i.name)),k&&e("span",{className:a({"adyen-checkout-input__inline-validation":!0,"adyen-checkout-input__inline-validation--valid":s===i.id})},e(n,{type:`${r}checkmark_black`,alt:y?.get("field.valid")})))))}))}d.defaultProps={onChange:()=>{},items:[]};export{d as default};
//# sourceMappingURL=RadioGroupExtended.js.map