bfg-common 1.5.93 → 1.5.95

package/components/common/browse/blocks/TitleOld.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="title-block" :style="blockWidth">
-    <div class="title-block__container" :style="blockWidth">
+  <div :style="blockWidth" class="title-block">
+    <div :style="blockWidth" class="title-block__container">
       <div
-        class="title-block__title pointer"
         :style="blockTitleWidth"
+        class="title-block__title pointer"
         @click="emits('sort')"
       >
         <b>{{ props.title }}</b>
@@ -37,8 +37,8 @@ const emits = defineEmits<{
   (event: 'sort'): void
 }>()
 
-const blockWidth = computed(() => ({ width: `${props.width}px` }))
-const blockTitleWidth = computed(() => ({ width: `${props.width - 2}px` }))
+const blockWidth = computed<any>(() => ({ width: `${props.width}px` }))
+const blockTitleWidth = computed<any>(() => ({ width: `${props.width - 2}px` }))
 </script>
 
 <style scoped lang="scss">

package/components/common/browse/blocks/contents/Files.vue

@@ -23,7 +23,7 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits<{
-  (event: 'select-file', file: any): void
+  (event: 'select-file', value: any): void
 }>()
 
 const { $store }: any = useNuxtApp()

package/components/common/browse/blocks/contents/FilesOld.vue

@@ -9,7 +9,7 @@
         ]"
         @click="onSelectFile(file)"
       >
-        <span class="file-view__icon" :class="file.iconClassName"></span>
+        <span :class="['file-view__icon', file.iconClassName]"></span>
         <span class="file-view__text">{{ file.name }}</span>
       </li>
     </template>
