bfg-common 1.6.76 → 1.6.77

package/assets/scss/common/global.scss

@@ -200,14 +200,3 @@ html.light-theme {
   height: 100%;
   overflow: hidden;
 }
-
-.in-development {
-  opacity: 0.6 !important;
-  cursor: not-allowed !important;
-}
-
-:root.dark-theme {
-  .in-development {
-    opacity: 0.44 !important;
-  }
-}

package/assets/scss/common/normalize.scss

@@ -161,9 +161,6 @@ b {
 .pointer {
   cursor: pointer !important;
 }
-.cursor-progress {
-  cursor: progress !important;
-}
 
 .default {
   cursor: default !important;

package/assets/scss/common/theme.scss

@@ -712,8 +712,8 @@
   //--gutter-bg-color: #25333d; // for old
   --gutter-bg-color: #e9ebed1f; // for new
   --new-gutter-bg-color: #394a58;
-  --gutter-hover-bg-color: #2776a0;
-  --gutter-active-bg-color: #2ba2de;
+  --gutter-hover-bg-color: #495a67;
+  --gutter-active-bg-color: #495a67;
   --gutter-before-bg: rgba(157, 166, 173, 0.32);
 
   /*  Items Row Variables light mode  */

package/components/atoms/dropdown/dropdown/Dropdown.vue

@@ -1,170 +1,170 @@
-<template>
-  <div :class="['dropdown', { open }]">
-    <div
-      v-on-click-outside="onClickOutsideHandler"
-      :data-id="`${props.testId}-show-dropdown-menu`"
-      class="dropdown-toggle-container"
-      @click="showDropMenu"
-    >
-      <span class="nav-link">
-        <span class="nav-icon user-menu-large">
-          <slot name="icon">
-            <atoms-the-icon class="user-icon" name="user" />
-          </slot>
-          <span v-if="props.title">{{ title }}</span>
-          <atoms-the-icon class="angle-icon down" name="angle" />
-        </span>
-      </span>
-    </div>
-    <div
-      v-show="open && dropMenu?.length"
-      ref="ignoreElRef"
-      class="dropdown-menu position-right"
-    >
-      <div v-for="(item, key) in dropMenu" :key="key">
-        <button
-          :id="`${props.testId}-item`"
-          :class="item.disabled && 'disabled'"
-          :data-id="item.testId"
-          class="dropdown-item"
-          @click="onSelect(key)"
-        >
-          <slot name="item" :item="item">
-            <a
-              v-if="item.href"
-              :id="`${props.testId}-link`"
-              :href="item.href"
-              :data-id="`${item.testId}-link`"
-              >{{ item.text }}</a
-            >
-            <a v-else>{{ item.text }} </a>
-          </slot>
-        </button>
-        <div v-if="item.divider" class="dropdown-divider" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { vOnClickOutside } from '@vueuse/components'
-import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    dropMenu: UI_I_DropMenu<string>[]
-    testId?: string
-    title?: string
-  }>(),
-  { testId: 'ui-dropdown', title: undefined }
-)
-const emits = defineEmits(['select'])
-
-const open = ref<boolean>(false)
-const showDropMenu = (): void => {
-  open.value = !open.value
-}
-const onSelect = (key: number): void => {
-  const { dropMenu } = props
-
-  if (dropMenu[key].disabled) return
-
-  if (dropMenu[key].closeAfterClick) open.value = false
-  emits('select', props.dropMenu[key])
-}
-const hide = (): void => {
-  open.value = false
-}
-
-const ignoreElRef = ref<Event | null>(null)
-const onClickOutsideHandler = [hide, { ignore: [ignoreElRef] }]
-</script>
-
-<style>
-:root {
-  --dropdown-position-left: auto;
-  --dropdown-position-right: 0;
-}
-:root[dir='rtl'] {
-  --dropdown-position-left: 0;
-  --dropdown-position-right: auto;
-}
-</style>
-<style scoped lang="scss">
-.dropdown {
-  height: 100%;
-
-  .dropdown-toggle-container {
-    height: 100%;
-    cursor: pointer;
-
-    .nav-link {
-      height: 100%;
-      padding: 0;
-
-      .user-menu-large {
-        width: auto;
-        display: flex;
-        align-items: center;
-        padding: 0 9px;
-        font-size: inherit;
-        line-height: 3rem;
-        &.nav-icon {
-          line-height: 3rem;
-        }
-
-        .user-icon {
-          width: 24px;
-          height: 24px;
-          fill: #fafafa;
-        }
-        .angle-icon {
-          width: 16px;
-          height: 16px;
-          fill: #fafafa;
-
-          &.down {
-            transform: rotate(-180deg);
-          }
-        }
-        span {
-          margin-right: 4px;
-          margin-left: 4px;
-          font-size: 13px;
-        }
-      }
-    }
-  }
-  .dropdown-menu {
-    background-color: var(--dropdown-bg-color);
-    border-color: var(--block-border-color);
-    z-index: var(--z-dropdown);
-    left: var(--dropdown-position-left);
-    right: var(--dropdown-position-right);
-
-    .dropdown-item {
-      font-size: 0.7rem;
-      border-bottom: 1px solid transparent;
-      &:hover {
-        background-color: var(--row-hover-bg-color);
-        border-color: var(--row-hover-border-color);
-      }
-      & > a {
-        color: var(--dropdown-item-color);
-        &:active {
-          color: #004a70;
-        }
-      }
-      &.disabled {
-        border-bottom: none;
-        > a {
-          text-decoration: none;
-        }
-      }
-    }
-    .dropdown-divider {
-      border-color: var(--block-border-color);
-    }
-  }
-}
-</style>
+<template>
+  <div :class="['dropdown', { open }]">
+    <div
+      v-on-click-outside="onClickOutsideHandler"
+      :data-id="`${props.testId}-show-dropdown-menu`"
+      class="dropdown-toggle-container"
+      @click="showDropMenu"
+    >
+      <span class="nav-link">
+        <span class="nav-icon user-menu-large">
+          <slot name="icon">
+            <atoms-the-icon class="user-icon" name="user" />
+          </slot>
+          <span v-if="props.title">{{ title }}</span>
+          <atoms-the-icon class="angle-icon down" name="angle" />
+        </span>
+      </span>
+    </div>
+    <div
+      v-show="open && dropMenu?.length"
+      ref="ignoreElRef"
+      class="dropdown-menu position-right"
+    >
+      <div v-for="(item, key) in dropMenu" :key="key">
+        <button
+          :id="`${props.testId}-item`"
+          :class="item.disabled && 'disabled'"
+          :data-id="item.testId"
+          class="dropdown-item"
+          @click="onSelect(key)"
+        >
+          <slot name="item" :item="item">
+            <a
+              v-if="item.href"
+              :id="`${props.testId}-link`"
+              :href="item.href"
+              :data-id="`${item.testId}-link`"
+              >{{ item.text }}</a
+            >
+            <a v-else>{{ item.text }} </a>
+          </slot>
+        </button>
+        <div v-if="item.divider" class="dropdown-divider" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { vOnClickOutside } from '@vueuse/components'
+import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    dropMenu: UI_I_DropMenu<string>[]
+    testId?: string
+    title?: string
+  }>(),
+  { testId: 'ui-dropdown', title: undefined }
+)
+const emits = defineEmits(['select'])
+
+const open = ref<boolean>(false)
+const showDropMenu = (): void => {
+  open.value = !open.value
+}
+const onSelect = (key: number): void => {
+  const { dropMenu } = props
+
+  if (dropMenu[key].disabled) return
+
+  if (dropMenu[key].closeAfterClick) open.value = false
+  emits('select', props.dropMenu[key])
+}
+const hide = (): void => {
+  open.value = false
+}
+
+const ignoreElRef = ref<Event | null>(null)
+const onClickOutsideHandler = [hide, { ignore: [ignoreElRef] }]
+</script>
+
+<style>
+:root {
+  --dropdown-position-left: auto;
+  --dropdown-position-right: 0;
+}
+:root[dir='rtl'] {
+  --dropdown-position-left: 0;
+  --dropdown-position-right: auto;
+}
+</style>
+<style scoped lang="scss">
+.dropdown {
+  height: 100%;
+
+  .dropdown-toggle-container {
+    height: 100%;
+    cursor: pointer;
+
+    .nav-link {
+      height: 100%;
+      padding: 0;
+
+      .user-menu-large {
+        width: auto;
+        display: flex;
+        align-items: center;
+        padding: 0 9px;
+        font-size: inherit;
+        line-height: 3rem;
+        &.nav-icon {
+          line-height: 3rem;
+        }
+
+        .user-icon {
+          width: 24px;
+          height: 24px;
+          fill: #fafafa;
+        }
+        .angle-icon {
+          width: 16px;
+          height: 16px;
+          fill: #fafafa;
+
+          &.down {
+            transform: rotate(-180deg);
+          }
+        }
+        span {
+          margin-right: 4px;
+          margin-left: 4px;
+          font-size: 13px;
+        }
+      }
+    }
+  }
+  .dropdown-menu {
+    background-color: var(--dropdown-bg-color);
+    border-color: var(--block-border-color);
+    z-index: var(--z-dropdown);
+    left: var(--dropdown-position-left);
+    right: var(--dropdown-position-right);
+
+    .dropdown-item {
+      font-size: 0.7rem;
+      border-bottom: 1px solid transparent;
+      &:hover {
+        background-color: var(--row-hover-bg-color);
+        border-color: var(--row-hover-border-color);
+      }
+      & > a {
+        color: var(--dropdown-item-color);
+        &:active {
+          color: #004a70;
+        }
+      }
+      &.disabled {
+        border-bottom: none;
+        > a {
+          text-decoration: none;
+        }
+      }
+    }
+    .dropdown-divider {
+      border-color: var(--block-border-color);
+    }
+  }
+}
+</style>

