Initial coomit for AAI-UI(sparky-fe)

Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb
Signed-off-by: ARULNA <arul.nambi@amdocs.com>

1 files changed, 144 insertions, 0 deletions

diff --git a/src/generic-components/input/validation/ValidationTab.jsx b/src/generic-components/input/validation/ValidationTab.jsx
new file mode 100644
index 0000000..a40df6a
--- /dev/null
+++ b/src/generic-components/input/validation/ValidationTab.jsx
@@ -0,0 +1,144 @@
+/*
+ * ============LICENSE_START===================================================
+ * SPARKY (AAI UI service)
+ * ============================================================================
+ * Copyright © 2017 AT&T Intellectual Property.
+ * Copyright © 2017 Amdocs
+ * 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=====================================================
+ *
+ * ECOMP and OpenECOMP are trademarks
+ * and service marks of AT&T Intellectual Property.
+ */
+
+import React from 'react';
+import Tab from 'react-bootstrap/lib/Tab.js';
+
+export default
+class ValidationTab extends React.Component {
+		
+		static propTypes = {
+				children: React.PropTypes.node,
+				eventKey: React.PropTypes.any.isRequired,
+				onValidationStateChange: React.PropTypes.func //This property is assigned
+		                                                // dynamically via
+		                                                // React.cloneElement. lookup
+		                                                // ValidationTabs.jsx.
+		                                                // therefore it cannot be
+		                                                // stated as required!
+		};
+		
+		constructor(props) {
+				super(props);
+				this.validationComponents = [];
+		}
+		
+		static childContextTypes = {
+				validationParent: React.PropTypes.any
+		};
+		
+		static contextTypes = {
+				validationParent: React.PropTypes.any
+		};
+		
+		getChildContext() {
+				return {validationParent: this};
+		}
+		
+		state = {
+				isValid: true,
+				notifyParent: false
+		};
+		
+		componentDidMount() {
+				let validationParent = this.context.validationParent;
+				if (validationParent) {
+						validationParent.register(this);
+				}
+		}
+		
+		componentWillUnmount() {
+				let validationParent = this.context.validationParent;
+				if (validationParent) {
+						validationParent.unregister(this);
+				}
+		}
+		
+		register(validationComponent) {
+				this.validationComponents.push(validationComponent);
+		}
+		
+		unregister(validationComponent) {
+				this.childValidStateChanged(validationComponent, true);
+				this.validationComponents =
+						this.validationComponents.filter(
+								otherValidationComponent => validationComponent !==
+								otherValidationComponent);
+		}
+		
+		notifyValidStateChangedToParent(isValid) {
+				
+				let validationParent = this.context.validationParent;
+				if (validationParent) {
+						validationParent.childValidStateChanged(this, isValid);
+				}
+		}
+		
+		childValidStateChanged(validationComponent, isValid) {
+				
+				const currentValidState = this.state.isValid;
+				if (isValid !== currentValidState) {
+						let filteredValidationComponents = this.validationComponents.filter(
+								otherValidationComponent => validationComponent !==
+								otherValidationComponent);
+						let newValidState = isValid &&
+								filteredValidationComponents.every(otherValidationComponent => {
+										return otherValidationComponent.isValid();
+								});
+						this.setState({isValid: newValidState, notifyParent: true});
+				}
+		}
+		
+		validate() {
+				let isValid = true;
+				this.validationComponents.forEach(validationComponent => {
+						const isValidationComponentValid = validationComponent.validate().isValid;
+						isValid = isValidationComponentValid && isValid;
+				});
+				this.setState({isValid, notifyParent: false});
+				return {isValid};
+		}
+		
+		componentDidUpdate(prevProps, prevState) {
+				if (prevState.isValid !== this.state.isValid) {
+						if (this.state.notifyParent) {
+								this.notifyValidStateChangedToParent(this.state.isValid);
+						}
+						this.props.onValidationStateChange(this.props.eventKey,
+								this.state.isValid);
+				}
+		}
+		
+		isValid() {
+				return this.state.isValid;
+		}
+		
+		render() {
+				let {children, ...tabProps} = this.props;
+				return (
+						<Tab {...tabProps}>{children}</Tab>
+				);
+		}
+}