@openshift-assisted/ui-lib 2.15.1-cim → 2.15.3-cim

package/lib/common/components/clusterConfiguration/OpenShiftVersionSelect.tsx

@@ -1,81 +0,0 @@
-import React from 'react';
-import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-
-import { OPENSHIFT_LIFE_CYCLE_DATES_LINK } from '../../config';
-import { OpenshiftVersionOptionType } from '../../types';
-import { SelectField, UiIcon } from '../ui';
-import { useTranslation } from '../../hooks/use-translation-wrapper';
-import { SelectFieldProps } from '../ui/formik/types';
-
-const OpenShiftLifeCycleDatesLink = () => {
-  const { t } = useTranslation();
-  return (
-    <a href={OPENSHIFT_LIFE_CYCLE_DATES_LINK} target="_blank" rel="noopener noreferrer">
-      {t('ai:Learn more')} <ExternalLinkAltIcon />
-    </a>
-  );
-};
-
-const getOpenshiftVersionHelperText =
-  // eslint-disable-next-line react/display-name
-  (versions: OpenshiftVersionOptionType[]) => (selectedVersionValue: string) => {
-    const { t } = useTranslation();
-    if (!versions.length) {
-      return (
-        <>
-          <UiIcon size="sm" status="danger" icon={<ExclamationCircleIcon />} />
-          &nbsp; {t('ai:No release image is available.')}
-        </>
-      );
-    }
-    const selectedVersion = versions.find((version) => version.value === selectedVersionValue);
-    if (!selectedVersionValue || !selectedVersion) {
-      return null;
-    }
-
-    if (
-      selectedVersion.supportLevel !== 'production' &&
-      selectedVersion.supportLevel !== 'maintenance'
-    ) {
-      return (
-        <>
-          <UiIcon size="sm" status="warning" icon={<ExclamationTriangleIcon />} />
-          &nbsp;{t('ai:Please note that this version is not production-ready.')}&nbsp;
-          <OpenShiftLifeCycleDatesLink />
-        </>
-      );
-    }
-
-    return null;
-  };
-
-type OpenShiftVersionSelectProps = {
-  versions: OpenshiftVersionOptionType[];
-  onChange?: SelectFieldProps['onChange'];
-};
-const OpenShiftVersionSelect: React.FC<OpenShiftVersionSelectProps> = ({ versions, onChange }) => {
-  const selectOptions = React.useMemo(
-    () =>
-      versions.map((version) => ({
-        label: version.label,
-        value: version.value,
-      })),
-    [versions],
-  );
-  const { t } = useTranslation();
-  return (
-    <SelectField
-      label={t('ai:OpenShift version')}
-      name="openshiftVersion"
-      options={selectOptions}
-      getHelperText={getOpenshiftVersionHelperText(versions)}
-      isDisabled={versions.length === 0}
-      isRequired
-      onChange={onChange}
-    />
-  );
-};
-
-export default OpenShiftVersionSelect;