@webitel/ui-sdk 24.10.2 → 24.10.4

package/src/store/new/modules/tableStoreModule/__tests__/tableStoreModule.spec.js

@@ -1,13 +1,9 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import { createStore } from 'vuex';
-import FilterEvent
-  from '../../../../../modules/Filters/enums/FilterEvent.enum.js';
-import FiltersStoreModule
-  from '../../../../../modules/Filters/store/FiltersStoreModule.js';
+import FilterEvent from '../../../../../modules/Filters/enums/FilterEvent.enum.js';
+import FiltersStoreModule from '../../../../../modules/Filters/store/FiltersStoreModule.js';
 import { SortSymbols } from '../../../../../scripts/sortQueryAdapters.js';
-import {
-  createTableStoreModule,
-} from '../../../helpers/createTableStoreModule.js';
+import { createTableStoreModule } from '../../../helpers/createTableStoreModule.js';
 
 describe('TableStoreModule', () => {
   it('correctly computes FIELDS getter', () => {
@@ -19,8 +15,7 @@ describe('TableStoreModule', () => {
 
     const state = { headers };
 
-    expect(createTableStoreModule().getters.FIELDS(state))
-    .toEqual(['id', 'age']);
+    expect(createTableStoreModule().getters.FIELDS(state)).toEqual(['id', 'age']);
   });
 });
 
@@ -32,23 +27,22 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('filters restore event triggers LOAD_DATA_LIST', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 23,
-      defaultValue: 23,
-      get: ['value'],
-      set: ['value'],
-      restore: () => 'vivi',
-    })
-    .getModule();
+      .addFilter({
+        name: 'vi',
+        value: 23,
+        defaultValue: 23,
+        get: ['value'],
+        set: ['value'],
+        restore: () => 'vivi',
+      })
+      .getModule();
 
     const table = createTableStoreModule({
       modules: { filters },
     });
 
     const mock = vi.fn();
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(mock);
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(mock);
 
     const store = createStore({
       state: { router },
@@ -69,23 +63,22 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('FILTER_SET event triggers LOAD_DATA_LIST', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'vi',
-      value: 23,
-      defaultValue: 23,
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
+      .addFilter({
+        name: 'vi',
+        value: 23,
+        defaultValue: 23,
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
 
     const table = createTableStoreModule({
       modules: { filters },
     });
 
     const mock = vi.fn();
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(mock);
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(mock);
 
     const store = createStore({
       state: { router },
@@ -111,32 +104,31 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('FILTER_SET with not-page filter name resets page filter', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter([
-      {
-        name: 'vi',
-        value: 23,
-        defaultValue: 23,
-        get: ['value'],
-        set: ['value'],
-        restore: () => {},
-      },
-      {
-        name: 'page',
-        value: 12,
-        defaultValue: 12,
-        get: ['value'],
-        set: ['value'],
-        restore: () => {},
-      },
-    ])
-    .getModule();
+      .addFilter([
+        {
+          name: 'vi',
+          value: 23,
+          defaultValue: 23,
+          get: ['value'],
+          set: ['value'],
+          restore: () => {},
+        },
+        {
+          name: 'page',
+          value: 12,
+          defaultValue: 12,
+          get: ['value'],
+          set: ['value'],
+          restore: () => {},
+        },
+      ])
+      .getModule();
 
     const table = createTableStoreModule({
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -162,26 +154,23 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('SORT changes both headers and sort filter', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'sort',
-      value: '',
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
+      .addFilter({
+        name: 'sort',
+        value: '',
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
 
-    const headers = [
-      { value: 'id', field: 'sort_me', sort: SortSymbols.NONE },
-    ];
+    const headers = [{ value: 'id', field: 'sort_me', sort: SortSymbols.NONE }];
 
     const table = createTableStoreModule({
       state: { headers },
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -207,14 +196,14 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
 
   it('fields filter change changes headers', async () => {
     const filters = new FiltersStoreModule()
-    .addFilter({
-      name: 'fields',
-      value: [],
-      get: ['value'],
-      set: ['value'],
-      restore: () => {},
-    })
-    .getModule();
+      .addFilter({
+        name: 'fields',
+        value: [],
+        get: ['value'],
+        set: ['value'],
+        restore: () => {},
+      })
+      .getModule();
 
     const headers = [
       { value: 'surname', field: 'included', show: false },
@@ -226,8 +215,7 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
       modules: { filters },
     });
 
-    vi.spyOn(table.actions, 'LOAD_DATA_LIST')
-    .mockImplementationOnce(vi.fn());
+    vi.spyOn(table.actions, 'LOAD_DATA_LIST').mockImplementationOnce(vi.fn());
 
     const store = createStore({
       state: { router },
@@ -244,8 +232,7 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
       value: ['surname'],
     });
 
-    expect(store.getters['table/filters/GET_FILTER']('fields'))
-    .toEqual(['surname']);
+    expect(store.getters['table/filters/GET_FILTER']('fields')).toEqual(['surname']);
 
     expect(store.getters['table/FIELDS']).toEqual(['id', 'included']);
 

package/src/store/new/modules/tableStoreModule/tableStoreModule.js

@@ -1,8 +1,5 @@
 import FilterEvent from '../../../../modules/Filters/enums/FilterEvent.enum.js';
-import {
-  queryToSortAdapter,
-  sortToQueryAdapter,
-} from '../../../../scripts/sortQueryAdapters.js';
+import { queryToSortAdapter, sortToQueryAdapter } from '../../../../scripts/sortQueryAdapters.js';
 
 const state = () => ({
   headers: [],
@@ -45,10 +42,7 @@ const getters = {
 
 const actions = {
   // FIXME: maybe move to filters module?
-  SET_FILTER: (
-    context,
-    payload,
-  ) => context.dispatch('filters/SET_FILTER', payload),
+  SET_FILTER: (context, payload) => context.dispatch('filters/SET_FILTER', payload),
 
   // FIXME: maybe move to filters module?
   ON_FILTER_EVENT: async (context, { event, payload }) => {
@@ -63,10 +57,7 @@ const actions = {
   },
 
   // FIXME: maybe move to filters module?
-  HANDLE_FILTERS_RESTORE: async (context, {
-    fields,
-    sort,
-  }) => {
+  HANDLE_FILTERS_RESTORE: async (context, { fields, sort }) => {
     if (sort) await context.dispatch('HANDLE_SORT_CHANGE', { value: sort });
     if (fields?.length) await context.dispatch('HANDLE_FIELDS_CHANGE', { value: fields });
     return context.dispatch('LOAD_DATA_LIST');
@@ -106,10 +97,7 @@ const actions = {
     const nextSort = queryToSortAdapter(value?.slice(0, 1) || '');
     const field = nextSort ? value.slice(1) : value;
 
-    const headers = context.state.headers.map(({
-                                                 sort: currentSort,
-                                                 ...header
-                                               }) => {
+    const headers = context.state.headers.map(({ sort: currentSort, ...header }) => {
       let sort;
 
       if (field) {
@@ -130,10 +118,10 @@ const actions = {
 
     const params = context.getters.GET_LIST_PARAMS(query);
     try {
-      let {
-        items = [],
-        next = false,
-      } = await context.dispatch('api/GET_LIST', { context, params });
+      const { items = [], next = false } = await context.dispatch('api/GET_LIST', {
+        context,
+        params,
+      });
 
       context.commit('SET', { path: 'dataList', value: items });
       context.commit('SET', { path: 'isNextPage', value: next });
@@ -156,9 +144,7 @@ const actions = {
     });
   },
 
-  PATCH_ITEM_PROPERTY: async (context, {
-    item: _item, index, prop, value,
-  }) => {
+  PATCH_ITEM_PROPERTY: async (context, { item: _item, index, prop, value }) => {
     const item = _item || context.state.dataList[index];
 
     const { id, etag } = item;
@@ -197,8 +183,7 @@ const actions = {
       await context.dispatch('LOAD_DATA_LIST');
 
       /* if no items on current page after DELETE, move to prev page [WTEL-3793] */
-      if (!context.state.dataList.length && context.getters.FILTERS.page >
-        1) {
+      if (!context.state.dataList.length && context.getters.FILTERS.page > 1) {
         await context.dispatch('SET_FILTER', {
           name: 'page',
           value: context.getters.FILTERS.page - 1,
@@ -215,10 +200,8 @@ const actions = {
     }
   },
 
-  DELETE_BULK: async (
-    context,
-    deleted,
-  ) => Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
+  DELETE_BULK: async (context, deleted) =>
+    Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
 
   SET_SELECTED: (context, selected) => {
     context.commit('SET', { path: 'selected', value: selected });

package/src/tests/mocks/axiosMock.js

@@ -1,25 +1,31 @@
 import deepmerge from 'deepmerge';
 
-const axiosMock = (customMock = {}) => () => deepmerge(
-  {
-    default: {
-      post: vi.fn(() => Promise.resolve({ data: {} })),
-      get: vi.fn(() => Promise.resolve({ data: {} })),
-      delete: vi.fn(() => Promise.resolve({ data: {} })),
-      put: vi.fn(() => Promise.resolve({ data: {} })),
-      patch: vi.fn(() => Promise.resolve({ data: {} })),
-      request: vi.fn(() => Promise.resolve({ data: {} })),
-      create: vi.fn().mockReturnThis(),
-      interceptors: {
-        request: {
-          use: vi.fn(), eject: vi.fn(),
-        }, response: {
-          use: vi.fn(), eject: vi.fn(),
+const axiosMock =
+  (customMock = {}) =>
+  () =>
+    deepmerge(
+      {
+        default: {
+          post: vi.fn(() => Promise.resolve({ data: {} })),
+          get: vi.fn(() => Promise.resolve({ data: {} })),
+          delete: vi.fn(() => Promise.resolve({ data: {} })),
+          put: vi.fn(() => Promise.resolve({ data: {} })),
+          patch: vi.fn(() => Promise.resolve({ data: {} })),
+          request: vi.fn(() => Promise.resolve({ data: {} })),
+          create: vi.fn().mockReturnThis(),
+          interceptors: {
+            request: {
+              use: vi.fn(),
+              eject: vi.fn(),
+            },
+            response: {
+              use: vi.fn(),
+              eject: vi.fn(),
+            },
+          },
         },
       },
-    },
-  },
-  customMock,
-);
+      customMock,
+    );
 
 export default axiosMock;

package/src/validators/decimalValidator.js

@@ -2,9 +2,10 @@
 /* Check value is an integer or has n* decimal places */
 import { helpers } from '@vuelidate/validators';
 
-const decimalValidator = (count) => helpers.withParams(
-  { count },
-  (value) => value % 1 == 0 || value.toString().split('.')[1].length <= count,
-);
+const decimalValidator = (count) =>
+  helpers.withParams(
+    { count },
+    (value) => value % 1 == 0 || value.toString().split('.')[1].length <= count,
+  );
 
 export default decimalValidator;

package/src/validators/websocketValidator/__tests__/websocketValidator.spec.js

@@ -20,8 +20,7 @@ describe('websocketValidator', () => {
     expect(websocketValidator('wss://example.com/ws')).toBe(true);
   });
   it('truthy case 7: dns name', () => {
-    expect(websocketValidator('wss://socket.socket.com/v3/channel_123?api_key=123'))
-    .toBe(true);
+    expect(websocketValidator('wss://socket.socket.com/v3/channel_123?api_key=123')).toBe(true);
   });
   it('falsy case 1: empty string', () => {
     expect(websocketValidator('')).toBe(false);

package/src/validators/websocketValidator/websocketValidator.js

@@ -2,7 +2,7 @@
 export default (value) => {
   try {
     const url = new URL(value);
-    return (/^(wss?)/i).test(url.protocol);
+    return /^(wss?)/i.test(url.protocol);
   } catch (e) {
     return false;
   }