openstack-uicore-foundation/lib/components/inputs/radio-list.js

ui reactjs components for openstack marketing site

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],r):"object"==typeof exports?exports["openstack-uicore-foundation"]=r():e["openstack-uicore-foundation"]=r()}(this,(()=>(()=>{"use strict";var e={5028:(e,r,a)=>{a.d(r,{default:()=>d});var t=a(6031),l=a.n(t),o=a(2462),n=a.n(o),s=a(2015),i=a.n(s);const p=["children","replaceNewLine","className"],d=e=>{let{children:r,replaceNewLine:a=!1,className:t=""}=e,o=n()(e,p);return i().createElement("span",l()({className:t,dangerouslySetInnerHTML:{__html:a?null==r?void 0:r.replace(/\n/g,"<br />"):r}},o))}},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},1536:e=>{e.exports=require("awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},r={};function a(t){var l=r[t];if(void 0!==l)return l.exports;var o=r[t]={exports:{}};return e[t](o,o.exports,a),o.exports}(()=>{a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r}})(),(()=>{a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})}})(),(()=>{a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})(),(()=>{a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};a.r(t),a.d(t,{default:()=>u});var l=a(2462),o=a.n(l),n=a(2015),s=a.n(n),i=a(5028),p=a(9825),d=a.n(p);a(1536);const c=["onChange","value","className","error","ariaLabelledBy","disabled","options","id","name"];class u extends s().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let r={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(r)}getLabel(e,r,a,t){return a?s().createElement("label",{className:"form-check-label",htmlFor:`radio_${r}_${e.value}`,style:{display:"inline-block"}},s().createElement(i.default,null,e.label)):t?s().createElement("label",{className:"form-check-label",htmlFor:`radio_${r}_${e.value}`},e.label):s().createElement("label",{className:"form-check-label",htmlFor:`radio_${r}_${e.value}`,style:{display:"inline-block"}},s().createElement("h4",{style:{marginTop:"0px"}},e.label),s().createElement(i.default,null,e.description))}render(){let e,r=this.props,{onChange:a,value:t,className:l,error:n,ariaLabelledBy:i,disabled:p,options:d,id:u,name:m}=r,h=(o()(r,c),this.props.hasOwnProperty("error")&&""!=n),b=this.props.hasOwnProperty("inline"),f=this.props.hasOwnProperty("simple"),y=this.props.hasOwnProperty("disabled")&&1==p;return e=b?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},s().createElement("div",{id:`rl_wrapper_${u}`,"aria-labelledby":i},d.map((r=>{let a=r.value==t;return s().createElement("div",{className:"form-check abc-radio",key:`radio_key_${u}_${r.value}`,style:e},s().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${u}_${r.value}`,value:r.value,checked:a,onChange:this.handleChange,disabled:y,name:m||`radio_${u}`}),this.getLabel(r,u,b,f))})),h&&s().createElement("p",{className:"error-label"},n))}}return u.defaultProps={ariaLabelledBy:null},u.propTypes={id:d().string.isRequired},t})()));
//# sourceMappingURL=radio-list.js.map