@quillsql/react 2.10.10 → 2.10.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AddToDashboardModal.d.ts.map +1 -1
- package/dist/cjs/AddToDashboardModal.js +95 -64
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +1 -0
- package/dist/cjs/ChartBuilder.d.ts +1 -0
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +24 -8
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +3 -1
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +11 -13
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +44 -26
- package/dist/cjs/SQLEditor.d.ts +9 -1
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +52 -25
- package/dist/cjs/Table.d.ts +3 -1
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +4 -2
- package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/BarChart.js +17 -1
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +29 -6
- package/dist/cjs/components/UiComponents.d.ts +10 -0
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +2 -1
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +1 -0
- package/dist/cjs/index.d.ts +5 -2
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +11 -2
- package/dist/cjs/utils/axisFormatter.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.d.ts +1 -1
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +3 -6
- package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
- package/dist/cjs/utils/dataFetcher.js +3 -0
- package/dist/cjs/utils/valueFormatter.d.ts +2 -1
- package/dist/cjs/utils/valueFormatter.d.ts.map +1 -1
- package/dist/cjs/utils/valueFormatter.js +19 -2
- package/dist/esm/AddToDashboardModal.d.ts.map +1 -1
- package/dist/esm/AddToDashboardModal.js +95 -64
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +1 -0
- package/dist/esm/ChartBuilder.d.ts +1 -0
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +24 -8
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +3 -1
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +11 -13
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +44 -26
- package/dist/esm/SQLEditor.d.ts +9 -1
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +49 -23
- package/dist/esm/Table.d.ts +3 -1
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +4 -2
- package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/BarChart.js +17 -1
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +29 -6
- package/dist/esm/components/UiComponents.d.ts +10 -0
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +2 -1
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +1 -0
- package/dist/esm/index.d.ts +5 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +11 -2
- package/dist/esm/utils/axisFormatter.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.d.ts +1 -1
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +3 -6
- package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
- package/dist/esm/utils/dataFetcher.js +3 -0
- package/dist/esm/utils/valueFormatter.d.ts +2 -1
- package/dist/esm/utils/valueFormatter.d.ts.map +1 -1
- package/dist/esm/utils/valueFormatter.js +18 -1
- package/package.json +2 -2
- package/dist/cjs/components/SqlTextEditor.d.ts +0 -7
- package/dist/cjs/components/SqlTextEditor.d.ts.map +0 -1
- package/dist/cjs/components/SqlTextEditor.js +0 -44
- package/dist/esm/components/SqlTextEditor.d.ts +0 -7
- package/dist/esm/components/SqlTextEditor.d.ts.map +0 -1
- package/dist/esm/components/SqlTextEditor.js +0 -38
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Dashboard.js
CHANGED
|
@@ -843,17 +843,15 @@ export default function Dashboard({ name, containerStyle, chartContainerStyle =
|
|
|
843
843
|
marginBottom: 16,
|
|
844
844
|
textAlign: 'left',
|
|
845
845
|
marginTop: 12,
|
|
846
|
-
}, children: section })] })), metrics(section).length > 0 && (_jsx(DashboardGroupComponent, { children: metrics(section).map((item, index) => {
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
:
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
: undefined, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid }) }, item.name + '' + index);
|
|
856
|
-
}) })), charts(section).length > 0 && (_jsx(DashboardGroupComponent, { children: charts(section).map((item, index) => (_jsx(DashboardItemComponent, { theme: theme, dashboardItem: cleanDashboardItem(dashboard[item._id] ?? item), onClickDashboardItem: onClickDashboardItem
|
|
846
|
+
}, children: section })] })), metrics(section).length > 0 && (_jsx(DashboardGroupComponent, { children: metrics(section).map((item, index) => (_jsx(DashboardItemComponent, { theme: theme, dashboardItem: cleanDashboardItem(dashboard[item._id] ?? item, dashboardFilters), onClickDashboardItem: onClickDashboardItem
|
|
847
|
+
? () => handleOnClickDashboardItem(item)
|
|
848
|
+
: void null, children: _jsx(Chart, { containerStyle: {
|
|
849
|
+
display: 'flex',
|
|
850
|
+
width: '100%',
|
|
851
|
+
// height: '100%',
|
|
852
|
+
}, chartId: item._id, colors: theme.chartColors?.length
|
|
853
|
+
? theme.chartColors
|
|
854
|
+
: undefined, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid }) }, item.name + '' + index))) })), charts(section).length > 0 && (_jsx(DashboardGroupComponent, { children: charts(section).map((item, index) => (_jsx(DashboardItemComponent, { theme: theme, dashboardItem: cleanDashboardItem(dashboard[item._id] ?? item, dashboardFilters), onClickDashboardItem: onClickDashboardItem
|
|
857
855
|
? () => handleOnClickDashboardItem(item)
|
|
858
856
|
: void null, children: _jsx(Chart, { containerStyle: chartContainerStyle, chartId: item._id, colors: theme.chartColors?.length
|
|
859
857
|
? theme.chartColors
|
|
@@ -863,12 +861,12 @@ export default function Dashboard({ name, containerStyle, chartContainerStyle =
|
|
|
863
861
|
gap: 20,
|
|
864
862
|
display: 'flex',
|
|
865
863
|
flexDirection: 'column',
|
|
866
|
-
}, children: tables(section).map((item, index) => (_jsx(DashboardItemComponent, { theme: theme, dashboardItem: cleanDashboardItem(dashboard[item._id] ?? item), onClickDashboardItem: onClickDashboardItem
|
|
864
|
+
}, children: tables(section).map((item, index) => (_jsx(DashboardItemComponent, { theme: theme, dashboardItem: cleanDashboardItem(dashboard[item._id] ?? item, dashboardFilters), onClickDashboardItem: onClickDashboardItem
|
|
867
865
|
? () => handleOnClickDashboardItem(item)
|
|
868
866
|
: void null, children: _jsx(Chart, { containerStyle: {
|
|
869
867
|
display: 'flex',
|
|
870
868
|
width: '100%',
|
|
871
|
-
height: '
|
|
869
|
+
height: '400px',
|
|
872
870
|
}, chartId: item._id, colors: theme.chartColors?.length
|
|
873
871
|
? theme.chartColors
|
|
874
872
|
: undefined, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid }) }, item.name + '' + index))) }))] }, section + '' + sectionIndex));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,9 +46,24 @@ export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeCol
|
|
|
46
46
|
useEffect(() => {
|
|
47
47
|
let isSubscribed = true;
|
|
48
48
|
async function getSchema() {
|
|
49
|
-
const
|
|
49
|
+
const { queryEndpoint, queryHeaders, publicKey } = client;
|
|
50
|
+
const response = await fetch(`${queryEndpoint}`, {
|
|
51
|
+
method: 'POST',
|
|
52
|
+
headers: {
|
|
53
|
+
...queryHeaders,
|
|
54
|
+
'Content-Type': 'application/json',
|
|
55
|
+
},
|
|
56
|
+
body: JSON.stringify({
|
|
57
|
+
metadata: {
|
|
58
|
+
clientId: publicKey,
|
|
59
|
+
publicKey: publicKey,
|
|
60
|
+
task: 'schema',
|
|
61
|
+
},
|
|
62
|
+
}),
|
|
63
|
+
});
|
|
64
|
+
const data = await response.json();
|
|
50
65
|
if (isSubscribed) {
|
|
51
|
-
setSchema(
|
|
66
|
+
setSchema(data.data.tables);
|
|
52
67
|
}
|
|
53
68
|
}
|
|
54
69
|
if (isSubscribed) {
|
|
@@ -75,8 +90,13 @@ export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeCol
|
|
|
75
90
|
setLoading(true);
|
|
76
91
|
const hostedBody = {
|
|
77
92
|
metadata: client.customerId
|
|
78
|
-
? {
|
|
79
|
-
|
|
93
|
+
? {
|
|
94
|
+
query,
|
|
95
|
+
task: 'query',
|
|
96
|
+
orgId: client.customerId,
|
|
97
|
+
databaseType: client?.databaseType,
|
|
98
|
+
}
|
|
99
|
+
: { query, task: 'query', databaseType: client?.databaseType },
|
|
80
100
|
};
|
|
81
101
|
const cloudBody = { query };
|
|
82
102
|
const resp = await getData(client, 'dashquery', 'same-origin', hostedBody, cloudBody);
|
|
@@ -94,7 +114,7 @@ export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeCol
|
|
|
94
114
|
return;
|
|
95
115
|
}
|
|
96
116
|
setData(resp.rows);
|
|
97
|
-
setColumns(resp.fields.map(elem => convertPostgresColumn(elem)));
|
|
117
|
+
setColumns(resp.fields.map((elem) => convertPostgresColumn(elem)));
|
|
98
118
|
if (selectedPivot) {
|
|
99
119
|
const { rows, columns } = generatePivotTable(selectedPivot, resp.rows, dateRange);
|
|
100
120
|
if (onChangePivot) {
|
|
@@ -106,7 +126,7 @@ export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeCol
|
|
|
106
126
|
onChangeData(resp.rows);
|
|
107
127
|
}
|
|
108
128
|
if (onChangeColumns) {
|
|
109
|
-
onChangeColumns(resp.fields.map(elem => convertPostgresColumn(elem)));
|
|
129
|
+
onChangeColumns(resp.fields.map((elem) => convertPostgresColumn(elem)));
|
|
110
130
|
}
|
|
111
131
|
}
|
|
112
132
|
setFields(resp.fields);
|
|
@@ -123,7 +143,7 @@ export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeCol
|
|
|
123
143
|
if (!schema || !schema.length || !tableName) {
|
|
124
144
|
return null;
|
|
125
145
|
}
|
|
126
|
-
return (_jsx(ReportingTool, { containerStyle: containerStyle, destinationDashboard: destinationDashboard, client: client, editSQLEnabled: editSQLEnabled, navigateToSQLEditor: navigateToSQLEditor, theme: theme, data: data, columns: columns, fields: fields, chartBuilderTitle: chartBuilderTitle, chartBuilderButtonLabel: chartBuilderButtonLabel, onChangeData: onChangeData, onChangeColumns: onChangeColumns, onChangePivot: onChangePivot, selectedPivot: selectedPivot, setSelectedPivot: pivot => {
|
|
146
|
+
return (_jsx(ReportingTool, { containerStyle: containerStyle, destinationDashboard: destinationDashboard, client: client, editSQLEnabled: editSQLEnabled, navigateToSQLEditor: navigateToSQLEditor, theme: theme, data: data, columns: columns, fields: fields, chartBuilderTitle: chartBuilderTitle, chartBuilderButtonLabel: chartBuilderButtonLabel, onChangeData: onChangeData, onChangeColumns: onChangeColumns, onChangePivot: onChangePivot, selectedPivot: selectedPivot, setSelectedPivot: (pivot) => {
|
|
127
147
|
setSelectedPivot(pivot);
|
|
128
148
|
if (onChangePivot) {
|
|
129
149
|
const table = pivot
|
|
@@ -188,7 +208,7 @@ const newDateWhereAST = (column, dateRange, databaseType) => {
|
|
|
188
208
|
}
|
|
189
209
|
// if using preset
|
|
190
210
|
if (dateRange[2]) {
|
|
191
|
-
const timeInterval = reportBuilderOptions.find(elem => elem.value === dateRange[2])?.dayInterval;
|
|
211
|
+
const timeInterval = reportBuilderOptions.find((elem) => elem.value === dateRange[2])?.dayInterval;
|
|
192
212
|
switch (databaseType) {
|
|
193
213
|
case 'BigQuery': {
|
|
194
214
|
return {
|
|
@@ -332,8 +352,8 @@ const newDateWhereAST = (column, dateRange, databaseType) => {
|
|
|
332
352
|
}
|
|
333
353
|
};
|
|
334
354
|
function ReportingTool({ schema, data, columns, runQuery, SelectComponent, ButtonComponent, SecondaryButtonComponent, editSQLEnabled, navigateToSQLEditor, onChangeQuery, onChangePivot, selectedPivot, setSelectedPivot, theme, ModalComponent, HeaderComponent, PopoverComponent, TextComponent, TextInputComponent, LabelComponent, tagStyle, tableName, dateColumn, selectedTagBorderColor, dateRange, setDateRange, defaultDateRange, chartBuilderEnabled, fields, containerStyle, showTableFormatOptions = false, showDateFieldOptions = false, showAccessControlOptions = false, client, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, }) {
|
|
335
|
-
const selectedTable = useMemo(() => schema.find(t => t.displayName === tableName), [schema, tableName]);
|
|
336
|
-
const [selectedColumn, setSelectedColumn] = useState(schema[0].columns.find(elem => elem.name !== 'id'));
|
|
355
|
+
const selectedTable = useMemo(() => schema.find((t) => t.displayName === tableName), [schema, tableName]);
|
|
356
|
+
const [selectedColumn, setSelectedColumn] = useState(schema[0].columns.find((elem) => elem.name !== 'id'));
|
|
337
357
|
const parentRef = useRef();
|
|
338
358
|
const [filters, setFilters] = useState([]);
|
|
339
359
|
const [AST, setAST] = useState({
|
|
@@ -382,9 +402,9 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
382
402
|
setCreatedPivots([]);
|
|
383
403
|
setRecommendedPivots([]);
|
|
384
404
|
}, [selectedTable]);
|
|
385
|
-
const selectFilter = index => {
|
|
405
|
+
const selectFilter = (index) => {
|
|
386
406
|
const filter = filters[index];
|
|
387
|
-
const matchingColumn = selectedTable.columns.find(column => column.name === filter.column);
|
|
407
|
+
const matchingColumn = selectedTable.columns.find((column) => column.name === filter.column);
|
|
388
408
|
if (indexBeingEdited === index) {
|
|
389
409
|
setIndexBeingEdited(-1);
|
|
390
410
|
setStringFilterValues([]);
|
|
@@ -431,10 +451,10 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
431
451
|
onChangePivot(pivot, pivotTable.columns, pivotTable.rows);
|
|
432
452
|
}
|
|
433
453
|
};
|
|
434
|
-
const updateFilter = index => {
|
|
454
|
+
const updateFilter = (index) => {
|
|
435
455
|
if (selectedColumn && columnType) {
|
|
436
456
|
if (columnType === 'string') {
|
|
437
|
-
setFilters(filters => {
|
|
457
|
+
setFilters((filters) => {
|
|
438
458
|
const newFilters = [...filters];
|
|
439
459
|
newFilters[index] = {
|
|
440
460
|
column: selectedColumn.name,
|
|
@@ -446,7 +466,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
446
466
|
});
|
|
447
467
|
}
|
|
448
468
|
else if (columnType === 'number') {
|
|
449
|
-
setFilters(filters => {
|
|
469
|
+
setFilters((filters) => {
|
|
450
470
|
const newFilters = [...filters];
|
|
451
471
|
newFilters[index] = {
|
|
452
472
|
column: selectedColumn.name,
|
|
@@ -460,10 +480,9 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
460
480
|
}
|
|
461
481
|
else if (columnType === 'date') {
|
|
462
482
|
const label = filterDateRange[2]
|
|
463
|
-
? reportBuilderOptions.find(elem => elem.value === filterDateRange[2])
|
|
464
|
-
?.text
|
|
483
|
+
? reportBuilderOptions.find((elem) => elem.value === filterDateRange[2])?.text
|
|
465
484
|
: `${format(new Date(filterDateRange[0]), 'MMM dd')} - ${format(new Date(filterDateRange[1]), 'MMM dd')}`;
|
|
466
|
-
setFilters(filters => {
|
|
485
|
+
setFilters((filters) => {
|
|
467
486
|
const newFilters = [...filters];
|
|
468
487
|
newFilters[index] = {
|
|
469
488
|
column: selectedColumn.name,
|
|
@@ -488,7 +507,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
488
507
|
// const type = getPostgresBasicType(selectedColumn);
|
|
489
508
|
let newCondition;
|
|
490
509
|
if (columnType === 'string') {
|
|
491
|
-
setFilters(filters => {
|
|
510
|
+
setFilters((filters) => {
|
|
492
511
|
return [
|
|
493
512
|
...filters,
|
|
494
513
|
{
|
|
@@ -506,7 +525,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
506
525
|
return;
|
|
507
526
|
}
|
|
508
527
|
else if (columnType === 'number') {
|
|
509
|
-
setFilters(filters => {
|
|
528
|
+
setFilters((filters) => {
|
|
510
529
|
return [
|
|
511
530
|
...filters,
|
|
512
531
|
{
|
|
@@ -526,10 +545,9 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
526
545
|
}
|
|
527
546
|
else if (columnType === 'date') {
|
|
528
547
|
const label = filterDateRange[2]
|
|
529
|
-
? reportBuilderOptions.find(elem => elem.value === filterDateRange[2])
|
|
530
|
-
?.text
|
|
548
|
+
? reportBuilderOptions.find((elem) => elem.value === filterDateRange[2])?.text
|
|
531
549
|
: `${format(new Date(filterDateRange[0]), 'MMM dd')} - ${format(new Date(filterDateRange[1]), 'MMM dd')}`;
|
|
532
|
-
setFilters(filters => {
|
|
550
|
+
setFilters((filters) => {
|
|
533
551
|
return [
|
|
534
552
|
...filters,
|
|
535
553
|
{
|
|
@@ -556,7 +574,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
556
574
|
useEffect(() => {
|
|
557
575
|
// if selected table changes, clear everything
|
|
558
576
|
if (selectedTable.displayName !== AST.from.table) {
|
|
559
|
-
setSelectedColumn(selectedTable.columns.find(elem => elem.name !== 'id'));
|
|
577
|
+
setSelectedColumn(selectedTable.columns.find((elem) => elem.name !== 'id'));
|
|
560
578
|
setFilters([]);
|
|
561
579
|
removePivot();
|
|
562
580
|
const resetAST = {
|
|
@@ -580,7 +598,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
580
598
|
return;
|
|
581
599
|
}
|
|
582
600
|
}, [selectedTable]);
|
|
583
|
-
const generateNewAST = includeDateColumn => {
|
|
601
|
+
const generateNewAST = (includeDateColumn) => {
|
|
584
602
|
if (filters.length || dateRange) {
|
|
585
603
|
const newAST = {
|
|
586
604
|
with: null,
|
|
@@ -617,7 +635,7 @@ function ReportingTool({ schema, data, columns, runQuery, SelectComponent, Butto
|
|
|
617
635
|
},
|
|
618
636
|
right: {
|
|
619
637
|
type: 'expr_list',
|
|
620
|
-
value: stringFilterValues.map(value => ({
|
|
638
|
+
value: stringFilterValues.map((value) => ({
|
|
621
639
|
type: 'single_quote_string',
|
|
622
640
|
value,
|
|
623
641
|
})),
|
package/dist/esm/SQLEditor.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ interface SQLEditorProps {
|
|
|
33
33
|
chartBuilderButtonLabel?: string;
|
|
34
34
|
addToDashboardButtonLabel?: string;
|
|
35
35
|
onAddToDashboardComplete?: () => void;
|
|
36
|
+
organizationName?: string;
|
|
36
37
|
}
|
|
37
38
|
interface TableComponentProps {
|
|
38
39
|
rows: any[];
|
|
@@ -45,6 +46,13 @@ interface TextInputComponentProps {
|
|
|
45
46
|
id: string;
|
|
46
47
|
placeholder?: string;
|
|
47
48
|
}
|
|
48
|
-
export default function QueryEditor({ containerStyle, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled, LoadingComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode, chartBuilderEnabled, showTableFormatOptions, showDateFieldOptions, showAccessControlOptions, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel, dashboardItem, }: SQLEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export default function QueryEditor({ containerStyle, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled, LoadingComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode, chartBuilderEnabled, showTableFormatOptions, showDateFieldOptions, showAccessControlOptions, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel, dashboardItem, organizationName, }: SQLEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, }: {
|
|
51
|
+
schema: any;
|
|
52
|
+
theme: any;
|
|
53
|
+
loading: any;
|
|
54
|
+
LoadingComponent: any;
|
|
55
|
+
width: any;
|
|
56
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
49
57
|
export {};
|
|
50
58
|
//# sourceMappingURL=SQLEditor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,wBAAgB,qBAAqB,CAAC,MAAM,KAAA;;;;;EAwE3C;AA2BD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,wBAAgB,qBAAqB,CAAC,MAAM,KAAA;;;;;EAwE3C;AA2BD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAQD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+ED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAe,EACf,wBAAwB,EACxB,kBAAkB,EAClB,cAAc,EACd,eAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,EACd,UAAkB,EAClB,mBAA2B,EAC3B,sBAA8B,EAC9B,oBAA4B,EAC5B,wBAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,yBAA8C,EAC9C,aAAyB,EACzB,gBAA4B,GAC7B,EAAE,cAAc,2CAwXhB;AA8LD,eAAO,MAAM,mBAAmB;;;;;;6CAqG/B,CAAC"}
|
package/dist/esm/SQLEditor.js
CHANGED
|
@@ -141,7 +141,7 @@ const QuillTextInput = ({ onChange, value, id, placeholder, theme, }) => {
|
|
|
141
141
|
borderRadius: '6px',
|
|
142
142
|
}, id: id, onChange: onChange, value: value, placeholder: placeholder }));
|
|
143
143
|
};
|
|
144
|
-
export default function QueryEditor({ containerStyle = { height: '100vh' }, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled = false, LoadingComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode = false, chartBuilderEnabled = false, showTableFormatOptions = false, showDateFieldOptions = false, showAccessControlOptions = false, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', dashboardItem = undefined, }) {
|
|
144
|
+
export default function QueryEditor({ containerStyle = { height: '100vh' }, ButtonComponent, SecondaryButtonComponent, TextInputComponent, TableComponent, newQueryEnabled = false, LoadingComponent, defaultQuery, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, isEditMode = false, chartBuilderEnabled = false, showTableFormatOptions = false, showDateFieldOptions = false, showAccessControlOptions = false, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, addToDashboardButtonLabel = 'Add to dashboard', dashboardItem = undefined, organizationName = undefined, }) {
|
|
145
145
|
const [sqlPrompt, setSqlPrompt] = useState('');
|
|
146
146
|
const [isOpen, setIsOpen] = useState(false);
|
|
147
147
|
const [client] = useContext(ClientContext);
|
|
@@ -156,23 +156,38 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
156
156
|
const [sqlQueryLoading, setSqlQueryLoading] = useState(false);
|
|
157
157
|
const [schemaLoading, setSchemaLoading] = useState(false);
|
|
158
158
|
const [isChartBuilderOpen, setIsChartBuilderOpen] = useState(false);
|
|
159
|
+
const getSchema = async (isSubscribed) => {
|
|
160
|
+
setSchemaLoading(true);
|
|
161
|
+
const { queryEndpoint, queryHeaders, publicKey } = client;
|
|
162
|
+
const response = await fetch(`${queryEndpoint}`, {
|
|
163
|
+
method: 'POST',
|
|
164
|
+
headers: {
|
|
165
|
+
...queryHeaders,
|
|
166
|
+
'Content-Type': 'application/json',
|
|
167
|
+
},
|
|
168
|
+
body: JSON.stringify({
|
|
169
|
+
metadata: {
|
|
170
|
+
clientId: publicKey,
|
|
171
|
+
publicKey: publicKey,
|
|
172
|
+
task: 'schema',
|
|
173
|
+
},
|
|
174
|
+
}),
|
|
175
|
+
});
|
|
176
|
+
const data = await response.json();
|
|
177
|
+
if (isSubscribed) {
|
|
178
|
+
setSchema(data.data.tables);
|
|
179
|
+
setSchemaLoading(false);
|
|
180
|
+
}
|
|
181
|
+
};
|
|
159
182
|
useEffect(() => {
|
|
160
183
|
let isSubscribed = true;
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
const resp = await getDataFromCloud(client, `schema2/${client.publicKey}/`, null, 'GET');
|
|
164
|
-
if (isSubscribed) {
|
|
165
|
-
setSchema(resp.tables);
|
|
166
|
-
setSchemaLoading(false);
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
if (isSubscribed) {
|
|
170
|
-
getSchema();
|
|
184
|
+
if (isSubscribed && client) {
|
|
185
|
+
getSchema(isSubscribed);
|
|
171
186
|
}
|
|
172
187
|
return () => {
|
|
173
188
|
isSubscribed = false;
|
|
174
189
|
};
|
|
175
|
-
}, []);
|
|
190
|
+
}, [client]);
|
|
176
191
|
const handleRunSqlPrompt = async () => {
|
|
177
192
|
setSqlResponseLoading(true);
|
|
178
193
|
const resp = await getDataFromCloud(client, `quillai`, {
|
|
@@ -187,6 +202,7 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
187
202
|
const handleRunQuery = async () => {
|
|
188
203
|
try {
|
|
189
204
|
setSqlQueryLoading(true);
|
|
205
|
+
setErrorMessage('');
|
|
190
206
|
const hostedBody = {
|
|
191
207
|
metadata: client.customerId
|
|
192
208
|
? {
|
|
@@ -194,8 +210,14 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
194
210
|
task: 'query',
|
|
195
211
|
orgId: client.customerId,
|
|
196
212
|
clientId: client.publicKey,
|
|
213
|
+
databaseType: client?.databaseType,
|
|
197
214
|
}
|
|
198
|
-
: {
|
|
215
|
+
: {
|
|
216
|
+
query,
|
|
217
|
+
task: 'query',
|
|
218
|
+
clientId: client.publicKey,
|
|
219
|
+
databaseType: client?.databaseType,
|
|
220
|
+
},
|
|
199
221
|
};
|
|
200
222
|
const cloudBody = { query };
|
|
201
223
|
const resp = await getData(client, 'dashquery', 'same-origin', hostedBody, cloudBody);
|
|
@@ -209,6 +231,9 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
209
231
|
}
|
|
210
232
|
setSqlQueryLoading(false);
|
|
211
233
|
setErrorMessage('');
|
|
234
|
+
if (resp.rows.length === 0) {
|
|
235
|
+
setErrorMessage('No data found');
|
|
236
|
+
}
|
|
212
237
|
setRows(resp.rows && resp.rows.length ? resp.rows : []);
|
|
213
238
|
if (onChangeData) {
|
|
214
239
|
onChangeData(resp.rows && resp.rows.length ? resp.rows : []);
|
|
@@ -274,11 +299,12 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
274
299
|
display: 'flex',
|
|
275
300
|
height: '100%',
|
|
276
301
|
flexDirection: 'row',
|
|
302
|
+
gap: 20,
|
|
277
303
|
}, children: [_jsx(SchemaListComponent, { schema: schema, theme: theme, LoadingComponent: LoadingComponent, loading: schemaLoading }), _jsxs("div", { style: {
|
|
278
304
|
display: 'flex',
|
|
279
|
-
gap: 12,
|
|
305
|
+
// gap: 12,
|
|
280
306
|
flexDirection: 'column',
|
|
281
|
-
width: 'calc(100% -
|
|
307
|
+
width: 'calc(100% - 290px)',
|
|
282
308
|
height: '100%',
|
|
283
309
|
overflowX: 'hidden',
|
|
284
310
|
}, children: [_jsxs("div", { style: {
|
|
@@ -287,10 +313,11 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
287
313
|
display: 'flex',
|
|
288
314
|
flexDirection: 'row',
|
|
289
315
|
alignItems: 'center',
|
|
316
|
+
height: 80,
|
|
290
317
|
}, children: [_jsx("div", { style: { minWidth: 440, marginRight: 10 }, children: (TextInputComponent && (_jsx(TextInputComponent, { id: "ai-search", value: sqlPrompt, onChange: (e) => setSqlPrompt(e.target.value), placeholder: "Ask a question..." }))) || (_jsx(QuillTextInput, { id: "ai-search", value: sqlPrompt, onChange: (e) => setSqlPrompt(e.target.value), placeholder: "Ask a question...", theme: theme })) }), (ButtonComponent && (_jsx(ButtonComponent, { onClick: handleRunSqlPrompt, label: "Ask AI" }))) || (_jsx(QuillButton, { theme: theme, onClick: handleRunSqlPrompt, label: "Ask AI" }))] }), _jsx("div", { style: { height: 'calc(50% - 40px)' }, children: _jsx(SQLEditorComponent, { query: query, setQuery: setQuery, handleRunQuery: handleRunQuery, newQueryEnabled: newQueryEnabled, handleClearQuery: handleClearQuery, theme: theme, defineEditorTheme: defineEditorTheme, setEditorTheme: setEditorTheme, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, loading: sqlResponseLoading, LoadingComponent: LoadingComponent }) }), _jsxs("div", { style: {
|
|
291
318
|
display: 'flex',
|
|
292
319
|
flexDirection: 'column',
|
|
293
|
-
height: 'calc(50% -
|
|
320
|
+
height: 'calc(50% - 108px)',
|
|
294
321
|
padding: 0,
|
|
295
322
|
margin: 0,
|
|
296
323
|
border: 'none',
|
|
@@ -320,8 +347,7 @@ export default function QueryEditor({ containerStyle = { height: '100vh' }, Butt
|
|
|
320
347
|
justifyContent: 'flex-end',
|
|
321
348
|
width: '100%',
|
|
322
349
|
height: '70px',
|
|
323
|
-
|
|
324
|
-
}, children: (ButtonComponent && (_jsx(ButtonComponent, { onClick: handleRunQuery, label: "Run query" }))) || (_jsx(QuillButton, { onClick: () => setIsChartBuilderOpen(true), label: addToDashboardButtonLabel, theme: theme })) }))] })] }) }) }), _jsx(ChartBuilder, { rows: rows, columns: columns, fields: fields, query: query, isEditMode: isEditMode, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, showTableFormatOptions: showTableFormatOptions, showDateFieldOptions: showDateFieldOptions, showAccessControlOptions: showAccessControlOptions, destinationDashboard: destinationDashboard, title: chartBuilderTitle, button: chartBuilderButtonLabel, buttonLabel: addToDashboardButtonLabel, dashboardItem: dashboardItem })] }));
|
|
350
|
+
}, children: (ButtonComponent && (_jsx(ButtonComponent, { onClick: handleRunQuery, label: "Run query" }))) || (_jsx(QuillButton, { onClick: () => setIsChartBuilderOpen(true), label: addToDashboardButtonLabel, theme: theme })) }))] })] }) }) }), _jsx(ChartBuilder, { rows: rows, columns: columns, fields: fields, query: query, isEditMode: isEditMode, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, showTableFormatOptions: showTableFormatOptions, showDateFieldOptions: showDateFieldOptions, showAccessControlOptions: showAccessControlOptions, destinationDashboard: destinationDashboard, title: chartBuilderTitle, button: chartBuilderButtonLabel, buttonLabel: addToDashboardButtonLabel, dashboardItem: dashboardItem, organizationName: organizationName })] }));
|
|
325
351
|
}
|
|
326
352
|
const SQLEditorComponent = ({ query, setQuery, handleRunQuery, handleClearQuery, defineEditorTheme, setEditorTheme, ButtonComponent, SecondaryButtonComponent, newQueryEnabled, theme, loading, LoadingComponent, }) => {
|
|
327
353
|
return (_jsxs("div", { style: {
|
|
@@ -335,7 +361,6 @@ const SQLEditorComponent = ({ query, setQuery, handleRunQuery, handleClearQuery,
|
|
|
335
361
|
// marginLeft: 20,
|
|
336
362
|
display: 'flex',
|
|
337
363
|
flexDirection: 'column',
|
|
338
|
-
gap: 12,
|
|
339
364
|
borderTopLeftRadius: 6,
|
|
340
365
|
borderBottomLeftRadius: 6,
|
|
341
366
|
borderTopRightRadius: 0,
|
|
@@ -358,7 +383,8 @@ const SQLEditorComponent = ({ query, setQuery, handleRunQuery, handleClearQuery,
|
|
|
358
383
|
display: 'flex',
|
|
359
384
|
flexDirection: 'row',
|
|
360
385
|
alignItems: 'center',
|
|
361
|
-
|
|
386
|
+
height: 70,
|
|
387
|
+
}, children: _jsxs("div", { style: { display: 'flex' }, children: [(ButtonComponent && (_jsx(ButtonComponent, { onClick: handleRunQuery, label: "Run query" }))) || (_jsx(QuillButton, { onClick: handleRunQuery, label: "Run query", theme: theme })), newQueryEnabled && (_jsx("div", { children: (SecondaryButtonComponent && (_jsx(SecondaryButtonComponent, { onClick: handleClearQuery, label: "Clear query" }))) || (_jsx(QuillButton, { secondary: true, onClick: handleClearQuery, label: "Clear query", theme: theme })) }))] }) })] }));
|
|
362
388
|
};
|
|
363
389
|
const styles = {
|
|
364
390
|
columnHeader: {
|
|
@@ -392,12 +418,12 @@ const styles = {
|
|
|
392
418
|
overflow: 'hidden',
|
|
393
419
|
},
|
|
394
420
|
};
|
|
395
|
-
const SchemaListComponent = ({ schema, theme, loading, LoadingComponent }) => {
|
|
421
|
+
export const SchemaListComponent = ({ schema, theme, loading, LoadingComponent, width, }) => {
|
|
396
422
|
if (loading) {
|
|
397
423
|
return (_jsxs("div", { style: {
|
|
398
424
|
background: theme.backgroundColor,
|
|
399
425
|
// maxHeight: 700,
|
|
400
|
-
width: 250,
|
|
426
|
+
width: width || 250,
|
|
401
427
|
minWidth: 250,
|
|
402
428
|
// overflowY: 'scroll',
|
|
403
429
|
height: '100%',
|
|
@@ -413,7 +439,7 @@ const SchemaListComponent = ({ schema, theme, loading, LoadingComponent }) => {
|
|
|
413
439
|
return (_jsx("div", { style: {
|
|
414
440
|
background: theme.backgroundColor,
|
|
415
441
|
// maxHeight: 700,
|
|
416
|
-
width: 250,
|
|
442
|
+
width: width || 250,
|
|
417
443
|
minWidth: 250,
|
|
418
444
|
overflowY: 'auto',
|
|
419
445
|
height: '100%',
|
package/dist/esm/Table.d.ts
CHANGED
|
@@ -15,8 +15,10 @@ interface DataTableProps {
|
|
|
15
15
|
csvFilename?: string;
|
|
16
16
|
showDownloadCsvButton?: boolean;
|
|
17
17
|
LoadingComponent?: () => JSX.Element;
|
|
18
|
+
loading?: boolean;
|
|
19
|
+
height?: string;
|
|
18
20
|
}
|
|
19
|
-
declare const Table: ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, }: ChartIdTableProps | DataTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare const Table: ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, loading, height, }: ChartIdTableProps | DataTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
22
|
interface TableButtonComponentProps {
|
|
21
23
|
onClick: () => void;
|
|
22
24
|
}
|
package/dist/esm/Table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,uHAUR,iBAAiB,GAAG,cAAc,4CAsEpC,CAAC;AAEF,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkCD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,qBAA4B,EAC5B,WAAW,EACX,0BAA0B,EAC1B,6BAA6B,EAC7B,YAAoB,EACpB,IAAI,GACL,EAAE;IACD,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,CAC3B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;IACjB,6BAA6B,CAAC,EAAE,CAC9B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,kDAomBA;AA6UD,eAAe,KAAK,CAAC"}
|
package/dist/esm/Table.js
CHANGED
|
@@ -7,7 +7,7 @@ import { getData } from './utils/dataFetcher';
|
|
|
7
7
|
import { valueFormatter } from './utils/valueFormatter';
|
|
8
8
|
import { valueFormatterCSV } from './utils/valueFormatterCSV';
|
|
9
9
|
import { mergeComparisonRange } from './utils/merge';
|
|
10
|
-
const Table = ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, }) => {
|
|
10
|
+
const Table = ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, loading, height, }) => {
|
|
11
11
|
const { dispatch, dashboard } = useContext(DashboardContext);
|
|
12
12
|
const { dashboardFilters } = useContext(DashboardFiltersContext);
|
|
13
13
|
const [client, _] = useContext(ClientContext);
|
|
@@ -40,7 +40,7 @@ const Table = ({ chartId, columns, rows, containerStyle, csvFilename, showDownlo
|
|
|
40
40
|
document.body.removeChild(downloadLink);
|
|
41
41
|
};
|
|
42
42
|
if (!chartId && rows && columns) {
|
|
43
|
-
return (_jsx(SpecialTable, { showDownloadCsvButton: showDownloadCsvButton, csvFilename: csvFilename || 'table', columns: columns, rows: rows ?? [], height: containerStyle?.height || '100%', theme: theme, containerStyle: containerStyle, LoadingComponent: LoadingComponent }));
|
|
43
|
+
return (_jsx(SpecialTable, { showDownloadCsvButton: showDownloadCsvButton, csvFilename: csvFilename || 'table', columns: columns, rows: rows ?? [], height: containerStyle?.height || height || '100%', theme: theme, containerStyle: containerStyle, LoadingComponent: LoadingComponent, loading: loading }));
|
|
44
44
|
}
|
|
45
45
|
return (_jsx(ChartUpdater, { showDownloadCsvButton: showDownloadCsvButton, dispatch: dispatch, dashboard: dashboard, chartId: chartId, containerStyle: containerStyle, dashboardFilters: dashboardFilters, client: client, theme: theme, downloadCSV: downloadCSV, csvFilename: csvFilename, LoadingComponent: LoadingComponent }));
|
|
46
46
|
};
|
|
@@ -441,12 +441,14 @@ const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, da
|
|
|
441
441
|
task: 'item',
|
|
442
442
|
filters: [...Object.values(dashboardFilters)],
|
|
443
443
|
clientId: client.publicKey,
|
|
444
|
+
databaseType: client?.databaseType,
|
|
444
445
|
}
|
|
445
446
|
: {
|
|
446
447
|
dashboardItemId: chartId,
|
|
447
448
|
task: 'item',
|
|
448
449
|
filters: [...Object.values(dashboardFilters)],
|
|
449
450
|
clientId: client.publicKey,
|
|
451
|
+
databaseType: client?.databaseType,
|
|
450
452
|
},
|
|
451
453
|
};
|
|
452
454
|
const cloudBody = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,GAC1B,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,2CAkKA"}
|
|
@@ -6,7 +6,23 @@ import { axisFormatter } from '../../utils/axisFormatter';
|
|
|
6
6
|
import { selectColor } from '../../utils/color';
|
|
7
7
|
import ChartTooltip from '../../components/Chart/ChartTooltip';
|
|
8
8
|
import getDomain from '../../utils/getDomain';
|
|
9
|
+
import { useEffect, useState } from 'react';
|
|
9
10
|
export default function BarChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) {
|
|
11
|
+
const [formattedData, setFormattedData] = useState([]);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (!data || data.length === 0) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
const curData = data.map((d) => {
|
|
17
|
+
const formatted = { ...d };
|
|
18
|
+
// NEED TO FORMAT FOR BIG QUERY
|
|
19
|
+
if (d[xAxisField] && typeof d[xAxisField] === 'object') {
|
|
20
|
+
formatted[xAxisField] = d[xAxisField].value;
|
|
21
|
+
}
|
|
22
|
+
return formatted;
|
|
23
|
+
});
|
|
24
|
+
setFormattedData(curData);
|
|
25
|
+
}, [data]);
|
|
10
26
|
if (!data || data.length === 0) {
|
|
11
27
|
return (_jsx("div", { style: {
|
|
12
28
|
display: 'flex',
|
|
@@ -22,7 +38,7 @@ export default function BarChart({ colors, yAxisFields, data, containerStyle, xA
|
|
|
22
38
|
return (_jsx("div", { style: {
|
|
23
39
|
...containerStyle,
|
|
24
40
|
boxSizing: 'content-box',
|
|
25
|
-
}, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsBarChart, { data:
|
|
41
|
+
}, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsBarChart, { data: formattedData, layout: 'horizontal', children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), _jsx(YAxis, { width: 44, hide: hideYAxis, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
|
|
26
42
|
fontSize: '12px',
|
|
27
43
|
fontFamily: theme.chartLabelFontFamily,
|
|
28
44
|
}, tickFormatter: (tick) => axisFormatter({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAiBA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,GAC1B,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,kDAoMA"}
|