X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=src%2Fgeneric-components%2FMultiSelectDropDown.jsx;fp=src%2Fgeneric-components%2FMultiSelectDropDown.jsx;h=e9124a56ffc7739177ce10e1d393b5dbebb033d8;hb=5ee7367a101143715c2869d72ea4a6fbf55f5af6;hp=0000000000000000000000000000000000000000;hpb=ddc05d4ea0254b427fea6ec80e2b03950eeca4ce;p=aai%2Fsparky-fe.git

diff --git a/src/generic-components/MultiSelectDropDown.jsx b/src/generic-components/MultiSelectDropDown.jsx
new file mode 100644
index 0000000..e9124a5
--- /dev/null
+++ b/src/generic-components/MultiSelectDropDown.jsx
@@ -0,0 +1,56 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * 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
+ *
+ * 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=========================================================
+ */
+
+import React, {Component} from 'react';
+import Select from 'react-select';
+
+class MultiSelectDropDown extends Component {
+  constructor(props) {
+	super(props); 
+	this.state = {
+		options:[],
+		displayValue:'Category'
+	  };    
+  }
+  componentDidMount(){
+    console.log('MultiSelectDropDown component  mount');    
+  };
+  componentWillReceiveProps(nextProps){
+	console.log('MultiSelectDropDown component  componentWillReceiveProps',nextProps);
+	this.setState({
+		options:nextProps.options,
+		displayValue:nextProps.displayValue,
+		triggerSelect:nextProps.triggerSelect,
+	  });
+  }
+  render() {    
+    return (	
+	 	 		<Select
+					className='dropdown-item basic-multi-select'
+					placeholder={this.state.displayValue}
+					onChange={this.state.triggerSelect}
+					options={this.state.options} 
+					isMulti
+    			classNamePrefix="select"
+				/>
+    );
+  }
+}
+export default MultiSelectDropDown;