@webitel/ui-sdk 24.10.84 → 24.10.85

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 
 
+## [v24.10.84] - 2024-11-19
+### :bug: Bug Fixes
+- [`062e676`](https://github.com/webitel/webitel-ui-sdk/commit/062e6764e47c42c7a3de4ec6e3c39ad9632536f7) - update color for --primary-light-color variable in light and dark theme [WTEL-5557](https://webitel.atlassian.net/browse/WTEL-5557)
+
+
 ## [v24.10.83] - 2024-11-18
 ### :bug: Bug Fixes
 - [`e89907d`](https://github.com/webitel/webitel-ui-sdk/commit/e89907d8b732630b534dcf72208202bf5851b417) - sortFilterMixin.js restore sort [WTEL-5520](https://webitel.atlassian.net/browse/WTEL-5520) *(commit by [@dlohvinov](https://github.com/dlohvinov))*
@@ -264,3 +269,4 @@
 [v24.10.81]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.80...v24.10.81
 [v24.10.82]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.81...v24.10.82
 [v24.10.83]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.82...v24.10.83
+[v24.10.84]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.83...v24.10.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.84",
+  "version": "24.10.85",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -118,6 +118,7 @@
     "deep-equal": "^2.0.3",
     "deepmerge": "^4.3.1",
     "file-saver-es": "^2.0.5",
+    "flat": "^6.0.1",
     "is-valid-domain": "^0.1.6",
     "jszip": "^3.5.0",
     "jszip-utils": "^0.1.0",

package/src/modules/CSVExport/XLSExport.js

@@ -1,4 +1,5 @@
 import { saveAs } from 'file-saver-es';
+import { flatten } from 'flat';
 import * as XLSX from 'xlsx';
 import { objSnakeToCamel } from '../../scripts/caseConverters.js';
 
@@ -27,18 +28,6 @@ export default class XLSExport {
     return value;
   }
 
-  // NOTE: creates a new object that only includes the properties specified in the columns array
-  filterDataByColumns(data, columns) {
-    return data.map((item) => {
-      const filteredItem = {};
-      columns.forEach((column) => {
-        const value = item.hasOwnProperty(column) ? this.extractNameFromObject(item[column]) : ''; // '' needed to display column that has no data
-        filteredItem[column] = value;
-      });
-      return filteredItem;
-    });
-  }
-
   // NOTE: calculates the width of the columns based on the data to display it in the EXEL file
   calculateColumnWidths(data, columns) {
     return columns.map((column) => {
@@ -51,9 +40,23 @@ export default class XLSExport {
   }
 
   save(data, columns) {
-    const filteredData = this.filterDataByColumns(data, columns);
-    const ws = XLSX.utils.json_to_sheet(filteredData);
-    const columnWidths = this.calculateColumnWidths(filteredData, columns);
+    const transformedData = data.map(({
+                                        variables,
+                                        ...item
+                                      }) => {
+      const flatVariables = flatten({ variables });
+
+      return columns.reduce((acc, column) => {
+        return {
+          ...acc,
+          [column]: this.extractNameFromObject(item[column]) || flatVariables[column] || '',
+        };
+      }, {});
+    });
+
+
+    const ws = XLSX.utils.json_to_sheet(transformedData);
+    const columnWidths = this.calculateColumnWidths(transformedData, columns);
     ws['!cols'] = columnWidths;
     const wb = XLSX.utils.book_new();
     XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
@@ -66,7 +69,8 @@ export default class XLSExport {
     let data = [];
     let isNext = false;
     let page = 1;
-    const columns = params._columns || (params?.fields ? objSnakeToCamel(params?.fields) : []);
+    const columns = params._columns ||
+      (params?.fields ? objSnakeToCamel(params?.fields) : []);
 
     do {
       const { items, next } = await this.fetchMethod({