All files / modules/75-cd/components/PipelineSteps/Common/Terraform/Variableview ConfigSection.tsx

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
68
69
70
71
72
73
74
75
 
 
 
 
 
 
 
100x
100x
100x
100x
 
 
 
100x
100x
 
100x
3x
3x
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
2x
 
 
 
 
 
 
 
 
 
 
2x
2x
 
2x
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
 * 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 { Text } from '@wings-software/uicore'
import { useStrings } from 'framework/strings'
import { VariablesListTable } from '@pipeline/components/VariablesListTable/VariablesListTable'
import type { RemoteTerraformVarFileSpec } from 'services/cd-ng'
 
import type { TerraformData, TerraformVariableStepProps } from '../TerraformInterfaces'
import css from '@cd/components/PipelineSteps/Common/Terraform/TerraformStep.module.scss'
import pipelineVariableCss from '@pipeline/components/PipelineStudio/PipelineVariables/PipelineVariables.module.scss'
 
export function ConfigVariables(props: TerraformVariableStepProps): React.ReactElement {
  const { variablesData = {} as TerraformData, metadataMap, initialValues } = props
  const { getString } = useStrings()
 
  return (
    <>
      <VariablesListTable
        data={variablesData?.spec?.configuration?.spec}
        originalData={initialValues.spec?.configuration?.spec}
        metadataMap={metadataMap}
        className={pipelineVariableCss.variablePaddingL2}
      />
      {variablesData?.spec?.configuration?.spec?.configFiles?.store?.spec?.gitFetchType && (
        <VariablesListTable
          data={variablesData?.spec?.configuration?.spec?.configFiles?.store?.spec}
          originalData={initialValues.spec?.configuration?.spec?.configFiles?.store?.spec}
          metadataMap={metadataMap}
          className={pipelineVariableCss.variablePaddingL2}
        />
      )}
      {variablesData?.spec?.configuration?.spec?.varFiles?.length && (
        <>
          <Text className={css.stepTitle}>{getString('cd.terraformVarFiles')}</Text>
          {variablesData?.spec?.configuration?.spec?.varFiles?.map((varFile, index) => {
            if (varFile?.varFile?.type === 'Inline') {
              return (
                <VariablesListTable
                  key={index}
                  data={variablesData?.spec?.configuration?.spec?.varFiles?.[index]?.varFile?.spec}
                  originalData={
                    initialValues?.spec?.configuration?.spec?.varFiles?.[index]?.varFile?.spec || ({} as any)
                  }
                  metadataMap={metadataMap}
                  className={pipelineVariableCss.variablePaddingL2}
                />
              )
            } else Eif (varFile?.varFile?.type === 'Remote') {
              const remoteSpec = variablesData?.spec?.configuration?.spec?.varFiles?.[index]?.varFile
                ?.spec as RemoteTerraformVarFileSpec
              const initVarSpec = initialValues?.spec?.configuration?.spec?.varFiles?.[index]?.varFile
                ?.spec as RemoteTerraformVarFileSpec
              return (
                <VariablesListTable
                  key={index}
                  data={remoteSpec?.store?.spec}
                  originalData={initVarSpec?.store?.spec || ({} as any)}
                  metadataMap={metadataMap}
                  className={pipelineVariableCss.variablePaddingL2}
                />
              )
            }
          })}
        </>
      )}
    </>
  )
}