@webitel/ui-sdk 3.1.89 → 3.1.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.89",
+  "version": "3.1.91",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/index.js

@@ -35,6 +35,7 @@ import WtHint from './molecules/wt-hint/wt-hint.vue';
 import WtCopyAction from './molecules/wt-copy-action/wt-copy-action.vue';
 import WtLoadBar from './molecules/wt-load-bar/wt-load-bar.vue';
 import WtItemLink from './molecules/wt-item-link/wt-item-link.vue';
+import WtDummy from './molecules/wt-dummy/wt-dummy.vue';
 
 import WtAppHeader from './organisms/wt-app-header/wt-app-header.vue';
 import WtAppNavigator from './organisms/wt-app-header/wt-app-navigator.vue';
@@ -109,6 +110,7 @@ const Components = {
   WtIconAction,
   WtPageHeader,
   WtItemLink,
+  WtDummy,
 };
 
 export default Components;

package/src/components/molecules/wt-dummy/__tests__/WtDummy.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import WtDummy from '../wt-dummy.vue';
+
+describe('WtDummy', () => {
+  it('renders a component', () => {
+    const wrapper = shallowMount(WtDummy);
+    expect(wrapper.isVisible()).toBe(true);
+  });
+});

package/src/components/molecules/wt-dummy/wt-dummy.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="wt-dummy">
+    <div class="wt-dummy__img">
+      <img
+        :src="props.src"
+        :width="props.size"
+        :height="props.size"
+        alt="dummy-picture"
+      >
+    </div>
+    <h1
+      v-if="props.locale"
+      class="wt-dummy__title">{{ props.locale }}</h1>
+    <wt-button
+      v-if="props.showAction"
+      @click="emits('create')"
+      >{{ $t('reusable.add') }}
+    </wt-button>
+  </div>
+</template>
+
+<script setup>
+
+const props = defineProps({
+  src: {
+    type: String,
+  },
+  locale: {
+    type: String,
+  },
+  showAction: {
+    type: Boolean,
+    default: false,
+  },
+  size: {
+    type: [String, Number],
+  },
+});
+
+const emits = defineEmits([
+  'create',
+]);
+
+</script>
+
+<style lang="scss" scoped>
+.wt-dummy {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  &__title {
+    @extend %typo-body-1;
+    margin-bottom: var(--spacing-sm);
+  }
+
+  &__img {
+    margin-bottom: var(--spacing-sm);
+  }
+}
+</style>

package/src/locale/en/en.js

@@ -226,6 +226,7 @@ export default {
     requiredArrayValue: 'Array should not be empty',
     minLength: 'Quantity of characters should not be less than',
     url: 'Should look like url',
+    regExpValidator: 'This regular expression is not valid',
   },
   webitelUI: {
     searchBar: {

package/src/locale/ru/ru.js

@@ -223,6 +223,7 @@ export default {
     requiredArrayValue: 'Поле не должно быть пустым',
     minLength: 'Количество символов не должно быть меньше, чем',
     url: 'Необходимо ввести корректный url-адрес',
+    regExpValidator: 'Не правильное регулярное выражение',
   },
   webitelUI: {
     searchBar: {

package/src/locale/ua/ua.js

@@ -223,6 +223,7 @@ export default {
     requiredArrayValue: 'Поле не повинно бути пустим',
     minLength: 'Кількість символів повинна бути не меншою, ніж',
     url: 'Необхідно ввести правильну url-адресу',
+    regExpValidator: 'Не правильний регулярний вираз',
   },
   webitelUI: {
     searchBar: {

package/src/mixins/validationMixin/validationMixin.js

@@ -30,6 +30,7 @@ export default {
         else if (this.v.sipAccountValidator?.$invalid) validationText = this.$t('validation.sipAccountValidator');
         else if (this.v.minLength?.$invalid) validationText = `${this.$t('validation.minLength')} ${this.v.minLength.$params.min}`;
         else if (this.v.url?.$invalid) validationText = `${this.$t('validation.url')}`;
+        else if (this.v.regExpValidator?.$invalid) validationText = `${this.$t('validation.regExpValidator')}`;
       }
       // eslint-disable-next-line no-restricted-syntax
       for (const { name, text } of this.customValidators) {