feat(entities): support terraform in config card [khcp-12445]

packages/entities/entities-certificates/src/components/CACertificateConfigCard.vue

@@ -4,6 +4,8 @@
       :config="config"
       :config-card-doc="configCardDoc"
       :config-schema="configSchema"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.CaCertificate"
       :fetch-url="fetchUrl"
       :hide-title="hideTitle"
       @fetch:error="(err: any) => $emit('fetch:error', err)"
@@ -68,7 +70,15 @@ import type { PropType } from 'vue'
 import { computed, ref } from 'vue'
 import type { AxiosError } from 'axios'
 import type { KongManagerCertificateEntityConfig, KonnectCertificateEntityConfig, CACertificateConfigurationSchema, EntityRow } from '../types'
-import { EntityBaseConfigCard, ConfigurationSchemaType, ConfigurationSchemaSection, useStringHelpers, useHelpers, ConfigCardItem } from '@kong-ui-public/entities-shared'
+import {
+  EntityBaseConfigCard,
+  ConfigurationSchemaType,
+  ConfigurationSchemaSection,
+  useStringHelpers,
+  useHelpers,
+  ConfigCardItem ,
+  SupportedEntityType,
+} from '@kong-ui-public/entities-shared'
 import endpoints from '../ca-certificates-endpoints'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
@@ -110,6 +120,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const { i18n: { t, formatUnixTimeStamp } } = composables.useI18n()

packages/entities/entities-certificates/src/components/CACertificateForm.vue

@@ -4,6 +4,8 @@
       :can-submit="canSubmit"
       :config="config"
       :edit-id="certificateId"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.CaCertificate"
       :error-message="form.errorMessage"
       :fetch-url="fetchUrl"
       :form-fields="requestBody"
@@ -72,7 +74,14 @@ import type {
 } from '../types'
 import endpoints from '../ca-certificates-endpoints'
 import composables from '../composables'
