Adding Prettier and fixing up eslint version

Issue-ID: SDC-1094
Change-Id: Ie83ad95a03899345dd90235daf0323cbe3bc6afd
Signed-off-by: Einav Weiss Keidar <einavw@amdocs.com>

1 files changed, 175 insertions, 117 deletions

diff --git a/openecomp-ui/src/sdc-app/ModulesOptions.jsx b/openecomp-ui/src/sdc-app/ModulesOptions.jsx
index 28fab80da9..63296b57c9 100644
--- a/openecomp-ui/src/sdc-app/ModulesOptions.jsx
+++ b/openecomp-ui/src/sdc-app/ModulesOptions.jsx
@@ -15,7 +15,7 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-import {connect} from 'react-redux';
+import { connect } from 'react-redux';
 import Input from 'nfvo-components/input/validation/InputWrapper.jsx';
 
 import LicenseModelActionHelper from './onboarding/licenseModel/LicenseModelActionHelper.js';
@@ -27,140 +27,198 @@ import LicenseKeyGroupsListEditor from './onboarding/licenseModel/licenseKeyGrou
 import LicenseKeyGroupsActionHelper from './onboarding/licenseModel/licenseKeyGroups/LicenseKeyGroupsActionHelper.js';
 import EntitlementPoolsListEditor from './onboarding/licenseModel/entitlementPools/EntitlementPoolsListEditor.js';
 import EntitlementPoolsActionHelper from './onboarding/licenseModel/entitlementPools/EntitlementPoolsActionHelper.js';
-import SoftwareProductLandingPage  from './onboarding/softwareProduct/landingPage/SoftwareProductLandingPage.js';
-import SoftwareProductDetails  from './onboarding/softwareProduct/details/SoftwareProductDetails.js';
+import SoftwareProductLandingPage from './onboarding/softwareProduct/landingPage/SoftwareProductLandingPage.js';
+import SoftwareProductDetails from './onboarding/softwareProduct/details/SoftwareProductDetails.js';
 import Onboard from './onboarding/onboard/Onboard.js';
 import SoftwareProductActionHelper from './onboarding/softwareProduct/SoftwareProductActionHelper.js';
 import FlowsListEditor from './flows/FlowsListEditor.js';
 import FlowsActions from './flows/FlowsActions.js';
 
