openecomp-ui/src/sdc-app/onboarding/onboard/DetailsCatalogView.jsx

   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
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16 import isEqual from 'lodash/isEqual.js';
  17 import React from 'react';
  18 import PropTypes from 'prop-types';
  19 import { catalogItemTypes } from './onboardingCatalog/OnboardingCatalogConstants.js';
  20 import { filterCatalogItemsByType } from './onboardingCatalog/OnboardingCatalogUtils.js';
  21 import CatalogList from './CatalogList.jsx';
  22 import CatalogItemDetails from './CatalogItemDetails.jsx';
  23
  24 function renderCatalogItems({
  25     items,
  26     type,
  27     filter,
  28     onSelect,
  29     onMigrate,
  30     users
  31 }) {
  32     const filteredItems = items.length
  33         ? filterCatalogItemsByType({ items, filter })
  34         : [];
  35     return filteredItems.map(item => (
  36         <CatalogItemDetails
  37             key={item.id}
  38             catalogItemData={item}
  39             catalogItemTypeClass={type}
  40             onMigrate={onMigrate}
  41             onSelect={() => onSelect(item, users)}
  42         />
  43     ));
  44 }
  45
  46 class DetailsCatalogView extends React.Component {
  47     static propTypes = {
  48         VLMList: PropTypes.array,
  49         VSPList: PropTypes.array,
  50         onSelectVLM: PropTypes.func.isRequired,
  51         onSelectVSP: PropTypes.func.isRequired,
  52         onAddVLM: PropTypes.func,
  53         onAddVSP: PropTypes.func,
  54         filter: PropTypes.string.isRequired
  55     };
  56
  57     shouldComponentUpdate(nextProps) {
  58         const shouldUpdate =
  59             isEqual(nextProps.VLMList, this.props.VLMList) &&
  60             isEqual(nextProps.VSPList, this.props.VSPList) &&
  61             isEqual(nextProps.users, this.props.users) &&
  62             isEqual(nextProps.filter, this.props.filter);
  63         return !shouldUpdate;
  64     }
  65     render() {
  66         let {
  67             VLMList,
  68             VSPList,
  69             users,
  70             onAddVSP,
  71             onAddVLM,
  72             onSelectVLM,
  73             onSelectVSP,
  74             filter = '',
  75             onMigrate
  76         } = this.props;
  77         return (
  78             <CatalogList onAddVLM={onAddVLM} onAddVSP={onAddVSP}>
  79                 {renderCatalogItems({
  80                     items: VLMList,
  81                     type: catalogItemTypes.LICENSE_MODEL,
  82                     filter,
  83                     onSelect: onSelectVLM,
  84                     onMigrate,
  85                     users
  86                 })}
  87                 {renderCatalogItems({
  88                     items: VSPList,
  89                     type: catalogItemTypes.SOFTWARE_PRODUCT,
  90                     filter,
  91                     onSelect: onSelectVSP,
  92                     onMigrate,
  93                     users
  94                 })}
  95             </CatalogList>
  96         );
  97     }
  98 }
  99 export default DetailsCatalogView;