X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=src%2Fgeneric-components%2Finput%2FSelectInput.jsx;h=dbe6a20113ccea74905b7ddae21d7441321f090d;hb=bbac6201bccda26bbff7c64b12160ae06319b752;hp=3b5087e2ae45819361f0f1d1ae21a61d785123b6;hpb=ca007e933bcd9f63aa77801656ed9dd4142c432c;p=aai%2Fsparky-fe.git diff --git a/src/generic-components/input/SelectInput.jsx b/src/generic-components/input/SelectInput.jsx index 3b5087e..dbe6a20 100644 --- a/src/generic-components/input/SelectInput.jsx +++ b/src/generic-components/input/SelectInput.jsx @@ -1,28 +1,23 @@ /* - * ============LICENSE_START=================================================== - * SPARKY (AAI UI service) - * ============================================================================ - * Copyright © 2017 AT&T Intellectual Property. - * Copyright © 2017 Amdocs - * All rights reserved. - * ============================================================================ + * ============LICENSE_START======================================================= + * org.onap.aai + * ================================================================================ + * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved. + * Copyright © 2017-2018 Amdocs + * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * - * http://www.apache.org/licenses/LICENSE-2.0 + * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============LICENSE_END===================================================== - * - * ECOMP and OpenECOMP are trademarks - * and service marks of AT&T Intellectual Property. + * ============LICENSE_END========================================================= */ - /** * The HTML structure here is aligned with bootstrap HTML structure for form * elements. In this way we have proper styling and it is aligned with other @@ -39,11 +34,12 @@ */ import React, {Component} from 'react'; import Select from 'react-select'; +import 'react-select/dist/react-select.css'; class SelectInput extends Component { - + inputValue = []; - + render() { let {label, value, ...other} = this.props; return ( @@ -57,20 +53,20 @@ class SelectInput extends Component { ); } - + getValue() { return this.inputValue && this.inputValue.length ? this.inputValue : ''; } - + onSelectChanged(value) { this.props.onMultiSelectChanged(value); } - + componentDidMount() { let {value} = this.props; this.inputValue = value ? value : []; } - + componentDidUpdate() { if (this.inputValue !== this.props.value) { this.inputValue = this.props.value;