bfg-common 1.5.111 → 1.5.113

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

@@ -1,92 +1,89 @@
-<template>
-  <div class="ready-complete">
-    <common-details-list :items="properties" class="ready-complete__list list">
-      <template #default="{ item }">
-        <common-details-item
-          :has-children="true"
-          open-by-default
-          :test-id="item.testId"
-        >
-          <template #stackBlockKey>
-            <span class="list__labels">
-              {{ item.label }}
-            </span>
-          </template>
-
-          <template #stackChildren>
-            <template
-              v-for="(item2, key2) in item.items"
-              :key="`${item2}_${key2}`"
-            >
-              <common-details-item
-                :has-children="false"
-                :test-id="item2.testId"
-                class="list__default-style"
-              >
-                <template #stackBlockKey>
-                  <div>
-                    {{ item2.label }}
-                  </div>
-                </template>
-                <template #stackBlockContent>
-                  <div v-if="item2.data">
-                    <div
-                      v-for="item3 in item2.data"
-                      :key="item3"
-                      class="flex-align-center"
-                    >
-                      <div class="vsphere-icon-host"></div>
-                      <span>{{ item3 }}</span>
-                    </div>
-                  </div>
-                  <span v-else>
-                    {{ item2.value }}
-                  </span>
-                </template>
-              </common-details-item>
-            </template>
-          </template>
-        </common-details-item>
-      </template>
-    </common-details-list>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  dataReadyView: UI_I_DetailsItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.ready-complete {
-  &__list {
-    @include flex($dir: column);
-    padding: 12px 0;
-    row-gap: 15px;
-  }
-}
-.list {
-  &__labels {
-    @include text($fs: 13px, $fw: 700);
-  }
-  :deep(.list__default-style) {
-    .stack-block {
-      &__label {
-        align-items: flex-start;
-      }
-      &-content {
-        white-space: pre-line;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="ready-complete">
+    <common-details-list :items="properties" class="ready-complete__list list">
+      <template #default="{ item }">
+        <common-details-item
+          :has-children="true"
+          :test-id="item.testId"
+          open-by-default
+        >
+          <template #stackBlockKey>
+            <span class="list__labels">
+              {{ item.label }}
+            </span>
+          </template>
+
+          <template #stackChildren>
+            <template
+              v-for="(item2, key2) in item.items"
+              :key="`${item2}_${key2}`"
+            >
+              <common-details-item
+                :has-children="false"
+                :test-id="item2.testId"
+                class="list__default-style"
+              >
+                <template #stackBlockKey>
+                  <div>
+                    {{ item2.label }}
+                  </div>
+                </template>
+                <template #stackBlockContent>
+                  <div v-if="item2.data">
+                    <div
+                      v-for="item3 in item2.data"
+                      :key="item3"
+                      class="flex-align-center"
+                    >
+                      <div class="vsphere-icon-host"></div>
+                      <span>{{ item3 }}</span>
+                    </div>
+                  </div>
+                  <span v-else>
+                    {{ item2.value }}
+                  </span>
+                </template>
+              </common-details-item>
+            </template>
+          </template>
+        </common-details-item>
+      </template>
+    </common-details-list>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+
+const props = defineProps<{
+  dataReadyView: UI_I_DetailsItem[]
+}>()
+
+const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.ready-complete {
+  &__list {
+    @include flex($dir: column);
+    padding: 12px 0;
+    row-gap: 15px;
+  }
+}
+.list {
+  &__labels {
+    @include text($fs: 13px, $fw: 700);
+  }
+  :deep(.list__default-style) {
+    .stack-block {
+      &__label {
+        align-items: flex-start;
+      }
+      &-content {
+        white-space: pre-line;
+      }
+    }
+  }
+}
+</style>

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

@@ -4,6 +4,7 @@ import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
+
 const constructLunDiskItems = (
   disks: UI_I_CreateStorageLunDiskItem[]
 ): string => {

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

@@ -24,10 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
+import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type {
@@ -54,8 +51,6 @@ const emits = defineEmits<{
   (event: 'main-filter', value: string): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
-
 const vmfsVersion = ref<UI_T_VmfsType>('vmfs-6')
 
 const lunDiskTotalCapacity = computed<number>(() => {

package/components/common/wizards/datastore/add/sharedStorm/_version/Version.vue

@@ -11,18 +11,15 @@
 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'
+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 selectedVersionLocal = defineModel<UI_T_VmfsType>({ required: true })
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const vmfsVersion = ref<UI_I_RadioOption[]>(vmfsVersionFunc(localization.value))
 </script>
 
-<style lang="scss" scoped>
-.nfs-version {
-}
-</style>
+<style lang="scss" scoped></style>

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

@@ -3,8 +3,8 @@
     <atoms-alert
       v-show="props.alertMessages?.length"
       :test-id="errorAlertDataId"
-      status="alert-danger"
       :items="props.alertMessages"
+      status="alert-danger"
       @remove="onHideAlert"
     />
 
@@ -13,7 +13,7 @@
         {{ localization.common.name }}
       </label>
 
-      <div class="clr-control-container" :class="nameErrorText && 'clr-error'">
+      <div :class="['clr-control-container', nameErrorText && 'clr-error']">
         <div class="flex-align-center">
           <input
             id="device-selection-input"
@@ -35,10 +35,10 @@
 
     <atoms-alert
       v-if="alertInfo"
+      :items="[localization.common.nameAndDeviceSelectionAlertInfo]"
       test-id="device-selection-information-alert"
       class="device-selection-step__alert-info"
       status="alert-info"
-      :items="[localization.common.nameAndDeviceSelectionAlertInfo]"
       @remove="onHideAlertInfo"
     />
 
@@ -98,7 +98,7 @@ import type {
   UI_I_Localization,
   UI_I_ArbitraryObject,
 } from '~/lib/models/interfaces'
-import {
+import type {
   API_UI_I_DataTable,
   UI_I_Pagination,
   UI_I_DataTableQuery,

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/config/selectOptions.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
 
 const constructHostListFunc = (
   data: { host: string; id: string }[]
@@ -19,5 +19,8 @@ export const hostsOptionsFunc = (
 
   const data = constructHostListFunc(hosts)
 
-  return [{ text: localization.common.selectHost, value: '', disabled: true }, ...data]
+  return [
+    { text: localization.common.selectHost, value: '', disabled: true },
+    ...data,
+  ]
 }

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

@@ -1,4 +1,4 @@
-import { UI_I_DataTableQuery } from '~/lib/models/table/interfaces'
+import type { UI_I_DataTableQuery } from '~/lib/models/table/interfaces'
 
 export interface UI_I_LunDiskSpherePayload extends UI_I_DataTableQuery {
   host: string

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

@@ -1 +1 @@
-export type T_DatastoreTableItemsTuple = ['name', 'type_ds', 'description']
+export type UI_T_DatastoreTableItemsTuple = ['name', 'type_ds', 'description']

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/table/Table.vue

@@ -5,9 +5,6 @@
       v-model:column-keys="columnKeys"
       v-model:page-size="pagination.pageSize"
       v-model:page="pagination.page"
-      type="checkbox"
-      class="data-table"
-      test-id="device-selection-lun-disk-table"
       :head-items="headItems"
       :body-items="bodyItems"
       :total-items="props.totalItems"
@@ -15,6 +12,9 @@
       :loading="loading"
       :is-main-filter="props.isMainFilter"
       :main-filter-placeholder="localization.filter"
+      type="checkbox"
+      class="data-table"
+      test-id="device-selection-lun-disk-table"
       hide-page-size
       @main-filter="onMainFiltering"
       @sorting="sorting"
@@ -36,9 +36,9 @@ import type {
   UI_I_ColumnKey,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
 import * as lunDiskTable from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/table/lib/config/lunDiskTable'
 
 const props = defineProps<{
@@ -58,8 +58,8 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const sorting = (e: [number, boolean]): void => {
-  const [column, status] = e
+const sorting = (event: [number, boolean]): void => {
+  const [column, status] = event
   const direction = status ? 'desc' : 'asc'
 
   const sort = `${column}.${direction}`

package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue

@@ -41,10 +41,10 @@
               <input
                 id="datastore-size-input-0"
                 v-model="datastoreSize"
+                :max="countDatastoreSizeToGb"
                 data-id="select-storm-storage-size-range-field"
                 type="range"
                 min="0"
-                :max="countDatastoreSizeToGb"
                 step="0.01"
                 class="ng-valid clr-range ng-dirty ng-touched"
               />
@@ -55,10 +55,10 @@
         <input
           id="datastore-size-input-1"
           v-model="datastoreSize"
+          :max="countDatastoreSizeToGb"
           data-id="select-storm-storage-size-input-field"
           type="number"
           min="0"
-          :max="countDatastoreSizeToGb"
           step="0.01"
           class="show-arrow"
         />
@@ -157,9 +157,9 @@
 </template>
 
 <script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
-import { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import type { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
 import {
   partitionConfigurationFunc,
   spacePriorityFunc,

package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/sizeGraphic/sizeGraphic.vue

@@ -189,7 +189,7 @@
 </template>
 
 <script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   selectedSize: number | null

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

@@ -36,16 +36,12 @@
 
 <script lang="ts" setup>
 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_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'
 
-const props = defineProps<{
-  project: UI_T_Project
-}>()
 const selectedDatastoreTypeLocal =
   defineModel<UI_T_DatastoreType>('datastoreType')
 const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })

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

@@ -1,6 +1,6 @@
-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'
+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'
 
 export const datastoreTypesFunc = (
   localization: UI_I_Localization,

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

@@ -4,7 +4,6 @@
     :wizard="wizard"
     :selected-scheme="selectedScheme"
     :title="title"
-    max-height="551px"
     :localization="localization"
     :class="[
       'add-networking-wizard',
@@ -12,6 +11,7 @@
         'is-dark': props.isDarkMode,
       },
     ]"
+    max-height="551px"
     test-id="add-networking-wizard"
     @change-steps="onChangeSteps"
     @hide="onHideAddNetworkingModal"
@@ -104,13 +104,13 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
   UI_I_ItemsWithTotalCounts,
 } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-import {
+import type {
   UI_I_PortProperties,
   UI_I_IpFourSettings,
   UI_I_ConnectionSettings,
@@ -120,10 +120,10 @@ import {
   UI_I_AddNetworkingSecondOrThirdSchemeDataSend,
   UI_I_AddNetworkingZeroOrFirstSchemeDataSend,
   UI_I_AddNetworkingFourthOrFifthSchemeDataSend,
-  UI_I_AddNetworkingEmits,
+  // UI_I_AddNetworkingEmits,
   UI_I_TCPStack,
 } from '~/components/common/wizards/network/add/lib/models/interfaces'
-import {
+import type {
   UI_I_Adapter,
   UI_I_AdapterStatus,
   UI_I_SwitchAdapterItem,
@@ -132,7 +132,7 @@ import {
   UI_I_AvailableAdapters,
 } from '~/components/common/diagramMain/lib/models/interfaces'
 import { getAvailableAdapters } from '~/components/common/diagramMain/lib/utils/utils'
-import {
+import type {
   UI_I_ValidationReturn,
   UI_I_WizardStep,
   UI_I_WizardStepNavigation,
@@ -196,31 +196,31 @@ const props = withDefaults(
 const emits = defineEmits<{
   (event: 'hide'): void
   (
-      event: 'add-networking-data-validate',
-      data:
-          | UI_I_AddNetworkingSecondOrThirdSchemeDataSend
-          | UI_I_AddNetworkingZeroOrFirstSchemeDataSend
-          | UI_I_AddNetworkingFourthOrFifthSchemeDataSend
-          | API_UI_I_SwitchItem,
-      type: string,
-      setValidation: (err_arg: UI_I_ArbitraryObject<string>) => void
+    event: 'add-networking-data-validate',
+    data:
+      | UI_I_AddNetworkingSecondOrThirdSchemeDataSend
+      | UI_I_AddNetworkingZeroOrFirstSchemeDataSend
+      | UI_I_AddNetworkingFourthOrFifthSchemeDataSend
+      | API_UI_I_SwitchItem,
+    type: string,
+    setValidation: (err_arg: UI_I_ArbitraryObject<string>) => void
   ): void
   (
-      event: 'send-add-networking-data',
-      data:
-          | UI_I_AddNetworkingSecondOrThirdSchemeDataSend
-          | UI_I_AddNetworkingZeroOrFirstSchemeDataSend
-          | UI_I_AddNetworkingFourthOrFifthSchemeDataSend
-          | API_UI_I_SwitchItem,
-      type: string,
-      hideModal: () => void
+    event: 'send-add-networking-data',
+    data:
+      | UI_I_AddNetworkingSecondOrThirdSchemeDataSend
+      | UI_I_AddNetworkingZeroOrFirstSchemeDataSend
+      | UI_I_AddNetworkingFourthOrFifthSchemeDataSend
+      | API_UI_I_SwitchItem,
+    type: string,
+    hideModal: () => void
   ): void
   (event: 'get-existing-standard-switches'): void
   (event: 'get-free-adapters', cb: () => void): void
   (
-      event: 'check-network-label',
-      label: string,
-      sendMessage: (message: string) => void
+    event: 'check-network-label',
+    label: string,
+    sendMessage: (message: string) => void
   ): void
   (event: 'get-tcp-stacks'): void
 }>()

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

@@ -1,9 +1,9 @@
-import {
+import type {
   UI_I_AddNetworkingSecondOrThirdSchemeDataSend,
   UI_I_AddNetworkingZeroOrFirstSchemeDataSend,
   UI_I_AddNetworkingFourthOrFifthSchemeDataSend,
 } from '~/components/common/wizards/network/add/lib/models/interfaces'
-import { API_UI_I_SwitchItem } from '~/components/common/diagramMain/lib/models/interfaces'
+import type { API_UI_I_SwitchItem } from '~/components/common/diagramMain/lib/models/interfaces'
 
 export type UI_T_TCP = 'default' | 'provisioning' | ''
 export type UI_T_Project = 'procurator' | 'sphere'

package/components/common/wizards/network/add/mappers/mappers.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   UI_I_EditFieldsData,
   UI_I_OverrideValue,
   UI_I_PropertiesFields,

package/components/common/wizards/network/add/modals/SelectNetwork.vue

@@ -11,8 +11,10 @@
       <template #modalBody>
         <atoms-alert
           v-if="isShowErrorMessageAlert"
+          :items="[
+            localization.common.noSwitchIsSelectedSelectSwitchToContinue,
+          ]"
           status="alert-danger"
-          :items="[localization.common.noSwitchIsSelectedSelectSwitchToContinue]"
           test-id="select-network-alert"
           @remove="onHideErrorMessageAlert"
         />

package/components/common/wizards/network/add/modals/SelectStandardSwitch.vue

@@ -10,8 +10,10 @@
       <template #modalBody>
         <atoms-alert
           v-if="isShowErrorMessageAlert"
+          :items="[
+            localization.common.noSwitchIsSelectedSelectSwitchToContinue,
+          ]"
           status="alert-danger"
-          :items="[localization.common.noSwitchIsSelectedSelectSwitchToContinue]"
           test-id="select-standard-switch-alert"
           @remove="onHideErrorMessageAlert"
         />

package/components/common/wizards/network/add/modals/SelectSwitch.vue

@@ -10,8 +10,10 @@
       <template #modalBody>
         <atoms-alert
           v-if="isShowErrorMessageAlert"
+          :items="[
+            localization.common.noSwitchIsSelectedSelectSwitchToContinue,
+          ]"
           status="alert-danger"
-          :items="[localization.common.noSwitchIsSelectedSelectSwitchToContinue]"
           test-id="select-switch-alert"
           @remove="onHideErrorMessageAlert"
         />

package/components/common/wizards/network/add/steps/ConnectionSettings.vue

@@ -3,8 +3,8 @@
     <div class="wizard-content wizard-content-port">
       <atoms-alert
         v-if="props.alertMessages.length"
-        status="alert-danger"
         :items="props.alertMessages"
+        status="alert-danger"
         test-id="connection-settings-alert"
         @remove="onHideAlert"
       />
@@ -23,15 +23,15 @@
                     <input
                       id="network-label"
                       v-model="fields.networkLabel"
-                      data-id="network-input"
-                      name="network-label"
-                      type="text"
                       :class="[
                         'tooltip-field port-properties-network-label',
                         {
                           'danger-not-valid': props.messagesFields.name.field,
                         },
                       ]"
+                      data-id="network-input"
+                      name="network-label"
+                      type="text"
                       @click.stop
                     />
                   </template>