@webitel/ui-sdk 25.10.47 → 25.10.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.47",
+  "version": "25.10.49",
   "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

@@ -2,6 +2,7 @@
   <p-table
     :key="tableKey"
     ref="table"
+    :expanded-rows="expandedRows"
     :reorderable-columns="reorderableColumns"
     :resizable-columns="resizableColumns"
     :row-class="rowClass"
@@ -14,10 +15,32 @@
     scroll-height="flex"
     scrollable
     @sort="sort"
+    @update:expanded-rows="expandedRows = $event"
     @column-resize-end="columnResize"
     @column-reorder="columnReorder"
     @row-reorder="({dragIndex, dropIndex}) => emit('reorder:row', { oldIndex: dragIndex, newIndex: dropIndex })"
   >
+    <p-column
+      v-if="rowExpansion"
+      :pt="{
+        columnresizer: {
+            class: {
+                'hidden': true
+            }
+        }
+      }"
+      body-style="width: 1%;"
+      column-key="row-expander"
+      header-style="width: 1%;"
+    >
+      <template #body="{ data: row }">
+        <wt-icon-btn
+          :disabled="props.rowExpansionDisabled(row)"
+          :icon="isRowExpanded(row) ? 'arrow-down' : 'arrow-right'"
+          @click.stop="toggleRow(row)"
+        />
+      </template>
+    </p-column>
     <p-column
       v-if="rowReorder"
       :pt="{
@@ -163,6 +186,11 @@
         </div>
       </template>
     </p-column>
+    <template #expansion="{ data: row }">
+      <div>
+        <slot :item="row" name="expansion"></slot>
+      </div>
+    </template>
     <template
       v-if="isTableFooter"
       #footer