package/components/atoms/dropdown/dropdown/lib/models/interfaces.ts

@@ -1,10 +1,10 @@
-export interface UI_I_DropMenu<Action> {
-  text: string
-  action: Action
-  href?: string
-  disabled?: boolean
-  divider?: boolean
-  closeAfterClick?: boolean
-  testId?: string
-  data?: any
-}
+export interface UI_I_DropMenu<Action> {
+  text: string
+  action: Action
+  href?: string
+  disabled?: boolean
+  divider?: boolean
+  closeAfterClick?: boolean
+  testId?: string
+  data?: any
+}

package/components/atoms/stack/StackBlock.vue

@@ -144,7 +144,7 @@ const onRollBack = (): void => {
       flex: 1 1 auto;
       width: 60%;
       background-color: transparent;
-      word-break: break-word;
+      word-break: break-all;
     }
 
     .empty-icon {

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

@@ -83,8 +83,8 @@ const emits = defineEmits<{
 
 const columnKeysPresent = computed<UI_I_ColumnKey[]>(() => {
   return props.columnKeys.map((item): UI_I_ColumnKey => {
-    const testId = item?.text
-      ?.toLowerCase()
+    const testId = item.text
+      .toLowerCase()
       .replace(/\s/g, '_')
       .replace(/[^\p{L}_]/gu, '') // разрешает буквы любых языков
       .replace(/__+/g, '_')

package/components/atoms/tooltip/TooltipError.vue

@@ -17,7 +17,6 @@
           { 'has-error': props.hasError },
         ]"
         :style="tooltipStyles"
-        :data-id="props.testId"
       >
         <slot name="content" />
       </div>
@@ -32,11 +31,9 @@ const props = withDefaults(
   defineProps<{
     hasError: boolean
     selector?: string
-    testId?: string
   }>(),
   {
     selector: undefined,
-    testId: '',
   }
 )
 const emits = defineEmits<{

package/components/common/adapterManager/AdapterManagerNew.vue

@@ -19,7 +19,6 @@
               :selected-is-header="props.selectedIsHeader"
               :is-disabled-move-up="props.isDisabledMoveUp"
               :is-disabled-move-down="props.isDisabledMoveDown"
-              :is-active="props.isActive"
               @move-up-adapter="onMoveUp"
               @move-down-adapter="onMoveDown"
             />
@@ -333,89 +332,4 @@ const onShowAddAdapterModal = (): void => {
     margin-bottom: 6px;
   }
 }
-
-.element-disabled {
-  pointer-events: none;
-
-  :deep(.adapter) {
-    .adapter-info-icon {
-      opacity: 0.4;
-    }
-
-    .adapter-info-title {
-      color: var(--btn-text-disabled-color);
-    }
-
-    &.selected {
-      background: var(--btn-text-disabled-color);
-
-      .adapter-info-title {
-        color: var(--accordion-selected-item-text);
-      }
-    }
-  }
-
-  :deep(.info-container) {
-    .tab-item {
-      color: var(--btn-text-disabled-color);
-
-      &.active {
-        color: var(--btn-text-disabled-color);
-        border-bottom: 3px solid var(--btn-text-disabled-color) !important;
-      }
-    }
-
-    .info-block-container-inner {
-      .row-sub-title {
-        color: var(--btn-text-disabled-color);
-      }
-
-      .row-name-container {
-        span {
-          color: var(--btn-text-disabled-color);
-        }
-      }
-
-      .settings-table__values:not(.is-status-yes),
-      .settings-table__values:not(.is-status-no) {
-        color: var(--btn-text-disabled-color);
-      }
-
-      .settings-table__values.is-status-yes,
-      .settings-table__values.is-status-no {
-        opacity: 0.4;
-      }
-    }
-  }
-
-  :deep(.manager-header-title) {
-    color: var(--btn-text-disabled-color);
-  }
-  :deep(.ui-main-no-items-found) {
-    color: var(--btn-text-disabled-color);
-
-    span {
-      color: var(--btn-text-disabled-color);
-    }
-  }
-}
-
-:root.dark-theme {
-  .element-disabled {
-    :deep(.adapter) {
-      .adapter-info-icon {
-        opacity: 0.32;
-      }
-    }
-
-    :deep(.info-container) {
-      .info-block-container-inner {
-        .settings-table__values.is-status-yes,
-        .settings-table__values.is-status-no {
-          opacity: 0.5;
-        }
-      }
-    }
-  }
-}
 </style>

package/components/common/adapterManager/addAdapterModal/AddAdapterModalNew.vue

@@ -88,7 +88,7 @@ const onAddSelectedAdapters = (): void => {
     max-height: 520px;
     overflow-y: auto;
     height: calc(100vh - 300px);
-    min-height: 132px;
+    min-height: 120px;
   }
 
   .modal-footer-transparent-block {

package/components/common/adapterManager/addAdapterWarningModal/AddAdapterWarningModalNew.vue

@@ -10,6 +10,7 @@
     <template #footerContent>
       <ui-button
         :test-id="`${props.testId}-modal-close-button`"
+        variant="outline"
         size="md"
         @click="emits('hide')"
       >

package/components/common/adapterManager/ui/actions/bar/Bar.vue

@@ -5,7 +5,6 @@
     :selected-is-header="props.selectedIsHeader"
     :is-disabled-move-up="props.isDisabledMoveUp"
     :is-disabled-move-down="props.isDisabledMoveDown"
-    :is-active="props.isActive"
     @move-up-adapter="onMoveUp"
     @move-down-adapter="onMoveDown"
   />
@@ -33,7 +32,6 @@ const props = withDefaults(
     isDisabledMoveUp: boolean
     isDisabledMoveDown: boolean
     isDisabledRemove?: boolean
-    isActive: boolean
   }>(),
   {
     fullMode: false,

package/components/common/adapterManager/ui/actions/bar/BarNew.vue

@@ -2,11 +2,11 @@
   <div v-if="!props.isAddModal">
     <ul class="adapter-manager-actions">
       <common-adapter-manager-ui-actions-move-up-adapter-button
-        :is-disabled-move-up="props.isDisabledMoveUp || !props.isActive"
+        :is-disabled-move-up="props.isDisabledMoveUp"
         @move-up-adapter="onMoveUp"
       />
       <common-adapter-manager-ui-actions-move-down-adapter-button
-        :is-disabled-move-down="props.isDisabledMoveDown || !props.isActive"
+        :is-disabled-move-down="props.isDisabledMoveDown"
         @move-down-adapter="onMoveDown"
       />
     </ul>
@@ -18,7 +18,6 @@ const props = defineProps<{
   isAddModal: boolean
   isDisabledMoveUp: boolean
   isDisabledMoveDown: boolean
-  isActive: boolean
 }>()
 
 const emits = defineEmits<{

package/components/common/adapterManager/ui/table/adapters/AdaptersNew.vue

@@ -92,7 +92,6 @@ const adapters = computed(() =>
   padding: 6px 8px;
   border-radius: 6px;
   color: var(--table-text-first);
-  cursor: pointer;
 
   &:not(.last-item) {
     margin-bottom: 4px;

package/components/common/configure/physicalAdapters/PhysicalAdapters.vue

@@ -9,8 +9,6 @@
       :adapters="props.adapters"
       :switch-adapters-loading="props.switchAdaptersLoading"
       :is-networking-loading="props.isNetworkingLoading"
-      :is-get-existing-switches-loading="props.isGetExistingSwitchesLoading"
-      :is-get-tcp-stack-loading="props.isGetTcpStackLoading"
       :tcp-stacks="props.tcpStacks"
       :diagram-data="props.diagramData"
       :standard-switches="props.standardSwitches"
@@ -70,8 +68,6 @@ const props = withDefaults(
     diagramData?: UI_I_DiagramData[]
     standardSwitches?: UI_I_Switch[]
     freeAdapters?: UI_I_Adapter[]
-    isGetExistingSwitchesLoading?: boolean
-    isGetTcpStackLoading?: boolean
   }>(),
   {
     adapters: () => ({
@@ -85,8 +81,6 @@ const props = withDefaults(
     isDarkMode: false,
     switchAdaptersLoading: false,
     isNetworkingLoading: false,
-    isGetExistingSwitchesLoading: false,
-    isGetTcpStackLoading: false,
     tcpStacks: [],
     diagramData: [],
     standardSwitches: [],