openstack-uicore-foundation/lib/components/inputs/action-dropdown.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={2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},2015:e=>{e.exports=require("react")},8466:e=>{e.exports=require("react-select")}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}(()=>{o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t}})(),(()=>{o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};o.r(n),o.d(n,{default:()=>c});var r=o(2462),a=o.n(r),l=o(2015),s=o.n(l),i=o(8466),p=o.n(i);const u=["options","actionLabel","placeholder"];class c extends s().Component{constructor(e){super(e),this.state={value:e.value||null},this.handleChange=this.handleChange.bind(this),this.handleClick=this.handleClick.bind(this)}handleChange(e){this.setState({value:e})}handleClick(e){e.preventDefault(),this.props.onClick(this.state.value.value)}render(){let e=this.props,{options:t,actionLabel:o,placeholder:n}=e,{value:r}=(a()(e,u),this.state),l=this.props.hasOwnProperty("small")?"small":"",i=this.props.hasOwnProperty("small")?"btn-group-sm":"normal",c=r instanceof Object||null==r?r:t.find((e=>e.value==r));return s().createElement("div",{className:"action-dropdown btn-group "+i},s().createElement(p(),{value:c,onChange:this.handleChange,options:t,placeholder:n,className:"btn-group action-select text-left"+l,isClearable:!1}),s().createElement("button",{type:"button",className:"btn btn-default action-button",onClick:this.handleClick},o))}}return n})()));
//# sourceMappingURL=action-dropdown.js.map