@performant-software/semantic-components 1.0.23-beta.0 → 1.0.23-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "1.0.23-beta.0",
+  "version": "1.0.23-beta.2",
   "description": "A package of shared components based on the Semantic UI Framework.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -12,7 +12,7 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/shared-components": "^1.0.23-beta.0",
+    "@performant-software/shared-components": "^1.0.23-beta.2",
     "@react-google-maps/api": "^2.8.1",
     "axios": "^0.26.1",
     "i18next": "^19.4.4",

package/src/components/List.js

@@ -357,16 +357,20 @@ const useList = (WrappedComponent: ComponentType<any>) => (
      * @param items
      */
     onCsvExportButton() {
-      const keys = Object.keys(this.props.items[0]);
-      let csv = `${keys.map((k) => `"${k}"`).join(',')}\n`;
+      let csv = `${this.props.columns.map((col) => `"${col.label}"`).join(',')}\n`;
 
       this.props.items.forEach((item) => {
-        csv = csv.concat(`${keys.map((k) => `"${item[k]}"`).join(',')}\n`);
+        csv = csv.concat(`${this.props.columns.map((col) => {
+          if (col.resolve) {
+            return col.resolve(item);
+          }
+          return `"${item[col.name]}"`;
+        }).join(',')}\n`);
       });
 
       const element = document.createElement('a');
       element.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(csv)}`);
-      element.setAttribute('download', 'table.csv');
+      element.setAttribute('download', `${this.props.collectionName || 'table'}.csv`);
 
       element.style.display = 'none';
       document.body.appendChild(element);

package/types/components/List.js.flow

@@ -357,16 +357,20 @@ const useList = (WrappedComponent: ComponentType<any>) => (
      * @param items
      */
     onCsvExportButton() {
-      const keys = Object.keys(this.props.items[0]);
-      let csv = `${keys.map((k) => `"${k}"`).join(',')}\n`;
+      let csv = `${this.props.columns.map((col) => `"${col.label}"`).join(',')}\n`;
 
       this.props.items.forEach((item) => {
-        csv = csv.concat(`${keys.map((k) => `"${item[k]}"`).join(',')}\n`);
+        csv = csv.concat(`${this.props.columns.map((col) => {
+          if (col.resolve) {
+            return col.resolve(item);
+          }
+          return `"${item[col.name]}"`;
+        }).join(',')}\n`);
       });
 
       const element = document.createElement('a');
       element.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(csv)}`);
-      element.setAttribute('download', 'table.csv');
+      element.setAttribute('download', `${this.props.collectionName || 'table'}.csv`);
 
       element.style.display = 'none';
       document.body.appendChild(element);