-import { useAxios, useErrors, EntityFormSection, EntityBaseForm, EntityBaseFormType } from '@kong-ui-public/entities-shared'
+import {
+  useAxios,
+  useErrors,
+  EntityFormSection,
+  EntityBaseForm,
+  EntityBaseFormType,
+  SupportedEntityType,
+} from '@kong-ui-public/entities-shared'
 import '@kong-ui-public/entities-shared/dist/style.css'
 
 const emit = defineEmits<{
@@ -101,6 +110,14 @@ const props = defineProps({
     required: false,
     default: '',
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const router = useRouter()

packages/entities/entities-certificates/src/components/CertificateConfigCard.vue

@@ -4,6 +4,8 @@
       :config="config"
       :config-card-doc="configCardDoc"
       :config-schema="(configSchema as any)"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.Certificate"
       :fetch-url="fetchUrl"
       :hide-title="hideTitle"
       @fetch:error="(err: any) => $emit('fetch:error', err)"
@@ -138,7 +140,15 @@ import type { PropType } from 'vue'
 import { computed, ref } from 'vue'
 import type { AxiosError } from 'axios'
 import type { KongManagerCertificateEntityConfig, KonnectCertificateEntityConfig, CertificateConfigurationSchema, EntityRow } from '../types'
-import { EntityBaseConfigCard, ConfigurationSchemaSection, ConfigurationSchemaType, ConfigCardItem, useStringHelpers, useHelpers } from '@kong-ui-public/entities-shared'
+import {
+  EntityBaseConfigCard,
+  ConfigurationSchemaSection,
+  ConfigurationSchemaType,
+  ConfigCardItem,
+  SupportedEntityType,
+  useStringHelpers,
+  useHelpers,
+} from '@kong-ui-public/entities-shared'
 import endpoints from '../certificates-endpoints'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
@@ -178,6 +188,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const { i18n: { t, formatUnixTimeStamp }, i18nT } = composables.useI18n()

packages/entities/entities-certificates/src/components/CertificateForm.vue

@@ -4,6 +4,8 @@
       :can-submit="canSubmit"
       :config="config"
       :edit-id="certificateId"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.Certificate"
       :error-message="form.errorMessage"
       :fetch-url="fetchUrl"
       :form-fields="requestBody"
@@ -144,7 +146,14 @@ import type {
 import endpoints from '../certificates-endpoints'
 import composables from '../composables'
 import CertificateFormSniField from './CertificateFormSniField.vue'
-import { useAxios, useErrors, EntityFormSection, EntityBaseForm, EntityBaseFormType } from '@kong-ui-public/entities-shared'
+import {
+  useAxios,
+  useErrors,
+  EntityFormSection,
+  EntityBaseForm,
+  EntityBaseFormType,
+  SupportedEntityType,
+} from '@kong-ui-public/entities-shared'
 import '@kong-ui-public/entities-shared/dist/style.css'
 
 const emit = defineEmits<{
@@ -179,6 +188,14 @@ const props = defineProps({
     required: false,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const router = useRouter()

packages/entities/entities-consumer-groups/src/components/ConsumerGroupConfigCard.vue

@@ -5,6 +5,8 @@
       :config-card-doc="configCardDoc"
       :config-schema="configSchema"
       data-key="consumer_group"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.ConsumerGroup"
       :fetch-url="fetchUrl"
       :hide-title="hideTitle"
       @fetch:error="(err: any) => $emit('fetch:error', err)"
@@ -19,7 +21,7 @@ import type { PropType } from 'vue'
 import { computed, ref } from 'vue'
 import type { AxiosError } from 'axios'
 import type { KongManagerConsumerGroupEntityConfig, KonnectConsumerGroupEntityConfig, ConsumerGroupConfigurationSchema } from '../types'
-import { EntityBaseConfigCard } from '@kong-ui-public/entities-shared'
+import { EntityBaseConfigCard, SupportedEntityType } from '@kong-ui-public/entities-shared'
 import endpoints from '../consumer-groups-endpoints'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
@@ -59,6 +61,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const { i18n: { t } } = composables.useI18n()

packages/entities/entities-consumer-groups/src/components/ConsumerGroupForm.vue

@@ -4,6 +4,8 @@
       :can-submit="isFormValid && changesExist"
       :config="config"
       :edit-id="consumerGroupId"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.ConsumerGroup"
       :error-message="state.errorMessage || fetchError || preValidateErrorMessage"
       :fetch-url="fetchUrl"
       :form-fields="getPayload"
@@ -82,8 +84,11 @@ import {
   EntityBaseForm,
   EntityBaseFormType,
   EntityFormSection,
+  SupportedEntityType,
   useAxios,
-  useDebouncedFilter, useErrors, useValidators,
+  useDebouncedFilter,
+  useErrors,
+  useValidators,
 } from '@kong-ui-public/entities-shared'
 import '@kong-ui-public/entities-shared/dist/style.css'
 import composables from '../composables'
@@ -122,6 +127,14 @@ const props = defineProps({
     required: false,
     default: '',
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const emit = defineEmits<{

packages/entities/entities-consumers/src/components/ConsumerConfigCard.vue

@@ -4,6 +4,8 @@
       :config="config"
       :config-card-doc="configCardDoc"
       :config-schema="configSchema"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.Consumer"
       :fetch-url="fetchUrl"
       :hide-title="hideTitle"
       @fetch:error="(err: any) => $emit('fetch:error', err)"
@@ -40,7 +42,7 @@ import type { PropType } from 'vue'
 import { computed, ref } from 'vue'
 import type { AxiosError } from 'axios'
 import type { KongManagerConsumerEntityConfig, KonnectConsumerEntityConfig, ConsumerConfigurationSchema } from '../types'
-import { EntityBaseConfigCard, ConfigurationSchemaSection } from '@kong-ui-public/entities-shared'
+import { EntityBaseConfigCard, ConfigurationSchemaSection, SupportedEntityType } from '@kong-ui-public/entities-shared'
 import endpoints from '../consumers-endpoints'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
@@ -80,6 +82,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const { i18n: { t }, i18nT } = composables.useI18n()

packages/entities/entities-consumers/src/components/ConsumerForm.vue

@@ -4,6 +4,8 @@
       :can-submit="isFormValid && changesExist"
       :config="config"
       :edit-id="consumerId"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.Consumer"
       :error-message="state.errorMessage"
       :fetch-url="fetchUrl"
       :form-fields="payload"
@@ -104,7 +106,14 @@
 </template>
 
 <script lang="ts" setup>
-import { useAxios, useErrors, EntityFormSection, EntityBaseForm, EntityBaseFormType } from '@kong-ui-public/entities-shared'
+import {
+  useAxios,
+  useErrors,
+  EntityFormSection,
+  EntityBaseForm,
+  EntityBaseFormType,
+  SupportedEntityType,
+} from '@kong-ui-public/entities-shared'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
 import type { PropType } from 'vue'
@@ -140,6 +149,14 @@ const props = defineProps({
     required: false,
     default: '',
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const emit = defineEmits<{

packages/entities/entities-gateway-services/src/components/GatewayServiceConfigCard.vue

@@ -4,6 +4,8 @@
       :config="config"
       :config-card-doc="configCardDoc"
       :config-schema="configSchema"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.GatewayService"
       :fetch-url="fetchUrl"
       :hide-title="hideTitle"
       @fetch:error="(err: any) => $emit('fetch:error', err)"
@@ -69,7 +71,13 @@ import type { PropType } from 'vue'
 import { computed, ref } from 'vue'
 import type { AxiosError } from 'axios'
 import type { KongManagerGatewayServiceEntityConfig, KonnectGatewayServiceEntityConfig, GatewayServiceConfigurationSchema } from '../types'
-import { EntityBaseConfigCard, ConfigurationSchemaSection, ConfigurationSchemaType, useHelpers } from '@kong-ui-public/entities-shared'
+import {
+  EntityBaseConfigCard,
+  ConfigurationSchemaSection,
+  ConfigurationSchemaType,
+  SupportedEntityType,
+  useHelpers,
+} from '@kong-ui-public/entities-shared'
 import endpoints from '../gateway-services-endpoints'
 import composables from '../composables'
 import '@kong-ui-public/entities-shared/dist/style.css'
@@ -109,6 +117,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const { i18n: { t }, i18nT } = composables.useI18n()

packages/entities/entities-gateway-services/src/components/GatewayServiceForm.vue

@@ -4,6 +4,8 @@
       :can-submit="canSubmit"
       :config="config"
       :edit-id="gatewayServiceId"
+      :enable-terraform="enableTerraform"
+      :entity-type="SupportedEntityType.GatewayService"
       :error-message="form.errorMessage"
       :fetch-url="fetchUrl"
       :form-fields="getPayload"
@@ -358,10 +360,11 @@ import {
   useAxios,
   useErrors,
   useGatewayFeatureSupported,
+  useValidators,
   EntityFormSection,
   EntityBaseForm,
   EntityBaseFormType,
-  useValidators,
+  SupportedEntityType,
 } from '@kong-ui-public/entities-shared'
 import '@kong-ui-public/entities-shared/dist/style.css'
 
@@ -400,6 +403,14 @@ const props = defineProps({
     required: false,
     default: false,
   },
+  /**
+   * Enable display of Terraform code
+   * Guarded by FF: khcp-12445-terraform-config-details
+   */
+  enableTerraform: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 const isCollapsed = ref(true)