bfg-common 1.5.93 → 1.5.95

package/components/atoms/step/VerticalStep.vue

@@ -21,9 +21,9 @@
         <button
           :id="`${props.testId}-step-button-${key}`"
           :data-id="`${item.testId}-step-button`"
-          class="btn btn-link clr-wizard-stepnav-link"
           :style="{ 'margin-left': '8px' }"
           :disabled="item.disabled"
+          class="btn btn-link clr-wizard-stepnav-link"
           @click="changeStep(key)"
         >
           <span class="clr-wizard-stepnav-link-title">{{ item.text }}</span>

package/components/atoms/step/lib/models/verticalStepItem.ts

@@ -1,7 +1,5 @@
-interface UI_I_VerticalStepItem {
+export interface UI_I_VerticalStepItem {
   text: string
   disabled: boolean
   complete: boolean
 }
-
-export default UI_I_VerticalStepItem

package/components/atoms/switch/Switch.vue

@@ -2,7 +2,7 @@
   <div class="flex-align-center">
     <div class="switch-body">
       <input :id="props.testId" v-model="value" type="checkbox" />
-      <label class="switch-label" :for="props.testId"></label>
+      <label :for="props.testId" class="switch-label"></label>
     </div>
     <label :for="props.testId"><slot></slot></label>
   </div>
@@ -10,11 +10,11 @@
 
 <script setup lang="ts">
 const props = withDefaults(
-    defineProps<{
-      modelValue: boolean
-      testId?: string
-    }>(),
-    { testId: 'ui-switch' }
+  defineProps<{
+    modelValue: boolean
+    testId?: string
+  }>(),
+  { testId: 'ui-switch' }
 )
 
 const emits = defineEmits<{

package/components/atoms/table/compact/Compact.vue

@@ -10,12 +10,12 @@
                   <div class="datagrid-row-master datagrid-row-flex">
                     <div class="datagrid-row-scrollable">
                       <div
-                          v-for="(item, key) in props.headItems"
-                          :key="key"
-                          :style="{
+                        v-for="(item, key) in props.headItems"
+                        :key="key"
+                        :style="{
                           width: columnsWidth[key],
                         }"
-                          class="datagrid-column datagrid-fixed-width"
+                        class="datagrid-column datagrid-fixed-width"
                       >
                         <div class="datagrid-column-flex">
                           <div class="datagrid-column-title">
@@ -34,21 +34,21 @@
               </div>
               <template v-if="props.bodyItems.length">
                 <div
-                    v-for="(item, key) in props.bodyItems"
-                    :key="key"
-                    :class="['datagrid-body-row datagrid-row animation']"
+                  v-for="(item, key) in props.bodyItems"
+                  :key="key"
+                  :class="['datagrid-body-row datagrid-row animation']"
                 >
                   <div>
                     <div class="datagrid-row-master datagrid-row-flex">
                       <div class="datagrid-row-scrollable">
                         <div class="datagrid-scrolling-cells">
                           <div
-                              v-for="(item2, key2) in item"
-                              :key="item2"
-                              class="datagrid-cell datagrid-fixed-width"
-                              :style="{
+                            v-for="(item2, key2) in item"
+                            :key="item2"
+                            :style="{
                               width: `${columnsWidth[key2]}`,
                             }"
+                            class="datagrid-cell datagrid-fixed-width"
                           >
                             <div class="flex-align-center h-100">
                               <slot :name="item2.key" :item="item2">
@@ -87,14 +87,14 @@
 import type { UI_I_HeadItem } from '~/components/atoms/table/compact/lib/models/interfaces'
 
 const props = withDefaults(
-    defineProps<{
-      headItems: UI_I_HeadItem[]
-      bodyItems: any // don't know what array fields will be
-      loading?: boolean
-    }>(),
-    {
-      loading: false,
-    }
+  defineProps<{
+    headItems: UI_I_HeadItem[]
+    bodyItems: any // don't know what array fields will be
+    loading?: boolean
+  }>(),
+  {
+    loading: false,
+  }
 )
 
 const columnsWidth = ref<string[]>([])
@@ -111,7 +111,10 @@ const setDataGridWidth = (): void => {
   }
 
   const emptyWidthCount = props.headItems.filter((item) => !item.width).length
