fix(bar,summary,xyplot): safely stringify null and undefined cells wh…

…en finding unique values

Previously, there would be runtime errors if users switched to columns with cell values that lacked
a toString() method

BREAKING CHANGE: App does not crash when columns contain cell values that do not have toString()
inside, such as "undefined" or "null"

src/charts/bar.tsx

@@ -112,15 +112,10 @@ export const semioticBarChart = (
     };
   }
 
-  const uniqueValues = sortedData.reduce(
-    (uniques, datapoint) =>
-      !uniques.find(
-        (uniqueDimName: string) => uniqueDimName === datapoint[dim1].toString(),
-      )
-        ? [...uniques, datapoint[dim1].toString()]
-        : uniques,
-    [],
-  );
+  const uniqueValues =
+    dim1 === "none"
+      ? []
+      : [...new Set(sortedData.map((d) => JSON.stringify(d[dim1])))];
 
   if (!colorHashOverride && dim1 && dim1 !== "none") {
     uniqueValues.forEach((value: string, index: number) => {

src/charts/summary.tsx

@@ -37,14 +37,10 @@ export const semioticSummaryChart = (
 
   const rAccessor = metric1;
 
-  const uniqueValues = data.reduce(
-    (uniqueArray: string[], datapoint) =>
-      (!uniqueArray.find(
-        (dimValue: string) => dimValue === datapoint[dim1].toString(),
-      ) && [...uniqueArray, datapoint[dim1].toString()]) ||
-      uniqueArray,
-    [],
-  );
+  const uniqueValues =
+    dim1 === "none"
+      ? []
+      : [...new Set(data.map((d) => JSON.stringify(d[dim1])))];
 
   if (!colorHashOverride && dim1 && dim1 !== "none") {
     uniqueValues.sort().forEach((dimValue, index) => {

src/charts/xyplot.tsx

@@ -253,14 +253,9 @@ export const semioticXYPlot = (
     dim1 &&
     dim1 !== "none"
   ) {
-    const uniqueValues = sortedData.reduce(
-      (uniqueArray, datapoint) =>
-        (!uniqueArray.find(
-          (uniqueDim: string) => uniqueDim === datapoint[dim1].toString(),
-        ) && [...uniqueArray, datapoint[dim1].toString()]) ||
-        uniqueArray,
-      [],
-    );
+    const uniqueValues = [
+      ...new Set(sortedData.map((d) => JSON.stringify(d[dim1]))),
+    ];
 
     if (!colorHashOverride) {
       uniqueValues.sort().forEach((dimValue: string, index: number) => {