@@ -218,10 +246,12 @@ interface Props extends DataTableProps{
    * 'If true, restrict sprecific row reorder.'
    */
   isRowReorderDisabled?: (row) => boolean;
+  rowExpansion?: boolean;
   rowClass?: () => string;
   rowStyle?: () => { [key: string]: string };
   resizableColumns?: boolean
   reorderableColumns?: boolean
+  rowExpansionDisabled?: (row: object) => boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -233,11 +263,13 @@ const props = withDefaults(defineProps<Props>(), {
   fixedActions: false,
   headless: false,
   rowReorder: false,
+  rowExpansion: false,
   isRowReorderDisabled: () => false,
   rowClass: () => '',
   rowStyle: () => ({}),
   resizableColumns: false,
   reorderableColumns: false,
+  rowExpansionDisabled: () => false,
 });
 
 const { t } = useI18n();
@@ -248,6 +280,7 @@ const emit = defineEmits(['sort', 'update:selected', 'reorder:row', 'column-resi
 
 const table = useTemplateRef('table');
 const tableKey = ref(0);
+const expandedRows = ref([]);
 
 // table's columns that should be excluded from reorder
 const excludeColumnsFromReorder = ['row-select', 'row-reorder', 'row-actions']
@@ -255,8 +288,8 @@ const excludeColumnsFromReorder = ['row-select', 'row-reorder', 'row-actions']
 const _selected = computed(() => {
   // _isSelected for backwards compatibility
   return props.selectable
-         ? props.selected || props.data.filter(item => item._isSelected)
-         : [];
+    ? props.selected || props.data.filter(item => item._isSelected)
+    : [];
 });
 
 const dataHeaders = computed(() => {
@@ -371,6 +404,19 @@ const columnReorder = () => {
   tableKey.value += 1;
   emit('column-reorder', newOrder)
 }
+
+const isRowExpanded = (row) => {
+  return expandedRows.value.some(r => r?.id === row?.id);
+};
+
+const toggleRow = (row) => {
+  const index = expandedRows.value.findIndex(r => r.id === row.id);
+  if (index !== -1) {
+    expandedRows.value.splice(index, 1);
+  } else {
+    expandedRows.value.push(row);
+  }
+};
 </script>
 
 <style lang="scss">

package/src/locale/en/en.js

@@ -128,6 +128,11 @@ export default deepmerge({
     column: 'Column | Columns',
     notification: 'Notification | Notifications',
     screencast: 'Screencast',
+    extension: 'Extension',
+    password: 'Password',
+    number: 'Number',
+    expireAt: 'Expire at',
+    destination: 'Destination',
   },
   // date-related texts
   date: {

package/src/locale/es/es.js

@@ -124,6 +124,11 @@ export default {
     column: 'Columna | Columnas',
     notification: 'Notificación | Notificaciones',
     screencast: 'Videotutorial de pantalla',
+    extension: 'Extensión',
+    password: 'Contraseña',
+    number: 'Número',
+    expireAt: 'Expira en',
+    destination: 'Destino',
   },
   date: {
     sec: 'Seg',

package/src/locale/kz/kz.js

@@ -126,6 +126,11 @@ export default {
     column: 'Баған | Бағандар',
     notification: 'Хабарландыру | Хабарландырулар',
     screencast: 'Экран жазбасы',
+    extension: 'Кеңейту',
+    password: 'Құпия сөз',
+    number: 'Нөмір',
+    expireAt: 'Мерзімі',
+    destination: 'Мақсат',
   },
   // date-related texts
   date: {

package/src/locale/pl/pl.js

@@ -126,6 +126,11 @@ export default {
     column: 'Kolumna | Kolumny',
     notification: 'Powiadomienie | Powiadomienia',
     screencast: 'Nagranie ekranu',
+    extension: 'Rozszerzenie',
+    password: 'Hasło',
+    number: 'Numer',
+    expireAt: 'Wygasa',
+    destination: 'Cel',
   },
   // date-related texts
   date: {

package/src/locale/ro/ro.js

@@ -126,6 +126,11 @@ export default {
     column: 'Coloană | Coloane',
     notification: 'Notificare | Notificări',
     screencast: 'Înregistrare ecran',
+    extension: 'Extensie',
+    password: 'Parolă',
+    number: 'Număr',
+    expireAt: 'Expiră la',
+    destination: 'Destinație',
   },
   // date-related texts
   date: {

package/src/locale/ru/ru.js

@@ -125,6 +125,11 @@ export default {
     contact: 'Контакт | Контакты',
     notification: 'Уведомление | Уведомления',
     screencast: 'Запись экрана',
+    extension: 'Расширение',
+    password: 'Пароль',
+    number: 'Номер',
+    expireAt: 'Истекает',
+    destination: 'Назначение',
   },
   // date-related texts
   date: {

package/src/locale/uk/uk.js

@@ -125,6 +125,11 @@ export default {
     contact: 'Контакт | Контакти',
     notification: 'Сповіщення',
     screencast: 'Запис екрану',
+    extension: 'Розширення',
+    password: 'Пароль',
+    number: 'Номер',
+    expireAt: 'Закінчується',
+    destination: 'Призначення',
   },
   // date-related texts
   date: {

package/src/locale/uz/uz.js

@@ -126,6 +126,12 @@ export default {
     column: 'Ustun | Ustunlar',
     notification: 'Bildirishnoma | Bildirishnomalar',
     screencast: 'Ekran yozuvi',
+    extension: 'Kengaytma',
+    password: 'Parol',
+    number: 'Raqam',
+    expireAt: 'Muddati',
+    destination: 'Manzil',
+
   },
   // date-related texts
   date: {

package/src/locale/vi/vi.js

@@ -125,7 +125,12 @@ export default {
     contact: 'Liên hệ | Các liên hệ',
     column: 'Cột | Các cột',
     notification: 'Thông báo | Các thông báo',
-    screencast: 'Ekran yozuvi',
+    screencast: 'Ghi màn hình',
+    extension: 'Mở rộng',
+    password: 'Mật khẩu',
+    number: 'Số',
+    expireAt: 'Hết hạn',
+    destination: 'Điểm đến',
   },
   // date-related texts
   date: {

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

@@ -38,15 +38,18 @@ interface Props extends DataTableProps {
      * 'If true, restrict sprecific row reorder.'
      */
     isRowReorderDisabled?: (row: any) => boolean;
+    rowExpansion?: boolean;
     rowClass?: () => string;
     rowStyle?: () => {
         [key: string]: string;
     };
     resizableColumns?: boolean;
     reorderableColumns?: boolean;
+    rowExpansionDisabled?: (row: object) => boolean;
 }
 declare const emit: (event: "sort" | "update:selected" | "reorder:row" | "column-resize" | "column-reorder", ...args: any[]) => void;
 declare const tableKey: import("vue").Ref<number, number>;
+declare const expandedRows: import("vue").Ref<any[], any[]>;
 declare const _selected: import("vue").ComputedRef<unknown[]>;
 declare const dataHeaders: import("vue").ComputedRef<WtTableHeader[]>;
 declare const isColumnHidden: (col: any) => boolean;
@@ -68,28 +71,35 @@ declare const columnResize: ({ element }: {
     element: any;
 }) => void;
 declare const columnReorder: () => void;
+declare const isRowExpanded: (row: any) => boolean;
+declare const toggleRow: (row: any) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_55: string, __VLS_56: {
+declare var __VLS_68: string, __VLS_69: {
     index: any;
     item: any;
-}, __VLS_59: `${string}-footer`, __VLS_60: {}, __VLS_66: {}, __VLS_68: {
+}, __VLS_72: `${string}-footer`, __VLS_73: {}, __VLS_79: {}, __VLS_81: {
     index: any;
     item: any;
-}, __VLS_70: {};
+}, __VLS_83: {
+    item: any;
+}, __VLS_85: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_55>]?: (props: typeof __VLS_56) => any;
+    [K in NonNullable<typeof __VLS_68>]?: (props: typeof __VLS_69) => any;
+} & {
+    [K in NonNullable<typeof __VLS_72>]?: (props: typeof __VLS_73) => any;
 } & {
-    [K in NonNullable<typeof __VLS_59>]?: (props: typeof __VLS_60) => any;
+    'actions-header'?: (props: typeof __VLS_79) => any;
 } & {
-    'actions-header'?: (props: typeof __VLS_66) => any;
+    actions?: (props: typeof __VLS_81) => any;
 } & {
-    actions?: (props: typeof __VLS_68) => any;
+    expansion?: (props: typeof __VLS_83) => any;
 } & {
-    footer?: (props: typeof __VLS_70) => any;
+    footer?: (props: typeof __VLS_85) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<Props, {
     emit: typeof emit;
     tableKey: typeof tableKey;
+    expandedRows: typeof expandedRows;
     _selected: typeof _selected;
     dataHeaders: typeof dataHeaders;
     isColumnHidden: typeof isColumnHidden;
@@ -103,6 +113,8 @@ declare const __VLS_self: import("vue").DefineComponent<Props, {
     handleSelection: typeof handleSelection;
     columnResize: typeof columnResize;
     columnReorder: typeof columnReorder;
+    isRowExpanded: typeof isRowExpanded;
+    toggleRow: typeof toggleRow;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sort: (...args: any[]) => void;
     "update:selected": (...args: any[]) => void;
@@ -125,12 +137,14 @@ declare const __VLS_self: import("vue").DefineComponent<Props, {
     headless: boolean;
     rowReorder: boolean;
     isRowReorderDisabled: (row: any) => boolean;
+    rowExpansion: boolean;
     rowClass: () => string;
     rowStyle: () => {
         [key: string]: string;
     };
     resizableColumns: boolean;
     reorderableColumns: boolean;
+    rowExpansionDisabled: (row: object) => boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sort: (...args: any[]) => void;
@@ -154,12 +168,14 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     headless: boolean;
     rowReorder: boolean;
     isRowReorderDisabled: (row: any) => boolean;
+    rowExpansion: boolean;
     rowClass: () => string;
     rowStyle: () => {
         [key: string]: string;
     };
     resizableColumns: boolean;
     reorderableColumns: boolean;
+    rowExpansionDisabled: (row: object) => boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/types/locale/en/en.d.ts

@@ -101,6 +101,11 @@ declare const _default: {
         column: string;
         notification: string;
         screencast: string;
+        extension: string;
+        password: string;
+        number: string;
+        expireAt: string;
+        destination: string;
     };
     date: {
         sec: string;

package/types/locale/es/es.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/i18n.d.ts

@@ -102,6 +102,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -838,6 +843,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -1701,6 +1711,11 @@ declare const _default: import("vue-i18n").I18n<{
             contact: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -2566,6 +2581,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -3429,6 +3449,11 @@ declare const _default: import("vue-i18n").I18n<{
             contact: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -4294,6 +4319,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -5159,6 +5189,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -6024,6 +6059,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -6889,6 +6929,11 @@ declare const _default: import("vue-i18n").I18n<{
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;

package/types/locale/index.d.ts

@@ -112,6 +112,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -848,6 +853,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -1711,6 +1721,11 @@ export declare const messages: {
             contact: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -2576,6 +2591,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -3439,6 +3459,11 @@ export declare const messages: {
             contact: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -4304,6 +4329,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -5169,6 +5199,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -6034,6 +6069,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;
@@ -6899,6 +6939,11 @@ export declare const messages: {
             column: string;
             notification: string;
             screencast: string;
+            extension: string;
+            password: string;
+            number: string;
+            expireAt: string;
+            destination: string;
         };
         date: {
             sec: string;

package/types/locale/kz/kz.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/pl/pl.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/ro/ro.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/ru/ru.d.ts

@@ -104,6 +104,11 @@ declare namespace _default {
         let contact: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/uk/uk.d.ts

@@ -104,6 +104,11 @@ declare namespace _default {
         let contact: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/uz/uz.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;

package/types/locale/vi/vi.d.ts

@@ -106,6 +106,11 @@ declare namespace _default {
         let column: string;
         let notification: string;
         let screencast: string;
+        let extension: string;
+        let password: string;
+        let number: string;
+        let expireAt: string;
+        let destination: string;
     }
     export namespace date {
         let sec: string;