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

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={5028:(e,t,a)=>{a.d(t,{default:()=>p});var r=a(6031),l=a.n(r),n=a(2462),o=a.n(n),s=a(2015),i=a.n(s);const c=["children","replaceNewLine","className"],p=e=>{let{children:t,replaceNewLine:a=!1,className:r=""}=e,n=o()(e,c);return i().createElement("span",l()({className:r,dangerouslySetInnerHTML:{__html:a?null==t?void 0:t.replace(/\n/g,"<br />"):t}},n))}},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")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},t={};function a(r){var l=t[r];if(void 0!==l)return l.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,a),n.exports}(()=>{a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t}})(),(()=>{a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};a.r(r),a.d(r,{default:()=>m});var l=a(2462),n=a.n(l),o=a(9825),s=a.n(o),i=a(2015),c=a.n(i),p=a(6842),d=a.n(p),h=a(5028);a(1536);const u=["onChange","value","className","options","id","children","error","disabled","name","ariaLabelledBy"];class m extends c().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),a=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);a.push(t)}else a=a.filter((t=>t!=e.target.value));else a=a.filter((e=>t.includes(e))),a.push(e.target.value);let r={target:{id:this.props.id,value:a,type:"checkboxlist"}};this.props.onChange(r)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:a,value:r,className:l,options:o,id:s,children:i,error:p,disabled:m,name:b,ariaLabelledBy:f}=t,{otherChecked:v}=(n()(t,u),this.state),g=this.props.hasOwnProperty("inline"),y=this.props.hasOwnProperty("allowOther"),x=!!r&&r.find((e=>!o.map((e=>e.value)).includes(e))),k=this.props.hasOwnProperty("error")&&""!==p,C=this.props.hasOwnProperty("disabled")&&1==m;return e=g?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},c().createElement("div",{id:`chl_wrapper_${s}`,"aria-labelledby":f},c().createElement("div",{className:"checkboxes-div"+(k?" error":"")},o.map((t=>{let a=!!r&&r.includes(t.value);return c().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},c().createElement("input",{type:"checkbox",id:`cb_${s}_${t.value}`,name:b||s,checked:a,disabled:C,onChange:this.handleChange,className:"form-check-input",value:t.value}),c().createElement("label",{className:"form-check-label",htmlFor:`cb_${s}_${t.value}`},c().createElement(h.default,null,t.label)))})),y&&c().createElement("div",{className:"form-check abc-checkbox",style:e},c().createElement("input",{type:"checkbox",id:"cb_other"+s,checked:v,disabled:C,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),c().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+s},d().translate("general.other"))),y&&v&&c().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},c().createElement("input",{className:"form-control",disabled:C,onChange:this.handleChange,value:x}))),k&&c().createElement("p",{className:"error-label"},p))}}return m.defaultProps={ariaLabelledBy:null},m.propTypes={id:s().string.isRequired},r})()));
//# sourceMappingURL=checkbox-list.js.map