-  const existWidthsSum = props.headItems.reduce((acum, item) => acum += item.width, 0)
+  const existWidthsSum = props.headItems.reduce(
+    (acum, item) => (acum += item.width),
+    0
+  )
   const equalGridWidth = (dataGridWidth - existWidthsSum) / emptyWidthCount
   props.headItems.forEach((item) => {
     const elementMax = Math.max(equalGridWidth, item.width)

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -54,9 +54,9 @@
                               :id="`${props.testId}-${inputId}-all`"
                               v-model="selectedAll"
                               :data-id="`${props.testId}-filter-all`"
+                              :value="-1"
                               type="checkbox"
                               class="checkbox-btn"
-                              :value="-1"
                               @change="changeAll"
                             />
                             <label
@@ -149,9 +149,9 @@
                           <atoms-popup-simple-popup
                             v-model="filterShow[key]"
                             :test-id="`${props.testId}-filter`"
-                            top="100%"
                             :left="key === 0 ? '0' : ''"
                             :right="key !== 0 ? '0' : ''"
+                            top="100%"
                           >
                             <input
                               :id="`${props.testId}-filter-input-${key}`"
@@ -257,8 +257,8 @@
                           <slot
                             v-if="props.type"
                             :key="key"
-                            name="type"
                             :item="item"
+                            name="type"
                           >
                             <div
                               :class="
@@ -313,7 +313,10 @@
                           </div>
                         </div>
                       </div>
-                      <div class="datagrid-row-scrollable">
+                      <div
+                        :data-id="`${item[0].testId}-select-row-scrollable`"
+                        class="datagrid-row-scrollable"
+                      >
                         <div class="datagrid-scrolling-cells">
                           <div
                             v-for="(item2, key2) in item"
@@ -487,8 +490,8 @@
 
         <atoms-loader
           v-show="props.loading"
-          class="datagrid-spinner"
           :test-id="`${props.testId}-spinner`"
+          class="datagrid-spinner"
         />
       </div>
     </div>
@@ -621,9 +624,9 @@ const columnKeysLocal = computed<UI_T_ColumnKeys>({
 })
 
 const selectedAll = ref<boolean>(false)
-const changeAll = (e: UI_I_HTMLSelectElement): void => {
+const changeAll = (event: UI_I_HTMLSelectElement): void => {
   const newSelectedRow: (number | string)[] = []
-  if (e.target.checked) {
+  if (event.target.checked) {
     bodyItemsPresent.value.forEach((row) => {
       if (row[0]?.disabled) return
 
@@ -642,7 +645,7 @@ let memoryWidth = '0'
 const showedInfoRow = ref<UI_I_BodyItem | null>(null)
 const showedInfoCol = ref<UI_I_BodyItem[] | null>(null)
 
-const isShowInfo = computed(
+const isShowInfo = computed<boolean>(
   () =>
     showedInfoRow.value &&
     showedInfoRow.value.id === props.selectedRow &&
@@ -719,7 +722,7 @@ const selectRowById = (item: UI_I_BodyItem): void => {
   emits('update:selected-row', id)
 }
 const changeSelectedRow = (
-  e: UI_I_HTMLSelectElement,
+  event: UI_I_HTMLSelectElement,
   id: number | string
 ): void => {
   if (props.type === 'checkbox' && Array.isArray(selectedRowLocal.value)) {
@@ -727,7 +730,7 @@ const changeSelectedRow = (
     emits('change', newSelectedRow)
     emits('update:selected-row', newSelectedRow)
 
-    changeSelectedAll(e.target.checked)
+    changeSelectedAll(event.target.checked)
     return
   }
 
@@ -819,7 +822,7 @@ const bodyItemsPresent = computed<UI_I_BodyItem[][]>(() => {
       return {
         ...item,
         // Если текст пустой нужно поставить '--' для экспорта
-        text: item.text !== '' ? item.text :  '--'
+        text: item.text !== '' ? item.text : '--',
       }
     })
   })
@@ -972,15 +975,15 @@ watch(
 
 const grabColumn = ref<number>(-1)
 const grabStartX = ref<number>(0)
-const setGrab = (key: number, e: MouseEvent): void => {
+const setGrab = (key: number, event: MouseEvent): void => {
   if (props.withInfo && key === 0) return
 
   if (!isShowHiddenInfo.value) {
     grabColumn.value = key
     const currentWidth = parseInt(columnsWidth.value[grabColumn.value][0])
-    grabStartX.value = e.clientX - currentWidth
+    grabStartX.value = event.clientX - currentWidth
     if (isRtl.value) {
-      grabStartX.value = e.clientX + currentWidth
+      grabStartX.value = event.clientX + currentWidth
     }
   }
 }
@@ -997,17 +1000,17 @@ const mouseup = (): void => {
 }
 
 let resizeObserve: ResizeObserver
-let mousemove = (e: MouseEvent): void => {
+let mousemove = (event: MouseEvent): void => {
   if (grabColumn.value === -1) return
 
-  e.preventDefault()
+  event.preventDefault()
   isDrag.value = true
   resizeObserve.disconnect()
 
   const minWidth = parseInt(columnsWidth.value[grabColumn.value][1])
-  let changeX = Math.max(e.clientX - grabStartX.value, minWidth)
+  let changeX = Math.max(event.clientX - grabStartX.value, minWidth)
   if (isRtl.value) {
-    changeX = Math.max(grabStartX.value - e.clientX, minWidth)
+    changeX = Math.max(grabStartX.value - event.clientX, minWidth)
   }
 
   columnsWidth.value[grabColumn.value] = [`${changeX}px`, `${minWidth}px`]
@@ -1015,15 +1018,15 @@ let mousemove = (e: MouseEvent): void => {
 mousemove = useThrottle(mousemove)
 
 const setResizeObserve = (): void => {
-  const el = document.getElementById(outerWrapper)
+  const element = document.getElementById(outerWrapper)
 
-  if (!el) {
+  if (!element) {
     setTimeout(setResizeObserve, 0)
     return
   }
 
   resizeObserve = new ResizeObserver(setColumnWidth)
-  resizeObserve.observe(el)
+  resizeObserve.observe(element)
 }
 
 let resizeObserveWithInfo: ResizeObserver
@@ -1038,15 +1041,15 @@ const setColumnWidthWithInfo = (ent: ResizeObserverEntry[]): void => {
 }
 
 const setResizeObserveWithInfo = (): void => {
-  const el = document.querySelector('.datagrid')
+  const element = document.querySelector('.datagrid')
 
-  if (!el) {
+  if (!element) {
     setTimeout(setResizeObserveWithInfo, 0)
     return
   }
 
   resizeObserveWithInfo = new ResizeObserver(setColumnWidthWithInfo)
-  resizeObserveWithInfo.observe(el)
+  resizeObserveWithInfo.observe(element)
 }
 
 // Export

package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue

@@ -94,13 +94,13 @@ const isLast = computed<boolean>(
   () => props.columnKeys.filter((columnKey) => columnKey.show).length === 1
 )
 
-const change = (e: UI_I_HTMLSelectElement, key: number): void => {
-  const newColumnKeys = props.columnKeys.map((columnKey, i) => {
-    if (i !== key) {
+const change = (event: UI_I_HTMLSelectElement, key: number): void => {
+  const newColumnKeys = props.columnKeys.map((columnKey, item) => {
+    if (item !== key) {
       return columnKey
     }
 
-    columnKey.show = e.target.checked
+    columnKey.show = event.target.checked
     return columnKey
   })
   emits('update:column-keys', newColumnKeys)
@@ -138,7 +138,7 @@ const toggle = (): void => {
   setDropdownStyle()
 }
 
-const dropdownStyles = ref({})
+const dropdownStyles = ref<any>({})
 const setDropdownStyle = (): void => {
   const elem = document.getElementById(columnSwitchId.value)
   if (!elem) {

package/components/atoms/table/dataGrid/DataGridPage.vue

@@ -3,8 +3,8 @@
     <button
       :id="`${props.testId}-first-button`"
       :data-id="`${props.testId}-first-button`"
-      class="pagination-first"
       :disabled="currentPage === 1"
+      class="pagination-first"
       @click="changeCurrentPage(1)"
     >
       <atoms-the-icon
@@ -17,8 +17,8 @@
     <button
       :id="`${props.testId}-prev-button`"
       :data-id="`${props.testId}-prev-button`"
-      class="pagination-previous"
       :disabled="currentPage === 1"
+      class="pagination-previous"
       @click="changeCurrentPage(currentPage - 1)"
     >
       <atoms-the-icon
@@ -44,8 +44,8 @@
     <button
       :id="`${props.testId}-next-button`"
       :data-id="`${props.testId}-next-button`"
-      class="pagination-next"
       :disabled="currentPage === props.totalPages"
+      class="pagination-next"
       @click="changeCurrentPage(currentPage + 1)"
     >
       <atoms-the-icon
@@ -58,8 +58,8 @@
     <button
       :id="`${props.testId}-last-button`"
       :data-id="`${props.testId}-last-button`"
-      class="pagination-last"
       :disabled="currentPage === props.totalPages"
+      class="pagination-last"
       @click="changeCurrentPage(props.totalPages)"
     >
       <atoms-the-icon
@@ -73,8 +73,6 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_HTMLSelectElement } from '~/lib/models/interfaces'
-
 const props = withDefaults(
   defineProps<{
     page: number
@@ -115,8 +113,8 @@ const changeCurrentPage = (page: number): void => {
   if (page > props.totalPages || page < 1) return
   changePageAndLazy(page)
 }
-const changeCurrentPageManual = (e: any): void => {
-  const newVal = parseInt(e.target.value)
+const changeCurrentPageManual = (event: any): void => {
+  const newVal = parseInt(event.target.value)
 
   if (typeof newVal !== 'number' || isNaN(newVal)) {
     currentPageLazy.value = currentPage.value

package/components/atoms/table/info/Info.vue

@@ -2,14 +2,14 @@
   <!--  TODO refactoring-->
   <table :data-id="props.testId" class="table table-vertical">
     <tbody>
-      <tr v-for="item in list" :key="item.id">
+      <tr v-for="(item, index) in list" :key="item.id">
         <th
           scope="row"
           :class="['vm-name-label', item.isProperty && 'hard-disk-properties']"
         >
           {{ item.label }}
         </th>
-        <td class="vm-name">
+        <td :data-id="`${props.testId}-td-${index}-content`" class="vm-name">
           <slot :name="item.key">
             {{ item.value }}
           </slot>

package/components/atoms/table/simpleEvent/SimpleEvent.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_TableHeadItem,
   UI_I_TableBodyItem,
 } from '~/components/atoms/table/simpleEvent/lib/models/interfaces'

package/components/atoms/table/simpleInfo/SimpleInfo.vue

@@ -6,8 +6,8 @@
           <td v-for="item in props.headItems" :key="item.text" class="row">
             <span> {{ item.text }}</span>
             <span
-              class="underlined"
               :data-id="`${item.testId}-select-node`"
+              class="underlined"
               @click="selectNode(item.value)"
             >
               {{ item.value }}

package/components/atoms/tabs/Tabs.vue

@@ -4,8 +4,10 @@
       <li
         v-for="(item, key) in props.items"
         :key="item.path"
-        class="nav-item"
-        :class="detectButtonRemainderCount === key && 'last-button'"
+        :class="[
+          'nav-item',
+          detectButtonRemainderCount === key && 'last-button',
+        ]"
       >
         <atoms-collapse-nav-item
           :is-link="props.isLink"

package/components/atoms/tooltip/Signpost.vue

@@ -29,6 +29,7 @@
 
 <script setup lang="ts">
 import type { UI_I_ElPosition } from '~/components/atoms/tooltip/lib/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     elemId: string

package/components/atoms/tooltip/Tooltip.vue

@@ -12,8 +12,8 @@
     <Teleport to="body">
       <div
         v-show="show"
-        class="tooltip-top-right tooltip-content"
         :style="tooltipStyles"
+        class="tooltip-top-right tooltip-content"
       >
         <slot name="content" />
       </div>

package/components/atoms/tooltip/TooltipError.vue

@@ -26,6 +26,7 @@
 
 <script setup lang="ts">
 import type { UI_I_ElPosition } from '~/components/atoms/tooltip/lib/models/interfaces'
+
 const props = defineProps<{
   hasError: boolean
   selector?: string

package/components/atoms/wizard/Wizard.vue

@@ -1,8 +1,8 @@
 <template>
   <div v-if="props.show" class="modal clr-wizard wizard-xl">
     <div
-      class="modal-dialog modal-xl relative"
       :style="{ 'max-height': props.maxHeight }"
+      class="modal-dialog modal-xl relative"
     >
       <div class="modal-content-wrapper">
         <nav class="modal-nav clr-wizard-stepnav-wrapper">

package/components/atoms/wizard/step/Step.vue

@@ -16,9 +16,9 @@
               props.selectedScheme[key]?.dataId) ||
             step.testId
           }-step-button`"
-          class="btn btn-link clr-wizard-stepnav-link"
           :style="{ 'margin-left': '8px' }"
           :disabled="step.status.disabled"
+          class="btn btn-link clr-wizard-stepnav-link"
           @click="changeStep(step)"
         >
           <span class="clr-wizard-stepnav-link-title">

package/components/common/accordion/Recursion.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="accordion" :class="{ disabled: props.accordion.disabled }">
+  <div :class="['accordion', { disabled: props.accordion.disabled }]">
     <nuxt-link
       v-development="props.accordion.development"
-      class="accordion-item"
       :to="accordionLocal.path"
       :data-id="accordionLocal.testId"
+      class="accordion-item"
       active-class="active"
       @click.prevent="onSelect(accordionLocal)"
     >

package/components/common/adapterManager/AddAdapterModal.vue

@@ -34,11 +34,11 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_Localization,
   UI_I_ItemsWithTotalCounts,
 } from '~/lib/models/interfaces'
-import {
+import type {
   UI_I_Adapter,
   UI_I_SwitchAdapterItem,
 } from '~/components/common/diagramMain/lib/models/interfaces'

package/components/common/adapterManager/ui/actions/AddAdapterButton.vue

@@ -1,8 +1,8 @@
 <template>
   <li v-if="props.fullMode">
     <span
-      class="action-link-container"
       :title="localization.common.addAdapters"
+      class="action-link-container"
       data-id="add-adapter-button"
       @click="onShowAddAdapterModal"
     >

package/components/common/adapterManager/ui/table/Adapters.vue

@@ -32,7 +32,7 @@ const props = withDefaults(
 )
 
 const emits = defineEmits<{
-  (event: 'select-adapter', id: string): void
+  (event: 'select-adapter', value: string): void
 }>()
 
 const onSelectAdapter = (id: string) => emits('select-adapter', id)

package/components/common/adapterManager/ui/table/Header.vue

@@ -35,7 +35,7 @@ const title = computed<string>(
 )
 
 const emits = defineEmits<{
-  (event: 'select-header', id: string): void
+  (event: 'select-header', value: string): void
 }>()
 
 // const onSelectAdapter = () => emits('select-header', props.id)

package/components/common/adapterManager/ui/table/Table.vue

@@ -58,7 +58,7 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_Adapter,
   UI_I_AdapterStatus,
   UI_I_SwitchAdapterItem,
@@ -94,9 +94,9 @@ const props = withDefaults(
 )
 
 const emits = defineEmits<{
-  (event: 'click-empty-space', ev: Event): void
-  (event: 'select-add-adapter', id: string): void
-  (event: 'select-adapter', id: string): void
+  (event: 'click-empty-space', value: Event): void
+  (event: 'select-add-adapter', value: string): void
+  (event: 'select-adapter', value: string): void
 }>()
 
 const onClickEmptySpace = (event: Event): void => {

package/components/common/browse/Browse.vue

@@ -96,7 +96,7 @@ const nodesLocal = computed<any[]>(() => {
 
 const loadingNodeId = ref<string>('')
 
-const nodesLocalWithLoading = computed(() => {
+const nodesLocalWithLoading = computed<any>(() => {
   const nodesWithLoading = setLoadingOnNodeById(
     nodesLocal.value,
     loadingNodeId.value

package/components/common/browse/BrowseNew.vue

@@ -2,12 +2,12 @@
   <ui-modal
     v-if="props.show"
     :title="localization.common.selectFile"
+    :texts="modalButtonsText"
+    :is-disabled-accept="!props.selectedFile"
     test-id="browse"
     size="md"
-    show
     width="864px"
-    :texts="modalButtonsText"
-    :is-disabled-accept="!props.selectedFile"
+    show
     @submit="emits('submit')"
     @hide="emits('hide')"
   >

package/components/common/browse/BrowseOld.vue

@@ -1,11 +1,11 @@
 <template>
   <atoms-modal
     test-id="browse"
-    width="864px"
-    height="586px"
     :show="props.show"
     :title="localization.common.selectFile"
     :disabled-submit="!props.selectedFile"
+    width="864px"
+    height="586px"
     @submit="emits('submit')"
     @hide="emits('hide')"
   >
@@ -18,9 +18,9 @@
           fill="#666"
         />
         <input
+          :placeholder="localization.common.filter"
           type="text"
           data-id="browse-filter-input"
-          :placeholder="localization.common.filter"
         />
       </div>
       <common-browse-blocks-container

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="title-block" :style="blockWidth">
+  <div :style="blockWidth" class="title-block">
     <div
       :class="[
         'title-block__container',
@@ -8,8 +8,8 @@
       :style="blockWidth"
     >
       <div
-        class="title-block__title pointer"
         :style="blockTitleWidth"
+        class="title-block__title pointer"
         @click="emits('sort')"
       >
         <b>{{ props.title }}</b>
@@ -47,8 +47,8 @@ const emits = defineEmits<{
   (event: 'sort'): void
 }>()
 
-const blockWidth = computed(() => ({ width: `${props.width}px` }))
-const blockTitleWidth = computed(() => ({
+const blockWidth = computed<any>(() => ({ width: `${props.width}px` }))
+const blockTitleWidth = computed<any>(() => ({
   width: `${
     props.width -
     (props.position === 'first-block' || props.position === 'third-block'