@webitel/ui-sdk 24.12.29 → 24.12.34

package/src/scripts/preventHiddenPageCallsDecorator.js

@@ -1,5 +1,9 @@
 const isPageHidden = () =>
-  document.hidden || document.msHidden || document.webkitHidden || document.mozHidden;
+  document.hidden ||
+  document.msHidden ||
+  document.webkitHidden ||
+  document.mozHidden;
 
-const preventHiddenPageCallsDecorator = (method) => (args) => isPageHidden() || method(args);
+const preventHiddenPageCallsDecorator = (method) => (args) =>
+  isPageHidden() || method(args);
 export default preventHiddenPageCallsDecorator;

package/src/scripts/saveAsJSON.js

@@ -2,7 +2,9 @@ import { saveAs } from 'file-saver-es';
 
 const saveAsJSON = (name, content) => {
   const fileName = name.replace(/[ ,]+/g, '-');
-  const file = new Blob([JSON.stringify(content, null, 4)], { type: 'application/json' });
+  const file = new Blob([JSON.stringify(content, null, 4)], {
+    type: 'application/json',
+  });
   saveAs(file, fileName);
 };
 

package/src/scripts/sortQueryAdapters.js

@@ -25,3 +25,14 @@ export const queryToSortAdapter = (order) => {
       return SortSymbols.NONE;
   }
 };
+
+export const getNextSortOrder = (sort) => {
+  switch (sort) {
+    case SortSymbols.ASC:
+      return SortSymbols.DESC;
+    case SortSymbols.DESC:
+      return SortSymbols.NONE;
+    default:
+      return SortSymbols.ASC;
+  }
+};

package/src/store/BaseStoreModules/ApiStoreModule.js

@@ -1,11 +1,15 @@
 import BaseStoreModule from './BaseStoreModule.js';
 
