@webitel/ui-sdk 24.10.55 → 24.10.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.55",
+  "version": "24.10.57",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -98,6 +98,7 @@
     "src/plugins/*",
     "src/store/*",
     "src/tests/*",
+    "src/install.js",
     "CHANGELOG.md"
   ],
   "dependencies": {

package/src/components/wt-action-bar/WtActionBarActionsOrder.js

@@ -12,4 +12,7 @@ export const tableActionsOrder = [
 ];
 
 // TODO
-export const cardActionsOrder = tableActionsOrder;
+export const cardActionsOrder = [
+  ...tableActionsOrder,
+  IconAction.EDIT,
+]

package/src/components/wt-action-bar/wt-action-bar.vue

@@ -64,8 +64,12 @@ const props = defineProps({
     // validator: (v) => ['sm', 'md', 'lg'].includes(v),
   },
 });
-
-const emit = defineEmits(Object.values(IconAction).map((action) => `click:${action}`));
+const emit = defineEmits([
+  /**
+   * click:IconAction
+   */
+  ...Object.values(IconAction).map((action) => `click:${action}`)
+]);
 
 const shownActions = computed(() => {
   const actionsOrder = props.mode === 'card' ? cardActionsOrder : tableActionsOrder;

package/src/install.js

@@ -0,0 +1,27 @@
+import './css/main.scss';
+import 'vue-multiselect/dist/vue-multiselect.css';
+import generateInstance from './api/axios/generateInstance.js';
+import Components from './components/index.js'; // init all components
+import Directives from './directives/index.js'; // init all directives
+import './css/styleguide/fonts/_fonts.scss';
+import './assets/icons/sprite/index.js';
+
+export default {
+  install(app, { eventBus, router, globals = {} }) {
+    Object.keys(Directives).forEach((name) => {
+      app.directive(name, Directives[name]);
+    });
+    Object.keys(Components).forEach((name) => {
+      app.component(name, Components[name]);
+    });
+    // Vue.prototype.$webitelUI = {
+    //   // locale: this.$i18n.locale,
+    // };
+    Object.keys(globals).forEach((globalKey) => {
+      app.provide(globalKey, globals[globalKey]);
+    });
+    app.provide('$eventBus', eventBus);
+    if (router) app.use(router);
+  },
+  generateInstance,
+};

package/src/locale/en/en.js

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

package/src/locale/ru/ru.js

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

package/src/locale/ua/ua.js

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

package/src/modules/TableComponentModule/composables/useTableEmpty.js

@@ -27,19 +27,19 @@ export const useTableEmpty = ({ dataList, filters, error, isLoading }, overrides
       },
     },
     headline: {
-      filters: t(''),
-      error: t(''),
-      empty: t(''),
+      filters: t('webitelUI.empty.filters.headline'),
+      error: t('webitelUI.empty.error.headline'),
+      empty: t('webitelUI.empty.empty.headline'),
     },
     title: {
-      filters: t(''),
-      error: t(''),
-      empty: t(''),
+      filters: t('webitelUI.empty.filters.title'),
+      error: t('webitelUI.empty.error.title'),
+      empty: t('webitelUI.empty.empty.title'),
     },
     text: {
-      filters: t('web'),
-      error: t(''),
-      empty: t(''),
+      filters: t('webitelUI.empty.filters.text'),
+      error: t('webitelUI.empty.error.text'),
+      empty: t('webitelUI.empty.empty.text'),
     },
     primaryActionText: {
       filters: t(''),