openstack-uicore-foundation/lib/components/inputs/free-multi-text-input.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={6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},2015:e=>{e.exports=require("react")}},t={};function n(a){var r=t[a];if(void 0!==r)return r.exports;var o=t[a]={exports:{}};return e[a](o,o.exports,n),o.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var a={};n.r(a),n.d(a,{default:()=>b});var r=n(6031),o=n.n(r),i=n(2462),s=n.n(i),l=n(2015),u=n.n(l);const p=require("react-select/lib/Creatable");var h=n.n(p),d=n(6842),c=n.n(d);const f=["id","value","onChange"];class b extends u().Component{constructor(e){super(e),this.state={inputValue:""},this.handleChange=this.handleChange.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}handleChange(e){let t=!!this.props.hasOwnProperty("limit")&&this.props.limit;if(!t||t>=e.length){let t={target:{id:this.props.id,value:e,type:"freetextlist"}};this.props.onChange(t)}}handleInputChange(e){this.setState({inputValue:e})}handleKeyDown(e){const{inputValue:t}=this.state;let{value:n}=this.props;if(t)switch(e.key){case"Enter":case"Tab":this.setState({inputValue:""}),this.handleChange([...n,{label:t,value:t}]),e.preventDefault()}}render(){const{inputValue:e}=this.state;let t=this.props,{id:n,value:a,onChange:r}=t,i=s()(t,f);return u().createElement(h(),o()({components:{DropdownIndicator:null},inputValue:e,clearable:!0,isMulti:!0,menuContainerStyle:{display:"none"},onChange:this.handleChange,onInputChange:this.handleInputChange,onInputKeyDown:this.handleKeyDown,placeholder:c().translate("general.type_something"),value:a},i))}}return a})()));
//# sourceMappingURL=free-multi-text-input.js.map