@@ -23,7 +23,7 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits<{
-  (event: 'select-file', file: any): void
+  (event: 'select-file', value: any): void
 }>()
 
 const onSelectFile = (file: any): void => {

package/components/common/browse/blocks/contents/filesNew/FilesNew.vue

@@ -35,7 +35,7 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits<{
-  (event: 'select-file', file: any): void
+  (event: 'select-file', value: any): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/browse/blocks/info/Date.vue

@@ -9,6 +9,7 @@
 
 <script setup lang="ts">
 import { format } from 'date-fns'
+
 const props = defineProps<{
   title: string
   value: number

package/components/common/chartOptionsModal/counters/timespan/form/FormNew.vue

@@ -33,10 +33,10 @@
           v-model="localSelectedCustomTimeLocal"
           :items="constructedCustomTimeOptions"
           :disabled="isDisabledCustomFormLast"
+          :margin-between-trigger="4"
           test-id="custom-time"
           select-width="100%"
           size="md"
-          :margin-between-trigger="4"
         />
       </div>
     </div>

package/components/common/context/Context.vue

@@ -1,11 +1,11 @@
 <template>
   <div
     :id="elementId"
-    class="context-popup"
     :style="{
       top: currentContextMenuY,
       left: currentContextMenuX,
     }"
+    class="context-popup"
   >
     <common-context-recursion
       :action-loading="props.actionLoading"

package/components/common/context/recursion/RecursionOld.vue

@@ -3,8 +3,8 @@
     <template v-if="props.isLoading">
       <atoms-loader-pre-loader
         id="loader"
-        class="absolute-center context-menu__loading"
         :show="true"
+        class="absolute-center context-menu__loading"
       />
     </template>
     <li
@@ -21,9 +21,9 @@
       @mouseleave="emits('toggle-items', [item, false, $event])"
     >
       <span
-        class="context-link"
         :style="item.style"
         :data-id="`${item.testId}-context-link`"
+        class="context-link"
         @mousedown="emits('select-item', item)"
       >
         <span :class="['context-icon', item.iconClassName]" />

package/components/common/details/DetailsItem.vue

@@ -22,7 +22,7 @@
     </div>
 
     <div v-show="isOpen" class="stack-children">
-      <div style="height: auto">
+      <div class="h-auto">
         <slot name="stackChildren" />
       </div>
     </div>

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

@@ -8,4 +8,5 @@ export interface UI_I_DetailsItem {
   permission?: string[]
   data?: any
   testId?: string
+  iconClassName?: string
 }

package/components/common/feedback/Buttons.vue

@@ -41,8 +41,8 @@
           @click="onSelect(item.key)"
         >
           <atoms-the-icon2
-            class="feedback-icon btn-icon has-solid clr-i-outline clr-i-outline-path-2"
             :name="item.iconName"
+            class="feedback-icon btn-icon has-solid clr-i-outline clr-i-outline-path-2"
           />
           <span>{{ item.text }}</span>
         </button>

package/components/common/feedback/Feedback.vue

@@ -52,8 +52,10 @@
             {{ localization.common.cancel }}
           </button>
           <button
-            class="btn btn-outline"
-            :class="props.loading && 'modal-dialog__loader'"
+            :class="[
+              'btn btn-outline',
+              props.loading && 'modal-dialog__loader',
+            ]"
             :disabled="!description"
             data-id="feedback-modal-submit-button"
             @click="submit"

package/components/common/feedback/Message.vue

@@ -6,16 +6,16 @@
         id="feedback-message-textarea"
         v-model="descriptionLocal"
         :disabled="props.type === undefined"
-        class="clr-textarea ng-pristine ng-invalid ng-touched textarea"
         :placeholder="descriptionTextPlaceholder"
+        class="clr-textarea ng-pristine ng-invalid ng-touched textarea"
         data-id="feedback-message-textarea"
       ></textarea>
     </div>
     <div class="main-block">
       <span class="text">{{ localization.common.emailAddress }} </span>
       <atoms-tooltip-error
-        class="tooltip-error"
         :has-error="isInvalidEmail"
+        class="tooltip-error"
         selector="#vm-wizard-vcpus-field input"
       >
         <template #elem>
@@ -199,9 +199,9 @@ const descriptionTextPlaceholder = computed<string>(() => {
   return localization.value.common.selectFeedbackType
 })
 const hasTakeScreenshot = ref<boolean>(false)
-const feedbackImgWrap = ref()
-const feedbackImg = ref()
-const isFileLoad = ref(null)
+const feedbackImgWrap = ref<any>()
+const feedbackImg = ref<any>()
+const isFileLoad = ref<any>(null)
 const memoryParentMain = ref<string>('')
 const memoryParentModalDialog = ref<string>('')
 

package/components/common/feedback/VisitPortal.vue

@@ -27,6 +27,7 @@
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const descriptions = ref<string[]>(localization.value.common.useOurExternalIdeasPortal.split('{0}'))

package/components/common/graph/graphNew/GraphNew.vue

@@ -14,10 +14,10 @@
           <div class="chart-export-dropdown-container">
             <ui-button
               :test-id="`button-metric-${uniqueId}`"
+              :class="['metric-export-button', { active: isShowDropdown }]"
               is-without-sizes
               is-without-height
               variant="text"
-              :class="['metric-export-button', { active: isShowDropdown }]"
               @click="isShowDropdown = !isShowDropdown"
             >
               <ui-icon name="burger" width="20" height="20" />
@@ -29,7 +29,7 @@
               :elem-id="`button-metric-${uniqueId}`"
               left
               width="max-content"
-              @select="onSelect($event, key)"
+              @select="onSelect($event)"
               @hide="isShowDropdown = false"
             />
           </div>

package/components/common/graph/lib/utils/renderGraph.ts

@@ -9,7 +9,7 @@ import type {
   I_SeriesLine,
   I_SeriesDisk,
   I_SeriesLineItem,
-} from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
+} from '~/node_modules/bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 

package/components/common/layout/theHeader/feedback/new/New.vue

@@ -7,8 +7,8 @@
       <ui-modal
         show
         :width="!options.isAnnotateImage ? '560px' : '880px'"
-        test-id="feedback-modal"
         :title="title"
+        test-id="feedback-modal"
         class="feedback"
         @hide="onHideModal"
       >

