@webitel/ui-sdk 25.10.12 → 25.10.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.12",
+  "version": "25.10.14",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/components/wt-table/wt-table.vue

@@ -56,8 +56,20 @@
       :hidden="isColumnHidden(col)"
     >
       <template #header>
-        <div style="width: 0;" class="wt-table__th__content">
+        <div class="wt-table__th__content">
           {{ col.text }}
+          <wt-icon
+            v-if="col.sort === 'asc'"
+            class="wt-table__th__sort-arrow wt-table__th__sort-arrow--asc"
+            icon="sort-arrow-up"
+            size="sm"
+          />
+          <wt-icon
+            v-else-if="col.sort === 'desc'"
+            class="wt-table__th__sort-arrow wt-table__th__sort-arrow--desc"
+            icon="sort-arrow-down"
+            size="sm"
+          />
         </div>
       </template>
 
@@ -80,19 +92,8 @@
           >{{ row[col.value] }}</slot>
         </div>
       </template>
+      <!-- empty sorticon slot for hiding default sort icon, custom icon is rendered in header --> 
       <template #sorticon>
-        <wt-icon
-          v-if="col.sort === 'asc'"
-          class="wt-table__th__sort-arrow wt-table__th__sort-arrow--asc"
-          icon="sort-arrow-up"
-          size="sm"
-        />
-        <wt-icon
-          v-else-if="col.sort === 'desc'"
-          class="wt-table__th__sort-arrow wt-table__th__sort-arrow--desc"
-          icon="sort-arrow-down"
-          size="sm"
-        />
       </template>
       <template
         v-if="isTableColumnFooters" 
