@webitel/ui-sdk 24.12.28 → 24.12.33

package/src/api/clients/media/media.js

@@ -16,7 +16,11 @@ import applyTransform, {
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();
 
-const mediaService = new MediaFileServiceApiFactory(configuration, '', instance);
+const mediaService = new MediaFileServiceApiFactory(
+  configuration,
+  '',
+  instance,
+);
 
 const token = localStorage.getItem('access-token');
 const baseUrl = import.meta.env.VITE_API_URL;
@@ -28,7 +32,14 @@ const getMediaList = async (params) => {
   ]);
 
   try {
-    const response = await mediaService.searchMediaFile(page, size, search, sort, fields, id);
+    const response = await mediaService.searchMediaFile(
+      page,
+      size,
+      search,
+      sort,
+      fields,
+      id,
+    );
     const { items, next } = applyTransform(response.data, [
       snakeToCamel(),
       merge(getDefaultGetListResponse()),
@@ -73,7 +84,9 @@ const addMedia = async (params) => {
   formData.append('file', params.itemInstance);
   try {
     const response = await addMediaInstance.post(url, formData);
-    applyTransform(response, [notify(() => ({ type: 'success', text: 'Successfully added' }))]);
+    applyTransform(response, [
+      notify(() => ({ type: 'success', text: 'Successfully added' })),
+    ]);
     return response;
   } catch (err) {
     throw applyTransform(err, [notify]);

package/src/api/clients/queues/queues.js

@@ -68,10 +68,11 @@ const getQueuesList = async (params) => {
     priority: '0',
   };
 
-  const { page, size, search, sort, fields, id, queueType, team, tags } = applyTransform(params, [
-    merge(getDefaultGetParams()),
-    starToSearch('search'),
-  ]);
+  const { page, size, search, sort, fields, id, queueType, team, tags } =
+    applyTransform(params, [
+      merge(getDefaultGetParams()),
+      starToSearch('search'),
+    ]);
 
   try {
     const response = await queueService.searchQueue(
@@ -168,7 +169,10 @@ const updateQueue = async ({ itemInstance, itemId: id }) => {
 };
 
 const patchQueue = async ({ id, changes }) => {
-  const item = applyTransform(changes, [sanitize(fieldsToSend), camelToSnake(doNotConvertKeys)]);
+  const item = applyTransform(changes, [
+    sanitize(fieldsToSend),
+    camelToSnake(doNotConvertKeys),
+  ]);
   try {
     const response = await queueService.patchQueue(id, item);
     return applyTransform(response.data, [snakeToCamel(doNotConvertKeys)]);
@@ -199,7 +203,13 @@ const getQueuesTags = async (params) => {
     camelToSnake(doNotConvertKeys),
   ]);
   try {
-    const response = await queueService.searchQueueTags(page, size, search, sort, fields);
+    const response = await queueService.searchQueueTags(
+      page,
+      size,
+      search,
+      sort,
+      fields,
+    );
     const { items, next } = applyTransform(response.data, [
       snakeToCamel(doNotConvertKeys),
       merge(getDefaultGetListResponse()),

package/src/api/clients/roles/roles.js

@@ -62,7 +62,9 @@ const getRole = async ({ itemId: id }) => {
 
   const itemResponseHandler = (response) => {
     const copy = deepCopy(response);
-    copy.metadata.access = new ApplicationsAccess({ access: copy.metadata.access }).getAccess();
+    copy.metadata.access = new ApplicationsAccess({
+      access: copy.metadata.access,
+    }).getAccess();
     return copy;
   };
 

package/src/api/clients/skills/skills.js

@@ -26,7 +26,14 @@ const getSkillsList = async (params) => {
   ]);
 
   try {
-    const response = await skillService.searchSkill(page, size, search, sort, fields, id);
+    const response = await skillService.searchSkill(
+      page,
+      size,
+      search,
+      sort,
+      fields,
+      id,
+    );
     const { items, next } = applyTransform(response.data, [
       snakeToCamel(),
       merge(getDefaultGetListResponse()),
@@ -52,7 +59,10 @@ const getSkill = async ({ itemId: id }) => {
 const fieldsToSend = ['name', 'description'];
 
 const addSkill = async ({ itemInstance }) => {
-  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  const item = applyTransform(itemInstance, [
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
   try {
     const response = await skillService.createSkill(item);
     return applyTransform(response.data, [snakeToCamel()]);
@@ -62,7 +72,10 @@ const addSkill = async ({ itemInstance }) => {
 };
 
 const updateSkill = async ({ itemInstance, itemId: id }) => {
-  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  const item = applyTransform(itemInstance, [
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
   try {
     const response = await skillService.updateSkill(id, item);
     return applyTransform(response.data, [snakeToCamel()]);

package/src/api/clients/teams/teams.js

@@ -33,10 +33,11 @@ const fieldsToSend = [
 ];
 
 const getTeamsList = async (params) => {
-  const { page, size, search, sort, fields, id, strategy, adminId } = applyTransform(params, [
-    merge(getDefaultGetParams()),
-    starToSearch('search'),
-  ]);
+  const { page, size, search, sort, fields, id, strategy, adminId } =
+    applyTransform(params, [
+      merge(getDefaultGetParams()),
+      starToSearch('search'),
+    ]);
 
   try {
     const response = await teamService.searchAgentTeam(
@@ -80,14 +81,20 @@ const getTeam = async ({ itemId: id }) => {
 
   try {
     const response = await teamService.readAgentTeam(id);
-    return applyTransform(response.data, [snakeToCamel(), merge(defaultObject)]);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      merge(defaultObject),
+    ]);
   } catch (err) {
     throw applyTransform(err, [notify]);
   }
 };
 
 const addTeam = async ({ itemInstance }) => {
-  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  const item = applyTransform(itemInstance, [
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
   try {
     const response = await teamService.createAgentTeam(item);
     return applyTransform(response.data, [snakeToCamel()]);
@@ -97,7 +104,10 @@ const addTeam = async ({ itemInstance }) => {
 };
 
 const updateTeam = async ({ itemInstance, itemId: id }) => {
-  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  const item = applyTransform(itemInstance, [
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
   try {
     const response = await teamService.updateAgentTeam(id, item);
     return applyTransform(response.data, [snakeToCamel()]);

package/src/api/clients/users/__tests__/users.spec.js

@@ -209,7 +209,9 @@ describe('UsersAPI', () => {
 
     const UsersAPI = (await import('../users.js')).default;
 
-    expect(await UsersAPI.update({ itemInstance: {}, itemId: 1 })).toEqual(output);
+    expect(await UsersAPI.update({ itemInstance: {}, itemId: 1 })).toEqual(
+      output,
+    );
   });
 
   it('correctly computes "patch" method api call', async () => {

package/src/api/clients/users/users.js

@@ -157,7 +157,10 @@ const updateUser = async ({ itemInstance, itemId: id }) => {
 };
 
 const patchUser = async ({ changes, id }) => {
-  const body = applyTransform(changes, [sanitize(fieldsToSend), camelToSnake(['profile'])]);
+  const body = applyTransform(changes, [
+    sanitize(fieldsToSend),
+    camelToSnake(['profile']),
+  ]);
   const url = `${baseUrl}/${id}`;
   try {
     const response = await instance.patch(url, body);
@@ -168,7 +171,10 @@ const patchUser = async ({ changes, id }) => {
 };
 
 const patchUserPresence = async ({ changes, id }) => {
-  const body = applyTransform(changes, [sanitize(fieldsToSend), camelToSnake(['profile'])]);
+  const body = applyTransform(changes, [
+    sanitize(fieldsToSend),
+    camelToSnake(['profile']),
+  ]);
   const url = `${baseUrl}/${id}/presence`;
   try {
     const response = await instance.patch(url, body);

package/src/api/clients//321/201ontacts/contactChatMessagesHistory.js

@@ -4,7 +4,11 @@ import {
   getDefaultInstance,
   getDefaultOpenAPIConfig,
 } from '../../defaults/index.js';
-import applyTransform, { notify, snakeToCamel, merge } from '../../transformers/index.js';
+import applyTransform, {
+  notify,
+  snakeToCamel,
+  merge,
+} from '../../transformers/index.js';
 import i18n from '../../../locale/i18n.js';
 
 const { t } = i18n.global;
@@ -12,7 +16,11 @@ const { t } = i18n.global;
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();
 
-const contactChatService = new ContactsChatCatalogApiFactory(configuration, '', instance);
+const contactChatService = new ContactsChatCatalogApiFactory(
+  configuration,
+  '',
+  instance,
+);
 
 const getChat = async ({ contactId, chatId }) => {
   const mergeChatMessagesData = ({ messages, peers }) => {
@@ -26,7 +34,10 @@ const getChat = async ({ contactId, chatId }) => {
   };
 
   try {
-    const response = await contactChatService.getContactChatHistory(contactId, chatId);
+    const response = await contactChatService.getContactChatHistory(
+      contactId,
+      chatId,
+    );
     const { messages, peers } = applyTransform(response.data, [snakeToCamel()]);
     return {
       items: applyTransform({ messages, peers }, [mergeChatMessagesData]),
@@ -39,7 +50,6 @@ const getChat = async ({ contactId, chatId }) => {
 
 // all messages from all contacts chats
 const getAllMessages = async (params) => {
-
   const mergeMessagesData = ({ messages, peers, chats }) => {
     if (!messages) return [];
     return messages.map(({ from, chat, ...message }) => {
@@ -51,11 +61,7 @@ const getAllMessages = async (params) => {
     });
   };
 
-  const {
-    contactId,
-    page,
-    size,
-  } = params;
+  const { contactId, page, size } = params;
 
   try {
     const response = await contactChatService.getContactChatHistory2(
@@ -75,10 +81,12 @@ const getAllMessages = async (params) => {
     };
   } catch (err) {
     throw applyTransform(err, [
-      notify(({ callback }) => callback({
-        type: 'error',
-        text: t('errorNotifications.chatHistoryApi'),
-      })),
+      notify(({ callback }) =>
+        callback({
+          type: 'error',
+          text: t('errorNotifications.chatHistoryApi'),
+        }),
+      ),
     ]);
   }
 };

package/src/api/clients//321/201ontacts/contacts.js

@@ -29,7 +29,17 @@ const formatAccessMode = (item) => ({
 });
 
 const getList = async (params) => {
-  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id', 'qin', 'groupId', 'notIdGroup'];
+  const fieldsToSend = [
+    'page',
+    'size',
+    'q',
+    'sort',
+    'fields',
+    'id',
+    'qin',
+    'groupId',
+    'notIdGroup',
+  ];
 
   if (!params.fields) {
     params.fields = [
@@ -61,7 +71,7 @@ const getList = async (params) => {
 
   let changedParams;
 
-  if(params?.search) {
+  if (params?.search) {
     changedParams = { ...params, q: params.search };
   } else if (params?.q && params?.qin) {
     changedParams = { ...params };
@@ -98,9 +108,14 @@ const getList = async (params) => {
     };
   }
 
-  const transformations = [sanitize(fieldsToSend), merge(getDefaultGetParams()), camelToSnake()];
+  const transformations = [
+    sanitize(fieldsToSend),
+    merge(getDefaultGetParams()),
+    camelToSnake(),
+  ];
 
-  const { page, size, q, sort, fields, id, qin, mode, group_id, not_id_group }  = applyTransform(changedParams, transformations);
+  const { page, size, q, sort, fields, id, qin, mode, group_id, not_id_group } =
+    applyTransform(changedParams, transformations);
 
   try {
     const response = await contactService.searchContacts(
@@ -116,13 +131,16 @@ const getList = async (params) => {
       not_id_group,
     );
 
-    const { items, next } = applyTransform({ ...response.data, items: response.data.data || [] }, [
-      snakeToCamel(),
-      merge(getDefaultGetListResponse()),
-    ]);
+    const { items, next } = applyTransform(
+      { ...response.data, items: response.data.data || [] },
+      [snakeToCamel(), merge(getDefaultGetListResponse())],
+    );
 
     return {
-      items: applyTransform(items, [(items) => items?.map((item) => formatAccessMode(item)), listResponseHandler]),
+      items: applyTransform(items, [
+        (items) => items?.map((item) => formatAccessMode(item)),
+        listResponseHandler,
+      ]),
       next,
     };
   } catch (err) {
@@ -175,13 +193,17 @@ const fieldsToSend = ['name', 'labels', 'about', 'managers', 'timezones'];
 
 const sanitizeManagers = (itemInstance) => {
   // handle many managers and even no managers field cases
-  const managers = (itemInstance.managers || []).filter(({ user } = {}) => user.id);
+  const managers = (itemInstance.managers || []).filter(
+    ({ user } = {}) => user.id,
+  );
   return { ...itemInstance, managers };
 };
 
 const sanitizeTimezones = (itemInstance) => {
   // handle many timezones and even no timezones field cases
-  const timezones = (itemInstance.timezones || []).filter(({ timezone } = {}) => timezone.id);
+  const timezones = (itemInstance.timezones || []).filter(
+    ({ timezone } = {}) => timezone.id,
+  );
   return { ...itemInstance, timezones };
 };
 
@@ -235,10 +257,11 @@ const deleteContact = async ({ id }) => {
   }
 };
 
-const getContactsLookup = (params) => getList({
-  ...params,
-  fields: params.fields || ['id', 'name'],
-});
+const getContactsLookup = (params) =>
+  getList({
+    ...params,
+    fields: params.fields || ['id', 'name'],
+  });
 
 const ContactsAPI = {
   getList,

package/src/api/history/transcript/callTranscript.js

@@ -14,11 +14,19 @@ import applyTransform, {
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();
 
-const transcriptService = new FileTranscriptServiceApiFactory(configuration, '', instance);
+const transcriptService = new FileTranscriptServiceApiFactory(
+  configuration,
+  '',
+  instance,
+);
 
 const getTranscript = async ({ id, page = 1, size = 10000 }) => {
   try {
-    const response = await transcriptService.getFileTranscriptPhrases(id, page, size);
+    const response = await transcriptService.getFileTranscriptPhrases(
+      id,
+      page,
+      size,
+    );
     const { items } = applyTransform(response.data, [
       snakeToCamel(),
       merge(getDefaultGetListResponse()),

package/src/api/interceptors/request/updateToken.interceptor.js

@@ -1,6 +1,7 @@
 const updateTokenInterceptor = [
   (config) => {
-    config.headers['X-Webitel-Access'] = localStorage.getItem('access-token') || '';
+    config.headers['X-Webitel-Access'] =
+      localStorage.getItem('access-token') || '';
     return config;
   },
   (error) => Promise.reject(error),

package/src/api/transformers/applyTransform.js

@@ -1,4 +1,8 @@
-const applyTransform = (target, transformers, { debug = false, withContext = null } = {}) => {
+const applyTransform = (
+  target,
+  transformers,
+  { debug = false, withContext = null } = {},
+) => {
   return transformers.reduce((result, transformer, index) => {
     if (debug) console.info(`applyTransform debug on step ${index}`, result);
 

package/src/api/transformers/camelToSnake/camelToSnake.transformer.js

@@ -1,4 +1,5 @@
 import { objCamelToSnake } from '../../../scripts/caseConverters.js';
 
-const camelToSnakeTransformer = (skipKeys) => (obj) => objCamelToSnake(obj, skipKeys);
+const camelToSnakeTransformer = (skipKeys) => (obj) =>
+  objCamelToSnake(obj, skipKeys);
 export default camelToSnakeTransformer;

package/src/api/transformers/snakeToCamel/snakeToCamel.transformer.js

@@ -1,4 +1,5 @@
 import { objSnakeToCamel } from '../../../scripts/caseConverters.js';
 
-const snakeToCamelTransformer = (skipKeys) => (obj) => objSnakeToCamel(obj, skipKeys);
+const snakeToCamelTransformer = (skipKeys) => (obj) =>
+  objSnakeToCamel(obj, skipKeys);
 export default snakeToCamelTransformer;

package/src/assets/icons/sprite/index.js

@@ -116,6 +116,7 @@ import messengerWhatsapp from './messenger-whatsapp.svg';
 import meta from './meta.svg';
 import micMuted from './mic-muted.svg';
 import mic from './mic.svg';
+import treeCollapse from './tree-collapse.svg';
 import microsoft from './microsoft.svg';
 import move from './move.svg';
 import note from './note.svg';
@@ -124,7 +125,7 @@ import options from './options.svg';
 import pause from './pause.svg';
 import pin from './pin.svg';
 import play from './play.svg';
-import plus from './plus.svg';
+import treeExpand from './tree-expand.svg';
 import previewTagApplication from './preview-tag-application.svg';
 
 import previewTagAudio from './preview-tag-audio.svg';
@@ -155,12 +156,15 @@ import soundOn from './sound-on.svg';
 import starFilled from './star--filled.svg';
 import star from './star.svg';
 import stop from './stop.svg';
+import stopSign from './stop-sign.svg';
 import sttDownload from './stt-download.svg';
 import sttSearch from './stt-search.svg';
 import stt from './stt.svg';
 import telegramBot from './telegram-bot.svg';
 import tick from './tick.svg';
 import ttsDownload from './tts-download.svg';
+import treeLine from './tree-line.svg'
+import treeCross from './tree-cross.svg'
 import undo from './undo.svg';
 import unpin from './unpin.svg';
 import upload from './upload.svg';
@@ -306,11 +310,12 @@ export default objCamelToKebab({
   micMuted,
   microsoft,
   move,
+  treeCollapse,
   note,
   numpad,
   pause,
   play,
-  plus,
+  treeExpand,
   prompter,
   queueMember,
   radio,
@@ -333,6 +338,7 @@ export default objCamelToKebab({
   star,
   'star--filled': starFilled,
   stop,
+  stopSign,
   tick,
   upload,
   user,
@@ -341,6 +347,8 @@ export default objCamelToKebab({
   zoomIn,
   zoomOut,
   ttsDownload,
+  treeLine,
+  treeCross,
   stt,
   sttDownload,
   sttSearch,

package/src/assets/icons/sprite/stop-sign.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 10C8.44771 10 8 10.4477 8 11V13C8 13.5523 8.44771 14 9 14H15C15.5523 14 16 13.5523 16 13V11C16 10.4477 15.5523 10 15 10H9Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"/>
+</svg>

package/src/assets/icons/sprite/tree-collapse.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM19 4H5C4.44771 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44771 19.5523 4 19 4Z" />
+</svg>

package/src/assets/icons/sprite/tree-cross.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<path id="Union" d="M12 24H13L13 13H24V12L13 12L13 0H12V24Z"/>
+</g>
+</svg>

package/src/assets/icons/sprite/tree-line.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
+<g id="Icon" clip-path="url(#clip0_1807_7994)">
+<path id="Vector 39 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M12 24L12 0L13 -4.37114e-08L13 24L12 24Z" />
+</g>
+<defs>
+<clipPath id="clip0_1807_7994">
+<rect width="24" height="24"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/index.js

@@ -17,8 +17,7 @@ import WtDummy from './wt-dummy/wt-dummy.vue';
 import WtEmpty from './wt-empty/wt-empty.vue';
 import WtErrorPage from './wt-error-page/wt-error-page.vue';
 import WtExpansionPanel from './wt-expansion-panel/wt-expansion-panel.vue';
-import WtFiltersPanelWrapper
-  from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
+import WtFiltersPanelWrapper from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
 import WtHeadlineNav from './wt-headline-nav/wt-headline-nav.vue';
 import WtHeadline from './wt-headline/wt-headline.vue';
 import WtHint from './wt-hint/wt-hint.vue';
@@ -29,8 +28,7 @@ import WtImage from './wt-image/wt-image.vue';
 import WtIndicator from './wt-indicator/wt-indicator.vue';
 import WtInputInfo from './wt-input-info/wt-input-info.vue';
 import WtInput from './wt-input/wt-input.vue';
-import WtIntersectionObserver
-  from './wt-intersection-observer/wt-intersection-observer.vue';
+import WtIntersectionObserver from './wt-intersection-observer/wt-intersection-observer.vue';
 import WtItemLink from './wt-item-link/wt-item-link.vue';
 import WtLabel from './wt-label/wt-label.vue';
 import WtLoadBar from './wt-load-bar/wt-load-bar.vue';
@@ -38,8 +36,7 @@ import WtLoader from './wt-loader/wt-loader.vue';
 import WtLogo from './wt-logo/wt-logo.vue';
 import WtNavigationBar from './wt-navigation-bar/wt-navigation-bar.vue';
 import WtNotification from './wt-notification/wt-notification.vue';
-import WtNotificationsBar
-  from './wt-notifications-bar/wt-notifications-bar.vue';
+import WtNotificationsBar from './wt-notifications-bar/wt-notifications-bar.vue';
 import WtPageHeader from './wt-page-header/wt-page-header.vue';
 import WtPageWrapper from './wt-page-wrapper/wt-page-wrapper.vue';
 import WtDualPanel from './wt-dual-panel/wt-dual-panel.vue';
@@ -56,20 +53,18 @@ import WtStatusSelect from './wt-status-select/wt-status-select.vue';
 import WtStepper from './wt-stepper/wt-stepper.vue';
 import WtSwitcher from './wt-switcher/wt-switcher.vue';
 import WtTableActions from './wt-table-actions/wt-table-actions.vue';
-import WtTableColumnSelect
-  from './wt-table-column-select/wt-table-column-select.vue';
+import WtTableColumnSelect from './wt-table-column-select/wt-table-column-select.vue';
 import WtTable from './wt-table/wt-table.vue';
+import WtTreeTable from './wt-tree-table/wt-tree-table.vue';
 import WtTabs from './wt-tabs/wt-tabs.vue';
 import WtTagsInput from './wt-tags-input/wt-tags-input.vue';
 import WtTextarea from './wt-textarea/wt-textarea.vue';
 import WtTimeInput from './wt-time-input/wt-time-input.vue';
 import WtTimepicker from './wt-timepicker/wt-timepicker.vue';
 import WtTooltip from './wt-tooltip/wt-tooltip.vue';
-import WtNavigationMenu
-  from './on-demand/wt-navigation-menu/components/wt-navigation-menu.vue';
+import WtNavigationMenu from './on-demand/wt-navigation-menu/components/wt-navigation-menu.vue';
 import WtStartPage from './on-demand/wt-start-page/components/wt-start-page.vue';
-import WtSelectionPopup
-  from './on-demand/wt-selection-popup/wt-selection-popup.vue';
+import WtSelectionPopup from './on-demand/wt-selection-popup/wt-selection-popup.vue';
 
 const Components = {
   WtActionBar,
@@ -123,6 +118,7 @@ const Components = {
   WtPlayer,
   WtStatusSelect,
   WtTable,
+  WtTreeTable,
   WtTableActions,
   WtTableColumnSelect,
   WtButtonSelect,

package/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue

@@ -6,7 +6,9 @@
       class="nav-menu__option"
     >
       <button
-        :class="{ 'nav-menu__item--selected': selected.value === category.value }"
+        :class="{
+          'nav-menu__item--selected': selected.value === category.value,
+        }"
         class="nav-menu__item nav-menu__item--active"
         @click="select(category)"
       >
@@ -37,7 +39,7 @@ const props = defineProps({
   },
   icons: {
     type: Array,
-    default: () => ([]),
+    default: () => [],
   },
 });
 

package/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-2.vue

@@ -3,9 +3,7 @@
     <li
       v-for="(category, key) of categories"
       :key="key"
-      class="nav-menu__option
-             nav-menu__item
-             nav-menu-lvl-2--inner"
+      class="nav-menu__option nav-menu__item nav-menu-lvl-2--inner"
     >
       <span class="nav-menu-lvl-2__indicator" />
       <router-link
@@ -58,7 +56,8 @@ const props = defineProps({
   &__link {
     color: var(--text-main-color);
 
-    &:hover, &:active {
+    &:hover,
+    &:active {
       text-decoration: underline;
     }
   }