package/components/common/layout/theHeader/feedback/new/additionalDetails/AdditionalDetails.vue

@@ -101,12 +101,12 @@
         </ui-button>
         <div class="separator-line"></div>
         <ui-button
+          :disabled="isDisabledButton"
           test-id="feedback-undo-button"
           size="sm"
           type="default"
           variant="outline"
           class="btn undo"
-          :disabled="isDisabledButton"
           @click="onUndoLast"
         >
           <ui-icon
@@ -120,12 +120,12 @@
       </div>
 
       <ui-button
+        :disabled="isDisabledButton"
         test-id="feedback-clear-all-button"
         size="sm"
         type="default"
         variant="outline"
         class="btn clear-all"
-        :disabled="isDisabledButton"
         @click="clearAll"
       >
         <ui-icon
@@ -140,12 +140,14 @@
 
     <div
       id="feedbackImgWrap"
+      :class="[
+        'preview-container',
+        {
+          disabled: !optionsModel.hasTakeScreenshot,
+          annotate: optionsModel.isAnnotateImage,
+        },
+      ]"
       ref="feedbackImgWrap"
-      class="preview-container"
-      :class="{
-        disabled: !optionsModel.hasTakeScreenshot,
-        annotate: optionsModel.isAnnotateImage,
-      }"
     >
       <div class="preview-container__backdrop">
         <div>

package/components/common/layout/theHeader/feedback/new/additionalDetails/Headline.vue

@@ -5,17 +5,16 @@
     </span>
     <ui-icon
       id="feedback-additional-details-info-icon"
+      :class="['headline__icon pointer', isShowInfo && 'active']"
       name="info"
       width="16"
       height="16"
-      class="headline__icon pointer"
-      :class="isShowInfo && 'active'"
       @click="isShowInfo = !isShowInfo"
     />
     <ui-popup-window
       v-model="isShowInfo"
-      width="288px"
       :elem-id="'feedback-additional-details-info-icon'"
+      width="288px"
       is-priority-right-position
     >
       <div class="common-widget-info">

package/components/common/layout/theHeader/feedback/new/description/Description.vue

@@ -4,10 +4,10 @@
 
     <ui-textarea
       v-model="descriptionModelLocal"
-      test-id="feedback-description"
       :disabled="!selectedTab"
       :placeholder="descriptionTextPlaceholder"
       :error="descriptionErrorText"
+      test-id="feedback-description"
     >
     </ui-textarea>
   </div>

package/components/common/layout/theHeader/feedback/new/email/Email.vue

@@ -5,8 +5,8 @@
     <ui-input
       v-model="emailModelLocal"
       :error="emailErrorText"
-      type="text"
       :placeholder="localization.common.emailAddressOptional"
+      type="text"
       test-id="feedback-email"
     />
   </div>

package/components/common/layout/theHeader/feedback/new/subtitle/Subtitle.vue

@@ -8,14 +8,13 @@
       name="info"
       width="16"
       height="16"
-      class="subtitle__icon pointer"
-      :class="isShowInfo && 'active'"
+      :class="['subtitle__icon pointer', isShowInfo && 'active']"
       @click="isShowInfo = !isShowInfo"
     />
     <ui-popup-window
       v-model="isShowInfo"
-      width="320px"
       :elem-id="'feedback-description-info-icon'"
+      width="320px"
       class="subtitle__tooltip"
       is-priority-right-position
     >

package/components/common/layout/theHeader/helpMenu/aboutNew/AboutNew.vue

@@ -1,9 +1,9 @@
 <template>
   <ui-modal
     test-id="about-modal"
-    width="720px"
     :title="props.title"
     :subtitle="props.subtitle"
+    width="720px"
     class="about-modal"
     @hide="onHideModal"
   >
