Made the table cell keys more unique

-This makes it possible to use the same measurement
 multiple times within the same smart-pivot chart.

Issue: DEB-232

src/data-table/data-cell.jsx

@@ -129,14 +129,14 @@ DataCell.propTypes = {
 export default DataCell;
 
 function formatMeasurementValue (measurement, styling) {
-  if (isNaN(measurement.value)) {
-    return styling.symbolForNulls;
-  }
-
   const isColumnPercentageBased = (/%/).test(measurement.format);
   let formattedMeasurementValue = '';
   if (isColumnPercentageBased) {
-    formattedMeasurementValue = ApplyPreMask(measurement.format, measurement.value * 100);
+    if (isNaN(measurement.value)) {
+      formattedMeasurementValue = styling.symbolForNulls;
+    } else {
+      formattedMeasurementValue = ApplyPreMask('0,00%', measurement.value);
+    }
   } else {
     let magnitudeDivider;
     switch (measurement.magnitude.toLowerCase()) {
@@ -148,29 +148,29 @@ function formatMeasurementValue (measurement, styling) {
         break;
       default:
         magnitudeDivider = 1;
-        break;
     }
-    const formattingStringWithoutMagnitude = measurement.format.replace(/k|K|m|M|/gi, '');
-    switch (formattingStringWithoutMagnitude) {
-      case '#.##0':
-        formattedMeasurementValue
-          = addSeparators((measurement.value / magnitudeDivider), '.', ',', 0);
-        break;
-      case '#,##0':
-        formattedMeasurementValue
-          = addSeparators((measurement.value / magnitudeDivider), ',', '.', 0);
-        break;
-      case '# ##0':
-      case '# ##0':
-        formattedMeasurementValue
-          = addSeparators((measurement.value / magnitudeDivider), ' ', '.', 0);
-        break;
-      default:
-        formattedMeasurementValue = ApplyPreMask(
-          formattingStringWithoutMagnitude,
-          (measurement.value / magnitudeDivider)
-        );
-        break;
+    const formattingStringWithoutMagnitude = measurement.format.replace(/k|K|m|M/gi, '');
+    if (isNaN(measurement.value)) {
+      formattedMeasurementValue = styling.symbolForNulls;
+    } else {
+      let preFormatValue = measurement.value;
+      if (isColumnPercentageBased) {
+        preFormatValue *= 100;
+      }
+      switch (formattingStringWithoutMagnitude) {
+        case '#.##0':
+          formattedMeasurementValue = addSeparators((preFormatValue / magnitudeDivider), '.', ',', 0);
+          break;
+        case '#,##0':
+          formattedMeasurementValue = addSeparators((preFormatValue / magnitudeDivider), ',', '.', 0);
+          break;
+        default:
+          formattedMeasurementValue = ApplyPreMask(
+            formattingStringWithoutMagnitude,
+            (preFormatValue / magnitudeDivider)
+          );
+          break;
+      }
     }
   }
   return formattedMeasurementValue;

src/data-table/index.jsx

@@ -73,7 +73,7 @@ const DataTable = ({ data, general, qlik, renderData, styling }) => {
                   }
 
                   const { dimension1: dimension1Info, dimension2, measurement } = measurementData.parents;
-                  const id = `${dimension1Info.elementNumber}-${dimension2 && dimension2.elementNumber}-${measurement.header}`;
+                  const id = `${dimension1Info.elementNumber}-${dimension2 && dimension2.elementNumber}-${measurement.header}-${measurement.index}`;
                   return (
                     <DataCell
                       data={data}

src/headers-table/index.jsx

@@ -42,7 +42,7 @@ const HeadersTable = ({ data, general, qlik, styling, isKpi }) => {
                 baseCSS={baseCSS}
                 general={general}
                 hasSecondDimension={hasSecondDimension}
-                key={`${measurementEntry.displayValue}-${measurementEntry.name}`}
+                key={`${measurementEntry.displayValue}-${measurementEntry.name}-${measurementEntry.index}`}
                 measurement={measurementEntry}
                 styling={styling}
               />
@@ -104,7 +104,7 @@ const HeadersTable = ({ data, general, qlik, styling, isKpi }) => {
                     dimensionEntry={dimensionEntry}
                     general={general}
                     hasSecondDimension={hasSecondDimension}
-                    key={`${measurementEntry.displayValue}-${measurementEntry.name}-${dimensionEntry.name}`}
+                    key={`${measurementEntry.displayValue}-${measurementEntry.name}-${measurementEntry.index}-${dimensionEntry.name}`}
                     measurement={measurementEntry}
                     styling={styling}
                   />

src/masking.js

@@ -12,9 +12,6 @@ export function ApplyPreMask (mask, value) { // aqui
           return (addSeparators(value, '.', ',', 0));
         case '+#,##0':
           return (addSeparators(value, ',', '.', 0));
-        case '# ##0':
-        case '# ##0':
-          return (addSeparators(value, ' ', '.', 0));
         default:
           return (applyMask(mask.substring(0, mask.indexOf(';')), value));
       }
@@ -32,9 +29,6 @@ export function ApplyPreMask (mask, value) { // aqui
           return (`(${addSeparators(vMyValue, '.', ',', 0)})`);
         case '-#,##0':
           return (`(${addSeparators(vMyValue, ',', '.', 0)})`);
-        case '# ##0':
-        case '# ##0':
-          return (`(${addSeparators(vMyValue, ' ', '.', 0)})`);
         default:
           return (`(${applyMask(vMyMask, vMyValue)})`);
       }