From a88b2fb932f3dead7779c101d383b9d2768ea6b5 Mon Sep 17 00:00:00 2001 From: Timmy Luong Date: Thu, 6 Oct 2022 09:52:24 -0700 Subject: [PATCH] fix: count correctly the number of table headers that are rendered (#821) --- giraffe/package.json | 2 +- .../src/components/SimpleTable/PagedTable.tsx | 29 ++++--- stories/package.json | 2 +- stories/src/data/multiTableUnusualCSV.ts | 77 +++++++++++++++++++ stories/src/simpleTable.stories.tsx | 24 ++++++ 5 files changed, 117 insertions(+), 17 deletions(-) create mode 100644 stories/src/data/multiTableUnusualCSV.ts diff --git a/giraffe/package.json b/giraffe/package.json index 02950d12..bdf848dd 100644 --- a/giraffe/package.json +++ b/giraffe/package.json @@ -1,6 +1,6 @@ { "name": "@influxdata/giraffe", - "version": "2.37.0", + "version": "2.37.1", "main": "dist/index.js", "module": "dist/index.js", "license": "MIT", diff --git a/giraffe/src/components/SimpleTable/PagedTable.tsx b/giraffe/src/components/SimpleTable/PagedTable.tsx index 55fbb6fa..63f876ff 100644 --- a/giraffe/src/components/SimpleTable/PagedTable.tsx +++ b/giraffe/src/components/SimpleTable/PagedTable.tsx @@ -23,6 +23,8 @@ interface ExtendedColumn { data: any[] } +const TABLE_MARGIN = 10 + /* * @param result - the result of the query * @param paginationOffset - the start index of the first row of the current page @@ -54,31 +56,28 @@ const getNumberOfRowsOnCurrentPage = ( let lastSignature let signature - // rowHeight is now guaranteed to be greater than zero - const lastVisibleRowMinimumHeight = 0.2 * rowHeight - while (rowIdx < result.table.length) { if (result.table.columns?.table?.data?.[rowIdx] !== currentTable) { signature = Object.values(result.table.columns) - .map( - c => - `${c.name}::${c.fluxDataType}::${result.fluxGroupKeyUnion.includes( - c.name - )}` - ) + .map(column => { + if (column.data[rowIdx] !== undefined) { + return `${column.name}::${ + column.fluxDataType + }::${result.fluxGroupKeyUnion.includes(column.name)}` + } + return 'undefined' + }) .join('|') if (signature !== lastSignature) { runningHeight += headerHeight if (currentTable !== undefined) { - runningHeight += 10 + runningHeight += TABLE_MARGIN } - if ( - runningHeight + lastVisibleRowMinimumHeight >= - totalAvailableHeight - ) { + // Stop counting if the new table cannot fit even 1 row + if (runningHeight + rowHeight >= totalAvailableHeight) { break } @@ -92,7 +91,7 @@ const getNumberOfRowsOnCurrentPage = ( runningHeight += rowHeight - if (runningHeight + lastVisibleRowMinimumHeight >= totalAvailableHeight) { + if (runningHeight >= totalAvailableHeight) { break } diff --git a/stories/package.json b/stories/package.json index 9d7a0ee3..39607b38 100644 --- a/stories/package.json +++ b/stories/package.json @@ -1,6 +1,6 @@ { "name": "@influxdata/giraffe-stories", - "version": "2.37.0", + "version": "2.37.1", "license": "MIT", "repository": { "type": "git", diff --git a/stories/src/data/multiTableUnusualCSV.ts b/stories/src/data/multiTableUnusualCSV.ts new file mode 100644 index 00000000..db0a0004 --- /dev/null +++ b/stories/src/data/multiTableUnusualCSV.ts @@ -0,0 +1,77 @@ +export const multiTableUnusualCSV = `#group,false,false,true,true,false,false,true,true,true,true,true,true,true +#datatype,string,long,dateTime:RFC3339,dateTime:RFC3339,dateTime:RFC3339,long,string,string,string,string,string,string,string +#default,_editor_composition,,,,,,,,,,,, +,result,table,_start,_stop,_time,_value,_field,_measurement,env,orgID,ot_trace_sampled,role,source +,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.271705416Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch +,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.345800045Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch +,,0,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T18:00:00.517868256Z,0,concurrency,query_log,prod01-us-west-2,f42e62a563c59a49,false,queryd-pull-external,node-fetch +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:16.834184925Z,10251809,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:16.837751292Z,10131370,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:22.260353972Z,9327369,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:22.269283123Z,9407111,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:25.217267128Z,10185189,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,1,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:42:25.221087136Z,9477682,totalDuration,query_log,prod01-eu-west-1,3e5a0e72bea11597,false,queryd-pull-external,Firefox +,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:33.716662533Z,19424680,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java +,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:33.975107358Z,19663159,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java +,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.177313808Z,15828867,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java +,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.308050863Z,16158757,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java +,,2,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T20:24:34.434780169Z,11694194,totalDuration,query_log,prod01-us-west-2,e0b22590340e8b82,false,queryd-pull-external,influxdb-client-java +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T10:57:18.425228608Z,829194,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:19:30.719523194Z,790403,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:31:47.082346305Z,844772,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:28.941443986Z,898661,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T13:53:15.084571573Z,854410,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T14:19:55.83472333Z,845571,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T14:53:12.980290778Z,905928,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T15:20:35.397244889Z,908028,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:03:24.94723029Z,1155885,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:58:42.77633803Z,817680,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T17:58:49.038923082Z,1108824,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney +,,3,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T22:14:40.992351791Z,935533,compileDuration,query_log,prod01-us-central-1,763e2d8fe4e997f9,true,queryd-pull-external,hackney + +#group,false,false,true,true,false,false,true,true,true,true,true,true,true +#datatype,string,long,dateTime:RFC3339,dateTime:RFC3339,dateTime:RFC3339,string,string,string,string,string,string,string,string +#default,_editor_composition,,,,,,,,,,,, +,result,table,_start,_stop,_time,_value,_field,_measurement,env,orgID,ot_trace_sampled,role,source +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.060661849Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:43:59.984857605Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e filter(fn: (r) =\u003e r[\""_value\""] \u003e 0)\n |\u003e map(fn: (r) =\u003e ({result: r._value}))\n |\u003e count(column: \""result\"")\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.191968842Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.139756241Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.297924758Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.273778936Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.659161849Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.485258417Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:00.969822453Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:00.776739426Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.198451517Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.080695434Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.221558981Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:43:59.992925078Z"",""query"":""from(bucket: \""post-deployment-tests\"") |\u003e range(start: -1h)""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.450976762Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.366679943Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.705523994Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.571561806Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:01.904289771Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:01.823539562Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.15541439Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.022168064Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.379045111Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.286330042Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.59772708Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.465423619Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:02.815603815Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.70435201Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.070692188Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:02.918633729Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e fill(column: \""_value\"", value: 0.0)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.362044137Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.182830894Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e keep(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.586587182Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.453079243Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e drop(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:03.890467757Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.669535474Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e min()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.091810375Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:03.994759403Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e max()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.286604443Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.206834448Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e mean()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.612138478Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.527494428Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e top(n:5)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T11:44:04.8080552Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T11:44:04.724662012Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e bottom(n:5)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.453840186Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.35764943Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e filter(fn: (r) =\u003e r[\""_value\""] \u003e 0)\n |\u003e map(fn: (r) =\u003e ({result: r._value}))\n |\u003e count(column: \""result\"")\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.597872306Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.543118361Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.7496733Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.227744734Z"",""query"":""from(bucket: \""post-deployment-tests\"") |\u003e range(start: -1h)""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.779044109Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.728025293Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:47.940999385Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:47.87326725Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.06958795Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.046459633Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.196222807Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.171292706Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e count()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.347144323Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.305997112Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.504155414Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.445677444Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.688796949Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.607883757Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.865626522Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.802093187Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:48.998128386Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:48.975093028Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e sum()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.157365528Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.091284945Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e first()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.297376308Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.256709489Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e group(columns: [\""_field\""])\n |\u003e window(every: 1s)\n |\u003e last()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.439143593Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.409799066Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e fill(column: \""_value\"", value: 0.0)\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.567010531Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.533968714Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e keep(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.721870666Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.666691128Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e drop(columns: [\""_field\""])\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.869979409Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.818139597Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e min()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +,,4,2022-09-26T10:33:45.627124643Z,2022-09-26T22:33:45.627124643Z,2022-09-26T12:53:49.995854653Z,"{""request"":{""organization_id"":""73751463421a21ba"",""jwttoken"":""REDACTED"",""compiler"":{""Now"":""2022-09-26T12:53:49.965583044Z"",""query"":""\n from(bucket: \""post-deployment-tests\"")\n |\u003e range(start: -1h)\n |\u003e filter(fn: (r) =\u003e r[\""_field\""] =~ /^measure/)\n |\u003e max()\n""},""source"":""curl/7.64.0"",""parameters"":null,""UseIOx"":false,""IOxPool"":"""",""compiler_type"":""flux""},""dialect"":{""header"":true,""delimiter"":"",""},""dialect_type"":""csv""}",request,query_log,monitor301-us-west-1,73751463421a21ba,false,queryd-pull-external,curl +` diff --git a/stories/src/simpleTable.stories.tsx b/stories/src/simpleTable.stories.tsx index 1a34b8b1..28e4d355 100644 --- a/stories/src/simpleTable.stories.tsx +++ b/stories/src/simpleTable.stories.tsx @@ -5,6 +5,7 @@ import {PlotContainer} from './helpers' import {Config, Plot, fromFlux} from '../../giraffe/src' import {tableCSV, nonNumbersInNumbersColumn} from './data/tableGraph' import {largeDataSet} from './data/largeDataSet' +import {multiTableUnusualCSV} from './data/multiTableUnusualCSV' storiesOf('Simple Table', module) .addDecorator(withKnobs) @@ -77,6 +78,29 @@ storiesOf('Simple Table', module) ) }) + .add('Multi-table unusual data set', () => { + const backgroundColor = text('Background contrast color:', 'black') + + const showAll = boolean('showAll', false) + + const config: Config = { + fluxResponse: multiTableUnusualCSV, + layers: [ + { + type: 'simple table', + showAll: showAll, + }, + ], + } + + return ( + // Simple Table needs a black background by default, + // override Storybook's dark grey + + + + ) + }) .add('Custom CSV:', () => { const csv = text('Paste CSV here:', '')