text: /*
   * Copyright 2018 - 2021 Swiss Federal Institute of Technology Lausanne (EPFL)
   *
   * 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.
   *
   * This open source software code was developed in part or in whole in the
   * Human Brain Project, funded from the European Union's Horizon 2020
   * Framework Programme for Research and Innovation under
   * Specific Grant Agreements No. 720270, No. 785907, and No. 945539
   * (Human Brain Project SGA1, SGA2 and SGA3).
   *
   */
  
  import React from "react";
  
  import { Select } from "../Select/Select";
  
  import "./VersionSelector.css";
  
  const getVersionValue = (versions, version) => {
    if (!Array.isArray(versions)) {
      return null;
    }
    const res = versions.find(v => v.label === version);
    if (res) {
      return res.value;
    }
    return null;
  };
  
  export const VersionSelector = ({ version, versions, onChange }) => {
    if (!Array.isArray(versions) || !versions.length) {
      if(!version || typeof version !== "string" || version === "Current") {
        return null;
      }
      return version;
    }
    const value = getVersionValue(versions, version);
    return (
      <div className="kgs-version_selector">
        <Select value={value} list={versions} onChange={onChange} />
      </div>
    );
  };