All files / modules/70-pipeline/components/ManifestSelection/ManifestWizardSteps/GitRepositoryName GitRepositoryName.tsx

100% Statements 9/9
33.33% Branches 1/3
100% Functions 1/1
100% Lines 9/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67              107x 107x 107x 107x 107x 107x                                     28x 28x                                                                 107x  
/*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Shield 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
 */
 
import React from 'react'
import { FormInput, getMultiTypeFromValue, MultiTypeInputType } from '@wings-software/uicore'
import { String, useStrings } from 'framework/strings'
import { ConfigureOptions } from '@common/components/ConfigureOptions/ConfigureOptions'
import css from '../ManifestWizardSteps.module.scss'
import helmcss from '../HelmWithGIT/HelmWithGIT.module.scss'
 
interface GitRepositoryNameProps {
  accountUrl: string
  expressions: Array<string>
  allowableTypes: MultiTypeInputType[]
  fieldValue: string | undefined
  changeFieldValue: (val: string) => void
  isReadonly?: boolean
}
 
function GitRepositoryName({
  accountUrl,
  expressions,
  allowableTypes,
  fieldValue,
  changeFieldValue,
  isReadonly = false
}: GitRepositoryNameProps): React.ReactElement {
  const { getString } = useStrings()
  return (
    <div className={helmcss.repoNameSection}>
      <div className={helmcss.repoName}>
        <FormInput.MultiTextInput
          multiTextInputProps={{ expressions, allowableTypes }}
          placeholder={getString('pipeline.manifestType.repoNamePlaceholder')}
          label={getString('common.repositoryName')}
          name="repoName"
          className={helmcss.reponameField}
        />
        {getMultiTypeFromValue(fieldValue) === MultiTypeInputType.RUNTIME && (
          <ConfigureOptions
            style={{ marginTop: 2 }}
            value={fieldValue as string}
            type="String"
            variableName="repoName"
            showRequiredField={false}
            showDefaultField={false}
            showAdvanced={true}
            onChange={changeFieldValue}
            isReadonly={isReadonly}
          />
        )}
      </div>
 
      <div className={helmcss.halfWidth}>
        <String stringID="common.git.gitAccountUrl" className={css.accountUrl} />:
        <span className={css.repoNameUrl}>{`${accountUrl}`}</span>
      </div>
    </div>
  )
}
 
export default GitRepositoryName