bfg-common 1.5.93 → 1.5.95

package/components/common/layout/theHeader/userMenu/userMenuOld/UserMenuOld.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="tid-control-bar-user-menu user-menu">
     <atoms-dropdown
-      test-id="user-menu-host-name-drop-down"
       :title="props.hostname"
       :drop-menu="accountMenu"
+      test-id="user-menu-host-name-drop-down"
       @select="clickMenuItem"
     />
   </div>

package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue

@@ -28,7 +28,6 @@
                 :id="`nav-item-${key}-${key2}`"
                 :key="item2.id"
                 :data-id="item2.testId"
-                active-class="active"
                 :to="!item2.disabled && item2.to"
                 :class="['nav-link', { disabled: item2.disabled }]"
                 :title="
@@ -37,6 +36,7 @@
                     : item2.title
                 "
                 :disabled="item2.disabled"
+                active-class="active"
                 @click="emits('hide-main-menu')"
               >
                 <span class="nav-text">
@@ -60,9 +60,9 @@
           <input
             id="pin-menu-control"
             v-model="menuPined"
+            :disabled="props.disabledPin"
             data-id="navigation-panel-pin-menu-control"
             type="checkbox"
-            :disabled="props.disabledPin"
             @change="emits('change-menu-pin')"
           />
           <label for="pin-menu-control">{{

package/components/common/modals/Rename.vue

@@ -1,11 +1,11 @@
 <template>
   <atoms-modal
     :test-id="`${props.testId}-rename`"
-    width="576px"
-    class="rename"
     :show="true"
     :title="localization.common.rename"
     :second-title="name"
+    width="576px"
+    class="rename"
     @submit="onRename"
     @hide="onHide"
   >

package/components/common/modals/confirmByInput/ConfirmByInput.vue

@@ -30,8 +30,8 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+// import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
@@ -63,7 +63,7 @@ const emits = defineEmits<{
   (event: 'hide'): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
+// const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store }: any = useNuxtApp()
 
 const isNewViewLocal = computed<boolean>(
@@ -80,7 +80,6 @@ const onConfirm = async (): Promise<void> => {
 
   emits('confirm')
 }
-
 </script>
 
 <style lang="scss" scoped></style>

package/components/common/modals/confirmByInput/ConfirmByInputOld.vue

@@ -3,10 +3,10 @@
     show
     :test-id="`${props.testId}-modal`"
     :width="props.width"
-    class="confirm-by-input"
     :title="props.title"
     :second-title="props.subTitle"
     :loading="props.loading"
+    class="confirm-by-input"
     is-hide-close-icon
     @submit="onConfirm"
   >
@@ -68,17 +68,17 @@
       <button
         id="confirm-by-input-modal-apply-button"
         :data-id="`${props.testId}-modal-apply-button`"
-        class="btn btn-primary"
         :class="props.loading && 'modal-dialog__loader'"
         :disabled="!props.isValid || props.loading"
+        class="btn btn-primary"
         @click="onConfirm"
       >
         <atoms-loader-pre-loader
           v-if="props.loading"
           id="loader"
           :show="props.loading"
-          class="button__loading"
           :test-id="`${props.testId}-spinner`"
+          class="button__loading"
         />
         <span v-else>
           {{ localization.common.yes }}

package/components/common/modals/confirmation/ConfirmationOld.vue

@@ -2,10 +2,10 @@
   <atoms-modal
     show
     :width="props.width"
-    class="confirm-modal"
     :title="props.headline"
     :second-title="props.subTitle"
     :modal-loading="props.loading"
+    class="confirm-modal"
     @hide="onHideModal"
   >
     <template #modalBody>

package/components/common/modals/unsavedChanges/UnsavedChanges.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_ModalTexts } from 'bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const emits = defineEmits<{

package/components/common/monitor/advanced/Advanced.vue

@@ -93,8 +93,8 @@
 </template>
 
 <script setup lang="ts">
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 import type {
   UI_T_ChartHost,

package/components/common/monitor/advanced/AdvancedNew.vue

@@ -80,9 +80,9 @@
 </template>
 
 <script setup lang="ts">
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
 import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 import type {

package/components/common/monitor/advanced/AdvancedOld.vue

@@ -87,9 +87,9 @@
 </template>
 
 <script setup lang="ts">
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
 import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 import type {

package/components/common/monitor/advanced/graphView/GraphViewNew.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import type { I_LineGraph } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { I_LineGraph } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
 const props = defineProps<{
   loading: boolean

package/components/common/monitor/advanced/graphView/GraphViewOld.vue

@@ -17,8 +17,8 @@
 </template>
 
 <script setup lang="ts">
+import type { I_LineGraph } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { I_LineGraph } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 

package/components/common/monitor/advanced/table/Table.vue

@@ -20,7 +20,7 @@ const props = defineProps<{
   data: UI_I_PerformanceItem[]
 }>()
 const emits = defineEmits<{
-  (event: 'select', str: number[]): void
+  (event: 'select', value: number[]): void
 }>()
 
 const { $store }: any = useNuxtApp()

package/components/common/monitor/advanced/table/tableNew/TableNew.vue

@@ -1,17 +1,17 @@
 <template>
   <div class="advanced-main-table">
     <ui-data-table
-      test-id="advanced-table"
       :data="data"
       :options="options"
       :loading="props.loading"
       :texts="tableTexts"
+      test-id="advanced-table"
       @select-row="onSelectRow"
     >
       <template #icon="{ item }">
         <div
-          class="color-circle"
           :style="{ backgroundColor: item.data.color }"
+          class="color-circle"
         ></div>
       </template>
       <template #zone="{ item }">

package/components/common/monitor/advanced/table/tableOld/lib/config/performanceDatatable.ts

@@ -4,12 +4,12 @@ import type {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_PerformanceColumnKey } from '~/components/common/monitor/advanced/table/lib/models/types'
+import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_T_PerformanceColumnKey } from '~/components/common/monitor/advanced/table/lib/models/types'
-import type { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/lib/models/interfaces'
 
 export const performanceTableKey: UI_T_PerformanceColumnKey[] = [
   'key',

package/components/common/monitor/advanced/tools/ToolsOld.vue

@@ -18,8 +18,8 @@
         <select
           id="periodSelect"
           v-model="selectedPeriodLocal"
-          data-id="period-select"
           :disabled="props.disabledPeriod"
+          data-id="period-select"
           @change="emits('change-period')"
         >
           <option
@@ -47,8 +47,8 @@
         <select
           id="viewSelect"
           v-model="selectedViewLocal"
-          data-id="view-select"
           :disabled="props.disabledView"
+          data-id="view-select"
           @change="emits('change-view')"
         >
           <option

package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModalOld.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="chart-options-modal">
     <atoms-modal
-      width="1150px"
       :show="true"
       :title="localization.inventoryMonitor.chartOptions"
       :disabled-submit="props.isDisabledSubmit"
+      width="1150px"
       @hide="emits('hide-main-modal')"
       @submit="emits('submit-main-modal')"
     >

package/components/common/monitor/advanced/tools/chartOptionsModal/NotificationOld.vue

@@ -1,8 +1,8 @@
 <template>
   <atoms-alert
     v-show="props.alerts.length"
-    status="alert-danger"
     :items="props.alerts"
+    status="alert-danger"
     class="notification"
     test-id="notification-alert"
     @remove="onRemove"

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/ActionsOld.vue

@@ -34,8 +34,8 @@
         @save="emits('save-options', $event)"
       />
       <button
-        class="btn chart-options-delete-button"
         :disabled="!props.isDisabledDeleteAction"
+        class="btn chart-options-delete-button"
         data-id="chart-options-delete-button"
         @click="emits('delete-action')"
       >

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/saveOptionsModal/SaveOptionsModal.vue

@@ -1,8 +1,8 @@
 <template>
   <atoms-modal
-    width="575px"
     :show="true"
     :title="localization.inventoryMonitor.saveOptionsAs"
+    width="575px"
     @hide="onHide"
     @submit="onSave"
   >

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/CountersNew.vue

@@ -108,7 +108,7 @@ const emits = defineEmits<{
   (event: 'select-objects', value: string): void
 }>()
 
-const chartOptionsBottomBlock = ref(null)
+const chartOptionsBottomBlock = ref<HTMLElement | null>(null)
 const { y } = useScroll(chartOptionsBottomBlock)
 const isScrolledBlock = computed<boolean>(() => y.value > 0)
 </script>

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableOld/lib/config/tableConfig.ts

@@ -4,12 +4,12 @@ import type {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableOld/lib/models/types'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableOld/lib/models/types'
-import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 
 export const countersTableKey: UI_T_AdvancedCountersColumnKey[] = [
   'name',

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable.ts

@@ -4,19 +4,26 @@ import type {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
-import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
 
 export const objectTableKey: UI_T_ObjectColumnKey[] = ['target_object']
 
 const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
-  return [[localization.inventoryMonitor.targetObjects, true, '140px', objectTableKey[0]]]
+  return [
+    [
+      localization.inventoryMonitor.targetObjects,
+      true,
+      '140px',
+      objectTableKey[0],
+    ],
+  ]
 }
 
 export const columnKeys = (

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/ObjectNew.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="object-table-container">
     <ui-data-table
-      test-id="object-table"
       :data="dataLocal"
       :options="optionsData"
       :loading="props.loading"
       :texts="tableTexts"
+      test-id="object-table"
       size="sm"
       @select-row="onSelectRow"
     />

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectOld/ObjectOld.vue

@@ -11,13 +11,13 @@
           v-model:page-size="paginationLocal.pageSize"
           v-model:page="paginationLocal.page"
           :type="props.tableType"
-          class="data-table"
-          test-id="object-table"
           :loading="props.loading"
           :head-items="props.headItems"
           :body-items="props.bodyItems"
           :total-items="props.bodyItems.length"
           :total-pages="1"
+          test-id="object-table"
+          class="data-table"
           hide-footer
           server-off
         >

package/components/common/monitor/advanced/tools/lib/utils/countCores.ts

@@ -1,4 +1,4 @@
-import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
 export const getCountCores = (data: I_SeriesLine | null): number => {
   if (!data) return 0

package/components/common/monitor/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-import type { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+import type { I_SeriesLine } from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 import type { UI_T_OverviewRequestType } from '~/components/common/monitor/overview/filters/lib/models/types'
 
 export interface UI_I_GraphDataSettingItem {

package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModalOld.vue

@@ -1,18 +1,18 @@
 <template>
   <atoms-modal
-    show
-    width="580px"
     :title="props.titleIntervalModal"
     :second-title="props.selectedNodeName"
+    width="580px"
     test-id="overview-custom-interval-modal"
+    show
     @hide="onHide"
     @submit="onSubmit"
   >
     <template #modalBody>
       <atoms-alert
         v-show="alertShow"
-        status="alert-danger"
         :items="props.alertItems"
+        status="alert-danger"
         test-id="overview-alert"
         @remove="alertShow = false"
       />

package/components/common/monitor/overview/filters/customIntervalModal/customIntervalModalNew/CustomIntervalModalNew.vue

@@ -1,11 +1,11 @@
 <template>
   <ui-modal
-    show
     :title="titleLocal"
     :subtitle="props.selectedNodeName"
     :texts="modalTexts"
     width="560px"
     test-id="overview-custom-interval-modal"
+    show
     @hide="onHide"
     @submit="onSubmit"
   >
@@ -13,8 +13,8 @@
       <div class="time-range">
         <ui-alert
           v-show="alertShow"
-          status="alert-danger"
           :messages="props.alertItems"
+          status="alert-danger"
           class="overview-alert"
           test-id="overview-alert"
           size="md"
@@ -70,7 +70,8 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_ModalTexts } from 'bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_DatepickerTexts } from '~/node_modules/bfg-uikit/components/ui/datepicker/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { getUiDatepickerFormatByLanguage } from '~/lib/utils/date'
 import { getUnixDate } from '~/components/common/monitor/overview/filters/customIntervalModal/customIntervalModalNew/lib/utils/date'

package/components/common/monitor/resourceAllocation/lib/models/interfaces.ts

@@ -1,13 +1,13 @@
 export interface UI_I_ResourceAllocationHeaderItem {
-    title: string
-    value: string
-    used?: boolean
-    available?: boolean
+  title: string
+  value: string
+  used?: boolean
+  available?: boolean
 }
 
 export interface UI_I_ResourceAllocationHeader {
-    used: number
-    from: string
-    to: string
-    items: UI_I_ResourceAllocationHeaderItem[]
+  used: number
+  from: string
+  to: string
+  items: UI_I_ResourceAllocationHeaderItem[]
 }

package/components/common/monitor/resourceAllocation/resourceAllocation.vue

@@ -6,14 +6,14 @@
       <div class="resource-allocation-header-block">
         <div class="resource-allocation-header-block-progress">
           <div
+            :style="{ width: props.headerData.used + '%' }"
             title="70%"
             class="resource-allocation-header-block-progress-used"
-            :style="{ width: props.headerData.used + '%' }"
           ></div>
           <div
+            :style="{ width: 100 - props.headerData.used + '%' }"
             title="30%"
             class="resource-allocation-header-block-progress-available"
-            :style="{ width: 100 - props.headerData.used + '%' }"
           ></div>
         </div>
         <div class="resource-allocation-header-block-progress-info">

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="chart-options-modal">
     <atoms-modal
-      width="1150px"
       :show="true"
       :title="localization.inventoryMonitor.chartOptions"
       :disabled-submit="isDisabledSubmit"
+      width="1150px"
       @hide="onHide"
       @submit="onSubmit"
     >

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/Notification.vue

@@ -1,8 +1,8 @@
 <template>
   <atoms-alert
     v-show="props.alerts.length"
-    status="alert-danger"
     :items="props.alerts"
+    status="alert-danger"
     class="notification"
     test-id="notification-alert"
     @remove="emits('remove')"

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/SaveOptionsModal.vue

@@ -1,8 +1,8 @@
 <template>
   <atoms-modal
-    width="575px"
     :show="true"
     :title="localization.inventoryMonitor.saveOptionsAs"
+    width="575px"
     @hide="onHide"
     @submit="onSave"
   >

package/components/common/pages/hardwareHealth/tableView/lib/config/alertWarningTable.ts

@@ -4,11 +4,11 @@ import type {
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_HardwareHealthAlertWarnings } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
 import {
   constructHeadItem,
   constructColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_I_HardwareHealthAlertWarnings } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
 import { hardwareHealthAlertWarningTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
 import {
   sensorsLocalizationByStatus,

package/components/common/pages/hardwareHealth/tableView/lib/config/historyTestimonyTable.ts

@@ -4,17 +4,17 @@ import {
   constructHeadItem,
   constructColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import {
-  sensorsLocalizationByStatus,
-  sensorsIconByStatus,
-} from '~/components/common/pages/hardwareHealth/lib/config/status'
-import { hardwareHealthHistoryTestimonyTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
 import type {
   UI_I_BodyItem,
   UI_I_ColumnKey,
   UI_I_HeadItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
 import type { UI_I_HardwareHealthSensors } from '~/components/common/pages/hardwareHealth/tableView/lib/models/interfaces'
+import {
+  sensorsLocalizationByStatus,
+  sensorsIconByStatus,
+} from '~/components/common/pages/hardwareHealth/lib/config/status'
+import { hardwareHealthHistoryTestimonyTableKeys } from '~/components/common/pages/hardwareHealth/tableView/lib/config/tableKeys'
 
 const getItems = (
   localization: UI_I_Localization

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

@@ -40,7 +40,6 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/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_CompatibleHosts } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 import {
   stepsFunc,

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

@@ -37,7 +37,7 @@
       </ui-wizard-block>
 
       <ui-wizard-block
-        v-if="selectedStep.id === dynamicSteps.connectionSettings"
+        v-if="selectedStep.id === dynamicSteps.nameAndDevice"
         :sub-title-height="height1"
       >
         <template #subTitle>
@@ -127,7 +127,6 @@
             v-model="formModelLocal.hosts"
             :alert-messages="props.alertMessages[dynamicSteps.nameAndDevice]"
             :hosts="props.nfsHosts"
-            @hide-alert="(e) => emits('hide-alert', e)"
           />
         </template>
       </ui-wizard-block>
@@ -166,9 +165,7 @@ import type Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/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_DetailsItem } from '~/components/common/details/lib/models/interfaces'
 import type { UI_I_CompatibleHosts } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { constructDataReadyViewFunc } from '~/components/common/wizards/datastore/add/steps/readyComplete/lib/config/propertiesDetails'
 import { dynamicSteps } from '~/components/common/wizards/datastore/add/lib/config/steps'
 
 const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
@@ -184,7 +181,6 @@ const props = defineProps<{
 }>()
 const emits = defineEmits<{
   (event: 'change-steps', value: UI_I_WizardStep[]): void
-  (event: 'hide-alert', value: number): void
   (event: 'hide'): void
   (event: 'submit', value: any): void
   (event: 'main-filter', value: string): void
@@ -222,17 +218,6 @@ const { height: height4 } = useElementSize(subTitleBlock4)
 const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
   emits('change-steps', value)
 
-const dataReadyView = computed<UI_I_DetailsItem>(() =>
-  constructDataReadyViewFunc(
-    localization.value,
-    formModelLocal.value,
-    props.project,
-    props.nfsHosts
-  )
-)
-const onHideAlert = (stepId: number): void => {
-  emits('hide-alert', stepId)
-}
 const onHideModal = (): void => emits('hide')
 const onCreateDatastore = (): void => emits('submit')
 </script>