@webitel/ui-sdk 25.10.13 → 25.10.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.13",
+  "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/en/en.js

@@ -1,4 +1,4 @@
-import deepcopy from 'deepcopy';
+import deepmerge from 'deepmerge';
 import {
   AgentStatus,
   CallDirection,
@@ -23,7 +23,7 @@ import { AccessMode } from '../../modules/ObjectPermissions/_internals/enums/Acc
 import { snakeToCamel } from '../../scripts';
 import notTranslatable from './notTranslatable.en';
 
-export default deepcopy(notTranslatable, {
+export default deepmerge(notTranslatable, {
   // describes reusable buttons, actions, default titles, and other ui elements
   reusable: {
     comment: 'Comment',

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;
 } & {