-const getParentIdFromContext = (context) => context?.getters?.PARENT_ID || context?.state?.parentId;
+const getParentIdFromContext = (context) =>
+  context?.getters?.PARENT_ID || context?.state?.parentId;
 
 export default class ApiStoreModule extends BaseStoreModule {
   generateAPIActions(api) {
     if (!api) throw new ReferenceError('pass API module!');
-    this.actions.GET_LIST = (_, { context: callerContext = {}, params = {} }) => {
+    this.actions.GET_LIST = (
+      _,
+      { context: callerContext = {}, params = {} },
+    ) => {
       if (!api.getList) throw Error('No API "getList" method provided');
       return api.getList({
         ...callerContext.state,
@@ -14,7 +18,10 @@ export default class ApiStoreModule extends BaseStoreModule {
       });
     };
 
-    this.actions.GET_ITEM = (_, { context: callerContext = {}, params = {} } = {}) => {
+    this.actions.GET_ITEM = (
+      _,
+      { context: callerContext = {}, params = {} } = {},
+    ) => {
       if (!api.get) throw Error('No API "get" method provided');
       return api.get({
         ...callerContext.state,
@@ -23,7 +30,10 @@ export default class ApiStoreModule extends BaseStoreModule {
       });
     };
 
-    this.actions.POST_ITEM = (_, { context: callerContext = {}, ...rest } = {}) => {
+    this.actions.POST_ITEM = (
+      _,
+      { context: callerContext = {}, ...rest } = {},
+    ) => {
       if (!api.add) throw Error('No API "add" method provided');
       return api.add({
         ...callerContext.state,
@@ -32,7 +42,10 @@ export default class ApiStoreModule extends BaseStoreModule {
       });
     };
 
-    this.actions.PATCH_ITEM = (_, { context: callerContext = {}, id, changes, ...rest }) => {
+    this.actions.PATCH_ITEM = (
+      _,
+      { context: callerContext = {}, id, changes, ...rest },
+    ) => {
       if (!api.patch) throw Error('No API "patch" method provided');
       return api.patch({
         ...callerContext.state,
@@ -43,7 +56,10 @@ export default class ApiStoreModule extends BaseStoreModule {
       });
     };
 
-    this.actions.UPD_ITEM = (_, { context: callerContext = {}, ...rest } = {}) => {
+    this.actions.UPD_ITEM = (
+      _,
+      { context: callerContext = {}, ...rest } = {},
+    ) => {
       if (!api.update) throw Error('No API "update" method provided');
       return api.update({
         ...callerContext.state,
@@ -52,7 +68,10 @@ export default class ApiStoreModule extends BaseStoreModule {
       });
     };
 
-    this.actions.DELETE_ITEM = (_, { context: callerContext = {}, id, ...rest }) => {
+    this.actions.DELETE_ITEM = (
+      _,
+      { context: callerContext = {}, id, ...rest },
+    ) => {
       if (!api.delete) throw Error('No API "delete" method provided');
       return api.delete({
         ...callerContext.state,

package/src/store/BaseStoreModules/BaseStoreModule.js

@@ -26,7 +26,8 @@ export default class BaseStoreModule {
     this.actions.PATCH_ITEM = (context, { id, changes }) =>
       this._APIModule.patch({ ...context.state, id, changes });
     this.actions.UPD_ITEM = (context) => this._APIModule.update(context.state);
-    this.actions.DELETE_ITEM = (context, id) => this._APIModule.delete({ ...context.state, id });
+    this.actions.DELETE_ITEM = (context, id) =>
+      this._APIModule.delete({ ...context.state, id });
     return this;
   }
 

package/src/store/BaseStoreModules/__tests__/BaseStoreModule.spec.js

@@ -15,7 +15,10 @@ describe('Base Store Module', () => {
     module = new BaseStoreModule();
   });
   it('attaches api module and generates API actions from it', () => {
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     expect(_module.actions.GET_LIST).toBeTruthy();
     expect(_module.actions.GET_ITEM).toBeTruthy();
     expect(_module.actions.POST_ITEM).toBeTruthy();
@@ -28,7 +31,10 @@ describe('Base Store Module', () => {
     const params = { jest2: 'jest1' };
     const context = { state };
     const expectedParams = { jest: 'jest', jest2: 'jest1' };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.GET_LIST(context, params);
     expect(APIModule.getList).toHaveBeenCalledWith(expectedParams);
   });
@@ -37,7 +43,10 @@ describe('Base Store Module', () => {
     const params = { jest2: 'jest1' };
     const context = { state };
     const expectedParams = { jest: 'jest', jest2: 'jest1' };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.GET_ITEM(context, params);
     expect(APIModule.get).toHaveBeenCalledWith(expectedParams);
   });
@@ -45,7 +54,10 @@ describe('Base Store Module', () => {
     const state = { jest: 'jest' };
     const context = { state };
     const expectedParams = { jest: 'jest' };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.POST_ITEM(context);
     expect(APIModule.add).toHaveBeenCalledWith(expectedParams);
   });
@@ -58,7 +70,10 @@ describe('Base Store Module', () => {
       id: '1',
       changes: { jest: 'my change!' },
     };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.PATCH_ITEM(context, params);
     expect(APIModule.patch).toHaveBeenCalledWith(expectedParams);
   });
@@ -66,7 +81,10 @@ describe('Base Store Module', () => {
     const state = { jest: 'jest' };
     const context = { state };
     const expectedParams = { jest: 'jest' };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.UPD_ITEM(context);
     expect(APIModule.update).toHaveBeenCalledWith(expectedParams);
   });
@@ -75,7 +93,10 @@ describe('Base Store Module', () => {
     const params = '1';
     const context = { state };
     const expectedParams = { jest: 'jest', id: '1' };
-    const _module = module.attachAPIModule(APIModule).generateAPIActions().getModule();
+    const _module = module
+      .attachAPIModule(APIModule)
+      .generateAPIActions()
+      .getModule();
     _module.actions.DELETE_ITEM(context, params);
     expect(APIModule.delete).toHaveBeenCalledWith(expectedParams);
   });

package/src/store/helpers/getNamespacedState.js

@@ -1,4 +1,6 @@
 const getNamespacedState = (state, namespace) =>
-  namespace.split('/').reduce((subState, subNamespace) => subState[subNamespace], state);
+  namespace
+    .split('/')
+    .reduce((subState, subNamespace) => subState[subNamespace], state);
 
 export default getNamespacedState;

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

@@ -1,4 +1,5 @@
-const getParentIdFromContext = (context) => context?.getters?.PARENT_ID || context?.state?.parentId;
+const getParentIdFromContext = (context) =>
+  context?.getters?.PARENT_ID || context?.state?.parentId;
 
 const state = () => ({
   api: null,
@@ -8,7 +9,8 @@ const getters = {};
 
 const actions = {
   GET_LIST: (apiContext, { context: callerContext = {}, params = {} }) => {
-    if (!apiContext.state.api.getList) throw Error('No API "getList" method provided');
+    if (!apiContext.state.api.getList)
+      throw Error('No API "getList" method provided');
     return apiContext.state.api.getList({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),
@@ -35,7 +37,8 @@ const actions = {
   },
 
   UPD_ITEM: (apiContext, { context: callerContext = {}, ...rest } = {}) => {
-    if (!apiContext.state.api.update) throw Error('No API "update" method provided');
+    if (!apiContext.state.api.update)
+      throw Error('No API "update" method provided');
     return apiContext.state.api.update({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),
@@ -43,8 +46,12 @@ const actions = {
     });
   },
 
-  PATCH_ITEM: (apiContext, { context: callerContext = {}, id, changes, ...rest }) => {
-    if (!apiContext.state.api.patch) throw Error('No API "patch" method provided');
+  PATCH_ITEM: (
+    apiContext,
+    { context: callerContext = {}, id, changes, ...rest },
+  ) => {
+    if (!apiContext.state.api.patch)
+      throw Error('No API "patch" method provided');
     return apiContext.state.api.patch({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),
@@ -55,7 +62,8 @@ const actions = {
   },
 
   DELETE_ITEM: (apiContext, { context: callerContext = {}, id, ...rest }) => {
-    if (!apiContext.state.api.delete) throw Error('No API "delete" method provided');
+    if (!apiContext.state.api.delete)
+      throw Error('No API "delete" method provided');
     return apiContext.state.api.delete({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),
@@ -68,7 +76,8 @@ const actions = {
     apiContext,
     { context: callerContext = {}, params = {} },
   ) => {
-    if (!apiContext.state.api.getList) throw Error('No API "getPermissionsList" method provided');
+    if (!apiContext.state.api.getList)
+      throw Error('No API "getPermissionsList" method provided');
     return apiContext.state.api.getPermissionsList({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),
@@ -78,14 +87,10 @@ const actions = {
 
   PATCH_OBJECT_PERMISSIONS_ITEM: (
     apiContext,
-    {
-      context: callerContext = {},
-      id,
-      changes,
-      ...rest
-    },
+    { context: callerContext = {}, id, changes, ...rest },
   ) => {
-    if (!apiContext.state.api.patch) throw Error('No API "patchPermissions" method provided');
+    if (!apiContext.state.api.patch)
+      throw Error('No API "patchPermissions" method provided');
     return apiContext.state.api.patchPermissions({
       ...callerContext.state,
       parentId: getParentIdFromContext(callerContext),

package/src/store/new/modules/cardStoreModule/useCardStore.js

@@ -9,8 +9,12 @@ export const useCardStore = (namespace) => {
     ? namespace
     : `${namespace}/card`;
 
-  const id = computed(() => getNamespacedState(store.state, cardNamespace).itemId);
-  const itemInstance = computed(() => getNamespacedState(store.state, cardNamespace).itemInstance);
+  const id = computed(
+    () => getNamespacedState(store.state, cardNamespace).itemId,
+  );
+  const itemInstance = computed(
+    () => getNamespacedState(store.state, cardNamespace).itemInstance,
+  );
 
   function loadItem(payload) {
     return store.dispatch(`${cardNamespace}/LOAD_ITEM`, payload);

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', () => {
@@ -240,7 +236,9 @@ 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

@@ -48,7 +48,8 @@ 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 }) => {
@@ -67,14 +68,16 @@ const actions = {
   // FIXME: maybe move to filters module?
   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 });
+    if (fields?.length)
+      await context.dispatch('HANDLE_FIELDS_CHANGE', { value: fields });
     return context.dispatch('LOAD_DATA_LIST');
   },
 
   // FIXME: maybe move to filters module?
   HANDLE_FILTER_RESET: 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 });
+    if (fields?.length)
+      await context.dispatch('HANDLE_FIELDS_CHANGE', { value: fields });
     return context.dispatch('LOAD_DATA_LIST');
   },
 
@@ -112,17 +115,19 @@ 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 }) => {
-      let sort;
+    const headers = context.state.headers.map(
+      ({ sort: currentSort, ...header }) => {
+        let sort;
 
-      if (field) {
-        sort = field === header.field ? nextSort : currentSort;
-      } else {
-        sort = nextSort; // null
-      }
+        if (field) {
+          sort = field === header.field ? nextSort : currentSort;
+        } else {
+          sort = nextSort; // null
+        }
 
-      return { ...header, sort };
-    });
+        return { ...header, sort };
+      },
+    );
 
     context.commit('SET', { path: 'headers', value: headers });
   },
@@ -133,13 +138,13 @@ const actions = {
 
     const params = context.getters.GET_LIST_PARAMS(query);
     try {
-      const {
-        items = [],
-        next = false,
-      } = await context.dispatch('GET_LIST_API', {
-        context,
-        params,
-      });
+      const { items = [], next = false } = await context.dispatch(
+        'GET_LIST_API',
+        {
+          context,
+          params,
+        },
+      );
 
       context.commit('SET', { path: 'dataList', value: items });
       context.commit('SET', { path: 'isNextPage', value: next });
@@ -222,21 +227,19 @@ const actions = {
   },
 
   DELETE_BULK: async (context, deleted) =>
-    Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
+    Promise.allSettled(
+      deleted.map((item) => context.dispatch('DELETE_SINGLE', item)),
+    ),
 
   SET_SELECTED: (context, selected) => {
     context.commit('SET', { path: 'selected', value: selected });
   },
 
   GET_LIST_API: (context, payload) => context.dispatch('api/GET_LIST', payload),
-  PATCH_ITEM_API: (
-    context,
-    payload,
-  ) => context.dispatch('api/PATCH_ITEM', payload),
-  DELETE_ITEM_API: (
-    context,
-    payload,
-  ) => context.dispatch('api/DELETE_ITEM', payload),
+  PATCH_ITEM_API: (context, payload) =>
+    context.dispatch('api/PATCH_ITEM', payload),
+  DELETE_ITEM_API: (context, payload) =>
+    context.dispatch('api/DELETE_ITEM', payload),
 
   RESET_TABLE_STATE: async (context) => {
     context.commit('RESET_TABLE_STATE');

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

@@ -7,17 +7,29 @@ export const useTableStore = (namespace) => {
 
   const tableNamespace = `${namespace}/table`;
 
-  const dataList = computed(() => getNamespacedState(store.state, tableNamespace).dataList);
+  const dataList = computed(
+    () => getNamespacedState(store.state, tableNamespace).dataList,
+  );
 
-  const selected = computed(() => getNamespacedState(store.state, tableNamespace).selected);
+  const selected = computed(
+    () => getNamespacedState(store.state, tableNamespace).selected,
+  );
 
-  const isLoading = computed(() => getNamespacedState(store.state, tableNamespace).isLoading);
+  const isLoading = computed(
+    () => getNamespacedState(store.state, tableNamespace).isLoading,
+  );
 
-  const headers = computed(() => getNamespacedState(store.state, tableNamespace).headers);
+  const headers = computed(
+    () => getNamespacedState(store.state, tableNamespace).headers,
+  );
 
-  const isNext = computed(() => getNamespacedState(store.state, tableNamespace).isNextPage);
+  const isNext = computed(
+    () => getNamespacedState(store.state, tableNamespace).isNextPage,
+  );
 
-  const error = computed(() => getNamespacedState(store.state, tableNamespace).errors);
+  const error = computed(
+    () => getNamespacedState(store.state, tableNamespace).errors,
+  );
 
   function loadData(payload) {
     return store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`, payload);

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

@@ -42,7 +42,8 @@ describe('Variable search validator', () => {
     expect(variableSearchValidator(searchValue)).toBe(true);
   });
   it('Multiple "=" search', () => {
-    const searchValue = 'height=5 feet 5½ inches (166 cm), age=1231, fin=123231';
+    const searchValue =
+      'height=5 feet 5½ inches (166 cm), age=1231, fin=123231';
     expect(variableSearchValidator(searchValue)).toBe(false);
   });
 });

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

@@ -20,7 +20,9 @@ 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/components/wt-table/_internals/getSortOrder.js

@@ -1,12 +0,0 @@
-const getNextSortOrder = (sort) => {
-  switch (sort) {
-    case 'asc':
-      return 'desc';
-    case 'desc':
-      return null;
-    default:
-      return 'asc';
-  }
-};
-
-export default getNextSortOrder;