sdc-workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/VersionSelect.js

   1 /*
   2 * Copyright © 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
  17 import React from 'react';
  18 import PropTypes from 'prop-types';
  19 import isEmpty from 'lodash.isempty';
  20
  21 const VersionSelect = props => {
  22     const {
  23         currentWorkflowVersion,
  24         viewableVersions,
  25         onVersionSelectChange
  26     } = props;
  27
  28     function onChangeHandler(ev) {
  29         const versionIndex = Object.keys(viewableVersions).find(
  30             key => viewableVersions[key].id === ev.target.value
  31         );
  32         const currentVersion = viewableVersions[versionIndex].id;
  33         onVersionSelectChange(currentVersion);
  34     }
  35
  36     return (
  37         <select
  38             className="version-selector"
  39             key={'selector'}
  40             value={currentWorkflowVersion.id}
  41             onChange={onChangeHandler}
  42             data-test-id="vc-versions-select-box">
  43             {!isEmpty(viewableVersions) &&
  44                 viewableVersions.map(item => {
  45                     const displayedName = `${item.name} ${
  46                         currentWorkflowVersion.id === item.id
  47                             ? currentWorkflowVersion.state.toUpperCase()
  48                             : item.state
  49                     }`;
  50                     return (
  51                         <option
  52                             key={'versionSelect' + item.id}
  53                             value={item.id}
  54                             data-test-id="vc-version-option">
  55                             {displayedName}
  56                         </option>
  57                     );
  58                 })}
  59         </select>
  60     );
  61 };
  62
  63 VersionSelect.propTypes = {
  64     currentWorkflowVersion: PropTypes.object,
  65     viewableVersions: PropTypes.arrayOf(Object),
  66     onVersionSelectChange: PropTypes.func
  67 };
  68
  69 export default VersionSelect;