@@ -20,8 +20,8 @@
 
           (<a
             id="about-description-link"
-            data-id="about-description-link"
             :href="url"
+            data-id="about-description-link"
             target="_blank"
             class="about-modal__description-link"
           >

package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue

@@ -1,11 +1,6 @@
 <template>
   <Teleport to="body">
-    <atoms-modal
-      show
-      width="864px"
-      :title="props.title"
-      test-id="about-modal"
-    >
+    <atoms-modal :title="props.title" show width="864px" test-id="about-modal">
       <template #modalHeader>
         <div class="flex-align-center">
           <h3 class="modal-title">{{ brandName }}® {{ props.projectName }}</h3>
@@ -34,8 +29,8 @@
           {{ props.aboutDescOne }}
           (<a
             id="about-description-link"
-            data-id="about-description-link"
             :href="url"
+            data-id="about-description-link"
             target="_blank"
             >{{ props.url }}</a
           >){{ props.aboutDescSecond }}

package/components/common/layout/theHeader/helpMenu/helpMenuOld/HelpMenuOld.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="tid-control-bar-help-menu help-menu">
     <atoms-dropdown
-      test-id="help-menu-dropdown"
       :drop-menu="helpMenu"
+      test-id="help-menu-dropdown"
       @select="emits('select-dropdown', $event.action)"
     >
       <template #icon>

package/components/common/layout/theHeader/modals/Reconnect.vue

@@ -1,9 +1,9 @@
 <template>
   <atoms-modal
-    test-id="connection-timeout-reconnect-modal"
-    width="580px"
     :show="isShow"
     :title="localization.common.connectionTimeout"
+    test-id="connection-timeout-reconnect-modal"
+    width="580px"
     class="connection-timeout"
     is-hide-close-icon
   >

package/components/common/layout/theHeader/modals/RedirectLogin.vue

@@ -1,9 +1,9 @@
 <template>
   <atoms-modal
-    test-id="connection-timeout-modal"
-    width="580px"
     :show="isShow"
     :title="localization.common.connectionTimeout"
+    test-id="connection-timeout-modal"
+    width="580px"
     class="connection-timeout"
     is-hide-close-icon
   >
@@ -11,9 +11,9 @@
       <div class="connection-timeout__body">
         <atoms-alert
           v-show="true"
+          :items="[localization.common.connectionTimeoutErrorDesc]"
           test-id="connection-timeout-alert"
           status="alert-danger"
-          :items="[localization.common.connectionTimeoutErrorDesc]"
           hide-close-icon
         />
       </div>

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePassword.vue

@@ -26,7 +26,7 @@ import type {
   UI_I_ChangePasswordForm,
 } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-import {} from '#build/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
+// import {} from '#build/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
 
 const props = defineProps<{
   hostname: string

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePasswordNew.vue

@@ -1,12 +1,12 @@
 <template>
   <ui-modal
-    show
-    width="560px"
-    test-id="change-password-modal"
     :title="localization.common.changePassword"
     :texts="modalTexts"
     :subtitle="props.subtitle"
+    width="560px"
+    test-id="change-password-modal"
     class="change-password"
+    show
     @submit="onSubmit"
     @hide="onHideModal"
   >
@@ -14,10 +14,10 @@
       <ui-modal-block-standard>
         <ui-alert
           v-if="alertErrorText"
+          :messages="[alertErrorText]"
           test-id="change-password-error-alert"
           type="error"
           hide-close-button
-          :messages="[alertErrorText]"
           class="change-password__alert"
         />
 
@@ -28,26 +28,26 @@
         <div class="change-password__form">
           <ui-input
             v-model="modelLocal.current_password"
-            test-id="change-password-password-field"
             :label="localization.auth.password"
             :error="passwordErrorText"
-            type="password"
             :autocomplete="'new-password'"
+            type="password"
+            test-id="change-password-password-field"
           />
 
           <ui-input
             v-model="modelLocal.new_password"
-            test-id="change-password-new-password-field"
             :label="localization.common.newPassword"
             :error="newPasswordErrorText"
+            test-id="change-password-new-password-field"
             type="password"
           />
 
           <ui-input
             v-model="modelLocal.confirm_password"
-            test-id="change-password-confirm-password-field"
             :label="localization.common.confirmPassword"
             :error="confirmPasswordErrorText"
+            test-id="change-password-confirm-password-field"
             type="password"
           />
         </div>

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePasswordOld.vue

@@ -1,11 +1,11 @@
 <template>
   <atoms-modal
-    width="580px"
-    test-id="change-password"
-    show
     :title="localization.common.changePassword"
     :second-title="props.hostname"
     :disabled-submit="buttonDisabled"
+    width="580px"
+    test-id="change-password"
+    show
     @hide="onHideModal"
     @submit="onChangePassword"
   >

package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesNew.vue

@@ -1,8 +1,8 @@
 <template>
   <ui-modal
+    :title="localization.common.preferences"
     test-id="user-preferences-modal"
     width="580px"
-    :title="localization.common.preferences"
     @reset="emits('reset')"
     @submit="emits('submit')"
     @hide="onHide"

package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue

@@ -101,7 +101,7 @@ const emits = defineEmits<{
   (event: 'submit'): void
 }>()
 
-const { $store }: any = useNuxtApp()
+// const { $store }: any = useNuxtApp()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue

@@ -27,9 +27,9 @@ import type { UI_T_LangValue } from '~/lib/models/types'
 import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/types'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
+import { UI_E_DetectSelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/enums'
 import { locales } from '~/components/common/selectLanguage/lib/config/config'
 import { findInLocals } from '~/components/common/selectLanguage/lib/utils/utils'
-import { UI_E_DetectSelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/enums'
 import { radioOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/config/radioOptions'
 import { defineBrowserLangFunc } from '~/components/common/layout/theHeader/lib/utils/localization'
 

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguageNew.vue

@@ -56,7 +56,7 @@ const emits = defineEmits<{
   (event: 'update-is-browser', value: string): void
 }>()
 
-const config = useRuntimeConfig()
+// const config = useRuntimeConfig()
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const selectedLanguageLocal = computed<UI_I_Dropdown>({

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguageOld.vue

@@ -1,8 +1,5 @@
 <template>
-  <form
-    id="change-language-form"
-    class="compact change-default-console"
-  >
+  <form id="change-language-form" class="compact change-default-console">
     <div class="description">
       {{ props.description }}
     </div>
@@ -55,7 +52,7 @@ const emits = defineEmits<{
   (event: 'update-is-browser', value: string): void
 }>()
 
-const config = useRuntimeConfig()
+// const config = useRuntimeConfig()
 
 const selectedLanguageLocal = computed<UI_I_Dropdown>({
   get() {

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsoleOld.vue

@@ -14,9 +14,9 @@
         :id="item.label"
         v-model="consoleValue"
         :data-id="item.testId"
-        type="radio"
         :value="item.value"
         :disabled="item.disabled"
+        type="radio"
         @change="onChange"
       />
       <label :for="item.label">

package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/InventoryNew.vue

@@ -18,8 +18,8 @@
         </div>
         <ui-checkbox
           v-model="vmInHostsClusters"
-          test-id="user-preferences-inventory-show-vms-checkbox"
           :label-text="localization.common.virtualMachinesLabel"
+          test-id="user-preferences-inventory-show-vms-checkbox"
         />
       </div>
     </div>

package/components/common/layout/theHeader/userMenu/userMenuNew/UserMenuNew.vue

@@ -36,9 +36,9 @@
     </ui-tooltip>
   </div>
   <ui-dropdown
-    test-id="user-menu-dropdown"
     :show="isShowDropdown"
     :items="dropdownItems"
+    test-id="user-menu-dropdown"
     width="max-content"
     elem-id="user-menu-dropdown-toggle"
     @select="onSelectDropdown"
@@ -62,8 +62,8 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { userMenuFunc } from '~/components/common/layout/theHeader/userMenu/userMenuNew/lib/config/dropMenu'
 
 const props = defineProps<{

package/components/common/layout/theHeader/userMenu/userMenuNew/lib/config/dropMenu.ts

@@ -1,5 +1,5 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 export const userMenuFunc = (
   localization: UI_I_Localization