v4.8.10

Author: novykh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.8.9",
+  "version": "4.8.10",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

src/components/table/helpers/downloadCsv.js

@@ -0,0 +1,26 @@
+const formatValue = value => {
+  if (value === null || value === undefined) return "-"
+  if (typeof value === "object") return JSON.stringify(value)
+  return value
+}
+
+const convertToCSV = data => data.reduce((h, row) => h + row.map(formatValue).join(",") + "\n", "")
+
+export default (name = "netdata") =>
+  (_, table) => {
+    let data = [table.getFlatHeaders().map(header => header.id)]
+    table.getRowModel().rows.forEach(row => {
+      data.push(table.getFlatHeaders().map(header => row.renderValue(header.id)))
+    })
+
+    const url = window.URL.createObjectURL(
+      new Blob([convertToCSV(data)], { type: "text/csv;charset=utf-8;" })
+    )
+    const link = document.createElement("a")
+    link.href = url
+    const fileName = `${name}.csv`
+    link.setAttribute("download", fileName)
+    document.body.appendChild(link)
+    link.click()
+    link.remove()
+  }

src/components/table/index.js

@@ -1 +1,2 @@
 export { default as Table } from "./table"
+export { default as downloadCsvAction } from "./helpers/downloadCsv"

src/index.js

@@ -121,7 +121,7 @@ export { default as Modal } from "./components/modal"
 
 export { ConfirmationDialog } from "./components/confirmation-dialog"
 
-export { Table } from "./components/table"
+export { Table, downloadCsvAction } from "./components/table"
 
 export { default as Select } from "./components/select"
 export { default as SearchInput } from "./components/search"