bfg-common 1.5.420 → 1.5.421

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

@@ -1,4 +1,4 @@
-export enum E_DatastoreTypeKode {
+export enum UI_E_DatastoreTypeKode {
   local = 1,
   'shared-storm' = 2,
   nfs = 4,

package/components/common/wizards/datastore/add/steps/hostAccessibility/HostAccessibility.vue

@@ -27,10 +27,15 @@ import type { UI_I_CompatibleHosts } from '~/components/common/wizards/datastore
 import { hostAccessibilityTabsFunc } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/lib/config/tabsPannel'
 
 const modelHostsLocal = defineModel<string[]>()
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CompatibleHosts
-}>()
+const props = withDefaults(
+  defineProps<{
+    alertMessages: string[]
+    hosts?: UI_I_CompatibleHosts
+  }>(),
+  {
+    hosts: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'hide-alert', value: number): void
 }>()

package/components/common/wizards/datastore/add/steps/hostAccessibility/HostAccessibilityNew.vue

@@ -2,8 +2,8 @@
   <div class="host-accessibility">
     <ui-tabs
       v-model="activeTabModel"
-      test-id="accessibility"
       :tabs="tabsLocal"
+      test-id="accessibility"
       type="outline"
       class="host-accessibility__tab"
     >
@@ -26,10 +26,15 @@ const formHostsLocal = defineModel<string[]>({ required: true })
 const activeTabModel = defineModel<UI_T_HostsAccessibilityTab>('activeTab', {
   required: true,
 })
-const props = defineProps<{
-  hosts?: UI_I_CompatibleHosts
-  tabOptions: UI_I_CollapseNavItem[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    tabOptions: UI_I_CollapseNavItem[]
+    hosts?: UI_I_CompatibleHosts
+  }>(),
+  {
+    hosts: undefined,
+  }
+)
 
 const tabsLocal = computed<UI_I_CollapseNavItem[]>(() =>
   props.tabOptions.map((tab: UI_I_CollapseNavItem) => ({

package/components/common/wizards/datastore/add/steps/hostAccessibility/HostAccessibilityOld.vue

@@ -2,16 +2,16 @@
   <div class="host-accessibility">
     <atoms-alert
       v-show="props.alertMessages?.length"
+      :items="props.alertMessages"
       test-id="accessibility"
       status="alert-danger"
-      :items="props.alertMessages"
       @remove="onHideAlert"
     />
 
     <atoms-tabs
       v-model="activeTabModel"
-      test-id="accessibility"
       :items="props.tabOptions"
+      test-id="accessibility"
       size="small"
       class="w-100"
     />
@@ -34,11 +34,16 @@ const formHostsLocal = defineModel<string[]>({ required: true })
 const activeTabModel = defineModel<UI_T_HostsAccessibilityTab>('activeTab', {
   required: true,
 })
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CompatibleHosts
-  tabOptions: UI_I_CollapseNavItem[]
-}>()
+const props = withDefaults(
+  defineProps<{
+    alertMessages: string[]
+    tabOptions: UI_I_CollapseNavItem[]
+    hosts?: UI_I_CompatibleHosts
+  }>(),
+  {
+    hosts: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'hide-alert', value: number): void
 }>()

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/Table.vue

@@ -20,7 +20,6 @@
 </template>
 
 <script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/lib/models/types'
 import type { UI_I_CompatibleHosts } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 
@@ -30,7 +29,6 @@ const props = defineProps<{
   tableType: UI_T_HostsAccessibilityTab
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/new/New.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="host-accessibility-table">
     <ui-data-table
-      test-id="accessibility-table"
       :data="data"
       :options="options"
       :loading="props.loading"
@@ -10,6 +9,7 @@
       :texts="texts"
       :default-layout="false"
       :skeleton="tableSkeleton"
+      test-id="accessibility-table"
       class="accessibility-host-table"
       size="sm"
       @select-row="onSelectRow"
@@ -27,7 +27,6 @@
 </template>
 
 <script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   UI_I_DataTable,
   UI_I_DataTableBody,
@@ -35,12 +34,13 @@ import type {
   UI_I_TableTexts,
 } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
 import type { UI_I_DataTableSkeleton } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CompatibleHostsTableItem } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 import {
   getBodyDataFunc,
   getHeaderDataFunc,
   options,
 } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/new/lib/config/compatibleTable'
-import { UI_I_CompatibleHostsTableItem } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 
 const selectedHostsIdLocal = defineModel<string[]>({ required: true })
 const props = defineProps<{

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/old/Old.vue

@@ -4,15 +4,15 @@
       v-model:selected-row="selectedHostLocal"
       v-model:page-size="pagination.pageSize"
       v-model:page="pagination.page"
-      type="checkbox"
-      class="data-table"
-      test-id="accessibility-table"
       :head-items="headItems"
       :body-items="bodyItems"
       :total-items="props.totalItems"
       :total-pages="props.totalPages"
-      hide-page-size
       :loading="props.loading"
+      type="checkbox"
+      class="data-table"
+      test-id="accessibility-table"
+      hide-page-size
       server-off
     >
       <template #icon="{ item }">
@@ -33,7 +33,7 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import type { UI_T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/lib/models/types'
-import { UI_I_CompatibleHostsTableItem } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
+import type { UI_I_CompatibleHostsTableItem } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 import * as compatibleTable from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/old/lib/config/compatibleTable'
 import * as incompatibleTable from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/old/lib/config/incompatibleTable'
 

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/old/lib/config/incompatibleTable.ts

@@ -4,7 +4,7 @@ import type {
 } from '~/components/atoms/table/dataGrid/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 { UI_E_NodeIconsByState } from '~/lib/models/enums'
 import { incompatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/old/lib/config/tableKeys'
 import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
 
@@ -38,10 +38,10 @@ export const bodyItems = (
   const bodyItems: UI_I_BodyItem[][] = []
   data.forEach((item: I_IncompatibleHostsTable, key) => {
     const hostData = {
-      iconClassName: E_NodeIconsByState.host_Normal,
+      iconClassName: UI_E_NodeIconsByState.host_Normal,
     }
     const clusterData = {
-      iconClassName: E_NodeIconsByState.host_Normal,
+      iconClassName: UI_E_NodeIconsByState.host_Normal,
     }
 
     bodyItems.push([

package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigure.vue

@@ -19,7 +19,6 @@
 
 <script lang="ts" setup>
 import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 
@@ -40,7 +39,6 @@ const emits = defineEmits<{
   (event: 'hide-alert', value: number): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])

package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigureNew.vue

@@ -10,11 +10,11 @@
         <ui-input
           id="configuration-name-input"
           v-model="formModelLocal.name"
-          test-id="configuration-name-input"
           :placeholder="localization.common.name"
-          is-focused
           :disabled="props.isLoading"
           :error="nameErrorText"
+          test-id="configuration-name-input"
+          is-focused
           @blur="initValidation(true, ['name'])"
           @input="initValidation(false, ['name'])"
         />
@@ -30,23 +30,26 @@
         </span>
 
         <common-tooltip-help
-            test-id="configuration-folder-help"
-            help-id="configuration-folder-help-icon"
-            :title="localization.common.information"
-            :help-text="localization.backup.specifyFolderPathExample"
-            dropdown-width="272px"
-            dropdown-left
-            dropdown-top
+          :title="localization.common.information"
+          :help-text="localization.backup.specifyFolderPathExample"
+          test-id="configuration-folder-help"
+          help-id="configuration-folder-help-icon"
+          dropdown-width="272px"
+          dropdown-left
+          dropdown-top
         />
       </div>
       <div class="basics-step-row-content">
         <ui-input
           id="configuration-folder-input"
           v-model="formModelLocal.folder"
-          test-id="configuration-folder-input"
-          :placeholder="$text.toCapitalizeByIndex(localization.common.eg, [0]) + ': /vols/vol0/datastore-001'"
+          :placeholder="
+            $text.toCapitalizeByIndex(localization.common.eg, [0]) +
+            ': /vols/vol0/datastore-001'
+          "
           :disabled="props.isLoading"
           :error="folderErrorText"
+          test-id="configuration-folder-input"
           @blur="initValidation(true, ['folder'])"
           @input="initValidation(false, ['folder'])"
         />
@@ -61,23 +64,26 @@
           {{ localization.common.server }}
         </span>
         <common-tooltip-help
-            test-id="configuration-server-help"
-            help-id="configuration-server-help-icon"
-            :title="localization.common.information"
-            :help-text="localization.backup.specifyServerAddressExample"
-            dropdown-width="272px"
-            dropdown-left
-            dropdown-top
+          :title="localization.common.information"
+          :help-text="localization.backup.specifyServerAddressExample"
+          test-id="configuration-server-help"
+          help-id="configuration-server-help-icon"
+          dropdown-width="272px"
+          dropdown-left
+          dropdown-top
         />
       </div>
       <div class="basics-step-row-content">
         <ui-input
           id="configuration-server-input"
           v-model="formModelLocal.server"
-          test-id="configuration-server-input"
-          :placeholder="$text.toCapitalizeByIndex(localization.common.eg, [0]) + ': nas, nas.it.com or 192.168.0.1'"
+          :placeholder="
+            $text.toCapitalizeByIndex(localization.common.eg, [0]) +
+            ': nas, nas.it.com or 192.168.0.1'
+          "
           :disabled="props.isLoading"
           :error="serverErrorText"
+          test-id="configuration-server-input"
           @blur="initValidation(true, ['server'])"
           @input="initValidation(false, ['server'])"
         />
@@ -90,9 +96,7 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-import type {
-  UI_I_InitialValidationFields
-} from "~/components/common/wizards/vm/migrate/select/targetServer/new/lib/models/interfaces";
+import type { UI_I_InitialValidationFields } from '~/components/common/wizards/vm/migrate/select/targetServer/new/lib/models/interfaces'
 
 const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 // const isShowAlertInfo = defineModel<boolean>('alertInfo', { required: true })
@@ -101,9 +105,6 @@ const props = defineProps<{
   messagesFields: UI_I_WizardStep['fields']
   isLoading: boolean
 }>()
-const emits = defineEmits<{
-  (event: 'remove-errors'): void
-}>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 

package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigureOld.vue

@@ -2,17 +2,17 @@
   <div class="configuration">
     <atoms-alert
       v-show="props.alertMessages?.length"
+      :items="props.alertMessages"
       test-id="configure-error-alert"
       status="alert-danger"
-      :items="props.alertMessages"
       @remove="onHideAlert"
     />
 
     <atoms-alert
       v-show="isShowAlertInfo"
+      :items="[localization.common.nameAndConfigurationAlertInfo]"
       test-id="configure-information-alert"
       status="alert-info"
-      :items="[localization.common.nameAndConfigurationAlertInfo]"
       @remove="isShowAlertInfo = false"
     />
     <h6 class="nd-mt-0">{{ localization.common.nfsShareDetails }}</h6>
@@ -22,7 +22,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="configuration-name-input"
@@ -47,10 +47,7 @@
         {{ localization.common.folder }}
       </label>
 
-      <div
-        class="clr-control-container"
-        :class="folderErrorText && 'clr-error'"
-      >
+      <div :class="['clr-control-container', folderErrorText && 'clr-error']">
         <div class="flex-align-center">
           <input
             id="configuration-folder-input"
@@ -82,10 +79,7 @@
         {{ localization.common.server }}
       </label>
 
-      <div
-        class="clr-control-container"
-        :class="serverErrorText && 'clr-error'"
-      >
+      <div :class="['clr-control-container', serverErrorText && 'clr-error']">
         <div class="flex-align-center input-action-wrapper">
           <input
             id="configuration-server-input"

package/components/common/wizards/datastore/add/steps/nameAndConfigure/_serversList/DeletePopover.vue

@@ -89,12 +89,3 @@ onUnmounted(() => {
   }
 }
 </style>
-
-<style>
-:root {
-  --popover-hover-bg-color: #e8e8e8;
-}
-:root.dark-theme {
-  --popover-hover-bg-color: #28404d;
-}
-</style>

package/components/common/wizards/datastore/add/steps/nameAndConfigure/_serversList/ServersList.vue

@@ -50,10 +50,15 @@ import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import type { UI_I_DataServersListItem } from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/models/interfaces'
 import * as serversTable from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/config/serversListConfig'
 
-const props = defineProps<{
-  dataTable: UI_I_DataServersListItem[] | []
-  loading?: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    dataTable: UI_I_DataServersListItem[] | []
+    loading?: boolean
+  }>(),
+  {
+    loading: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'update:data-table', value: UI_I_DataServersListItem[]): void
 }>()

package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDevice.vue

@@ -37,10 +37,7 @@
 
 <script lang="ts" setup>
 import type { UI_T_Project } from '~/lib/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
+import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
 import type {
   UI_I_Pagination,
   UI_I_DataTableQuery,
@@ -57,21 +54,28 @@ import type { UI_I_CreateStorageLunDisks } from '~/components/common/wizards/dat
 import { hostsOptionsFunc } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/lib/config/selectOptions'
 
 const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const props = defineProps<{
-  project: UI_T_Project
-  selectedNode?: UI_I_TreeNode // Используется только для нового интерфейса, когда открываем визард на хосте
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  hosts?: UI_I_CompatibleHosts | undefined
-  isMainFilter?: boolean
-  hostId?: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    project: UI_T_Project
+    alertMessages: string[]
+    messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+    selectedNode?: UI_I_TreeNode // Используется только для нового интерфейса, когда открываем визард на хосте
+    hosts?: UI_I_CompatibleHosts | undefined
+    isMainFilter?: boolean
+    hostId?: string
+  }>(),
+  {
+    selectedNode: undefined,
+    hosts: undefined,
+    isMainFilter: undefined,
+    hostId: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'hide-alert', value: number): void
   (event: 'main-filter', value: string): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])

package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceNew.vue

@@ -11,8 +11,8 @@
           id="device-selection-input"
           v-model="formModelLocal.name"
           :placeholder="localization.common.name"
-          test-id="device-selection-input"
           :error="nameErrorText"
+          test-id="device-selection-input"
           @blur="initValidation(true)"
           @input="initValidation(false)"
         />
@@ -21,10 +21,10 @@
 
     <ui-alert
       v-if="isShowInfoAlert"
+      :messages="[alertInfoDescription]"
       test-id="device-selection-information-alert"
       type="info"
       size="md"
-      :messages="[alertInfoDescription]"
       class="name-and-device__alert"
     />
 
@@ -36,10 +36,10 @@
 
         <common-tooltip-help
           v-if="props.isShowSelectHost"
-          test-id="device-select-host-tooltip"
-          help-id="device-select-host-tooltip"
           :title="localization.common.information"
           :help-text="localization.common.selectHostToViewAccessible"
+          test-id="device-select-host-tooltip"
+          help-id="device-select-host-tooltip"
           dropdown-width="272px"
           dropdown-left
           dropdown-top
@@ -94,17 +94,22 @@ const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 const isShowInfoAlert = defineModel<boolean>('isShowInfoAlert', {
   required: true,
 })
-const props = defineProps<{
-  selectedHostName: string
-  lunDisksData: UI_I_CreateStorageLunDisks
-  hostOptions: UI_I_SelectHostOptions[]
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  pagination: UI_I_Pagination
-  isShowSelectHost: boolean
-  isMainFilter?: boolean
-  loading: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    selectedHostName: string
+    lunDisksData: UI_I_CreateStorageLunDisks
+    hostOptions: UI_I_SelectHostOptions[]
+    alertMessages: string[]
+    messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+    pagination: UI_I_Pagination
+    isShowSelectHost: boolean
+    loading: boolean
+    isMainFilter?: boolean
+  }>(),
+  {
+    isMainFilter: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'select-host'): void
   (event: 'main-filter', value: string): void

package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceOld.vue

@@ -3,8 +3,8 @@
     <atoms-alert
       v-show="props.alertMessages?.length"
       :test-id="errorAlertDataId"
-      status="alert-danger"
       :items="props.alertMessages"
+      status="alert-danger"
       class="device-selection-step__alert-error"
       @remove="onHideAlert"
     />
@@ -14,7 +14,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"
@@ -36,14 +36,17 @@
 
     <atoms-alert
       v-if="isShowInfoAlert && !props.hostId"
+      :items="[localization.common.nameAndDeviceSelectionAlertInfo]"
       test-id="device-selection-information-alert"
-      class="device-selection-step__alert-info "
+      class="device-selection-step__alert-info"
       status="alert-info mb-1"
-      :items="[localization.common.nameAndDeviceSelectionAlertInfo]"
       @remove="isShowInfoAlert = false"
     />
 
-    <div v-if="props.isShowSelectHost" class="clr-form-control clr-row mb-1 mt-0">
+    <div
+      v-if="props.isShowSelectHost"
+      class="clr-form-control clr-row mb-1 mt-0"
+    >
       <label class="clr-control-label clr-col-12 clr-col-md-2">
         {{ localization.common.selectHost }}
       </label>
@@ -95,7 +98,7 @@ import type {
   UI_I_Localization,
   UI_I_ArbitraryObject,
 } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import type { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/lib/models/interfaces'
 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'
@@ -107,17 +110,23 @@ const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 const isShowInfoAlert = defineModel<boolean>('isShowInfoAlert', {
   required: true,
 })
-const props = defineProps<{
-  lunDisksData: UI_I_CreateStorageLunDisks
-  hostOptions: UI_I_SelectHostOptions[]
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  pagination: UI_I_Pagination
-  hostId?: string
-  isShowSelectHost: boolean
-  isMainFilter?: boolean
-  loading: boolean
-}>()
+const props = withDefaults(
+  defineProps<{
+    lunDisksData: UI_I_CreateStorageLunDisks
+    hostOptions: UI_I_SelectHostOptions[]
+    alertMessages: string[]
+    messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+    pagination: UI_I_Pagination
+    loading: boolean
+    isShowSelectHost: boolean
+    hostId?: string
+    isMainFilter?: boolean
+  }>(),
+  {
+    hostId: undefined,
+    isMainFilter: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'select-host'): void
   (event: 'hide-alert', value: number): void