bfg-common 1.5.118 → 1.5.119

package/components/common/wizards/datastore/add/Old.vue

@@ -0,0 +1,125 @@
+<template>
+  <div class="new-datastore">
+    <atoms-wizard
+      show
+      :wizard="props.wizard"
+      :selected-scheme="props.selectedScheme"
+      :title="props.title"
+      :localization="localization"
+      class="add-datastore"
+      test-id="add-datastore-wizard"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @submit="onCreateDatastore"
+    >
+      <template #modalBody="{ selectedStep }">
+        <common-wizards-datastore-add-steps-type-mode
+          v-if="selectedStep.id === dynamicSteps.type"
+          v-model="formModelLocal.type_code"
+        />
+
+        <common-wizards-datastore-add-steps-name-and-device
+          v-if="selectedStep.id === dynamicSteps.nameAndDevice"
+          v-model="formModelLocal"
+          :project="props.project"
+          :alert-messages="props.alertMessages[dynamicSteps.nameAndDevice]"
+          :messages-fields="selectedStep.fields"
+          :hosts="props.nfsHosts"
+          :host-id="props.hostId"
+          :is-main-filter="props.isMainFilter"
+          @hide-alert="(e) => emits('hide-alert', e)"
+          @main-filter="(e) => emits('main-filter', e)"
+        />
+
+        <common-wizards-datastore-add-steps-name-and-configure
+          v-if="selectedStep.id === dynamicSteps.nameAndConfigure"
+          v-model="formModelLocal"
+          :project="props.project"
+          :alert-messages="props.alertMessages[dynamicSteps.nameAndConfigure]"
+          :messages-fields="selectedStep.fields"
+          @hide-alert="(e) => emits('hide-alert', e)"
+        />
+
+        <common-wizards-datastore-add-steps-host-accessibility
+          v-if="selectedStep.id === dynamicSteps.hostAccessibility"
+          v-model="formModelLocal.hosts"
+          :alert-messages="props.alertMessages[dynamicSteps.hostAccessibility]"
+          :hosts="props.nfsHosts"
+          @hide-alert="(e) => emits('hide-alert', e)"
+        />
+
+        <common-wizards-datastore-add-steps-ready-complete
+          v-if="selectedStep.id === dynamicSteps.readyComplete"
+          :form="formModelLocal"
+          :hosts="props.nfsHosts"
+          :host-id="props.hostId"
+          :project="props.project"
+        />
+      </template>
+    </atoms-wizard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+import type { UI_I_CompatibleHosts } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { dynamicSteps } from '~/components/common/wizards/datastore/add/lib/config/steps'
+
+const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const props = defineProps<{
+  project: UI_T_Project
+  wizard: Wizard
+  selectedScheme: number[]
+  alertMessages: string[][]
+  title: string
+  nfsHosts?: UI_I_CompatibleHosts
+  hostId?: string
+  isMainFilter?: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'change-steps', value: UI_I_WizardStep[]): void
+  (event: 'hide-alert', value: number): void
+  (event: 'hide'): void
+  (event: 'submit'): void
+  (event: 'main-filter', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
+  emits('change-steps', value)
+
+const onHideAlert = (stepId: number): void => {
+  emits('hide-alert', stepId)
+}
+const onHideModal = (): void => emits('hide')
+const onCreateDatastore = (): void => emits('submit')
+</script>
+
+<style scoped lang="scss">
+@import 'assets/scss/common/mixins.scss';
+.new-datastore {
+  &__body {
+    @include flex($dir: column);
+    height: 100%;
+    padding-left: 24px;
+  }
+}
+
+.finish-block {
+  padding: 18px 24px 24px 24px;
+
+  .add-hosts-ready-to-complete-mt-12 {
+    margin-top: 12px;
+
+    .add-hosts-ready-to-complete-bold {
+      line-height: 18px;
+      font-weight: 700;
+    }
+  }
+}
+</style>

package/components/common/wizards/datastore/add/lib/config/createDatastore.ts

@@ -0,0 +1,16 @@
+import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+
+export const datastoreDefaultFormFunc = (
+  hostId?: string
+): UI_I_CreateDatastoreForm => {
+  return {
+    name: 'Datastore',
+    dev_names: [],
+    hosts: hostId ? [hostId] : [],
+    type_code: 2,
+    version: 4.1,
+    readonly: false,
+    server: '',
+    folder: '',
+  }
+}

package/components/common/wizards/datastore/add/lib/config/steps.ts

@@ -1,138 +1,174 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const stepsFunc = (
-  localization: UI_I_Localization
-): UI_I_WizardStep[] => [
-  {
-    id: 0,
-    title: localization.common.type,
-    status: UI_E_WIZARD_STATUS.SELECTED,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-select-type',
-  },
-
-  {
-    id: 1,
-    title: localization.common.selectDatastoreName,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'select-datastore-name',
-  },
-  {
-    id: 2,
-    title: localization.common.nameAndDeviceSelection,
-    subTitle: localization.common.nameAndDeviceSelectionDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-      lunDisk: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-device-selection',
-  },
-
-  {
-    id: 3,
-    title: localization.common.partitionConfiguration,
-    subTitle: localization.common.partitionConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-partition-configuration',
-  },
-
-  // {
-  //   id: 4,
-  //   title: localization.common.nfsVersion,
-  //   subTitle: localization.common.selectNfsVersion,
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'create-datastore-select-nfs-version',
-  // },
-  {
-    id: 4,
-    title: localization.common.nameAndConfiguration,
-    subTitle: localization.common.nameAndConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      name: {
-        alert: '',
-        field: '',
-      },
-      folder: {
-        alert: '',
-        field: '',
-      },
-      server: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-configuration',
-  },
-
-  {
-    id: 5,
-    title: localization.common.hostsAccessibility,
-    subTitle: localization.common.hostsAccessibilityDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      hostsAccessibility: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-hosts-accessibility',
-  },
-
-  // { // TODO Пока что не будет чут попоже
-  //   id: 7,
-  //   title: localization.kerberosAuthentication,
-  //   subTitle: localization.kerberosAuthenticationDesc.replace(
-  //     '{0}',
-  //     'version'?.toUpperCase() || ''
-  //   ),
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'select-kerberos-authentication',
-  // },
-  {
-    id: 11,
-    title: localization.common.readyComplete,
-    subTitle: localization.common.readyCompleteDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-ready-complete',
-    // testId: 'create-datastore-storm-ready-complete',
-    // testId: 'create-datastore-nfs-ready-complete',
-    // testId: 'create-datastore-local-ready-complete',
-  },
-]
-
-export const stepsSchemeInitial: number[][] = [
-  [0, 1, 11], // Procurator Scheme for "local" type
-  [0, 2, 11], // Procurator Scheme for "shared-storm" type
-  [0, 4, 11], // Procurator Scheme for "nfs" type
-  [0, 2, 11], // Sphere Scheme for "shared-storm" type
-  [0, 4, 5, 11], // Sphere Scheme for "nfs" type
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+import type { UI_I_ChangeStepsSchemes } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+import type { UI_T_DatastoreTypeCode } from '~/components/common/wizards/datastore/add/lib/models/types'
+export const dynamicSteps = {
+  type: 0,
+  nameAndDevice: 1,
+  nameAndConfigure: 2,
+  hostAccessibility: 3,
+  readyComplete: 4,
+}
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: dynamicSteps.type,
+    title: localization.common.type,
+    subTitle: localization.common.specifyDatastoreType,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-select-type',
+  },
+
+  // {
+  //   // TODO Этот шаг использовался раньше, сейчас не используется
+  //   id: dynamicSteps.local,
+  //   title: localization.common.selectDatastoreName,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {
+  //     datastoreName: {
+  //       alert: '',
+  //       field: '',
+  //     },
+  //   },
+  //   isValid: true,
+  //   testId: 'select-datastore-name',
+  // },
+  {
+    id: dynamicSteps.nameAndDevice,
+    title: localization.common.nameAndDeviceSelection,
+    subTitle: localization.common.nameAndDeviceSelectionDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+      lunDisk: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-device-selection',
+  },
+
+  // { // TODO Этот шаг использовался раньше, сейчас не используется
+  //   id: dynamicSteps.partitionConfiguration,
+  //   title: localization.common.partitionConfiguration,
+  //   subTitle: localization.common.partitionConfigurationDesc,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'create-datastore-partition-configuration',
+  // },
+
+  // {
+  // // TODO Этот шаг использовался раньше, сейчас не используется
+  //   id: dynamicSteps.nfsVersion,
+  //   title: localization.common.nfsVersion,
+  //   subTitle: localization.common.selectNfsVersion,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'create-datastore-select-nfs-version',
+  // },
+  {
+    id: dynamicSteps.nameAndConfigure,
+    title: localization.common.nameAndConfiguration,
+    subTitle: localization.common.nameAndConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+      folder: {
+        alert: '',
+        field: '',
+      },
+      server: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-configuration',
+  },
+
+  {
+    id: dynamicSteps.hostAccessibility,
+    title: localization.common.hostsAccessibility,
+    subTitle: localization.common.hostsAccessibilityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      hostsAccessibility: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-hosts-accessibility',
+  },
+
+  // { // TODO Пока что не будет чут попоже
+  //   id: 7,
+  //   title: localization.kerberosAuthentication,
+  //   subTitle: localization.kerberosAuthenticationDesc.replace(
+  //     '{0}',
+  //     'version'?.toUpperCase() || ''
+  //   ),
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'select-kerberos-authentication',
+  // },
+  {
+    id: dynamicSteps.readyComplete,
+    title: localization.common.readyComplete,
+    subTitle: localization.common.readyCompleteDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [dynamicSteps.type, dynamicSteps.nameAndDevice, dynamicSteps.readyComplete], // Procurator Scheme for "shared-storm" type
+  [
+    dynamicSteps.type,
+    dynamicSteps.nameAndConfigure,
+    dynamicSteps.readyComplete,
+  ], // Procurator Scheme for "nfs" type
+  [dynamicSteps.type, dynamicSteps.nameAndDevice, dynamicSteps.readyComplete], // Sphere Scheme for "shared-storm" type
+  [
+    dynamicSteps.type,
+    dynamicSteps.nameAndConfigure,
+    dynamicSteps.hostAccessibility,
+    dynamicSteps.readyComplete,
+  ], // Sphere Scheme for "nfs" type (not used from <host Context Menu>)
+]
+
+export const getStepScheme = (
+  project: UI_T_Project,
+  typeCode: UI_T_DatastoreTypeCode,
+  hostId?: string
+): number | undefined => {
+  const schemes: UI_I_ChangeStepsSchemes = {
+    procurator: {
+      '2': 0,
+      '4': 1,
+    },
+    sphere: {
+      '2': 2,
+      '4': !hostId ? 3 : 1,
+    },
+  }
+
+  return schemes[project]?.[typeCode]
+}

package/components/common/wizards/datastore/add/lib/models/interfaces.ts

@@ -1,11 +1,14 @@
-import type { UI_T_NfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
-import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
-import type { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import type {
+  UI_T_NfsType,
+  UI_T_DatastoreTypeCode,
+} from '~/components/common/wizards/datastore/add/lib/models/types'
+import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
+
 export interface UI_I_CreateDatastoreForm {
   name: string
-  lunDisk: UI_I_CreateStorageLunDiskItem[]
-  nfsVersion: UI_T_NfsType
-  type_code: 1 | 2 | 4
+  dev_names: UI_I_CreateStorageLunDiskItem[]
+  version: UI_T_NfsType
+  type_code: UI_T_DatastoreTypeCode
   readonly: boolean
   server: string
   folder: string
@@ -14,6 +17,6 @@ export interface UI_I_CreateDatastoreForm {
 
 export interface UI_I_ChangeStepsSchemes {
   [key: string]: {
-    [key in UI_T_DatastoreType]?: number
+    [key in UI_T_DatastoreTypeCode]?: number
   }
 }

package/components/common/wizards/datastore/add/lib/models/types.ts

@@ -1,7 +1,7 @@
-export type UI_T_DatastoreType = 'local' | 'shared-storm' | 'nfs'
-export type UI_T_NfsType = 'nfs-3' | 'nfs-4.1'
-export type UI_T_VmfsType = 'vmfs-6' | 'vmfs-5'
+export type UI_T_DatastoreTypeCode = 2 | 4
+export type UI_T_NfsType = 4.1 | 3.0
+export type UI_T_VmfsType = 'vmfs-6' | 'vmfs-5' // сейчас этот тип не используется
 export type UI_T_KerberosAuthentication =
   | 'dont-use'
   | 'use-only-krb5'
-  | 'use-integrity'
+  | 'use-integrity' // сейчас этот тип не используется

package/components/common/wizards/datastore/add/lib/validations.ts

@@ -8,7 +8,7 @@ import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import { checkValidityName } from '~/components/common/wizards/datastore/add/lib/utils'
-
+import { dynamicSteps } from '~/components/common/wizards/datastore/add/lib/config/steps'
 const checkName = async (
   form: UI_I_CreateDatastoreForm,
   localization: UI_I_Localization,
@@ -17,9 +17,9 @@ const checkName = async (
 ): Promise<UI_I_AsyncCheckReturn> => {
   const typeCode = form.type_code
 
-  let help: boolean = form.type_code === 1
+  let help: boolean = false
   if (typeCode === 2) {
-    help = !!form.lunDisk.length
+    help = !!form.dev_names.length
   }
   if (typeCode === 4) {
     help = !!form.folder && !!form.server
@@ -72,7 +72,7 @@ export const checkDatastoreNameAsync = async (
 }
 export const checkSelectedLunDiskSync = (
   localization: UI_I_Localization,
-  { lunDisk, name, hosts }: UI_I_CreateDatastoreForm,
+  { dev_names, name, hosts }: UI_I_CreateDatastoreForm,
   wizard: Wizard,
   value: UI_I_WizardStep[],
   project: UI_T_Project,
@@ -80,17 +80,17 @@ export const checkSelectedLunDiskSync = (
 ): UI_I_ValidationReturn => {
   let stepHasError = false
 
-  if (!lunDisk.length && name) {
+  if (!dev_names.length && name) {
     const isErrorTextForSphere =
       project === 'sphere' && !hostId && !hosts.length
-    stepHasError = wizard.setValidation(2, 'lunDisk', {
+    stepHasError = wizard.setValidation(dynamicSteps.nameAndDevice, 'lunDisk', {
       fieldMessage: '',
       alertMessage: isErrorTextForSphere
         ? localization.common.selectHostToContinueAlert
         : localization.common.selectDiskToContinueAlert,
     })
-  } else if (wizard.hasMessage(2, 'lunDisk')) {
-    value = wizard.removeValidation(2, 'lunDisk', value)
+  } else if (wizard.hasMessage(dynamicSteps.nameAndDevice, 'lunDisk')) {
+    value = wizard.removeValidation(dynamicSteps.nameAndDevice, 'lunDisk', value)
   }
 
   return {
@@ -108,12 +108,20 @@ export const checkNfsFolderSync = (
   let stepHasError = false
 
   if (!name) {
-    stepHasError = wizard.setValidation(4, 'folder', {
-      fieldMessage: localization.common.specifyFolderName,
-      alertMessage: '',
-    })
-  } else if (wizard.hasMessage(4, 'folder')) {
-    value = wizard.removeValidation(4, 'folder', value)
+    stepHasError = wizard.setValidation(
+      dynamicSteps.nameAndConfigure,
+      'folder',
+      {
+        fieldMessage: localization.common.specifyFolderName,
+        alertMessage: '',
+      }
+    )
+  } else if (wizard.hasMessage(dynamicSteps.nameAndConfigure, 'folder')) {
+    value = wizard.removeValidation(
+      dynamicSteps.nameAndConfigure,
+      'folder',
+      value
+    )
   }
 
   return {
@@ -131,12 +139,20 @@ export const checkNfsServerSync = (
   let stepHasError = false
 
   if (!name) {
-    stepHasError = wizard.setValidation(4, 'server', {
-      fieldMessage: localization.common.specifyServerName,
-      alertMessage: '',
-    })
-  } else if (wizard.hasMessage(4, 'server')) {
-    value = wizard.removeValidation(4, 'server', value)
+    stepHasError = wizard.setValidation(
+      dynamicSteps.nameAndConfigure,
+      'server',
+      {
+        fieldMessage: localization.common.specifyServerName,
+        alertMessage: '',
+      }
+    )
+  } else if (wizard.hasMessage(dynamicSteps.nameAndConfigure, 'server')) {
+    value = wizard.removeValidation(
+      dynamicSteps.nameAndConfigure,
+      'server',
+      value
+    )
   }
 
   return {
@@ -147,19 +163,19 @@ export const checkNfsServerSync = (
 
 export const checkHostsAccessibilitySync = (
   localization: UI_I_Localization,
-  hosts: any,
+  hosts: string[],
   wizard: Wizard,
   value: UI_I_WizardStep[]
 ): UI_I_ValidationReturn => {
   let stepHasError = false
 
   if (!hosts.length) {
-    stepHasError = wizard.setValidation(5, 'hostsAccessibility', {
+    stepHasError = wizard.setValidation(dynamicSteps.hostAccessibility, 'hostsAccessibility', {
       fieldMessage: '',
       alertMessage: localization.common.selectLeastEntityContinue,
     })
-  } else if (wizard.hasMessage(5, 'hostsAccessibility')) {
-    value = wizard.removeValidation(5, 'hostsAccessibility', value)
+  } else if (wizard.hasMessage(dynamicSteps.hostAccessibility, 'hostsAccessibility')) {
+    value = wizard.removeValidation(dynamicSteps.hostAccessibility, 'hostsAccessibility', value)
   }
 
   return {

package/components/common/wizards/datastore/add/{nfs → steps}/_kerberosAuthentication/KerberosAuthentication.vue

@@ -1,4 +1,5 @@
 <template>
+  <!--  TODO: если использовать этот компонент, нужно отрефакторить весь код — сейчас всё по-старому  -->
   <div class="kerberos-auth">
     <atoms-alert
       v-show="isShowAlert"

package/components/common/wizards/datastore/add/{local → steps/_local}/Local.vue

@@ -1,6 +1,7 @@
 <template>
+  <!--  TODO: если использовать этот компонент, нужно отрефакторить весь код — сейчас всё по-старому  -->
   <div class="local-step">
-    <common-wizards-datastore-add-local-create-name
+    <common-wizards-datastore-add-steps-local-create-name
       v-if="isShowCreateLocalNameBlock"
       v-model="model.name"
       :alert-messages="props.alertMessages"
@@ -13,14 +14,14 @@
 <script lang="ts" setup>
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
-import type { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import type { UI_T_DatastoreTypeCode } from '~/components/common/wizards/datastore/add/lib/models/types'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 
 const props = defineProps<{
   project: UI_T_Project
   stepId: number
-  datastoreType: UI_T_DatastoreType
+  datastoreType: UI_T_DatastoreTypeCode
   alertMessages: string[]
   messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
 }>()