react 16 upgrade
[sdc.git] / openecomp-ui / src / sdc-app / onboarding / softwareProduct / components / SoftwareProductComponents.js
1 /*
2  * Copyright © 2016-2018 European Support Limited
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *      http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16 import { connect } from 'react-redux';
17 import i18n from 'nfvo-utils/i18n/i18n.js';
18
19 import SoftwareProductComponentsActionHelper from '../components/SoftwareProductComponentsActionHelper.js';
20 import { onboardingMethod as onboardingMethodTypes } from '../SoftwareProductConstants.js';
21 import ConfirmationModalConstants from 'nfvo-components/modal/GlobalModalConstants.js';
22 import ScreensHelper from 'sdc-app/common/helpers/ScreensHelper.js';
23 import { screenTypes } from 'sdc-app/onboarding/OnboardingConstants.js';
24 import SoftwareProductComponentsView from './SoftwareProductComponentsListView.jsx';
25 import SoftwareProductActionHelper from 'sdc-app/onboarding/softwareProduct/SoftwareProductActionHelper.js';
26
27 const generateMessage = name => {
28     return i18n('Are you sure you want to delete {name}?', { name: name });
29 };
30
31 const mapStateToProps = ({
32     softwareProduct,
33     currentScreen: { props: { version } }
34 }) => {
35     let {
36         softwareProductEditor: { data: currentSoftwareProduct = {} },
37         softwareProductComponents
38     } = softwareProduct;
39     let { componentsList } = softwareProductComponents;
40     let {
41         onboardingMethod = onboardingMethodTypes.HEAT
42     } = currentSoftwareProduct;
43     return {
44         currentSoftwareProduct,
45         componentsList,
46         isManual: onboardingMethod === onboardingMethodTypes.MANUAL,
47         version
48     };
49 };
50
51 const mapActionToProps = dispatch => {
52     return {
53         onComponentSelect: ({ id: softwareProductId, componentId, version }) =>
54             ScreensHelper.loadScreen(dispatch, {
55                 screen: screenTypes.SOFTWARE_PRODUCT_COMPONENT_DEFAULT_GENERAL,
56                 screenType: screenTypes.SOFTWARE_PRODUCT,
57                 props: { softwareProductId, version, componentId }
58             }),
59         onAddComponent: (softwareProductId, version) =>
60             SoftwareProductActionHelper.addComponent(dispatch, {
61                 softwareProductId,
62                 version
63             }),
64         onDeleteComponent: (component, softwareProductId, version) =>
65             dispatch({
66                 type: ConfirmationModalConstants.GLOBAL_MODAL_WARNING,
67                 data: {
68                     msg: generateMessage(component.displayName),
69                     onConfirmed: () =>
70                         SoftwareProductComponentsActionHelper.deleteComponent(
71                             dispatch,
72                             {
73                                 softwareProductId,
74                                 componentId: component.id,
75                                 version
76                             }
77                         )
78                 }
79             })
80     };
81 };
82
83 export default connect(mapStateToProps, mapActionToProps, null, {
84     withRef: true
85 })(SoftwareProductComponentsView);