@webitel/ui-sdk 24.10.46 → 24.10.48

package/src/scripts/caseConverters.js

@@ -16,15 +16,15 @@ export const kebabToSnake = (str) =>
 export const snakeToKebab = (str) =>
   str.replace(/([-_][a-z])/g, (group) => group.replace('_', '-'));
 
-export const objSnakeToCamel = (obj, skipKeys = []) => {
+const convertObject = ({ self, converter }) => (obj, skipKeys) => {
   if (!obj) return obj;
   const newObj = {};
   if (Array.isArray(obj)) {
     return obj.map((value) => {
       if (typeof value === 'object') {
-        return objSnakeToCamel(value, skipKeys);
+        return self(value, skipKeys);
       }
-      if (typeof value === 'string') return snakeToCamel(value);
+      if (typeof value === 'string') return converter(value);
       return value; // number
     });
   }
@@ -32,13 +32,13 @@ export const objSnakeToCamel = (obj, skipKeys = []) => {
     if (skipKeys.includes(oldKey)) {
       newObj[oldKey] = obj[oldKey];
     } else {
-      const newKey = snakeToCamel(oldKey);
+      const newKey = converter(oldKey);
       let value = obj[oldKey];
       if (
         Array.isArray(value) ||
         (value !== null && value !== undefined && value.constructor === Object)
       ) {
-        value = objSnakeToCamel(value, skipKeys);
+        value = self(value, skipKeys);
       }
       newObj[newKey] = value;
     }
@@ -47,33 +47,23 @@ export const objSnakeToCamel = (obj, skipKeys = []) => {
   return newObj;
 };
 
+export const objSnakeToCamel = (obj, skipKeys = []) => {
+  return convertObject({
+    self: objSnakeToCamel,
+    converter: snakeToCamel,
+  })(obj, skipKeys);
+};
+
 export const objCamelToSnake = (obj, skipKeys = []) => {
-  if (!obj) return obj;
-  const newObj = {};
-  if (Array.isArray(obj)) {
-    return obj.map((value) => {
-      if (typeof value === 'object') {
-        return objCamelToSnake(value, skipKeys);
-      }
-      if (typeof value === 'string') return camelToSnake(value);
-      return value; // number
-    });
-  }
-  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)
-      ) {
-        value = objCamelToSnake(value, skipKeys);
-      }
-      newObj[newKey] = value;
-    }
-  });
+  return convertObject({
+    self: objCamelToSnake,
+    converter: camelToSnake,
+  })(obj, skipKeys);
+};
 
-  return newObj;
+export const objCamelToKebab = (obj, skipKeys = []) => {
+  return convertObject({
+    self: objCamelToKebab,
+    converter: camelToKebab,
+  })(obj, skipKeys);
 };

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

@@ -1,4 +1,5 @@
 import FilterEvent from '../../../../modules/Filters/enums/FilterEvent.enum.js';
+import isEmpty from '../../../../scripts/isEmpty.js';
 import {
   queryToSortAdapter,
   sortToQueryAdapter,
@@ -17,7 +18,7 @@ const getters = {
   PARENT_ID: () => null, // override me
 
   // FIXME: maybe move to filters module?
-  FILTERS: (state, getters) => getters['filters/GET_FILTERS'],
+  FILTERS: (state, getters) => () => getters['filters/GET_FILTERS'](),
 
   REQUIRED_FIELDS: () => ['id'], // override me
 
@@ -30,7 +31,33 @@ const getters = {
     return [...new Set([...getters.REQUIRED_FIELDS, ...fields])];
   },
 
-  // main GET_LIST params collector
+  EMPTY_STATE: (state, getters) => {
+    if (state.isLoading) {
+      return { value: false };
+    }
+
+    if (state.error) {
+      return { value: true, cause: 'error' };
+    }
+
+    if (!state.dataList.length) {
+      const filters = getters.FILTERS();
+      const uncheckedFilters = ['page', 'size', 'sort', 'fields'];
+      const filtersApplied = Object.entries(filters).some(
+        ([filterValue, filterName]) =>
+          !isEmpty(filterValue) && !uncheckedFilters.includes(filterName),
+      );
+
+      if (filtersApplied) {
+        return { value: true, cause: 'filters' };
+      }
+
+      return { value: true, cause: 'empty' };
+    }
+
+    return { value: false };
+  },
+
   GET_LIST_PARAMS: (state, getters) => (overrides) => {
     const filters = getters.FILTERS();
     const fields = getters.FIELDS;
@@ -148,7 +175,7 @@ const actions = {
     } finally {
       setTimeout(() => {
         context.commit('SET', { path: 'isLoading', value: false });
-      }, 100);  // why 1s? https://ux.stackexchange.com/a/104782
+      }, 100); // why 1s? https://ux.stackexchange.com/a/104782
     }
   },