bfg-common 1.5.67 → 1.5.69

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

@@ -36,15 +36,13 @@ import {
   stepsFunc,
   stepsSchemeInitial,
 } from '~/components/common/wizards/datastore/add/lib/config/steps'
-
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-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_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
 import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
 import type { UI_I_ChangeStepsSchemes } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-import { E_DatastoreTypeKode } from '~/components/common/wizards/datastore/add/lib/models/enums'
 import { constructDataReadyViewFunc } from '~/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails'
 import * as validation from '~/components/common/wizards/datastore/add/lib/validations'
 
@@ -75,15 +73,15 @@ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
 const title = computed<string>(() => localization.value.common.addHost)
 
-// const datastoreType = ref<UI_T_DatastoreType>(
+// const datastoreType = ref<UI_T_DatastoreTypeCode>(
 //   props.project === 'procurator' ? 'local' : 'shared-storm'
 // )
-const datastoreType = ref<UI_T_DatastoreType>('shared-storm')
+const datastoreType = ref<UI_T_DatastoreTypeCode>(2)
 const form = ref<UI_I_CreateDatastoreForm>({
   name: 'Datastore',
   lunDisk: [],
   hosts: props.hostId ? [props?.hostId] : [],
-  type_code: E_DatastoreTypeKode[datastoreType.value],
+  type_code: 2,
   nfsVersion: 'nfs-4.1',
   readonly: false,
   server: '',
@@ -199,16 +197,15 @@ const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
 // Choosing Scheme
 watch(
   datastoreType,
-  (newValue: UI_T_DatastoreType) => {
+  (newValue: UI_T_DatastoreTypeCode) => {
     const schemes: UI_I_ChangeStepsSchemes = {
       procurator: {
-        local: 0,
-        'shared-storm': 1,
-        nfs: 2,
+        '2': 0,
+        '4': 1,
       },
       sphere: {
-        'shared-storm': 3,
-        nfs: !props.hostId ? 4 : 2,
+        '2': 2,
+        '4': !props.hostId ? 3 : 1,
       },
     }
 

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

@@ -13,7 +13,7 @@
   >
     <template #content="{ selectedStep, isLoading }">
       <ui-wizard-block
-        v-if="selectedStep.id === dynamicSteps.nameAndLocation"
+        v-if="selectedStep.id === dynamicSteps.type"
         :sub-title-height="height0"
       >
         <template #subTitle>
@@ -24,11 +24,9 @@
           </div>
         </template>
         <template #content>
-          <common-wizards-datastore-add-types
-            v-if="selectedStep.id === 0"
-            v-model="form"
-            v-model:datastore-type="datastoreType"
-            :project="props.project"
+          <common-wizards-datastore-add-steps-type-mode
+            v-if="selectedStep.id === dynamicSteps.type"
+            v-model="formModelLocal.type_code"
           />
         </template>
       </ui-wizard-block>
@@ -179,13 +177,15 @@ import type {
 import type Wizard from '~/node_modules/bfg-uikit/components/ui/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_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_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
 import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
 import { E_DatastoreTypeKode } from '~/components/common/wizards/datastore/add/lib/models/enums'
 import { constructDataReadyViewFunc } from '~/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails'
+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
@@ -233,10 +233,10 @@ const { height: height3 } = useElementSize(subTitleBlock3)
 const subTitleBlock4 = ref<HTMLElement | null>(null)
 const { height: height4 } = useElementSize(subTitleBlock4)
 
-// const datastoreType = ref<UI_T_DatastoreType>(
+// const datastoreType = ref<UI_T_DatastoreTypeCode>(
 //   props.project === 'procurator' ? 'local' : 'shared-storm'
 // )
-const datastoreType = ref<UI_T_DatastoreType>('shared-storm')
+const datastoreType = ref<UI_T_DatastoreTypeCode>('shared-storm')
 const form = ref<UI_I_CreateDatastoreForm>({
   name: 'Datastore',
   lunDisk: [],

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

@@ -13,22 +13,9 @@
       @submit="onFinish"
     >
       <template #modalBody="{ selectedStep }">
-        <common-wizards-datastore-add-types
-          v-if="selectedStep.id === 0"
-          v-model="form"
-          v-model:datastore-type="datastoreType"
-          :project="props.project"
-        />
-
-        <common-wizards-datastore-add-local
-          v-if="selectedStep.id === 1"
-          v-model="form"
-          :project="props.project"
-          :step-id="selectedStep.id"
-          :datastore-type="datastoreType"
-          :alert-messages="alertMessages[1]"
-          :messages-fields="selectedStep.fields"
-          @hide-alert="onHideAlert"
+        <common-wizards-datastore-add-steps-type-mode
+          v-if="selectedStep.id === dynamicSteps.type"
+          v-model="formModelLocal.type_code"
         />
 
         <common-wizards-datastore-add-shared-storm
@@ -70,13 +57,15 @@ import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/inter
 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_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_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
 import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
 import { E_DatastoreTypeKode } from '~/components/common/wizards/datastore/add/lib/models/enums'
 import { constructDataReadyViewFunc } from '~/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails'
+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
@@ -97,10 +86,10 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-// const datastoreType = ref<UI_T_DatastoreType>(
+// const datastoreType = ref<UI_T_DatastoreTypeCode>(
 //   props.project === 'procurator' ? 'local' : 'shared-storm'
 // )
-const datastoreType = ref<UI_T_DatastoreType>('shared-storm')
+const datastoreType = ref<UI_T_DatastoreTypeCode>('shared-storm')
 const form = ref<UI_I_CreateDatastoreForm>({
   name: 'Datastore',
   lunDisk: [],

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

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

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

@@ -2,11 +2,20 @@ 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 dynamicSteps = {
+  type: 0,
+  connectionSettings: 1,
+  hostSummary: 2,
+  assignLicense: 3,
+  lockdownMode: 4,
+  vmLocation: 5,
+  readyComplete: 6,
+}
 export const stepsFunc = (
   localization: UI_I_Localization
 ): UI_I_WizardStep[] => [
   {
-    id: 0,
+    id: dynamicSteps.type,
     title: localization.common.type,
     status: UI_E_WIZARD_STATUS.SELECTED,
     fields: {},
@@ -14,19 +23,20 @@ export const stepsFunc = (
     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',
-  },
+  // {
+  //   // 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: 2,
     title: localization.common.nameAndDeviceSelection,
@@ -130,9 +140,8 @@ export const stepsFunc = (
 ]
 
 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
+  [dynamicSteps.type, 2, 11], // Procurator Scheme for "shared-storm" type
+  [dynamicSteps.type, 4, 11], // Procurator Scheme for "nfs" type
+  [dynamicSteps.type, 2, 11], // Sphere Scheme for "shared-storm" type
+  [dynamicSteps.type, 4, 5, 11], // Sphere Scheme for "nfs" type
 ]

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

@@ -1,6 +1,6 @@
 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_DatastoreTypeCode } from '~/components/common/wizards/datastore/add/lib/models/types'
 export interface UI_I_CreateDatastoreForm {
   name: string
   lunDisk: UI_I_CreateStorageLunDiskItem[]
@@ -14,6 +14,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,4 +1,4 @@
-export type UI_T_DatastoreType = 'local' | 'shared-storm' | 'nfs'
+export type UI_T_DatastoreTypeCode = 2 | 4
 export type UI_T_NfsType = 'nfs-3' | 'nfs-4.1'
 export type UI_T_VmfsType = 'vmfs-6' | 'vmfs-5'
 export type UI_T_KerberosAuthentication =

package/components/common/wizards/datastore/add/sharedStorm/SharedStorm.vue

@@ -31,7 +31,7 @@ import type {
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type {
-  UI_T_DatastoreType,
+  UI_T_DatastoreTypeCode,
   UI_T_VmfsType,
 } 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'
@@ -41,7 +41,7 @@ import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datas
 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>
   hosts?: UI_I_CreateDatastoreHosts

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue

@@ -110,7 +110,7 @@ import type {
 } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/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 { hostsOptionsFunc } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/config/selectOptions'
 import { validateNameAndGenerateDataId } from '~/components/common/wizards/datastore/add/lib/utils'
 
@@ -119,7 +119,7 @@ const props = defineProps<{
   stepId: number
   alertMessages: string[]
   messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  datastoreType: UI_T_DatastoreType
+  datastoreType: UI_T_DatastoreTypeCode
   hosts?: UI_I_CreateDatastoreHosts | undefined
   isMainFilter?: boolean
   hostId?: string

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

@@ -13,14 +13,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>
 }>()

package/components/common/wizards/datastore/add/steps/typeMode/TypeMode.vue

@@ -0,0 +1,35 @@
+<template>
+  <common-wizards-datastore-add-steps-type-mode-new
+    v-if="isNewView"
+    v-model="formDatastoreTypeMode"
+    :options="datastoreTypeOptions"
+  />
+
+  <common-wizards-datastore-add-steps-type-mode-old
+    v-else
+    v-model="formDatastoreTypeMode"
+    :options="datastoreTypeOptions"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/lib/config/typeOptions'
+
+const formDatastoreTypeMode = defineModel<number>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const datastoreTypeOptions = ref<UI_I_RadioOption[]>(
+  datastoreTypesFunc(localization.value)
+)
+// const onChangeType = (): void => {
+//   model.value.name = 'Datastore' // default value is  'Datastore' every time
+// }
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/datastore/add/steps/typeMode/TypeModeNew.vue

@@ -0,0 +1,90 @@
+<template>
+  <section class="datastore-type">
+    <div class="datastore-type__radio-container">
+      <ui-radio
+        v-for="(option, key) in props.options"
+        :key="key"
+        v-model="datastoreTypeModeLocal"
+        :label="option.label"
+        :test-id="option.testId"
+        :value="option.value"
+        size="md"
+      >
+        <template #description>
+          <span class="lockdown-mode__radio-description">
+            {{ option.description }}
+          </span>
+        </template>
+      </ui-radio>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
+const datastoreTypeModeLocal = defineModel<number>({ required: true })
+const props = defineProps<{
+  options: UI_I_RadioOption[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style>
+:root {
+  --radio-btn-active-label-bg-color: #f0f8fd;
+  --radio-btn-active-label-border-color: #008fd6;
+}
+:root.dark-theme {
+  --radio-btn-active-label-bg-color: #2ba2de14;
+  --radio-btn-active-label-border-color: #2ba2de;
+}
+</style>
+<style lang="scss" scoped>
+.datastore-type {
+  container-type: inline-size;
+  margin-top: 16px;
+
+  &__radio {
+    &-container {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      gap: 12px;
+    }
+    &-description {
+      color: #9da6ad;
+    }
+  }
+  :deep(input[type='radio']) {
+    & ~ .radio-label {
+      width: 100%;
+      height: 100%;
+      background-color: var(--select-bg);
+      border: 1px solid var(--line-color);
+      border-radius: 8px;
+      padding: 12px;
+    }
+
+    &:not(:checked) {
+      & ~ .radio-label:hover {
+        border-color: var(--select-border);
+      }
+    }
+
+    &:checked {
+      & ~ .radio-label {
+        background-color: var(--radio-btn-active-label-bg-color);
+        border-color: var(--radio-btn-active-label-border-color);
+      }
+    }
+  }
+}
+
+@container (max-width:600px) {
+  .lockdown-mode__radio-container {
+    grid-template-columns: 1fr;
+  }
+}
+</style>

package/components/common/wizards/datastore/add/steps/typeMode/TypeModeOld.vue

@@ -0,0 +1,71 @@
+<template>
+  <section class="datastore-types">
+    <div class="header-row">
+      <span class="datastore-types__subtitle">
+        {{ localization.common.specifyDatastoreType }}
+      </span>
+      <div id="type-select-help-icon" class="signpost-container relative">
+        <atoms-the-icon
+          data-id="toggle-type-select-help-icon"
+          fill="#0072a3"
+          width="24px"
+          height="24px"
+          name="info-circle"
+          @click="isShowTypeHelp = !isShowTypeHelp"
+        />
+        <atoms-tooltip-signpost
+          v-if="isShowTypeHelp"
+          elem-id="type-select-help-icon"
+          test-id="select-datastore-type"
+          @hide="isShowTypeHelp = false"
+        >
+          <p class="help-desc">
+            {{ localization.common.datastoreTypeHelpDesc }}
+          </p>
+        </atoms-tooltip-signpost>
+      </div>
+    </div>
+
+    <common-select-radio-group
+      v-model="datastoreTypeModeLocal"
+      :options="props.options"
+      @change="onChangeType"
+    />
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
+const datastoreTypeModeLocal = defineModel<number>({ required: true })
+const props = defineProps<{
+  options: UI_I_RadioOption[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeType = (): void => {
+  // model.value.name = 'Datastore' // default value is  'Datastore' every time
+}
+
+const isShowTypeHelp = ref<boolean>(false)
+</script>
+
+<style lang="scss" scoped>
+.datastore-types {
+  .signpost-container {
+    display: flex;
+    cursor: pointer;
+
+    .help-desc-container {
+      max-width: 350px;
+    }
+  }
+  .header-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
+</style>

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

@@ -0,0 +1,41 @@
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_T_Project } from '~/lib/models/types'
+import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
+export const datastoreTypesFunc = (
+  localization: UI_I_Localization,
+  _project?: UI_T_Project
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: localization.common.stormSharedStorage,
+      value: 2,
+      disabled: false,
+      description: localization.common.sharedStormDesc,
+      isTooltip: false,
+      tooltipContent: localization.common.stormSharedStorageHelpDesc,
+      testId: 'datastore-type-shared-storm',
+    },
+    {
+      label: localization.common.nfs,
+      value: 4,
+      disabled: false,
+      description: localization.common.nfsDesc,
+      isTooltip: false,
+      tooltipContent: localization.common.nfsHelpDesc,
+      testId: 'datastore-type-nfs',
+    },
+  ]
+
+  // if (project === 'procurator') {
+  //   types.unshift({
+  //     label: localization.common.localStorage,
+  //     value: 1,
+  //     disabled: false,
+  //     description: localization.common.localDesc,
+  //     isTooltip: false,
+  //     tooltipContent: localization.common.localStorageHelpDesc,
+  //     testId: 'datastore-type-local',
+  //   })
+  // }
+}

package/components/common/wizards/datastore/add/types/Types.vue

@@ -38,7 +38,7 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_RadioOption } from '~/components/common/select/radio/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_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import { E_DatastoreTypeKode } from '~/components/common/wizards/datastore/add/lib/models/enums'
 import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/lib/config/typeOptions'
@@ -47,7 +47,7 @@ const props = defineProps<{
   project: UI_T_Project
 }>()
 const selectedDatastoreTypeLocal =
-  defineModel<UI_T_DatastoreType>('datastoreType')
+  defineModel<UI_T_DatastoreTypeCode>('datastoreType')
 const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.67",
+  "version": "1.5.69",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",