Initial coomit for AAI-UI(sparky-fe)

[aai/sparky-fe.git] / src / generic-components / input / validation / ValidationTab.jsx

diff --git a/src/generic-components/input/validation/ValidationTab.jsx b/src/generic-components/input/validation/ValidationTab.jsx
new file mode 100644 (file)
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>
+                               );
+               }
+}