All files / modules/30-secrets/components/CreateUpdateSecret/views LocalFormFields.tsx

90% Statements 9/10
75% Branches 6/8
66.67% Functions 2/3
90% Lines 9/10

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              286x 286x   286x                           286x         13x   13x   13x               13x                                             286x  
/*
 * 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, { ReactNode } from 'react'
import { FormInput } from '@wings-software/uicore'
import type { FormikContext } from 'formik'
import { useStrings } from 'framework/strings'
 
import type { SecretDTOV2 } from 'services/cd-ng'
 
interface LocalFormFieldsProps {
  type: SecretDTOV2['type']
  editing: boolean
  disableAutocomplete?: boolean
}
 
interface FormikContextProps<T> {
  formik?: FormikContext<T>
}
 
const LocalFormFields: React.FC<LocalFormFieldsProps & FormikContextProps<any>> = ({
  editing,
  type,
  disableAutocomplete
}) => {
  const { getString } = useStrings()
 
  const renderHiddenInputs = (): ReactNode => {
    // Rendering these inputs to avoid autocomplete.
    return (
      <>
        <input type="text" style={{ display: 'none' }} />
        <input type="password" style={{ display: 'none' }} />
      </>
    )
  }
 
  return (
    <>
      {disableAutocomplete ? renderHiddenInputs() : null}
      {type === 'SecretText' ? (
        <FormInput.Text
          name="value"
          label={getString('secrets.labelValue')}
          placeholder={editing ? getString('encrypted') : getString('secrets.secret.placeholderSecretValue')}
          inputGroup={{ type: 'password' }}
          onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
            event.target.value.trim()
          }}
        />
      ) : null}
      {type === 'SecretFile' ? (
        <FormInput.FileInput name="file" label={getString('secrets.secret.labelSecretFile')} multiple />
      ) : null}
      <FormInput.TextArea name="description" isOptional={true} label={getString('description')} />
      <FormInput.KVTagInput name="tags" isOptional={true} label={getString('tagsLabel')} />
    </>
  )
}
 
export default LocalFormFields