-
-const mapStateToProps = ({licenseModelList}) => {
-	return {licenseModelList};
+const mapStateToProps = ({ licenseModelList }) => {
+    return { licenseModelList };
 };
 
-
 const mapActionsToProps = dispatch => {
-	return {
-		onBootstrapped: () => LicenseModelActionHelper.fetchLicenseModels(dispatch),
-		onLicenseAgreementListEditor: licenseModelId => LicenseAgreementActionHelper.fetchLicenseAgreementList(dispatch, {licenseModelId}),
-		onFeatureGroupsListEditor: licenseModelId => FeatureGroupsActionHelper.fetchFeatureGroupsList(dispatch, {licenseModelId}),
-		onLicenseKeyGroupsListEditor: licenseModelId =>LicenseKeyGroupsActionHelper.fetchLicenseKeyGroupsList(dispatch, {licenseModelId}),
-		onEntitlementPoolsListEditor: licenseModelId => EntitlementPoolsActionHelper.fetchEntitlementPoolsList(dispatch, {licenseModelId}),
-		onOnboardingCatalog: () => SoftwareProductActionHelper.fetchSoftwareProductList(dispatch),
-		onSoftwareProductDetails: () => SoftwareProductActionHelper.fetchSoftwareProductCategories(dispatch),
-		onFlowsListEditor: () => FlowsActions.fetchFlows(dispatch)
-	};
+    return {
+        onBootstrapped: () =>
+            LicenseModelActionHelper.fetchLicenseModels(dispatch),
+        onLicenseAgreementListEditor: licenseModelId =>
+            LicenseAgreementActionHelper.fetchLicenseAgreementList(dispatch, {
+                licenseModelId
+            }),
+        onFeatureGroupsListEditor: licenseModelId =>
+            FeatureGroupsActionHelper.fetchFeatureGroupsList(dispatch, {
+                licenseModelId
+            }),
+        onLicenseKeyGroupsListEditor: licenseModelId =>
+            LicenseKeyGroupsActionHelper.fetchLicenseKeyGroupsList(dispatch, {
+                licenseModelId
+            }),
+        onEntitlementPoolsListEditor: licenseModelId =>
+            EntitlementPoolsActionHelper.fetchEntitlementPoolsList(dispatch, {
+                licenseModelId
+            }),
+        onOnboardingCatalog: () =>
+            SoftwareProductActionHelper.fetchSoftwareProductList(dispatch),
+        onSoftwareProductDetails: () =>
+            SoftwareProductActionHelper.fetchSoftwareProductCategories(
+                dispatch
+            ),
+        onFlowsListEditor: () => FlowsActions.fetchFlows(dispatch)
+    };
 };
 
 class ModuleOptions extends React.Component {
+    static propTypes = {
+        onBootstrapped: PropTypes.func.isRequired,
+        onLicenseAgreementListEditor: PropTypes.func.isRequired,
+        onFeatureGroupsListEditor: PropTypes.func.isRequired,
+        onLicenseKeyGroupsListEditor: PropTypes.func.isRequired,
+        onEntitlementPoolsListEditor: PropTypes.func.isRequired,
+        onOnboardingCatalog: PropTypes.func.isRequired,
+        onSoftwareProductDetails: PropTypes.func.isRequired
+    };
 
-	static propTypes = {
-		onBootstrapped: PropTypes.func.isRequired,
-		onLicenseAgreementListEditor: PropTypes.func.isRequired,
-		onFeatureGroupsListEditor: PropTypes.func.isRequired,
-		onLicenseKeyGroupsListEditor: PropTypes.func.isRequired,
-		onEntitlementPoolsListEditor: PropTypes.func.isRequired,
-		onOnboardingCatalog: PropTypes.func.isRequired,
-		onSoftwareProductDetails: PropTypes.func.isRequired,
-	};
-
-	state = {
-		currentModule: localStorage.getItem('default-module'),
-		licenseModelId: localStorage.getItem('default-license-model-id')
-	};
+    state = {
+        currentModule: localStorage.getItem('default-module'),
+        licenseModelId: localStorage.getItem('default-license-model-id')
+    };
 
-	componentDidMount() {
-		this.props.onBootstrapped();
-	}
+    componentDidMount() {
+        this.props.onBootstrapped();
+    }
 
-	render() {
-		let {currentModule, licenseModelId} = this.state;
-		let {licenseModelList} = this.props;
-		return (
-			<div style={{marginTop:20}}>
-				<Input
-					name='licenseModel'
-					value={licenseModelId}
-					ref='licenseModelId'
-					type='select'
-					onChange={this.handleLicenseModelIdChange}
-					className='inner-pagination select-input'>
-					<option value='' key={null}>Select License Model</option>
-					{
-						licenseModelList.map(({id, vendorName}) => <option value={id} key={id}>{`${vendorName} License Model`}</option>)
-					}
-				</Input>
-				<Input
-					name='currentView'
-					value={currentModule}
-					ref='selectedModule'
-					type='select'
-					onChange={this.handleModuleSelection}
-					className='inner-pagination select-input'>
-					<option value=''>Select Module</option>
-					<option value='EntitlementPoolsListEditor'>Entitlement Pools</option>
-					<option value='LicenseAgreementListEditor'>License Agreements</option>
-					<option value='FutureGroupListEditor'>Feature Groups</option>
-					<option value='LicenseKeyGroupsListEditor'>License Key Groups</option>
-					<option value='SoftwareProductLanding'>Software Product Landing</option>
-					<option value='SoftwareProductDetails'>Software Product Details</option>
-					<option value='OnboardingCatalog'>Onboarding Catalog</option>
-					<option value='Flows'>Flows</option>
-				</Input>
-				<div className='sub-module-view' style={{paddingTop: 10, margin: 4, borderTop: '1px solid silver'}}>
-					{this.renderModule(currentModule)}
-				</div>
-			</div>
-		);
-	}
+    render() {
+        let { currentModule, licenseModelId } = this.state;
+        let { licenseModelList } = this.props;
+        return (
+            <div style={{ marginTop: 20 }}>
+                <Input
+                    name="licenseModel"
+                    value={licenseModelId}
+                    ref="licenseModelId"
+                    type="select"
+                    onChange={this.handleLicenseModelIdChange}
+                    className="inner-pagination select-input">
+                    <option value="" key={null}>
+                        Select License Model
+                    </option>
+                    {licenseModelList.map(({ id, vendorName }) => (
+                        <option
+                            value={id}
+                            key={id}>{`${vendorName} License Model`}</option>
+                    ))}
+                </Input>
+                <Input
+                    name="currentView"
+                    value={currentModule}
+                    ref="selectedModule"
+                    type="select"
+                    onChange={this.handleModuleSelection}
+                    className="inner-pagination select-input">
+                    <option value="">Select Module</option>
+                    <option value="EntitlementPoolsListEditor">
+                        Entitlement Pools
+                    </option>
+                    <option value="LicenseAgreementListEditor">
+                        License Agreements
+                    </option>
+                    <option value="FutureGroupListEditor">
+                        Feature Groups
+                    </option>
+                    <option value="LicenseKeyGroupsListEditor">
+                        License Key Groups
+                    </option>
+                    <option value="SoftwareProductLanding">
+                        Software Product Landing
+                    </option>
+                    <option value="SoftwareProductDetails">
+                        Software Product Details
+                    </option>
+                    <option value="OnboardingCatalog">
+                        Onboarding Catalog
+                    </option>
+                    <option value="Flows">Flows</option>
+                </Input>
+                <div
+                    className="sub-module-view"
+                    style={{
+                        paddingTop: 10,
+                        margin: 4,
+                        borderTop: '1px solid silver'
+                    }}>
+                    {this.renderModule(currentModule)}
+                </div>
+            </div>
+        );
+    }
 
-	renderModule(currentModule) {
-		const {licenseModelId} = this.state;
-		if (!licenseModelId) {
-			return;
-		}
+    renderModule(currentModule) {
+        const { licenseModelId } = this.state;
+        if (!licenseModelId) {
+            return;
+        }
 
-		switch (currentModule) {
-			case 'LicenseAgreementListEditor':
-				this.props.onLicenseAgreementListEditor(licenseModelId);
-				return <LicenseAgreementListEditor licenseModelId={licenseModelId}/>;
-			case 'FutureGroupListEditor':
-				this.props.onFeatureGroupsListEditor(licenseModelId);
-				return <FeatureGroupListEditor licenseModelId={licenseModelId}/>;
-			case 'EntitlementPoolsListEditor':
-				this.props.onEntitlementPoolsListEditor(licenseModelId);
-				return <EntitlementPoolsListEditor licenseModelId={licenseModelId}/>;
-			case 'LicenseKeyGroupsListEditor':
-				this.props.onLicenseKeyGroupsListEditor(licenseModelId);
-				return <LicenseKeyGroupsListEditor licenseModelId={licenseModelId}/>;
-			case 'SoftwareProductLanding':
-				return <SoftwareProductLandingPage licenseModelId={licenseModelId}/>;
-			case 'SoftwareProductDetails':
-				this.props.onSoftwareProductDetails(licenseModelId);
-				return <SoftwareProductDetails licenseModelId={licenseModelId}/>;
-			case 'OnboardingCatalog':
-				this.props.onOnboardingCatalog();
-				return <Onboard/>;
-			case 'Flows':
-				this.props.onFlowsListEditor();
-				return <FlowsListEditor/>;
-			default:
-				return;
-		}
-	}
+        switch (currentModule) {
+            case 'LicenseAgreementListEditor':
+                this.props.onLicenseAgreementListEditor(licenseModelId);
+                return (
+                    <LicenseAgreementListEditor
+                        licenseModelId={licenseModelId}
+                    />
+                );
+            case 'FutureGroupListEditor':
+                this.props.onFeatureGroupsListEditor(licenseModelId);
+                return (
+                    <FeatureGroupListEditor licenseModelId={licenseModelId} />
+                );
+            case 'EntitlementPoolsListEditor':
+                this.props.onEntitlementPoolsListEditor(licenseModelId);
+                return (
+                    <EntitlementPoolsListEditor
+                        licenseModelId={licenseModelId}
+                    />
+                );
+            case 'LicenseKeyGroupsListEditor':
+                this.props.onLicenseKeyGroupsListEditor(licenseModelId);
+                return (
+                    <LicenseKeyGroupsListEditor
+                        licenseModelId={licenseModelId}
+                    />
+                );
+            case 'SoftwareProductLanding':
+                return (
+                    <SoftwareProductLandingPage
+                        licenseModelId={licenseModelId}
+                    />
+                );
+            case 'SoftwareProductDetails':
+                this.props.onSoftwareProductDetails(licenseModelId);
+                return (
+                    <SoftwareProductDetails licenseModelId={licenseModelId} />
+                );
+            case 'OnboardingCatalog':
+                this.props.onOnboardingCatalog();
+                return <Onboard />;
+            case 'Flows':
+                this.props.onFlowsListEditor();
+                return <FlowsListEditor />;
+            default:
+                return;
+        }
+    }
 
-	handleModuleSelection = () => {
-		let selectedModule = this.refs.selectedModule.getValue();
-		localStorage.setItem('default-module', selectedModule);
-		this.setState({currentModule: selectedModule});
-	}
+    handleModuleSelection = () => {
+        let selectedModule = this.refs.selectedModule.getValue();
+        localStorage.setItem('default-module', selectedModule);
+        this.setState({ currentModule: selectedModule });
+    };
 
-	handleLicenseModelIdChange = () => {
-		let licenseModelId = this.refs.licenseModelId.getValue();
-		localStorage.setItem('default-license-model-id', licenseModelId);
-		this.setState({licenseModelId});
-	}
+    handleLicenseModelIdChange = () => {
+        let licenseModelId = this.refs.licenseModelId.getValue();
+        localStorage.setItem('default-license-model-id', licenseModelId);
+        this.setState({ licenseModelId });
+    };
 }
 
 export default connect(mapStateToProps, mapActionsToProps)(ModuleOptions);