@@ -335,10 +336,13 @@ const handleSelection = (row, select) => {
 .wt-table__th__content {
   @extend %typo-body-1-bold;
   white-space: nowrap;
+  width: 0;
 }
 
 .wt-table__td__content {
   @extend %typo-body-1;
+  display: flex;
+  align-items: center;
 }
 
 .wt-table__td__actions {
@@ -347,4 +351,10 @@ const handleSelection = (row, select) => {
   align-items: flex-start;
   gap: var(--spacing-xs);
 }
+
+.wt-table__th__sort-arrow {
+  position: absolute;
+  transform: translateY(-50%);
+  top: 50%;
+}
 </style>

package/src/locale/_enums/TranslationLocale.enum.ts

@@ -0,0 +1,22 @@
+/**
+ * @author @dlohvinov
+ *  
+ * @description
+ * List of available locales
+ */
+export const TranslationLocale = {
+  // supported by BA team
+  en: 'en',
+  uk: 'uk',
+  ru: 'ru',
+
+  // ai generated by frontend team
+  es: 'es',
+  kz: 'kz',
+  vi: 'vi',
+  pl: 'pl',
+  ro: 'ro',
+  uz: 'uz',
+} as const;
+
+export type TranslationLocale = (typeof TranslationLocale)[keyof typeof TranslationLocale];

package/src/locale/en/en.js

@@ -1,3 +1,4 @@
+import deepmerge from 'deepmerge';
 import {
   AgentStatus,
   CallDirection,
@@ -20,8 +21,9 @@ import {
 } from '../../enums';
 import { AccessMode } from '../../modules/ObjectPermissions/_internals/enums/AccessMode.enum.js';
 import { snakeToCamel } from '../../scripts';
+import notTranslatable from './notTranslatable.en';
 
-export default {
+export default deepmerge(notTranslatable, {
   // describes reusable buttons, actions, default titles, and other ui elements
   reusable: {
     comment: 'Comment',
@@ -52,13 +54,6 @@ export default {
     expand: 'Expand',
     collapse: 'Collapse',
     generate: 'Generate',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'From',
     to: 'To',
     tts: 'Text-to-Speech',
@@ -762,4 +757,4 @@ export default {
     chatHistoryApi: 'There was an error loading the chat history',
     markChatProcessed: 'Failed to move the chat to “Closed”',
   },
-};
+});

package/src/locale/en/notTranslatable.en.ts

@@ -0,0 +1,27 @@
+import { TranslationLocale } from '../_enums/TranslationLocale.enum';
+
+/**
+ * @author @dlohvinov
+ * 
+ * @description
+ * These keys should not be translated to different langs,
+ * but moved to separate file to avoid main lang file lines
+ *  count increase related to other langs so that it's easier
+ * to compare any missing translations between langs
+ */
+
+export default {
+    reusable: {
+    lang: {
+        [TranslationLocale.en]: 'English',
+        [TranslationLocale.es]: 'Español',
+        [TranslationLocale.ru]: 'Русский',
+        [TranslationLocale.uk]: 'Українська',
+        [TranslationLocale.kz]: 'Қазақ',
+        [TranslationLocale.vi]: 'Tiếng Việt',
+        [TranslationLocale.pl]: 'Polski',
+        [TranslationLocale.ro]: 'Română',
+        [TranslationLocale.uz]: "O'zbek",
+      },
+    },
+};

package/src/locale/es/es.js

@@ -51,13 +51,6 @@ export default {
     expand: 'Expandir',
     collapse: 'Colapsar',
     generate: 'Generar',
-    lang: {
-      en: 'Inglés',
-      es: 'Español',
-      ru: 'Ruso',
-      uk: 'Ucraniano',
-      kz: 'Kazajo',
-    },
     from: 'Desde',
     to: 'Hasta',
     tts: 'Texto a Voz',

package/src/locale/index.ts

@@ -1,3 +1,5 @@
+export * from './_enums/TranslationLocale.enum';
+
 import en from './en/en';
 import es from './es/es';
 import kz from './kz/kz';

package/src/locale/kz/kz.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Кеңейту',
     collapse: 'Жігу',
     generate: 'Жасау',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'Бастап',
     to: 'Дейін',
     tts: 'Мәтін-дауыс',

package/src/locale/pl/pl.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Rozwiń',
     collapse: 'Zwiń',
     generate: 'Generuj',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'Od',
     to: 'Do',
     tts: 'Tekst na mowę',

package/src/locale/ro/ro.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Extinde',
     collapse: 'Restrânge',
     generate: 'Generează',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'De la',
     to: 'Până la',
     tts: 'Text-to-Speech',

package/src/locale/ru/ru.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Развернуть',
     collapse: 'Свернуть',
     generate: 'Сгенерировать',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'От',
     to: 'До',
     tts: 'Text-to-Speech',

package/src/locale/uk/uk.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Розгорнути',
     collapse: 'Згорнути',
     generate: 'Згенерувати',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'Від',
     to: 'До',
     tts: 'Text-to-Speech',

package/src/locale/uz/uz.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Kengaytirish',
     collapse: 'Yigʻish',
     generate: 'Generatsiya',
-    lang: {
-      en: 'English',
-      es: 'Español',
-      ru: 'Русский',
-      uk: 'Українська',
-      kz: 'Қазақ',
-    },
     from: 'Dan',
     to: 'Gacha',
     tts: 'Matnni ovozga aylantirish',

package/src/locale/vi/vi.js

@@ -52,13 +52,6 @@ export default {
     expand: 'Mở rộng',
     collapse: 'Thu gọn',
     generate: 'Tạo',
-    lang: {
-      en: 'Tiếng Anh',
-      es: 'Tiếng Tây Ban Nha',
-      ru: 'Tiếng Nga',
-      uk: 'Tiếng Ukraina',
-      kz: 'Tiếng Kazakh',
-    },
     from: 'Từ',
     to: 'Đến',
     tts: 'Chuyển văn bản thành giọng nói',

package/src/plugins/primevue/theme/components/table/table.js

@@ -14,6 +14,7 @@ const table = {
         .p-datatable-tbody > tr > td {
             word-break: break-all;
             overflow-wrap: break-word;
+            vertical-align: top;
         }
 
         .p-datatable-thead > tr > th {

package/types/components/wt-table/wt-table.vue.d.ts

@@ -62,7 +62,7 @@ declare const isColSortable: ({ sort }: {
 declare const selectAll: () => void;
 declare const handleSelection: (row: any, select: any) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_45: string, __VLS_46: {
+declare var __VLS_53: string, __VLS_54: {
     index: any;
     item: any;
 }, __VLS_57: `${string}-footer`, __VLS_58: {}, __VLS_64: {}, __VLS_66: {
@@ -70,7 +70,7 @@ declare var __VLS_45: string, __VLS_46: {
     item: any;
 }, __VLS_68: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_45>]?: (props: typeof __VLS_46) => any;
+    [K in NonNullable<typeof __VLS_53>]?: (props: typeof __VLS_54) => any;
 } & {
     [K in NonNullable<typeof __VLS_57>]?: (props: typeof __VLS_58) => any;
 } & {

package/types/locale/_enums/TranslationLocale.enum.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @author @dlohvinov
+ *
+ * @description
+ * List of available locales
+ */
+export declare const TranslationLocale: {
+    readonly en: "en";
+    readonly uk: "uk";
+    readonly ru: "ru";
+    readonly es: "es";
+    readonly kz: "kz";
+    readonly vi: "vi";
+    readonly pl: "pl";
+    readonly ro: "ro";
+    readonly uz: "uz";
+};
+export type TranslationLocale = (typeof TranslationLocale)[keyof typeof TranslationLocale];