bfg-common 1.4.47 → 1.4.49

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

@@ -16,7 +16,7 @@ export const stepsFunc = (
 
   {
     id: 1,
-    title: localization.selectDatastoreName,
+    title: localization.common.selectDatastoreName,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       datastoreName: {
@@ -29,8 +29,8 @@ export const stepsFunc = (
   },
   {
     id: 2,
-    title: localization.nameAndDeviceSelection,
-    subTitle: localization.nameAndDeviceSelectionDesc,
+    title: localization.common.nameAndDeviceSelection,
+    subTitle: localization.common.nameAndDeviceSelectionDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       datastoreName: {
@@ -48,8 +48,8 @@ export const stepsFunc = (
 
   {
     id: 3,
-    title: localization.partitionConfiguration,
-    subTitle: localization.partitionConfigurationDesc,
+    title: localization.common.partitionConfiguration,
+    subTitle: localization.common.partitionConfigurationDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {},
     isValid: true,
@@ -58,8 +58,8 @@ export const stepsFunc = (
 
   {
     id: 4,
-    title: localization.nfsVersion,
-    subTitle: localization.selectNfsVersion,
+    title: localization.common.nfsVersion,
+    subTitle: localization.common.selectNfsVersion,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {},
     isValid: true,
@@ -67,8 +67,8 @@ export const stepsFunc = (
   },
   {
     id: 5,
-    title: localization.nameAndConfiguration,
-    subTitle: localization.nameAndConfigurationDesc,
+    title: localization.common.nameAndConfiguration,
+    subTitle: localization.common.nameAndConfigurationDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       name: {
@@ -90,8 +90,8 @@ export const stepsFunc = (
 
   {
     id: 6,
-    title: localization.hostsAccessibility,
-    subTitle: localization.hostsAccessibilityDesc,
+    title: localization.common.hostsAccessibility,
+    subTitle: localization.common.hostsAccessibilityDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       hostsAccessibility: {
@@ -117,8 +117,8 @@ export const stepsFunc = (
   // },
   {
     id: 11,
-    title: localization.readyComplete,
-    subTitle: localization.readyCompleteDesc,
+    title: localization.common.readyComplete,
+    subTitle: localization.common.readyCompleteDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {},
     isValid: true,

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

@@ -4,7 +4,7 @@ export interface UI_I_CreateDatastoreForm {
   name: string
   lunDisk: UI_I_CreateStorageLunDiskItem[]
   nfsVersion: UI_T_NfsType
-  type_code: 1 | 2 | 4
+  type_code: 2 | 4
   readonly: boolean
   server: string
   folder: string

package/components/common/wizards/datastoreNew/add/lib/utils.ts

@@ -6,7 +6,7 @@ export const checkValidityName = async (
   name: string,
   wizard: Wizard,
   project: UI_T_Project,
-  sendMessage: (message: string) => void,
+  sendMessage: (message: string) => void
 ): Promise<void> => {
   // TODO move to projects!!!
 
@@ -29,3 +29,36 @@ export const checkValidityName = async (
   }
   sendMessage('')
 }
+
+export const validateNameAndGenerateDataId = (
+  name: string,
+  _errorMessage: string,
+  defaultDataId?: string
+): string => {
+  let baseDataId = defaultDataId || 'storage-name-alert-error'
+
+  const patterns = [
+    {
+      regex: /^[a-zA-Z0-9_\-\.]+$/,
+      error_message:
+        /invalid name, must only contain letters, numbers, and '_', '-' '.' symbols/,
+      suffix: '-invalid-name-symbols',
+    },
+    {
+      regex: /^.{3,64}$/,
+      error_message:
+        /invalid name length, must be between: \d+ and \d+ characters/,
+      suffix: '-invalid-name-length',
+    },
+  ]
+
+  // Проверка error_message на соответствие шаблонам
+
+  for (const pattern of patterns) {
+    if (!pattern.regex.test(name)) {
+      return `${baseDataId}${pattern.suffix}`
+    }
+  }
+
+  return baseDataId
+}

package/components/common/wizards/datastoreNew/add/nfs/Nfs.vue

@@ -14,11 +14,6 @@
       @hide-alert="(e) => emits('hide-alert', e)"
     />
 
-    <!--    <templates-home-datastore-actions-add-nfs-kerberos-authentication-->
-    <!--      v-show="model.nfsVersion === 'nfs-4.1' && props.stepPosition === 3"-->
-    <!--      :nfs-version="model.nfsVersion"-->
-    <!--    />--><!-- TODO Он будет когда будем делать групповое -->
-
     <common-wizards-datastore-new-add-nfs-accessibility
       v-if="showHostAccessibility"
       v-model="model.hosts"

package/components/common/wizards/datastoreNew/add/nfs/{kerberosAuthentication → _kerberosAuthentication}/KerberosAuthentication.vue

@@ -4,7 +4,7 @@
       v-show="isShowAlert"
       test-id="kerberos-authentication"
       status="alert-warning"
-      :items="[localization.kerberosAuthenticationAlert]"
+      :items="[localization.common.kerberosAuthenticationAlert]"
       @remove="isShowAlert = false"
     />
 

package/components/common/wizards/datastoreNew/add/nfs/{kerberosAuthentication → _kerberosAuthentication}/lib/config/radioOptions.ts

@@ -1,24 +1,24 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
 
 export const kerberosOptionsFunc = (
   localization: UI_I_Localization
 ): UI_I_RadioOption[] => {
   return [
     {
-      label: localization.dontUseKerberosAuthentication,
+      label: localization.common.dontUseKerberosAuthentication,
       value: 'dont-use',
       disabled: false,
       testId: 'dont-use-value',
     },
     {
-      label: localization.useKerberosAuthenticationKrb5,
+      label: localization.common.useKerberosAuthenticationKrb5,
       value: 'use-only-krb5',
       disabled: false,
       testId: 'use-only-krb5-value',
     },
     {
-      label: localization.useKerberosAuthenticationIntegrity,
+      label: localization.common.useKerberosAuthenticationIntegrity,
       value: 'use-integrity',
       disabled: false,
       testId: 'use-integrity-value',

package/components/common/wizards/datastoreNew/add/nfs/accessibility/lib/config/tabsPannel.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
 
 export const hostAccessibilityTabsFunc = (
   localization: UI_I_Localization,
@@ -10,12 +10,12 @@ export const hostAccessibilityTabsFunc = (
 
   const tabs: UI_I_CollapseNavItem[] = [
     {
-      text: localization.compatibleHosts.replace('{0}', compatibleHosts || ''),
+      text: localization.common.compatibleHosts.replace('{0}', compatibleHosts || ''),
       value: 'compatible-hosts',
       disabled: false,
     },
     {
-      text: localization.incompatibleHosts.replace('{0}', incompatibleHost || ''),
+      text: localization.common.incompatibleHosts.replace('{0}', incompatibleHost || ''),
       value: 'incompatible-hosts',
       disabled: true,
     },

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/compatibleTable.ts

@@ -1,10 +1,10 @@
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { I_CompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
+import type { I_CompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
 import { compatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/tableKeys'
 import {
   hostIconByState,
@@ -15,8 +15,8 @@ const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
   return [
-    [localization.host, true, '300px', compatibleHostsTableKeys[0]],
-    [localization.cluster, true, '300px', compatibleHostsTableKeys[1]],
+    [localization.common.host, true, '300px', compatibleHostsTableKeys[0]],
+    [localization.common.cluster, true, '300px', compatibleHostsTableKeys[1]],
   ]
 }
 

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/incompatibleTable.ts

@@ -1,9 +1,9 @@
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { I_IncompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { I_IncompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
 import { E_NodeIconsByState } from '~/lib/models/enums'
 import { incompatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/tableKeys'
 import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
@@ -12,14 +12,14 @@ const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
   return [
-    [localization.host, true, 'auto', incompatibleHostsTableKeys[0]],
+    [localization.common.host, true, 'auto', incompatibleHostsTableKeys[0]],
     [
-      localization.hostIncompatibilityReason,
+      localization.common.hostIncompatibilityReason,
       true,
       'auto',
       incompatibleHostsTableKeys[1],
     ],
-    [localization.cluster, true, 'auto', incompatibleHostsTableKeys[2]],
+    [localization.common.cluster, true, 'auto', incompatibleHostsTableKeys[2]],
   ]
 }
 

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/tableKeys.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   T_CompatibleHostsTableKeys,
   T_IncompatibleHostsTableKeys,
 } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'

package/components/common/wizards/datastoreNew/add/nfs/configuration/Configuration.vue

@@ -11,12 +11,12 @@
 
       <atoms-alert
         v-show="alertInfo"
-        test-id="configuration-info"
+        test-id="configure-information-alert"
         status="alert-info"
-        :items="[localization.nameAndConfigurationAlertInfo]"
+        :items="[localization.common.nameAndConfigurationAlertInfo]"
         @remove="alertInfo = false"
       />
-      <h6 class="nd-mt-0">{{ localization.nfsShareDetails }}</h6>
+      <h6 class="nd-mt-0">{{ localization.common.nfsShareDetails }}</h6>
 
       <div class="clr-form-control clr-row">
         <label for="" class="clr-control-label clr-col-md-2">
@@ -48,7 +48,7 @@
 
       <div class="clr-form-control clr-row">
         <label class="clr-control-label clr-col-md-2">
-          {{ localization.folder }}
+          {{ localization.common.folder }}
         </label>
 
         <div
@@ -111,41 +111,6 @@
             E.g: nas, nas.it.com or 192.168.0.1
           </div>
         </div>
-
-        <!--      <button-->
-        <!--        v-show="props.nfsVersion === 'nfs-4.1' && false"-->
-        <!--        class="btn btn-sm nd-mt-0"-->
-        <!--        @click="onAddServerToList"-->
-        <!--      >-->
-        <!--        {{ localization.add }}-->
-        <!--      </button>-->
-      </div>
-
-      <div
-        v-show="model.nfsVersion === 'nfs-4.1' && false"
-        class="configuration__servers-list"
-      >
-        <common-wizards-datastore-add-nfs-configuration-servers-list
-          v-model:data-table="dataServers"
-        />
-      </div>
-    </div>
-
-    <div v-if="false" class="clr-form-control clr-row mt-1">
-      <label for="" class="clr-control-label clr-col-md-2">
-        {{ localization.accessMode }}
-      </label>
-
-      <div class="clr-col-md-10 clr-col-12 clr-checkbox-wrapper">
-        <input
-          id="playback-compression"
-          v-model="accessMode"
-          data-id="playback-compression-checkbox"
-          type="checkbox"
-        />
-        <label for="playback-compression" class="clr-control-label">
-          {{ localization.mountNfsReadOnly }}
-        </label>
       </div>
     </div>
   </div>
@@ -158,7 +123,6 @@ import type {
   UI_I_ArbitraryObject,
 } from '~/lib/models/interfaces'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_DataServersListItem } from '~/components/common/wizards/datastoreNew/add/nfs/configuration/serversList/lib/models/interfaces'
 import type { UI_I_InitialValidationFields } from '~/components/common/wizards/datastoreNew/add/nfs/configuration/lib/models/interfaces'
 
 const props = defineProps<{
@@ -189,7 +153,7 @@ const nameErrorText = computed<string>(() => {
   }
 
   if (!initValidationFields.value.name) return ''
-  return !model.value.name ? localization.value.specifyDatastoreName : ''
+  return !model.value.name ? localization.value.common.specifyDatastoreName : ''
 })
 
 /* Validation error text for Folder input field */
@@ -199,7 +163,7 @@ const folderErrorText = computed<string>(() => {
   }
 
   if (!initValidationFields.value.folder) return ''
-  return !model.value.folder ? localization.value.specifyFolderName : ''
+  return !model.value.folder ? localization.value.common.specifyFolderName : ''
 })
 
 /* Validation error text for Server input field */
@@ -208,38 +172,9 @@ const serverErrorText = computed<string>(() => {
     return props.messagesFields.server.field
   }
 
-  // if (!initValidationFields.value.server || dataServers.value.length) return ''
   if (!initValidationFields.value.server) return ''
-  return !model.value.server ? localization.value.specifyServerName : ''
+  return !model.value.server ? localization.value.common.specifyServerName : ''
 })
-
-const accessMode = ref<boolean>(false)
-const dataServers = ref<UI_I_DataServersListItem[]>([])
-// const onAddServerToList = (): void => {
-//   const { server } = form.value
-//   // const { nfsVersion } = props
-//
-//   if (!dataServers.value.length && !server.value) {
-//     validForm.value = validation.touch()
-//     isInitServerValidation.value = true
-//
-//     return
-//   }
-//
-//   // if (dataServers.value.length && !server.value) return
-//
-//   const data: UI_I_DataServersListItem = {
-//     server_name: server.value,
-//   }
-//
-//   const hasEqualItem = !!dataServers.value.find(
-//     (server: UI_I_DataServersListItem) => server.server_name === data.server_name
-//   )
-//
-//   !hasEqualItem && dataServers.value.push(data)
-//
-//   // if (nfsVersion === 'nfs-4.1') server.value = ''
-// }
 const onHideAlert = (): void => {
   emits('hide-alert', 5)
 }

package/components/common/wizards/datastoreNew/add/nfs/configuration/{serversList → _serversList}/DeletePopover.vue

@@ -5,7 +5,7 @@
         class="popover__item"
         data-id="delete-popover-text"
         @click="onClickItem"
-        >{{ localization.removeMember }}</span
+        >{{ localization.common.removeMember }}</span
       >
     </slot>
   </div>

package/components/common/wizards/datastoreNew/add/nfs/configuration/{serversList → _serversList}/ServersList.vue

@@ -66,7 +66,6 @@ const pagination = ref<UI_I_Pagination>({
   pageSize: 34,
 })
 
-// const columnKeys = ref<UI_I_ColumnKey[]>(serversTable.columnKeys(localization.value))
 const headItems = computed<UI_I_HeadItem[]>(() =>
   serversTable.headItems(localization.value)
 )

package/components/common/wizards/datastoreNew/add/nfs/configuration/{serversList → _serversList}/lib/config/serversListConfig.ts

@@ -6,14 +6,13 @@ import {
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
 import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import { serversTableItemsKeys } from '~/components/common/wizards/datastore/add/nfs/configuration/serversList/lib/config/tableKeys'
 
 const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
   return [
-    [localization.serversToBeAdded, true, '96px', serversTableItemsKeys[0]],
+    [localization.common.serversToBeAdded, true, '96px', serversTableItemsKeys[0]],
   ]
 }
 

package/components/common/wizards/datastoreNew/add/readyComplete/ReadyComplete.vue

@@ -5,7 +5,7 @@
         <common-details-item :has-children="true" open-by-default>
           <template #stackBlockKey>
             <span class="list__labels">
-              {{ localization.chosenDatastoreName }}
+              {{ localization.common.chosenDatastoreName }}
             </span>
           </template>
 

package/components/common/wizards/datastoreNew/add/readyComplete/lib/config/propertiesDetails.ts

@@ -28,24 +28,24 @@ const nfsDetailsFunc = (
 
   const details: UI_I_DetailsItem[] = [
     {
-      label: localization.vmfsVersion,
+      label: localization.common.vmfsVersion,
       value: '',
       items: [
         {
-          label: localization.version,
+          label: localization.common.version,
           value: nfsVersion.toUpperCase(),
           items: [],
-          testId: 'view-selected-nfs-version-in-complete'
+          testId: 'view-selected-nfs-version-in-complete',
         },
       ],
       actions: [],
     },
     {
-      label: localization.nameAndConfiguration,
+      label: localization.common.nameAndConfiguration,
       value: '',
       items: [
         {
-          label: localization.datastoreName,
+          label: localization.common.datastoreName,
           value: name,
           items: [],
           testId: 'view-storage-name-in-complete',
@@ -57,10 +57,10 @@ const nfsDetailsFunc = (
           testId: 'view-server-name-in-complete',
         },
         {
-          label: localization.folder,
+          label: localization.common.folder,
           value: folder,
           items: [],
-          testId: 'view-folder-name-in-complete'
+          testId: 'view-folder-name-in-complete',
         },
         // {
         //   label: localization.accessMode,
@@ -79,15 +79,15 @@ const nfsDetailsFunc = (
           .map((host) => host.host)
       : []
     details.push({
-      label: localization.hostsAccessibility,
+      label: localization.common.hostsAccessibility,
       value: '',
       items: [
         {
-          label: localization.hosts,
+          label: localization.common.hosts,
           value: '',
           data: hostsNames,
           items: [],
-          testId: ''
+          testId: '',
         },
       ],
       actions: [],
@@ -96,30 +96,6 @@ const nfsDetailsFunc = (
 
   return details
 }
-
-const localDetailsFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm
-): UI_I_DetailsItem[] => {
-  const { name } = data
-
-  return [
-    {
-      label: localization.selectName,
-      value: '',
-      items: [
-        {
-          label: localization.datastoreName,
-          value: name,
-          items: [],
-          testId: 'view-storage-name-in-complete'
-        },
-      ],
-      actions: [],
-    },
-  ]
-}
-
 const sharedStormDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm
@@ -128,17 +104,17 @@ const sharedStormDetailsFunc = (
 
   return [
     {
-      label: localization.nameAndDeviceSelection,
+      label: localization.common.nameAndDeviceSelection,
       value: '',
       items: [
         {
-          label: localization.datastoreName,
+          label: localization.common.datastoreName,
           value: name,
           items: [],
           testId: 'view-storage-name-in-complete',
         },
         {
-          label: localization.diskLun,
+          label: localization.common.diskLun,
           value: constructLunDiskItems(lunDisk),
           items: [],
           testId: 'view-selected-lun-disks-in-complete',
@@ -146,33 +122,6 @@ const sharedStormDetailsFunc = (
       ],
       actions: [],
     },
-    // {
-    //   label: localization.partitionConfiguration,
-    //   value: '',
-    //   items: [
-    //     {
-    //       label: localization.method,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.partitionFormat,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.blockSize,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.spaceReclamationGranularity,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //   ],
-    //   actions: [],
-    // }, /*  TODO  данные с нее пока никуда не вставляем */
   ]
 }
 
@@ -183,7 +132,6 @@ export const constructDataReadyViewFunc = (
   nfsHosts: UI_I_CreateDatastoreHosts
 ): UI_I_DetailsItem[] => {
   const details = {
-    1: localDetailsFunc,
     2: sharedStormDetailsFunc,
     4: nfsDetailsFunc,
   }

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

@@ -17,7 +17,7 @@
 
     <!--    <templates-home-datastore-actions-add-vmfs-version-->
     <!--      v-show="props.stepPosition === 2"-->
-    <!--      v-models:version="vmfsVersion"-->
+    <!--      v-models="vmfsVersion"-->
     <!--    />-->
     <!-- TODO в shared-storm пока верси не будет  -->
 

package/components/common/wizards/datastoreNew/add/sharedStorm/{version → _version}/Version.vue

@@ -1,36 +1,25 @@
 <template>
   <section class="nfs-version">
     <common-select-radio-group
-      v-model="selectedVersion"
+      v-model="selectedVersionLocal"
       :options="vmfsVersion"
     />
   </section>
 </template>
 
 <script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
 import { vmfsVersionFunc } from '~/components/common/wizards/datastore/add/sharedStorm/version/lib/config/versionOptions'
 
 const props = defineProps<{
   version: UI_T_VmfsType
 }>()
+const selectedVersionLocal = defineModel<UI_T_VmfsType>({required: true})
 const localization = computed<UI_I_Localization>(() => useLocal())
-const emits = defineEmits<{
-  (event: 'update:version', value: UI_T_VmfsType): void
-}>()
 
 const vmfsVersion = ref<UI_I_RadioOption[]>(vmfsVersionFunc(localization.value))
-
-const selectedVersion = computed<UI_T_VmfsType>({
-  get() {
-    return props.version
-  },
-  set(newValue) {
-    emits('update:version', newValue)
-  },
-})
 </script>
 
 <style lang="scss" scoped>

package/components/common/wizards/datastoreNew/add/sharedStorm/{version → _version}/lib/config/versionOptions.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
 
 export const vmfsVersionFunc = (
   localization: UI_I_Localization
@@ -9,13 +9,13 @@ export const vmfsVersionFunc = (
       label: 'VMFS 6',
       value: 'vmfs-6',
       disabled: false,
-      description: localization.vmfsVersionDesc1,
+      description: localization.common.vmfsVersionDesc1,
     },
     {
       label: 'VMFS 5',
       value: 'vmfs-5',
       disabled: false,
-      description: localization.vmfsVersionDesc2,
+      description: localization.common.vmfsVersionDesc2,
     },
   ]
 }

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

@@ -2,7 +2,7 @@
   <div class="device-selection-step">
     <atoms-alert
       v-show="props.alertMessages?.length"
-      test-id="device-selection-alert-error"
+      :test-id="errorAlertDataId"
       status="alert-danger"
       :items="props.alertMessages"
       @remove="onHideAlert"
@@ -110,8 +110,9 @@ import type {
 } from '~/components/common/wizards/datastoreNew/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/datastoreNew/add/nfs/accessibility/tablesView/lib/models/interfaces'
-import { UI_T_DatastoreType } from '~/components/common/wizards/datastoreNew/add/lib/models/types'
+import type { UI_T_DatastoreType } from '~/components/common/wizards/datastoreNew/add/lib/models/types'
 import { hostsOptionsFunc } from '~/components/common/wizards/datastoreNew/add/sharedStorm/deviceSelection/lib/config/selectOptions'
+import { validateNameAndGenerateDataId } from '~/components/common/wizards/datastoreNew/add/lib/utils'
 
 const props = defineProps<{
   project: UI_T_Project
@@ -146,6 +147,17 @@ const nameErrorText = computed<string>(() => {
   return !model.value.name ? localization.value.common.specifyDatastoreName : ''
 })
 
+const defaultDataId = ref<string>('device-selection-alert-error')
+const errorAlertDataId = computed<string>(() => {
+  return !model.value.lunDisk.length
+    ? `${defaultDataId.value}-not-selected-lundisk`
+    : validateNameAndGenerateDataId(
+        model.value.name,
+        props.alertMessages[0],
+        defaultDataId
+      )
+})
+
 const alertInfo = ref<boolean>(true)
 const onHideAlertInfo = (): void => {
   alertInfo.value = false

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

@@ -2,7 +2,7 @@
   <section class="datastore-types">
     <div class="header-row">
       <span class="datastore-types__subtitle">
-        {{ localization.specifyDatastoreType }}
+        {{ localization.common.specifyDatastoreType }}
       </span>
       <div id="type-select-help-icon" class="signpost-container relative">
         <atoms-the-icon
@@ -19,7 +19,7 @@
           test-id="select-datastore-type"
           @hide="isShowTypeHelp = false"
         >
-          <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
+          <p class="help-desc">{{ localization.common.datastoreTypeHelpDesc }}</p>
         </atoms-tooltip-signpost>
       </div>
     </div>

package/package.json

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