@iamproperty/components 2.7.8 → 2.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iamproperty/components",
-  "version": "2.7.8",
+  "version": "2.7.9",
   "private": false,
   "description": "Component library for iamproperty",
   "author": {

package/src/elements/Table/Table.vue

@@ -20,6 +20,21 @@
 import { ucfirst, unsnake } from '../../helpers/strings'
 import table from '../../../assets/js/modules/table.js'
 
+let numericValue = function(value) {
+
+
+console.log(value);
+
+  value = value.replace('£','')
+  value = value.replace('%','')
+
+  if (Number.isNaN(Number.parseFloat(value))) {
+    return 0;
+  }
+
+  return Number.parseFloat(value)
+}
+
 export default {
   name: 'Table',
   props: {
@@ -65,14 +80,8 @@ export default {
     numericValue () {
       return (value) => {
 
-        value = value.replace('£','')
-        value = value.replace('%','')
-
-        if (Number.isNaN(Number.parseFloat(value))) {
-          return 0;
-        }
-
-        return Number.parseFloat(value)
+        value = numericValue(value);
+        return value;
       }
     }
   },
@@ -103,7 +112,11 @@ export default {
 
       let tbodyHTML = '';
       this.items.forEach((row, index) => {
-        tbodyHTML += `<tr>${ Object.keys(row).map(col =>  `<td data-label="${ucfirst(unsnake(col))}">${row[col]}</td>` ).join("") }</tr>`;
+
+        let rowID = row['rowid'] ? row['rowid'] : '';
+        row = Object.fromEntries(Object.entries(row).filter(([key]) => key !== 'rowid'));
+
+        tbodyHTML += `<tr data-row-id="${rowID}">${ Object.keys(row).map(col =>  `<td data-label="${ucfirst(unsnake(col))}" data-numeric="${numericValue(row[col])}">${row[col]}</td>` ).join("") }</tr>`;
       });
       tbody.innerHTML = tbodyHTML;