bfg-common 1.4.838 → 1.4.839

package/components/common/portlets/tag/lib/config/config.ts

@@ -2,7 +2,6 @@ import type {
   UI_I_DataTableOptions,
   UI_I_DataTableBody,
   UI_I_DataTableHeader,
-  UI_I_DataTableSkeleton,
 } from '~/node_modules/bfg-uikit/components/ui/dataTable/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'
@@ -200,9 +199,3 @@ export const tagsAssignBodyItemsTemporary: UI_I_DataTableBody[] = [
     ],
   },
 ]
-
-export const skeletonData: UI_I_DataTableSkeleton = {
-  columnsCount: 3,
-  withoutPagination: true,
-  withoutHeader: true,
-}

package/components/common/tools/Actions.vue

@@ -20,7 +20,7 @@
           :disabled="button.disabled"
           :multiple="button?.multiple || false"
           class="btn-group__file"
-          @change="(event) => onSelectFiles(event, button.type, key)"
+          @change="(event) => onSelectFiles(event, button.type)"
         />
       </label>
 
@@ -69,11 +69,8 @@ const onClickButton = (type: string): void => {
   emits('click', type)
 }
 
-const onSelectFiles = (event: Event, type: string, key: number): void => {
+const onSelectFiles = (event: Event, type: string): void => {
   emits('click', type, event)
-
-  const input = document.getElementById(`select-file-button-${key}`) as HTMLInputElement | null
-  input && (input.value = '')
 }
 
 const visibleCount = ref<number>(props.actions.length)

package/lib/config/uiTable.ts

@@ -0,0 +1,20 @@
+import type { UI_I_TableTexts } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+// TODO поменять все :texts для таблицы нового дизайна
+export const tableTextsFunc = (
+  localization: UI_I_Localization
+): UI_I_TableTexts => {
+  return {
+    rowsPerPage: localization.common.rowsPerPage,
+    of: localization.common.of,
+    searchHere: localization.common.searchHere,
+    selected: localization.common.selected,
+    columns: localization.common.columns,
+    previous: localization.common.previous,
+    next: localization.common.next,
+    noItemsFound: localization.common.noItemsFound,
+    exportSelected: localization.common.exportSelected,
+    exportAll: localization.common.exportAll,
+  }
+}

package/lib/models/store/interfaces.ts

@@ -8,7 +8,6 @@ export interface UI_I_ErrorValidationField<T = string> {
 export interface API_UI_I_Response<T> {
   response: {
     _data: T
-    status: number
   }
 }
 export interface API_UI_I_Error {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.838",
+  "version": "1.4.839",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -34,8 +34,8 @@
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
-    "bfg-nuxt-3-graph": "1.0.17",
-    "bfg-uikit": "1.0.348",
+    "bfg-nuxt-3-graph": "1.0.20",
+    "bfg-uikit": "1.0.347",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }

package/components/common/modals/confirmByInput/ConfirmByInputNew.vue

@@ -1,103 +0,0 @@
-<template>
-  <ui-popup
-    :test-id="props.testId"
-    icon-name="info-status"
-    :message="props.description"
-    :texts="modalTextsLocal"
-    @submit="onSubmit"
-    @hide="onHide"
-  >
-    <template #content>
-      <div class="confirm-modal__body-content">
-        <span>{{ props.title }}</span>
-        <span>{{ props.description }}</span>
-
-        <ui-input
-          v-model="confirmationFormLocal"
-          :test-id="`${props.testId}-confirm-input`"
-          :placeholder="localization.vsphereNa.nodeIPAddress"
-          :error="confirmInputErrorText"
-          class="confirm-modal__input"
-          input-style="rounded"
-          size="md"
-        />
-      </div>
-    </template>
-  </ui-popup>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  testId: string
-  title: string
-  description: string
-  subTitle: string
-  isValid: boolean
-  modalTexts: UI_I_ModalTexts
-}>()
-const confirmationFormLocal = defineModel<string>({ required: true })
-const emits = defineEmits<{
-  (event: 'confirm'): void
-  (event: 'hide-modal'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const modalTextsLocal = computed<UI_I_ModalTexts>(() => props.modalTexts)
-
-const isShowConfirmError = ref<boolean>(false)
-
-const confirmInputErrorText = computed<string>(() => {
-  if (!isShowConfirmError.value) return ''
-
-  const { fieldRequired, incorrectConfirmation } = localization.value.common
-
-  return !confirmationFormLocal.value
-    ? fieldRequired
-    : !props.isValid
-    ? incorrectConfirmation.replace('{0}', props.subTitle)
-    : ''
-})
-const onHide = (): void => {
-  emits('hide-modal')
-}
-const onSubmit = (): void => {
-  isShowConfirmError.value = true
-
-  if (!confirmationFormLocal.value) {
-    return
-  }
-
-  emits('confirm')
-}
-</script>
-
-<style scoped lang="scss">
-.confirm-modal {
-  &__body-content {
-    padding: 16px 32px;
-    span {
-      display: block;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 16.94px;
-      text-align: center;
-      color: #9da6ad;
-
-      &:first-of-type {
-        font-size: 20px;
-        font-weight: 500;
-        line-height: 24.2px;
-        color: var(--modal-title);
-        margin-bottom: 8px;
-      }
-    }
-  }
-  &__input {
-    margin-top: 16px;
-  }
-}
-</style>

package/components/common/modals/confirmByInput/ConfirmByInputOld.vue

@@ -1,204 +0,0 @@
-<template>
-  <atoms-modal
-    show
-    :test-id="`${props.testId}-modal`"
-    :width="props.width"
-    class="confirm-by-input"
-    :title="props.title"
-    :second-title="props.subTitle"
-    :loading="props.loading"
-    is-hide-close-icon
-    @submit="onConfirm"
-  >
-    <template #modalBody>
-      <div class="confirm-by-input__body">
-        <atoms-the-icon
-          name="exclamation-triangle"
-          class="confirm-by-input__icon"
-        />
-
-        <div>
-          <slot name="content"></slot>
-
-          <div class="form-group">
-            <label class="no-selection" for="confirmation">
-              {{ confirmationText }}
-            </label>
-            <div class="form-group__input">
-              <input
-                id="confirmation"
-                v-model="confirmationFormLocal"
-                data-id="confirmation-input"
-                type="text"
-                autocomplete="off"
-                @keyup.enter="onConfirm"
-              />
-              <div
-                v-show="!props.isValid && confirmationFormLocal"
-                class="form-validate"
-              >
-                <atoms-tooltip :test-id="`${props.testId}-tooltip`">
-                  <template #elem>
-                    <atoms-the-icon
-                      class="is-error tooltip-trigger"
-                      name="info"
-                      width="28px"
-                      height="28px"
-                    />
-                  </template>
-                  <template #content>
-                    {{ confirmDeletionInputError }}
-                  </template>
-                </atoms-tooltip>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </template>
-    <template #modalFooter>
-      <button
-        id="confirm-by-input-modal-close-button"
-        :data-id="`${props.testId}-modal-close-button`"
-        class="btn btn-outline"
-        @click="onHide"
-      >
-        {{ localization.common.no }}
-      </button>
-      <button
-        id="confirm-by-input-modal-apply-button"
-        :data-id="`${props.testId}-modal-apply-button`"
-        class="btn btn-primary"
-        :class="props.loading && 'modal-dialog__loader'"
-        :disabled="!props.isValid || props.loading"
-        @click="onConfirm"
-      >
-        <atoms-loader-pre-loader
-          v-if="props.loading"
-          id="loader"
-          :show="props.loading"
-          class="button__loading"
-          :test-id="`${props.testId}-spinner`"
-        />
-        <span v-else>
-          {{ localization.common.yes }}
-        </span>
-      </button>
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  subTitle: string
-  isValid: boolean
-  testId: string
-  width: string
-  loading?: boolean
-}>()
-const confirmationFormLocal = defineModel<string>({ required: true })
-const emits = defineEmits<{
-  (event: 'confirm'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const confirmationText = localization.value.common.confirmDeletionInput.replace(
-  '{title}',
-  props.subTitle
-)
-const confirmDeletionInputError =
-  localization.value.common.confirmDeletionInputError.replace(
-    '{title}',
-    props.subTitle
-  )
-
-const onConfirm = (): void => {
-  emits('confirm')
-}
-
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.confirm-by-input {
-  :deep(.modal-header) {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-
-    .modal-title {
-      color: var(--main-color-mode);
-      font-size: 24px;
-      max-width: 65%;
-    }
-    .secondary-title {
-      color: var(--modal-secondary-title);
-      font-size: 0.75rem;
-      font-weight: lighter;
-      user-select: none;
-    }
-    .separator {
-      content: '';
-      border-left: 1px solid #ccc;
-      margin: 0 18px;
-      height: 22px;
-    }
-
-    .close-icon {
-      fill: var(--close-icon);
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &__body {
-    @include flex($align: flex-start);
-
-    .form-group {
-      margin-top: 20px;
-
-      label {
-        font-weight: bold;
-        font-size: 0.6rem;
-        user-select: none;
-      }
-
-      &:not(:first-child) input {
-        width: 100%;
-      }
-      &__input {
-        display: flex;
-        width: 100%;
-        min-height: 30px;
-      }
-    }
-  }
-
-  &__icon {
-    min-width: 48px;
-    height: 48px;
-    margin-right: 20px;
-    fill: #c27b00;
-  }
-
-  .button {
-    &__loading {
-      :deep(.spinner) {
-        width: 25px;
-        height: 25px;
-        min-width: 25px;
-        min-height: 25px;
-        margin-top: 5px;
-      }
-    }
-  }
-}
-</style>