bfg-common 1.5.104 → 1.5.106

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"
-                            :item="item"
                             name="type"
+                            :item="item"
                           >
                             <div
                               :class="
@@ -313,10 +313,7 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        :data-id="`${item[0].testId}-select-row-scrollable`"
-                        class="datagrid-row-scrollable"
-                      >
+                      <div class="datagrid-row-scrollable">
                         <div class="datagrid-scrolling-cells">
                           <div
                             v-for="(item2, key2) in item"
@@ -490,8 +487,8 @@
 
         <atoms-loader
           v-show="props.loading"
-          :test-id="`${props.testId}-spinner`"
           class="datagrid-spinner"
+          :test-id="`${props.testId}-spinner`"
         />
       </div>
     </div>
@@ -624,9 +621,9 @@ const columnKeysLocal = computed<UI_T_ColumnKeys>({
 })
 
 const selectedAll = ref<boolean>(false)
-const changeAll = (event: UI_I_HTMLSelectElement): void => {
+const changeAll = (e: UI_I_HTMLSelectElement): void => {
   const newSelectedRow: (number | string)[] = []
-  if (event.target.checked) {
+  if (e.target.checked) {
     bodyItemsPresent.value.forEach((row) => {
       if (row[0]?.disabled) return
 
@@ -645,7 +642,7 @@ let memoryWidth = '0'
 const showedInfoRow = ref<UI_I_BodyItem | null>(null)
 const showedInfoCol = ref<UI_I_BodyItem[] | null>(null)
 
-const isShowInfo = computed<boolean>(
+const isShowInfo = computed(
   () =>
     showedInfoRow.value &&
     showedInfoRow.value.id === props.selectedRow &&
@@ -722,7 +719,7 @@ const selectRowById = (item: UI_I_BodyItem): void => {
   emits('update:selected-row', id)
 }
 const changeSelectedRow = (
-  event: UI_I_HTMLSelectElement,
+  e: UI_I_HTMLSelectElement,
   id: number | string
 ): void => {
   if (props.type === 'checkbox' && Array.isArray(selectedRowLocal.value)) {
@@ -730,7 +727,7 @@ const changeSelectedRow = (
     emits('change', newSelectedRow)
     emits('update:selected-row', newSelectedRow)
 
-    changeSelectedAll(event.target.checked)
+    changeSelectedAll(e.target.checked)
     return
   }
 
@@ -822,7 +819,7 @@ const bodyItemsPresent = computed<UI_I_BodyItem[][]>(() => {
       return {
         ...item,
         // Если текст пустой нужно поставить '--' для экспорта
-        text: item.text !== '' ? item.text : '--',
+        text: item.text !== '' ? item.text :  '--'
       }
     })
   })
@@ -975,15 +972,15 @@ watch(
 
 const grabColumn = ref<number>(-1)
 const grabStartX = ref<number>(0)
-const setGrab = (key: number, event: MouseEvent): void => {
+const setGrab = (key: number, e: MouseEvent): void => {
   if (props.withInfo && key === 0) return
 
   if (!isShowHiddenInfo.value) {
     grabColumn.value = key
     const currentWidth = parseInt(columnsWidth.value[grabColumn.value][0])
-    grabStartX.value = event.clientX - currentWidth
+    grabStartX.value = e.clientX - currentWidth
     if (isRtl.value) {
-      grabStartX.value = event.clientX + currentWidth
+      grabStartX.value = e.clientX + currentWidth
     }
   }
 }
@@ -1000,17 +997,17 @@ const mouseup = (): void => {
 }
 
 let resizeObserve: ResizeObserver
-let mousemove = (event: MouseEvent): void => {
+let mousemove = (e: MouseEvent): void => {
   if (grabColumn.value === -1) return
 
-  event.preventDefault()
+  e.preventDefault()
   isDrag.value = true
   resizeObserve.disconnect()
 
   const minWidth = parseInt(columnsWidth.value[grabColumn.value][1])
-  let changeX = Math.max(event.clientX - grabStartX.value, minWidth)
+  let changeX = Math.max(e.clientX - grabStartX.value, minWidth)
   if (isRtl.value) {
-    changeX = Math.max(grabStartX.value - event.clientX, minWidth)
+    changeX = Math.max(grabStartX.value - e.clientX, minWidth)
   }
 
   columnsWidth.value[grabColumn.value] = [`${changeX}px`, `${minWidth}px`]
@@ -1018,15 +1015,15 @@ let mousemove = (event: MouseEvent): void => {
 mousemove = useThrottle(mousemove)
 
 const setResizeObserve = (): void => {
-  const element = document.getElementById(outerWrapper)
+  const el = document.getElementById(outerWrapper)
 
-  if (!element) {
+  if (!el) {
     setTimeout(setResizeObserve, 0)
     return
   }
 
   resizeObserve = new ResizeObserver(setColumnWidth)
-  resizeObserve.observe(element)
+  resizeObserve.observe(el)
 }
 
 let resizeObserveWithInfo: ResizeObserver
@@ -1041,15 +1038,15 @@ const setColumnWidthWithInfo = (ent: ResizeObserverEntry[]): void => {
 }
 
 const setResizeObserveWithInfo = (): void => {
-  const element = document.querySelector('.datagrid')
+  const el = document.querySelector('.datagrid')
 
-  if (!element) {
+  if (!el) {
     setTimeout(setResizeObserveWithInfo, 0)
     return
   }
 
   resizeObserveWithInfo = new ResizeObserver(setColumnWidthWithInfo)
-  resizeObserveWithInfo.observe(element)
+  resizeObserveWithInfo.observe(el)
 }
 
 // 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 = (event: UI_I_HTMLSelectElement, key: number): void => {
-  const newColumnKeys = props.columnKeys.map((columnKey, item) => {
-    if (item !== key) {
+const change = (e: UI_I_HTMLSelectElement, key: number): void => {
+  const newColumnKeys = props.columnKeys.map((columnKey, i) => {
+    if (i !== key) {
       return columnKey
     }
 
-    columnKey.show = event.target.checked
+    columnKey.show = e.target.checked
     return columnKey
   })
   emits('update:column-keys', newColumnKeys)
@@ -138,7 +138,7 @@ const toggle = (): void => {
   setDropdownStyle()
 }
 
-const dropdownStyles = ref<any>({})
+const dropdownStyles = ref({})
 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`"
-      :disabled="currentPage === 1"
       class="pagination-first"
+      :disabled="currentPage === 1"
       @click="changeCurrentPage(1)"
     >
       <atoms-the-icon
@@ -17,8 +17,8 @@
     <button
       :id="`${props.testId}-prev-button`"
       :data-id="`${props.testId}-prev-button`"
-      :disabled="currentPage === 1"
       class="pagination-previous"
+      :disabled="currentPage === 1"
       @click="changeCurrentPage(currentPage - 1)"
     >
       <atoms-the-icon
@@ -44,8 +44,8 @@
     <button
       :id="`${props.testId}-next-button`"
       :data-id="`${props.testId}-next-button`"
-      :disabled="currentPage === props.totalPages"
       class="pagination-next"
+      :disabled="currentPage === props.totalPages"
       @click="changeCurrentPage(currentPage + 1)"
     >
       <atoms-the-icon
@@ -58,8 +58,8 @@
     <button
       :id="`${props.testId}-last-button`"
       :data-id="`${props.testId}-last-button`"
-      :disabled="currentPage === props.totalPages"
       class="pagination-last"
+      :disabled="currentPage === props.totalPages"
       @click="changeCurrentPage(props.totalPages)"
     >
       <atoms-the-icon
@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_I_HTMLSelectElement } from '~/lib/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     page: number
@@ -113,8 +115,8 @@ const changeCurrentPage = (page: number): void => {
   if (page > props.totalPages || page < 1) return
   changePageAndLazy(page)
 }
-const changeCurrentPageManual = (event: any): void => {
-  const newVal = parseInt(event.target.value)
+const changeCurrentPageManual = (e: any): void => {
+  const newVal = parseInt(e.target.value)
 
   if (typeof newVal !== 'number' || isNaN(newVal)) {
     currentPageLazy.value = currentPage.value

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

@@ -1,15 +1,15 @@
 <template>
-  <!--  TODO refactoring-->
-  <table :data-id="props.testId" class="table table-vertical">
+<!--  TODO refactoring-->
+  <table class="table table-vertical">
     <tbody>
-      <tr v-for="(item, index) in list" :key="item.id">
+      <tr v-for="item in list" :key="item.id">
         <th
           scope="row"
           :class="['vm-name-label', item.isProperty && 'hard-disk-properties']"
         >
           {{ item.label }}
         </th>
-        <td :data-id="`${props.testId}-td-${index}-content`" class="vm-name">
+        <td class="vm-name">
           <slot :name="item.key">
             {{ item.value }}
           </slot>
@@ -22,15 +22,9 @@
 <script lang="ts" setup>
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
 
-const props = withDefaults(
-  defineProps<{
-    items: UI_I_TableInfoItem[]
-    testId?: string
-  }>(),
-  {
-    testId: '',
-  }
-)
+const props = defineProps<{
+  items: UI_I_TableInfoItem[]
+}>()
 
 const list = computed<UI_I_TableInfoItem[]>(() => {
   return props.items.map((item) => {

package/components/atoms/table/info/lib/models/interfaces.ts

@@ -6,5 +6,4 @@ export interface UI_I_TableInfoItem {
   localization?: string
   localizationTemplate?: string
   isCapital?: boolean
-  iconName?: string
 }

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

@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import type {
+import {
   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
-              :data-id="`${item.testId}-select-node`"
               class="underlined"
+              :data-id="`${item.testId}-select-node`"
               @click="selectNode(item.value)"
             >
               {{ item.value }}

package/components/atoms/tabs/Tabs.vue

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

package/components/atoms/tooltip/Signpost.vue

@@ -29,7 +29,6 @@
 
 <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"
-        :style="tooltipStyles"
         class="tooltip-top-right tooltip-content"
+        :style="tooltipStyles"
       >
         <slot name="content" />
       </div>

package/components/atoms/tooltip/TooltipError.vue

@@ -26,7 +26,6 @@
 
 <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
-      :style="{ 'max-height': props.maxHeight }"
       class="modal-dialog modal-xl relative"
+      :style="{ 'max-height': props.maxHeight }"
     >
       <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', { disabled: props.accordion.disabled }]">
+  <div class="accordion" :class="{ 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 type {
+import {
   UI_I_Localization,
   UI_I_ItemsWithTotalCounts,
 } from '~/lib/models/interfaces'
-import type {
+import {
   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
-      :title="localization.common.addAdapters"
       class="action-link-container"
+      :title="localization.common.addAdapters"
       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', value: string): void
+  (event: 'select-adapter', id: 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', value: string): void
+  (event: 'select-header', id: 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 type {
+import {
   UI_I_Adapter,
   UI_I_AdapterStatus,
   UI_I_SwitchAdapterItem,
@@ -94,9 +94,9 @@ const props = withDefaults(
 )
 
 const emits = defineEmits<{
-  (event: 'click-empty-space', value: Event): void
-  (event: 'select-add-adapter', value: string): void
-  (event: 'select-adapter', value: string): void
+  (event: 'click-empty-space', ev: Event): void
+  (event: 'select-add-adapter', id: string): void
+  (event: 'select-adapter', id: 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<any>(() => {
+const nodesLocalWithLoading = computed(() => {
   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"
-    width="864px"
     show
+    width="864px"
+    :texts="modalButtonsText"
+    :is-disabled-accept="!props.selectedFile"
     @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 :style="blockWidth" class="title-block">
+  <div class="title-block" :style="blockWidth">
     <div
       :class="[
         'title-block__container',
@@ -8,8 +8,8 @@
       :style="blockWidth"
     >
       <div
-        :style="blockTitleWidth"
         class="title-block__title pointer"
+        :style="blockTitleWidth"
         @click="emits('sort')"
       >
         <b>{{ props.title }}</b>
@@ -47,8 +47,8 @@ const emits = defineEmits<{
   (event: 'sort'): void
 }>()
 
-const blockWidth = computed<any>(() => ({ width: `${props.width}px` }))
-const blockTitleWidth = computed<any>(() => ({
+const blockWidth = computed(() => ({ width: `${props.width}px` }))
+const blockTitleWidth = computed(() => ({
   width: `${
     props.width -
     (props.position === 'first-block' || props.position === 'third-block'

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

@@ -1,9 +1,9 @@
 <template>
-  <div :style="blockWidth" class="title-block">
-    <div :style="blockWidth" class="title-block__container">
+  <div class="title-block" :style="blockWidth">
+    <div class="title-block__container" :style="blockWidth">
       <div
-        :style="blockTitleWidth"
         class="title-block__title pointer"
+        :style="blockTitleWidth"
         @click="emits('sort')"
       >
         <b>{{ props.title }}</b>
@@ -37,8 +37,8 @@ const emits = defineEmits<{
   (event: 'sort'): void
 }>()
 
-const blockWidth = computed<any>(() => ({ width: `${props.width}px` }))
-const blockTitleWidth = computed<any>(() => ({ width: `${props.width - 2}px` }))
+const blockWidth = computed(() => ({ width: `${props.width}px` }))
+const blockTitleWidth = computed(() => ({ 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', value: any): void
+  (event: 'select-file', file: 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', file.iconClassName]"></span>
+        <span class="file-view__icon" :class="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', value: any): void
+  (event: 'select-file', file: 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', value: any): void
+  (event: 'select-file', file: any): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

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

@@ -9,7 +9,6 @@
 
 <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"