fix: csv data can be loaded

Author: seveibar

src/components/ReactTimeSeries/ReactTimeSeries.stories.js

@@ -141,9 +141,11 @@ export const TimeDataFromCSV = () => {
   return (
     <ReactTimeSeries
       interface={{
+        timeFormat: "dates",
         durationLabels: ["duration1", "duration2"],
         timestampLabels: ["ts1", "ts2"],
         enabledTools: ["create-durations"],
+        graphs: [{ keyName: "high" }, { keyName: "low" }],
       }}
       sample={sample}
       onModifySample={setSample}

src/components/ReactTimeSeries/index.js

@@ -59,7 +59,9 @@ export const ReactTimeSeriesWithoutContext = ({
         if (sampleTimeData) return fixTimeData(sampleTimeData, graphs)
         if (audioUrl) return fixTimeData(await fetchAudioData(audioUrl), graphs)
         if (csvUrl) return fixTimeData(await fetchCSVData(csvUrl), graphs)
-        return []
+        throw new Error(
+          `No timeData, no audioUrl, no csvUrl, no time data provided.`
+        )
       } catch (e) {
         setError(e)
         return []

src/utils/fix-time-data.js

@@ -27,6 +27,9 @@ export default (timeData, graphs) => {
       const v = sample[graph.keyName]
       if (v !== undefined && v !== null && isNaN(v))
         throw new Error(`Bad value for "${graph.keyName}": "${v}"`)
+      if (typeof v === "string") {
+        sample[graph.keyName] = parseFloat(v)
+      }
       pointsDefined++
     }
 

src/utils/init-top-level-matrix.js

@@ -6,6 +6,9 @@ export default ({ curveGroups, width }) => {
   const allTimes = curveGroups
     .flatMap((curveGroup) => curveGroup)
     .flatMap((curve) => curve.data.map(([t]) => t))
+
+  if (allTimes.length === 0) return mat
+
   const minT = Math.min(...allTimes)
   const maxT = Math.max(...allTimes)