@webitel/ui-sdk 24.10.2 → 24.10.4

package/src/scripts/__tests__/updateObject.spec.js

@@ -1,7 +1,7 @@
 import updateObject from '../updateObject.js';
 
 describe('updateObject', () => {
-  it('doesn\'t mutate original object', () => {
+  it("doesn't mutate original object", () => {
     const original = { jest: 'jest' };
     updateObject({ obj: original, path: 'jest', value: '123' });
     expect(original.jest).toBe('jest');
@@ -9,13 +9,11 @@ describe('updateObject', () => {
   it('changes shallow value', () => {
     const original = { jest: 'jest' };
     const result = { jest: 'huest' };
-    expect(updateObject({ obj: original, path: 'jest', value: 'huest' }))
-    .toEqual(result);
+    expect(updateObject({ obj: original, path: 'jest', value: 'huest' })).toEqual(result);
   });
   it('changes deep value', () => {
     const original = { jest: { deep: 'jest' } };
     const result = { jest: { deep: 'huest' } };
-    expect(updateObject({ obj: original, path: 'jest.deep', value: 'huest' }))
-    .toEqual(result);
+    expect(updateObject({ obj: original, path: 'jest.deep', value: 'huest' })).toEqual(result);
   });
 });

package/src/scripts/caseConverters.js

@@ -1,36 +1,20 @@
-export const snakeToCamel = (str) => str.replace(
-  /([a-z])([_])([a-z])/g,
-  (group, p1, p2, p3) => [p1, p3.toUpperCase()].join(''),
-);
+export const snakeToCamel = (str) =>
+  str.replace(/([a-z])([_])([a-z])/g, (group, p1, p2, p3) => [p1, p3.toUpperCase()].join(''));
 
-export const camelToSnake = (str) => str.replace(
-  /([a-z])([A-Z])/g,
-  (group, p1, p2) => [p1, '_', p2.toLowerCase()].join(''),
-);
+export const camelToSnake = (str) =>
+  str.replace(/([a-z])([A-Z])/g, (group, p1, p2) => [p1, '_', p2.toLowerCase()].join(''));
 
-export const kebabToCamel = (str) => str.replace(
-  /([-_][a-z])/g,
-  (group) => group.toUpperCase()
-  .replace('-', ''),
-);
+export const kebabToCamel = (str) =>
+  str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', ''));
 
-export const camelToKebab = (str) => str.replace(
-  /([A-Z])/g,
-  (group) => group.toLowerCase()
-  .replace('', '-'),
-);
+export const camelToKebab = (str) =>
+  str.replace(/([A-Z])/g, (group) => group.toLowerCase().replace('', '-'));
 
-export const kebabToSnake = (str) => str.replace(
-  /([-_][a-z])/g,
-  (group) => group
-  .replace('-', '_'),
-);
+export const kebabToSnake = (str) =>
+  str.replace(/([-_][a-z])/g, (group) => group.replace('-', '_'));
 
-export const snakeToKebab = (str) => str.replace(
-  /([-_][a-z])/g,
-  (group) => group
-  .replace('_', '-'),
-);
+export const snakeToKebab = (str) =>
+  str.replace(/([-_][a-z])/g, (group) => group.replace('_', '-'));
 
 export const objSnakeToCamel = (obj, skipKeys = []) => {
   if (!obj) return obj;
@@ -44,16 +28,16 @@ export const objSnakeToCamel = (obj, skipKeys = []) => {
       return value; // number
     });
   }
-  Object.keys(obj)
-  .forEach((oldKey) => {
+  Object.keys(obj).forEach((oldKey) => {
     if (skipKeys.includes(oldKey)) {
       newObj[oldKey] = obj[oldKey];
     } else {
       const newKey = snakeToCamel(oldKey);
       let value = obj[oldKey];
-      if (Array.isArray(value) ||
-        (value !== null && value !== undefined && value.constructor ===
-          Object)) {
+      if (
+        Array.isArray(value) ||
+        (value !== null && value !== undefined && value.constructor === Object)
+      ) {
         value = objSnakeToCamel(value, skipKeys);
       }
       newObj[newKey] = value;
@@ -75,16 +59,16 @@ export const objCamelToSnake = (obj, skipKeys = []) => {
       return value; // number
     });
   }
-  Object.keys(obj)
-  .forEach((oldKey) => {
+  Object.keys(obj).forEach((oldKey) => {
     if (skipKeys.includes(oldKey)) {
       newObj[oldKey] = obj[oldKey];
     } else {
       const newKey = camelToSnake(oldKey);
       let value = obj[oldKey];
-      if (Array.isArray(value) ||
-        (value !== null && value !== undefined && value.constructor ===
-          Object)) {
+      if (
+        Array.isArray(value) ||
+        (value !== null && value !== undefined && value.constructor === Object)
+      ) {
         value = objCamelToSnake(value, skipKeys);
       }
       newObj[newKey] = value;

package/src/scripts/debounce.js

@@ -1,9 +1,5 @@
 import lodashDebounce from 'lodash/debounce.js';
 
-const debounce = (
-  fn,
-  wait = 1000,
-  options,
-) => lodashDebounce(fn, wait, options);
+const debounce = (fn, options, wait = 1000) => lodashDebounce(fn, wait, options);
 
 export default debounce;

package/src/scripts/editProxy.js

@@ -1,9 +1,10 @@
-const editProxy = (item) => new Proxy(item, {
-  set(obj, prop, value) {
-    obj._dirty = true;
-    obj[prop] = value;
-    return obj;
-  },
-});
+const editProxy = (item) =>
+  new Proxy(item, {
+    set(obj, prop, value) {
+      obj._dirty = true;
+      obj[prop] = value;
+      return obj;
+    },
+  });
 
 export default editProxy;

package/src/scripts/prettifyFileSize.js

@@ -5,7 +5,7 @@ const prettifyFileSize = (size) => {
   const k = 1024;
   const sizes = ['b', 'Kb', 'Mb', 'Gb', 'Tb', 'Pb', 'Eb', 'Zb', 'Yb'];
   const i = Math.floor(Math.log(size) / Math.log(k));
-  return `${parseFloat((size / k ** i).toFixed(2))} ${sizes[i]}`;
+  return `${Number.parseFloat((size / k ** i).toFixed(2))} ${sizes[i]}`;
 };
 
 export default prettifyFileSize;

package/src/scripts/preventHiddenPageCallsDecorator.js

@@ -1,8 +1,5 @@
-const isPageHidden = () => (
-  document.hidden || document.msHidden || document.webkitHidden ||
-  document.mozHidden
-);
+const isPageHidden = () =>
+  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/store/BaseStoreModules/ApiStoreModule.js

@@ -1,17 +1,11 @@
 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,
@@ -20,11 +14,7 @@ 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,
@@ -33,11 +23,7 @@ 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,
@@ -46,11 +32,7 @@ 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,
@@ -61,11 +43,7 @@ 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,
@@ -74,11 +52,7 @@ 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

@@ -18,24 +18,15 @@ export default class BaseStoreModule {
 
   generateAPIActions() {
     if (!this._APIModule) throw new ReferenceError('attach API module first!');
-    this.actions.GET_LIST = (
-      context,
-      params = {},
-    ) => this._APIModule.getList({ ...context.state, ...params });
-    this.actions.GET_ITEM = (
-      context,
-      params = {},
-    ) => this._APIModule.get({ ...context.state, ...params });
+    this.actions.GET_LIST = (context, params = {}) =>
+      this._APIModule.getList({ ...context.state, ...params });
+    this.actions.GET_ITEM = (context, params = {}) =>
+      this._APIModule.get({ ...context.state, ...params });
     this.actions.POST_ITEM = (context) => this._APIModule.add(context.state);
-    this.actions.PATCH_ITEM = (
-      context,
-      { id, changes },
-    ) => (this._APIModule.patch({ ...context.state, id, changes }));
+    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;
   }
 
@@ -45,13 +36,13 @@ export default class BaseStoreModule {
   }
 
   getModule({
-              state = {},
-              getters = {},
-              actions = {},
-              mutations = {},
-              modules = {},
-              namespaced = true,
-            } = {}) {
+    state = {},
+    getters = {},
+    actions = {},
+    mutations = {},
+    modules = {},
+    namespaced = true,
+  } = {}) {
     return {
       namespaced,
       state: { ...this.state, ...state },

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

@@ -15,10 +15,7 @@ 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();
@@ -31,10 +28,7 @@ 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);
   });
@@ -43,10 +37,7 @@ 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);
   });
@@ -54,10 +45,7 @@ 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);
   });
@@ -70,10 +58,7 @@ 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);
   });
@@ -81,10 +66,7 @@ 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);
   });
@@ -93,10 +75,7 @@ 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,6 +1,4 @@
-const getNamespacedState = (state, namespace) => (
-  namespace.split('/')
-  .reduce((subState, subNamespace) => subState[subNamespace], state)
-);
+const getNamespacedState = (state, namespace) =>
+  namespace.split('/').reduce((subState, subNamespace) => subState[subNamespace], state);
 
 export default getNamespacedState;

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

@@ -1,6 +1,4 @@
-const getParentIdFromContext = (context) => (
-  context?.getters?.PARENT_ID || context?.state?.parentId
-);
+const getParentIdFromContext = (context) => context?.getters?.PARENT_ID || context?.state?.parentId;
 
 const state = () => ({
   api: null,
@@ -9,10 +7,7 @@ const state = () => ({
 const getters = {};
 
 const actions = {
-  GET_LIST: (
-    apiContext,
-    { context: callerContext = {}, params = {} },
-  ) => {
+  GET_LIST: (apiContext, { context: callerContext = {}, params = {} }) => {
     if (!apiContext.state.api.getList) throw Error('No API "getList" method provided');
     return apiContext.state.api.getList({
       ...callerContext.state,
@@ -21,10 +16,7 @@ const actions = {
     });
   },
 
-  GET_ITEM: (
-    apiContext,
-    { context: callerContext = {}, params = {} } = {},
-  ) => {
+  GET_ITEM: (apiContext, { context: callerContext = {}, params = {} } = {}) => {
     if (!apiContext.state.api.get) throw Error('No API "get" method provided');
     return apiContext.state.api.get({
       ...callerContext.state,
@@ -33,10 +25,7 @@ const actions = {
     });
   },
 
-  POST_ITEM: (
-    apiContext,
-    { context: callerContext = {}, ...rest } = {},
-  ) => {
+  POST_ITEM: (apiContext, { context: callerContext = {}, ...rest } = {}) => {
     if (!apiContext.state.api.add) throw Error('No API "add" method provided');
     return apiContext.state.api.add({
       ...callerContext.state,
@@ -45,10 +34,7 @@ const actions = {
     });
   },
 
-  UPD_ITEM: (
-    apiContext,
-    { context: callerContext = {}, ...rest } = {},
-  ) => {
+  UPD_ITEM: (apiContext, { context: callerContext = {}, ...rest } = {}) => {
     if (!apiContext.state.api.update) throw Error('No API "update" method provided');
     return apiContext.state.api.update({
       ...callerContext.state,
@@ -57,10 +43,7 @@ const actions = {
     });
   },
 
-  PATCH_ITEM: (
-    apiContext,
-    { context: callerContext = {}, id, changes, ...rest },
-  ) => {
+  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,
@@ -71,10 +54,7 @@ const actions = {
     });
   },
 
-  DELETE_ITEM: (
-    apiContext,
-    { context: callerContext = {}, id, ...rest },
-  ) => {
+  DELETE_ITEM: (apiContext, { context: callerContext = {}, id, ...rest }) => {
     if (!apiContext.state.api.delete) throw Error('No API "delete" method provided');
     return apiContext.state.api.delete({
       ...callerContext.state,

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

@@ -71,4 +71,3 @@ export default () => ({
   actions,
   mutations,
 });
-