Merge pull request #362 from webitel/feature/add-locale-and-default-i…

…mg-in-use-table-empty

feature: add locale and default img in useTableEmpty[WTEL-5284](https…

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.0",
+  "version": "24.12.1",
   "private": false,
   "scripts": {
     "dev": "vite",

src/locale/en/en.js

@@ -393,6 +393,12 @@ export default {
     dummy: {
       text: 'There are no records yet',
     },
+    empty: {
+      text: {
+        empty: 'No results were found',
+        filters: 'No results for the filters',
+      },
+    },
     agentStatusSelect: {
       pauseCausePopup: {
         title: 'Select a pause cause',

src/locale/ru/ru.js

@@ -391,6 +391,12 @@ export default {
     dummy: {
       text: 'Записи в разделе еще не созданы',
     },
+    empty: {
+      text: {
+        empty: 'Поиск не дал результата',
+        filters: 'Нет результатов по фильтрам',
+      },
+    },
     agentStatusSelect: {
       pauseCausePopup: {
         title: 'Выберите причину паузы',

src/locale/ua/ua.js

@@ -391,6 +391,12 @@ export default {
     dummy: {
       text: 'Записи у розділі ще не створені',
     },
+    empty: {
+      text: {
+        empty: 'Пошук не дав результату',
+        filters: 'Немає результатів за фільтрами',
+      },
+    },
     agentStatusSelect: {
       pauseCausePopup: {
         title: 'Виберіть причину паузи',

src/modules/TableComponentModule/composables/useTableEmpty.js

@@ -5,6 +5,8 @@ import { useStore } from 'vuex';
 import { isEmpty } from '../../../scripts/index.js';
 import EmptyTableDark from '../_internals/assets/empty-table-dark.svg';
 import EmptyTableLight from '../_internals/assets/empty-table-light.svg';
+import EmptyFiltersDark from '../_internals/assets/empty-filters-dark.svg';
+import EmptyFiltersLight from '../_internals/assets/empty-filters-light.svg';
 
 export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides = {}) => {
   const store = useStore();
@@ -14,8 +16,8 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
   const defaults = computed(() => ({
     image: {
       filters: {
-        dark: EmptyTableDark,
-        light: EmptyTableLight,
+        dark: EmptyFiltersDark,
+        light: EmptyFiltersLight,
       },
       error: {
         dark: EmptyTableDark,
@@ -37,9 +39,9 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
       empty: t(''),
     },
     text: {
-      filters: t('web'),
+      filters: t('webitelUI.empty.text.filters'),
       error: t(''),
-      empty: t(''),
+      empty: t('webitelUI.empty.text.empty'),
     },
     primaryActionText: {
       filters: t(''),