openstack-uicore-foundation/lib/components/inputs/dropdown.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={1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},2015:e=>{e.exports=require("react")},8466:e=>{e.exports=require("react-select")}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var a=r[o]={exports:{}};return e[o](a,a.exports,t),a.exports}(()=>{t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r}})(),(()=>{t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})}})(),(()=>{t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})(),(()=>{t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};t.r(o),t.d(o,{default:()=>O});var n=t(6031),a=t.n(n),l=t(1116),s=t.n(l),i=t(2462),p=t.n(i),u=t(2015),c=t.n(u),d=t(8466),b=t.n(d);const h=["onChange","value","className","error","clearable","disabled","overrideCSS","ariaLabelledBy"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){s()(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}class O extends c().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let r=null;r=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let t={target:{id:this.props.id,value:r,type:"dropdown"}};this.props.onChange(t)}render(){let e=this.props,{onChange:r,value:t,className:o,error:n,clearable:l,disabled:s,overrideCSS:i,ariaLabelledBy:u}=e,d=p()(e,h),f=this.props.hasOwnProperty("error")&&""!=n,O=this.props.hasOwnProperty("clearable"),m=this.props.hasOwnProperty("disabled")&&1==s,v=null,g=o;this.props.hasOwnProperty("overrideCSS")&&0!=i||(g="dropdown "+o+" "+(f?"error":"")),v=this.props.isMulti?this.props.options.filter((e=>t.includes(e.value))):t instanceof Object||null==t?t:this.props.options.find((e=>e.value==t));const j={menu:e=>y(y({},e),{},{zIndex:999})};return c().createElement("div",null,c().createElement(b(),a()({className:g,value:v,onChange:this.handleChange,isClearable:O,isDisabled:m,styles:j,"aria-labelledby":u,formatOptionLabel:e=>c().createElement("span",{dangerouslySetInnerHTML:{__html:e.label}})},d)),f&&c().createElement("p",{className:"error-label"},n))}}return O.defaultProps={ariaLabelledBy:null},o})()));
//# sourceMappingURL=dropdown.js.map