@quillsql/react 2.11.12 → 2.11.13
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/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +1 -1
- package/dist/cjs/Dashboard.js +1 -1
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +167 -68
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +1 -0
- package/dist/cjs/components/Chart/ChartTooltipFrame.d.ts.map +1 -1
- package/dist/cjs/components/Chart/ChartTooltipFrame.js +1 -0
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +3 -0
- package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelect.js +7 -1
- package/dist/cjs/components/ReportBuilder/AddColumnPopover.js +3 -3
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts +3 -0
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -0
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.js +43 -0
- package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddSortPopover.js +10 -4
- package/dist/cjs/components/ReportBuilder/bigDateMap.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/bigDateMap.js +2 -1
- package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/ui.js +4 -3
- package/dist/cjs/components/ReportBuilder/util.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/util.js +7 -5
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +2 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +26 -29
- package/dist/cjs/utils/getDomain.d.ts.map +1 -1
- package/dist/cjs/utils/getDomain.js +3 -0
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +1 -1
- package/dist/esm/Dashboard.js +1 -1
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +167 -68
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +1 -0
- package/dist/esm/components/Chart/ChartTooltipFrame.d.ts.map +1 -1
- package/dist/esm/components/Chart/ChartTooltipFrame.js +1 -0
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +3 -0
- package/dist/esm/components/QuillSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillSelect.js +7 -1
- package/dist/esm/components/ReportBuilder/AddColumnPopover.js +3 -3
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts +3 -0
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -0
- package/dist/esm/components/ReportBuilder/AddLimitPopover.js +38 -0
- package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddSortPopover.js +10 -4
- package/dist/esm/components/ReportBuilder/bigDateMap.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/bigDateMap.js +2 -1
- package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/ui.js +4 -3
- package/dist/esm/components/ReportBuilder/util.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/util.js +7 -5
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +2 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +26 -29
- package/dist/esm/utils/getDomain.d.ts.map +1 -1
- package/dist/esm/utils/getDomain.js +3 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/ChartBuilder.js
CHANGED
|
@@ -738,7 +738,7 @@ function ChartBuilder({ TextInput = UiComponents_1.QuillTextInput, Select = Quil
|
|
|
738
738
|
// marginTop: 6,
|
|
739
739
|
display: 'flex',
|
|
740
740
|
flexDirection: 'column',
|
|
741
|
-
}, children: (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: selectedTable, SelectComponent: Select, ButtonComponent: Button, PopoverComponent: Popover, LabelComponent: Label, TextComponent: Text, HeaderComponent: Header, theme: theme, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: columns, triggerButtonText: 'Add pivot +', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: handleDeletePivot, selectPivot: handleAddPivot, dateRange: dateRange, selectPivotOnEdit: true, showTrigger: !formData.pivot }) }), formData.pivot && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
741
|
+
}, children: (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: selectedTable, SelectComponent: Select, ButtonComponent: Button, SecondaryButtonComponent: SecondaryButton, PopoverComponent: Popover, LabelComponent: Label, TextComponent: Text, HeaderComponent: Header, theme: theme, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: columns, triggerButtonText: 'Add pivot +', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: handleDeletePivot, selectPivot: handleAddPivot, dateRange: dateRange, selectPivotOnEdit: true, showTrigger: !formData.pivot }) }), formData.pivot && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
742
742
|
// width: 592,
|
|
743
743
|
paddingRight: 42,
|
|
744
744
|
maxWidth: 750,
|
package/dist/cjs/Dashboard.js
CHANGED
|
@@ -417,7 +417,7 @@ function Dashboard({ name, containerStyle, chartContainerStyle = defaultChartCon
|
|
|
417
417
|
}, [dashboard, dashboardSections, isLoading]);
|
|
418
418
|
(0, react_1.useEffect)(() => {
|
|
419
419
|
if (onChangeLoading) {
|
|
420
|
-
onChangeLoading(isLoading);
|
|
420
|
+
onChangeLoading(initialLoad || isLoading);
|
|
421
421
|
}
|
|
422
422
|
}, [isLoading, onChangeLoading]);
|
|
423
423
|
if (!dashboardSections || Object.keys(dashboardSections).length == 0)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,UAAU,EAMV,oBAAoB,EAIpB,SAAS,EACV,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,UAAU,EAMV,oBAAoB,EAIpB,SAAS,EACV,MAAM,2BAA2B,CAAC;AA4HnC;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,gBAAqB,EACrB,wBAA0C,EAC1C,oBAAgC,EAChC,gBAAqB,EACrB,MAAuB,EACvB,eAAyC,EACzC,SAA0B,EAC1B,MAA6B,EAC7B,KAAkB,EAClB,OAAsB,EACtB,IAAgB,EAChB,QAA2B,EAC3B,OAAsB,EACtB,SAA2B,EAC3B,YAAgC,EAChC,YAAgC,EAChC,eAAsC,EACtC,kBAA4C,EAC5C,iBAA0C,EAC1C,cAAoC,EACpC,iBAA0C,EAC1C,aAAkC,EAClC,WAA8B,EAC9B,KAAqB,EACrB,MAAuB,EACvB,IAAmB,EACnB,YAA8B,EAC9B,KAAa,EACb,MAAc,EACd,cAAc,GACf,EAAE;IACD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAm/GA"}
|
|
@@ -26,6 +26,8 @@ const PivotModal_1 = require("./internals/ReportBuilder/PivotModal");
|
|
|
26
26
|
const PivotList_1 = require("./internals/ReportBuilder/PivotList");
|
|
27
27
|
const QuillTable_1 = __importDefault(require("./components/QuillTable"));
|
|
28
28
|
const QuillSelect_1 = require("./components/QuillSelect");
|
|
29
|
+
const textProcessing_1 = require("./utils/textProcessing");
|
|
30
|
+
const AddLimitPopover_1 = require("./components/ReportBuilder/AddLimitPopover");
|
|
29
31
|
/**
|
|
30
32
|
* Quill Report Builder
|
|
31
33
|
*
|
|
@@ -90,7 +92,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
90
92
|
return columns.map((col) => ({
|
|
91
93
|
label: col,
|
|
92
94
|
name: col,
|
|
93
|
-
displayName: col,
|
|
95
|
+
displayName: (0, textProcessing_1.snakeCaseToTitleCase)(col),
|
|
94
96
|
field: col,
|
|
95
97
|
format: (0, util_1.getPostgresBasicType)(fields.find((f) => f.name === col))?.replace('number', 'whole_number') || 'string',
|
|
96
98
|
fieldType: schemaTables
|
|
@@ -122,6 +124,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
122
124
|
// setUniqueValues({});
|
|
123
125
|
setPivot(null);
|
|
124
126
|
setPivotData(null);
|
|
127
|
+
setRecommendedPivots([]);
|
|
125
128
|
}, 0);
|
|
126
129
|
};
|
|
127
130
|
(0, react_1.useEffect)(() => {
|
|
@@ -273,19 +276,36 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
273
276
|
};
|
|
274
277
|
const fetchSchema = async () => {
|
|
275
278
|
try {
|
|
276
|
-
const response = await fetch(
|
|
279
|
+
const response = await fetch(`${client.queryEndpoint}`, {
|
|
280
|
+
method: 'POST',
|
|
281
|
+
headers: {
|
|
282
|
+
...client.queryHeaders,
|
|
283
|
+
'Content-Type': 'application/json',
|
|
284
|
+
},
|
|
285
|
+
body: JSON.stringify({
|
|
286
|
+
metadata: {
|
|
287
|
+
clientId: client.publicKey,
|
|
288
|
+
publicKey: client.publicKey,
|
|
289
|
+
task: 'schema',
|
|
290
|
+
removeCustomerField: true,
|
|
291
|
+
},
|
|
292
|
+
}),
|
|
293
|
+
});
|
|
294
|
+
const results = await response.json();
|
|
277
295
|
// Filter out hidden columns on tables back from schema2.
|
|
278
|
-
const tables =
|
|
279
|
-
for (const table of tables) {
|
|
280
|
-
table.columns = table.columns.filter((column) =>
|
|
281
|
-
// Quick and dirty fix for removing org ids from response.
|
|
282
|
-
// TODO: Fix this on the backend or something.
|
|
283
|
-
column.isVisible && column.displayName !== 'pm_company_id');
|
|
284
|
-
}
|
|
296
|
+
const tables = results.data.tables || results.data.data.tables;
|
|
285
297
|
setSchemaTables(tables ?? []);
|
|
286
|
-
setOrderedColumnNames((tables ?? [])
|
|
287
|
-
|
|
288
|
-
.
|
|
298
|
+
setOrderedColumnNames((tables ?? []).flatMap((table) => table.columns
|
|
299
|
+
.map((c) => `${table.name}.${c.name}`)
|
|
300
|
+
.sort((a, b) => {
|
|
301
|
+
const aIsId = a.endsWith('.id') || a.endsWith('_id');
|
|
302
|
+
const bIsId = b.endsWith('.id') || b.endsWith('_id');
|
|
303
|
+
if (aIsId && !bIsId)
|
|
304
|
+
return 1;
|
|
305
|
+
if (bIsId && !aIsId)
|
|
306
|
+
return -1;
|
|
307
|
+
return 0;
|
|
308
|
+
})));
|
|
289
309
|
// Fetch all the unique values in parallel
|
|
290
310
|
const pendingFetches = [];
|
|
291
311
|
for (let table of tables ?? []) {
|
|
@@ -310,6 +330,12 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
310
330
|
if ((0, crypto_1.hashCode)(uniqueValues) !== (0, crypto_1.hashCode)(newUniqueValues)) {
|
|
311
331
|
setUniqueValues(newUniqueValues);
|
|
312
332
|
}
|
|
333
|
+
if (initialTableName) {
|
|
334
|
+
const columnsForTable = tables
|
|
335
|
+
.find((t) => t.name === initialTableName)
|
|
336
|
+
?.columns.map((c) => c.name);
|
|
337
|
+
await handleAsk(`get ${columnsForTable} from ${initialTableName}`);
|
|
338
|
+
}
|
|
313
339
|
}
|
|
314
340
|
catch (error) {
|
|
315
341
|
console.error(error);
|
|
@@ -612,6 +638,9 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
612
638
|
};
|
|
613
639
|
// Function to handle operator changes
|
|
614
640
|
const handleOperatorChange = (value, node, keyPrefix, column = null) => {
|
|
641
|
+
if (!keyPrefix) {
|
|
642
|
+
setTopLevelBinaryOperator(value);
|
|
643
|
+
}
|
|
615
644
|
if (isPending) {
|
|
616
645
|
updateActiveItem([{ path: keyPrefix + 'operator', value }], { column });
|
|
617
646
|
}
|
|
@@ -726,7 +755,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
726
755
|
handleReplaceSubtree(keyPrefix, newSubtree);
|
|
727
756
|
}
|
|
728
757
|
}, options: getAllPossibleColumns().map((column) => ({
|
|
729
|
-
label: column.displayName,
|
|
758
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
730
759
|
value: column.name,
|
|
731
760
|
})) }), (0, jsx_runtime_1.jsx)(Select, { theme: theme, value: dateFilterType, onChange: (value) => {
|
|
732
761
|
if (value === dateFilterType)
|
|
@@ -820,7 +849,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
820
849
|
else if ((0, util_1.isInTheLastInterval)(node, client.databaseType)) {
|
|
821
850
|
const { dateColumn, dateFilterType, intervalCount, intervalType } = (0, util_1.getDateFilterInfo)(node);
|
|
822
851
|
const options = getAllPossibleColumns().map((column) => ({
|
|
823
|
-
label: column.displayName,
|
|
852
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
824
853
|
value: column.name,
|
|
825
854
|
}));
|
|
826
855
|
const plural = node.right.args.value[1].expr.value > 1 ? 's' : '';
|
|
@@ -871,7 +900,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
871
900
|
else if ((0, util_1.isTheCurrentInterval)(node, client.databaseType)) {
|
|
872
901
|
const { dateFilterType } = (0, util_1.getDateFilterInfo)(node);
|
|
873
902
|
const options = getAllPossibleColumns().map((column) => ({
|
|
874
|
-
label: column.displayName,
|
|
903
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
875
904
|
value: column.name,
|
|
876
905
|
}));
|
|
877
906
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
@@ -916,7 +945,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
916
945
|
}
|
|
917
946
|
else if ((0, util_1.isThePreviousInterval)(node, client.databaseType)) {
|
|
918
947
|
const options = getAllPossibleColumns().map((column) => ({
|
|
919
|
-
label: column.displayName,
|
|
948
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
920
949
|
value: column.name,
|
|
921
950
|
}));
|
|
922
951
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
@@ -977,7 +1006,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
977
1006
|
}
|
|
978
1007
|
else if ((0, util_1.isColumnComparison)(node)) {
|
|
979
1008
|
const options = getAllPossibleColumns().map((column) => ({
|
|
980
|
-
label: column.displayName,
|
|
1009
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
981
1010
|
value: column.name,
|
|
982
1011
|
}));
|
|
983
1012
|
// grab the value of the left child of the column comparison
|
|
@@ -1031,6 +1060,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1031
1060
|
gap: 12,
|
|
1032
1061
|
flexDirection: 'column',
|
|
1033
1062
|
width: '100%',
|
|
1063
|
+
padding: '6px 0px',
|
|
1034
1064
|
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
1035
1065
|
display: 'flex',
|
|
1036
1066
|
gap: 20,
|
|
@@ -1126,7 +1156,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1126
1156
|
}
|
|
1127
1157
|
case 'column_ref': {
|
|
1128
1158
|
const options = getAllPossibleColumns().map((column) => ({
|
|
1129
|
-
label: column.displayName,
|
|
1159
|
+
label: (0, textProcessing_1.snakeCaseToTitleCase)(column.displayName),
|
|
1130
1160
|
value: column.name,
|
|
1131
1161
|
}));
|
|
1132
1162
|
return ((0, jsx_runtime_1.jsx)(Select, { theme: theme, style: { width: '120px' }, value: node.column ?? options[0]?.value, onChange: (value) => {
|
|
@@ -1253,10 +1283,10 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1253
1283
|
isInTheCurrentIntervalSentence ??
|
|
1254
1284
|
isInTheLastIntervalSentence ??
|
|
1255
1285
|
isInThePreviousIntervalSentence ?? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [node.left &&
|
|
1256
|
-
renderSentence(formData, node.left, keyPrefix + 'left.', false, false, isRow), isRow ? (' ' + OPS[node.operator] + ' ') : topLevelBinaryOperator === 'OR' ? ((0, jsx_runtime_1.jsx)(TopLevelBooleanSwitch, { node: node, keyPrefix: keyPrefix, handleOperatorChange: handleOperatorChange, Select: Select })) : null, node.right &&
|
|
1286
|
+
renderSentence(formData, node.left, keyPrefix + 'left.', false, false, isRow), isRow ? (' ' + OPS[node.operator] + ' ') : isTopLevel || topLevelBinaryOperator === 'OR' ? ((0, jsx_runtime_1.jsx)(TopLevelBooleanSwitch, { node: node, keyPrefix: keyPrefix, handleOperatorChange: handleOperatorChange, Select: Select })) : null, node.right &&
|
|
1257
1287
|
renderSentence(formData, node.right, keyPrefix + 'right.', false, false, isRow)] })) }));
|
|
1258
1288
|
case 'column_ref':
|
|
1259
|
-
return node.column;
|
|
1289
|
+
return (0, textProcessing_1.snakeCaseToTitleCase)(node.column);
|
|
1260
1290
|
case 'expr_list':
|
|
1261
1291
|
if (node.value.length === 1) {
|
|
1262
1292
|
const subQuery = renderSentence(formData, node.value[0]);
|
|
@@ -1288,10 +1318,10 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1288
1318
|
if (node.args.value.length < 1)
|
|
1289
1319
|
return null;
|
|
1290
1320
|
if (node.args.value[0].value) {
|
|
1291
|
-
return node.args.value[0].value.replaceAll('%', '');
|
|
1321
|
+
return (0, textProcessing_1.snakeCaseToTitleCase)(node.args.value[0].value.replaceAll('%', ''));
|
|
1292
1322
|
}
|
|
1293
1323
|
if (node.args.value[0].column)
|
|
1294
|
-
return node.args.value[0].column.replaceAll('%', '');
|
|
1324
|
+
return (0, textProcessing_1.snakeCaseToTitleCase)(node.args.value[0].column.replaceAll('%', ''));
|
|
1295
1325
|
return null;
|
|
1296
1326
|
}
|
|
1297
1327
|
if (node.name.toLowerCase() === 'current_date' ||
|
|
@@ -1328,10 +1358,22 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1328
1358
|
const tableNamesInQuery = baseAst.from.map((tbl) => tbl.table);
|
|
1329
1359
|
return schemaTables
|
|
1330
1360
|
.filter((t) => tableNamesInQuery.includes(t.displayName))
|
|
1331
|
-
.flatMap((table) => table.columns
|
|
1361
|
+
.flatMap((table) => table.columns
|
|
1362
|
+
.map((c) => ({
|
|
1332
1363
|
...c,
|
|
1333
1364
|
table: table.displayName,
|
|
1334
|
-
}))
|
|
1365
|
+
}))
|
|
1366
|
+
.sort((a, b) => {
|
|
1367
|
+
const aIsId = a.name.toLowerCase() === 'id' ||
|
|
1368
|
+
a.name.toLowerCase().endsWith('_id');
|
|
1369
|
+
const bIsId = b.name.toLowerCase() === 'id' ||
|
|
1370
|
+
b.name.toLowerCase().endsWith('_id');
|
|
1371
|
+
if (aIsId && !bIsId)
|
|
1372
|
+
return 1;
|
|
1373
|
+
if (bIsId && !aIsId)
|
|
1374
|
+
return -1;
|
|
1375
|
+
return 0;
|
|
1376
|
+
}));
|
|
1335
1377
|
};
|
|
1336
1378
|
const getDateColumns = () => {
|
|
1337
1379
|
const allColumns = getAllPossibleColumns();
|
|
@@ -1382,26 +1424,6 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1382
1424
|
},
|
|
1383
1425
|
as: null,
|
|
1384
1426
|
});
|
|
1385
|
-
const SortableItem = ({ id, label, setSelectedColumns, selectedColumns, }) => {
|
|
1386
|
-
const { attributes, listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({ id: id });
|
|
1387
|
-
const style = {
|
|
1388
|
-
transform: utilities_1.CSS.Transform.toString(transform),
|
|
1389
|
-
transition,
|
|
1390
|
-
};
|
|
1391
|
-
const handleSelect = () => {
|
|
1392
|
-
setSelectedColumns((selectedColumns) => {
|
|
1393
|
-
if (selectedColumns.includes(id)) {
|
|
1394
|
-
return selectedColumns.filter((column) => column !== id);
|
|
1395
|
-
}
|
|
1396
|
-
else {
|
|
1397
|
-
return [...selectedColumns, id];
|
|
1398
|
-
}
|
|
1399
|
-
});
|
|
1400
|
-
};
|
|
1401
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { userSelect: 'none', ...style }, ref: setNodeRef, children: (0, jsx_runtime_1.jsx)(SelectColumn, { selected: selectedColumns?.includes(id), setSelected: handleSelect, label: label, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
1402
|
-
cursor: 'grab',
|
|
1403
|
-
}, ...attributes, ...listeners, children: (0, jsx_runtime_1.jsx)(HandleButton, {}) }) }) }));
|
|
1404
|
-
};
|
|
1405
1427
|
const AddConditionPopover = ({ onSave }) => {
|
|
1406
1428
|
return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
|
|
1407
1429
|
fontWeight: '600',
|
|
@@ -1434,6 +1456,17 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1434
1456
|
if (data2.rows && data2.rows.length) {
|
|
1435
1457
|
const tables = (0, ast_1.getTableNames)(baseAst);
|
|
1436
1458
|
const table = tables.length >= 1 ? tables[0] : initialTableName;
|
|
1459
|
+
const sortedFields = data2.fields.sort((a, b) => {
|
|
1460
|
+
const aIsId = a.name.toLowerCase() === 'id' ||
|
|
1461
|
+
a.name.toLowerCase().endsWith('_id');
|
|
1462
|
+
const bIsId = b.name.toLowerCase() === 'id' ||
|
|
1463
|
+
b.name.toLowerCase().endsWith('_id');
|
|
1464
|
+
if (aIsId && !bIsId)
|
|
1465
|
+
return 1;
|
|
1466
|
+
if (bIsId && !aIsId)
|
|
1467
|
+
return -1;
|
|
1468
|
+
return 0;
|
|
1469
|
+
});
|
|
1437
1470
|
if (pivot) {
|
|
1438
1471
|
// Do all of this to make sure we have the right unique columns when applying a pivot
|
|
1439
1472
|
let uniqueFormatted = {};
|
|
@@ -1567,8 +1600,8 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1567
1600
|
}
|
|
1568
1601
|
return false;
|
|
1569
1602
|
};
|
|
1570
|
-
const handleAsk = async () => {
|
|
1571
|
-
if (!aiPrompt) {
|
|
1603
|
+
const handleAsk = async (overridePrompt = '') => {
|
|
1604
|
+
if (!aiPrompt && !overridePrompt) {
|
|
1572
1605
|
return;
|
|
1573
1606
|
}
|
|
1574
1607
|
try {
|
|
@@ -1587,7 +1620,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1587
1620
|
method: 'POST',
|
|
1588
1621
|
headers: { 'Content-Type': 'application/json' },
|
|
1589
1622
|
body: JSON.stringify({
|
|
1590
|
-
initialQuestion: aiPrompt,
|
|
1623
|
+
initialQuestion: aiPrompt || overridePrompt,
|
|
1591
1624
|
publicKey: client.publicKey,
|
|
1592
1625
|
}),
|
|
1593
1626
|
});
|
|
@@ -1746,7 +1779,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1746
1779
|
transform: utilities_1.CSS.Transform.toString(transform),
|
|
1747
1780
|
transition,
|
|
1748
1781
|
};
|
|
1749
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { ...style }, ref: setNodeRef, children: (0, jsx_runtime_1.jsx)(DraggableColumn, { label: label, onDelete: onDelete, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
1782
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { ...style }, ref: setNodeRef, children: (0, jsx_runtime_1.jsx)(DraggableColumn, { label: (0, textProcessing_1.snakeCaseToTitleCase)(label), onDelete: onDelete, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
1750
1783
|
cursor: 'grab',
|
|
1751
1784
|
}, ...attributes, ...listeners, children: (0, jsx_runtime_1.jsx)(HandleButton, {}) }) }) }));
|
|
1752
1785
|
};
|
|
@@ -1807,18 +1840,6 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1807
1840
|
gap: 8,
|
|
1808
1841
|
}, children: [columnNamesInAst.map((name) => ((0, jsx_runtime_1.jsx)(DraggableItem, { id: name, label: name, onDelete: () => handleDeleteColumn(name) }, name))), columnNamesInAst?.length > 0 && (0, jsx_runtime_1.jsx)("div", { style: { height: 6 } })] }) }) }));
|
|
1809
1842
|
}
|
|
1810
|
-
const allNumericColumns = getNumericColumns().map((column) => ({
|
|
1811
|
-
label: column.displayName,
|
|
1812
|
-
value: column.name,
|
|
1813
|
-
}));
|
|
1814
|
-
const allNonNumericColumns = getNonNumericColumns().map((column) => ({
|
|
1815
|
-
label: column.displayName,
|
|
1816
|
-
value: column.name,
|
|
1817
|
-
}));
|
|
1818
|
-
const allStringColumns = getStringColumns().map((column) => ({
|
|
1819
|
-
label: column.displayName,
|
|
1820
|
-
value: column.name,
|
|
1821
|
-
}));
|
|
1822
1843
|
if (loading) {
|
|
1823
1844
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
1824
1845
|
display: 'flex',
|
|
@@ -1829,7 +1850,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1829
1850
|
if (!openPopover) {
|
|
1830
1851
|
setOpenPopover('AddColumnPopover');
|
|
1831
1852
|
}
|
|
1832
|
-
}, label: 'Select columns' }),
|
|
1853
|
+
}, label: 'Select columns' }), label: "Select columns", onClose: () => {
|
|
1833
1854
|
setIsPending(false);
|
|
1834
1855
|
setActiveEditItem(null);
|
|
1835
1856
|
setActivePath(null);
|
|
@@ -1942,7 +1963,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
1942
1963
|
newAst.orderby = null;
|
|
1943
1964
|
setBaseAst(newAst); // trigger refetch
|
|
1944
1965
|
setPivot(pivot);
|
|
1945
|
-
}, selectPivotOnEdit: true, showTrigger: !pivot || !pivotData, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3 }), pivot && pivotData && ((0, jsx_runtime_1.jsx)(PivotList_1.PivotCard, { pivotTable: {
|
|
1966
|
+
}, selectPivotOnEdit: true, showTrigger: !pivot || !pivotData, theme: theme, LabelComponent: Label, HeaderComponent: Header, dateRange: [null, null, null], recommendPivotCount: 3, SecondaryButtonComponent: SecondaryButton }), pivot && pivotData && ((0, jsx_runtime_1.jsx)(PivotList_1.PivotCard, { pivotTable: {
|
|
1946
1967
|
pivot: pivot,
|
|
1947
1968
|
rows: pivotData?.rows || [],
|
|
1948
1969
|
columns: pivotData?.columns || [],
|
|
@@ -2001,7 +2022,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
2001
2022
|
const newAst = { ...baseAst };
|
|
2002
2023
|
newAst.orderby.splice(id, 1);
|
|
2003
2024
|
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2004
|
-
} }, `sort-sentence-${id}`))) })), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddSortPopover', trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
|
|
2025
|
+
} }, `sort-sentence-${id}`))) })), (0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddSortPopover', setIsOpen: () => { }, trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
|
|
2005
2026
|
if (!openPopover) {
|
|
2006
2027
|
setOpenPopover('AddSortPopover');
|
|
2007
2028
|
}
|
|
@@ -2010,14 +2031,45 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
2010
2031
|
setActiveEditItem(null);
|
|
2011
2032
|
setActivePath(null);
|
|
2012
2033
|
setOpenPopover(null);
|
|
2013
|
-
}, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) })
|
|
2034
|
+
}, children: (0, jsx_runtime_1.jsx)(AddSortPopover_1.AddSortPopover, { columns: selectedColumns, Select: Select, Button: Button, onSave: () => { } }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Limit" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), baseAst && baseAst.limit ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
2035
|
+
display: 'flex',
|
|
2036
|
+
flexDirection: 'column',
|
|
2037
|
+
gap: 8,
|
|
2038
|
+
marginBottom: 12,
|
|
2039
|
+
}, children: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.LimitSentence, { limit: baseAst.limit, setOpenPopover: setOpenPopover, LimitPopover: SortPopover, EditPopover: AddLimitPopover_1.AddLimitPopover, handleDelete: () => {
|
|
2040
|
+
const newAst = { ...baseAst };
|
|
2041
|
+
newAst.limit = null;
|
|
2042
|
+
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2043
|
+
}, onSave: (limit) => {
|
|
2044
|
+
const newAst = { ...baseAst };
|
|
2045
|
+
newAst.limit = {
|
|
2046
|
+
seperator: '',
|
|
2047
|
+
value: [
|
|
2048
|
+
{
|
|
2049
|
+
type: 'number',
|
|
2050
|
+
value: limit,
|
|
2051
|
+
},
|
|
2052
|
+
],
|
|
2053
|
+
};
|
|
2054
|
+
setOpenPopover(null);
|
|
2055
|
+
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2056
|
+
} }) })) : ((0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddLimitPopover', setIsOpen: () => { }, trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
|
|
2057
|
+
if (!openPopover) {
|
|
2058
|
+
setOpenPopover('AddLimitPopover');
|
|
2059
|
+
}
|
|
2060
|
+
}, label: 'Add limit' }), title: "Limit", onClose: () => {
|
|
2061
|
+
setIsPending(false);
|
|
2062
|
+
setActiveEditItem(null);
|
|
2063
|
+
setActivePath(null);
|
|
2064
|
+
setOpenPopover(null);
|
|
2065
|
+
}, children: (0, jsx_runtime_1.jsx)(TextInput, { value: 0, type: "number", style: { width: 120, minHeight: 32 }, onChange: (e) => { } }) }))] }), (0, jsx_runtime_1.jsxs)(Container, { children: [!hideAi && ((0, jsx_runtime_1.jsxs)("form", { onSubmit: (event) => {
|
|
2014
2066
|
event.preventDefault();
|
|
2015
2067
|
}, style: {
|
|
2016
2068
|
display: 'flex',
|
|
2017
2069
|
flexDirection: 'row',
|
|
2018
2070
|
gap: 12,
|
|
2019
2071
|
padding: 1,
|
|
2020
|
-
}, children: [(0, jsx_runtime_1.jsx)(TextInput, { placeholder:
|
|
2072
|
+
}, children: [(0, jsx_runtime_1.jsx)(TextInput, { placeholder: baseAst ? 'Ask a follow-up question...' : 'Ask a question...', type: "text", style: { width: '100%', fontSize: 14 }, value: aiPrompt }), (0, jsx_runtime_1.jsx)(Button, { onClick: () => { }, label: 'Ask AI' }), baseAst && ((0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: clearAllState, label: "New report" }))] })), baseAst && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TableLoadingState, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
2021
2073
|
display: 'flex',
|
|
2022
2074
|
flexDirection: 'row',
|
|
2023
2075
|
gap: '12px',
|
|
@@ -2142,7 +2194,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
2142
2194
|
setOpenPopover(null);
|
|
2143
2195
|
clearCheckboxes();
|
|
2144
2196
|
}
|
|
2145
|
-
} }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: initialTableName, SelectComponent: Select, ButtonComponent: Button, PopoverComponent: PivotPopover, TextComponent: Text, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), triggerButtonText: 'Add pivot', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: () => {
|
|
2197
|
+
} }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Pivot" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotValueField: pivotValueField, setPivotValueField: setPivotValueField, pivotAggregation: pivotAggregation, setPivotAggregation: setPivotAggregation, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: initialTableName, SelectComponent: Select, ButtonComponent: Button, SecondaryButtonComponent: SecondaryButton, PopoverComponent: PivotPopover, TextComponent: Text, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processColumnsForChartBuilder(Object.keys(rows[0] ?? {})), triggerButtonText: 'Add pivot', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: () => {
|
|
2146
2198
|
setPivot(null);
|
|
2147
2199
|
setPivotData(null);
|
|
2148
2200
|
}, selectPivot: (pivot) => {
|
|
@@ -2257,7 +2309,54 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
2257
2309
|
setActivePath(null);
|
|
2258
2310
|
setOpenPopover(null);
|
|
2259
2311
|
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2260
|
-
} }) })
|
|
2312
|
+
} }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 28, width: '100%' } }), (0, jsx_runtime_1.jsx)(SidebarHeading, { label: "Limit" }), (0, jsx_runtime_1.jsx)("div", { style: { height: 4, width: '100%' } }), baseAst && baseAst.limit ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
2313
|
+
display: 'flex',
|
|
2314
|
+
flexDirection: 'column',
|
|
2315
|
+
gap: 8,
|
|
2316
|
+
marginBottom: 12,
|
|
2317
|
+
}, children: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.LimitSentence, { limit: baseAst.limit, setOpenPopover: setOpenPopover, LimitPopover: SortPopover, EditPopover: AddLimitPopover_1.AddLimitPopover, handleDelete: () => {
|
|
2318
|
+
const newAst = { ...baseAst };
|
|
2319
|
+
newAst.limit = null;
|
|
2320
|
+
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2321
|
+
}, onSave: (limit) => {
|
|
2322
|
+
const newAst = { ...baseAst };
|
|
2323
|
+
newAst.limit = {
|
|
2324
|
+
seperator: '',
|
|
2325
|
+
value: [
|
|
2326
|
+
{
|
|
2327
|
+
type: 'number',
|
|
2328
|
+
value: limit,
|
|
2329
|
+
},
|
|
2330
|
+
],
|
|
2331
|
+
};
|
|
2332
|
+
setOpenPopover(null);
|
|
2333
|
+
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2334
|
+
} }) })) : ((0, jsx_runtime_1.jsx)(Popover, { isOpen: openPopover === 'AddLimitPopover', setIsOpen: () => { }, trigger: (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => {
|
|
2335
|
+
if (!baseAst) {
|
|
2336
|
+
return;
|
|
2337
|
+
}
|
|
2338
|
+
if (!openPopover) {
|
|
2339
|
+
setOpenPopover('AddLimitPopover');
|
|
2340
|
+
}
|
|
2341
|
+
}, label: 'Add limit' }), title: "Limit", onClose: () => {
|
|
2342
|
+
setIsPending(false);
|
|
2343
|
+
setActiveEditItem(null);
|
|
2344
|
+
setActivePath(null);
|
|
2345
|
+
setOpenPopover(null);
|
|
2346
|
+
}, children: (0, jsx_runtime_1.jsx)(AddLimitPopover_1.AddLimitPopover, { TextInput: TextInput, onSave: (limit) => {
|
|
2347
|
+
const newAst = { ...baseAst };
|
|
2348
|
+
newAst.limit = {
|
|
2349
|
+
seperator: '',
|
|
2350
|
+
value: [
|
|
2351
|
+
{
|
|
2352
|
+
type: 'number',
|
|
2353
|
+
value: Number(limit),
|
|
2354
|
+
},
|
|
2355
|
+
],
|
|
2356
|
+
};
|
|
2357
|
+
setOpenPopover(null);
|
|
2358
|
+
setBaseAst((0, util_1.deepCopy)(newAst));
|
|
2359
|
+
} }) }))] }), (0, jsx_runtime_1.jsxs)(Container, { children: [!hideAi && ((0, jsx_runtime_1.jsxs)("form", { onSubmit: (event) => {
|
|
2261
2360
|
event.preventDefault();
|
|
2262
2361
|
handleAsk();
|
|
2263
2362
|
}, style: {
|
|
@@ -2270,7 +2369,7 @@ function ReportBuilder({ initialTableName = '', onAddToDashboardComplete = () =>
|
|
|
2270
2369
|
fields: pivotData?.fields || fields,
|
|
2271
2370
|
}, baseAst?.columns ?? []), columns: pivotData?.columns ||
|
|
2272
2371
|
enforceOrderOnColumns(Object.keys(rows[0] ?? {})).map((c) => {
|
|
2273
|
-
return { label: c, field: c };
|
|
2372
|
+
return { label: (0, textProcessing_1.snakeCaseToTitleCase)(c), field: c };
|
|
2274
2373
|
}), error: errorMessage, rowsPerPage: 20 })) })), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
2275
2374
|
display: 'flex',
|
|
2276
2375
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,2BAA2B,CAAC;AAInC,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,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,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;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAQD,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;AAuCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAgC,EAChC,wBAAkD,EAClD,kBAAmC,EACnC,cAA2B,EAC3B,eAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,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,EAC5B,0BAAkC,GACnC,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,2BAA2B,CAAC;AAInC,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,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,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;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAQD,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;AAuCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,cAAoC,EACpC,eAAgC,EAChC,wBAAkD,EAClD,kBAAmC,EACnC,cAA2B,EAC3B,eAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,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,EAC5B,0BAAkC,GACnC,EAAE,cAAc,2CA+WhB;AA6JD,eAAO,MAAM,mBAAmB;;;;;;;6CAuG/B,CAAC"}
|
package/dist/cjs/SQLEditor.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartTooltipFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ,
|
|
1
|
+
{"version":3,"file":"ChartTooltipFrame.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ,2CAmBA"}
|
|
@@ -10,6 +10,7 @@ function ChartTooltipFrame({ children, theme, }) {
|
|
|
10
10
|
background: theme?.backgroundColor || '#ffffff',
|
|
11
11
|
borderRadius: '6px',
|
|
12
12
|
zIndex: 40,
|
|
13
|
+
display: 'block',
|
|
13
14
|
boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
14
15
|
}, children: children }));
|
|
15
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,gBAAwB,EACxB,gBAAwB,GACzB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,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,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,KAAK,GAAG,MAAM,CAAC;CAClC,
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,gBAAwB,EACxB,gBAAwB,GACzB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,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,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,KAAK,GAAG,MAAM,CAAC;CAClC,kDAgPA"}
|
|
@@ -55,6 +55,7 @@ function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, x
|
|
|
55
55
|
// Allows the users to override the color scheme on a per-chart basis.
|
|
56
56
|
const getCustomColor = (index, field, gradient) => {
|
|
57
57
|
let key = index === 0 ? 'primary' : 'comparison';
|
|
58
|
+
field = field.replace('comparison_', '');
|
|
58
59
|
if (colorMap && colorMap[field]) {
|
|
59
60
|
if (index === 0 && gradient === 'start')
|
|
60
61
|
key = 'primaryGradientStart';
|
|
@@ -115,12 +116,14 @@ function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, x
|
|
|
115
116
|
}, position: { y: 0 } }), yAxisFields.map((elem, index) => {
|
|
116
117
|
// hash the color stops so they're stable, valid html ids
|
|
117
118
|
const gradientStart = getCustomColor(index, elem.field, 'start') ??
|
|
119
|
+
getCustomColor(index, elem.field) ??
|
|
118
120
|
(0, color_1.selectColor)(elem, colors, index);
|
|
119
121
|
const gradientStop = getCustomColor(index, elem.field, 'stop') ?? '#00000000';
|
|
120
122
|
const uniqueId = `gradient_${(0, crypto_1.hashCode)(gradientStart)}_${(0, crypto_1.hashCode)(gradientStop)}`;
|
|
121
123
|
return ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: uniqueId, x1: "0", y1: "0", x2: "0", y2: "1", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "5%", stopColor: gradientStart, stopOpacity: 0.4 }), (0, jsx_runtime_1.jsx)("stop", { offset: "95%", stopColor: gradientStop, stopOpacity: 0 })] }) }, `defs_${uniqueId}_${index}`));
|
|
122
124
|
}), yAxisFields.map((elem, index) => {
|
|
123
125
|
const gradientStart = (0, crypto_1.hashCode)(getCustomColor(index, elem.field, 'start') ??
|
|
126
|
+
getCustomColor(index, elem.field) ??
|
|
124
127
|
(0, color_1.selectColor)(elem, colors, index));
|
|
125
128
|
const gradientStop = (0, crypto_1.hashCode)(getCustomColor(index, elem.field, 'stop') ?? '#00000000');
|
|
126
129
|
const uniqueId = `gradient_${gradientStart}_${gradientStop}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CAwMtB"}
|
|
@@ -10,7 +10,13 @@ function QuillSelectComponent({ options, value, onChange, theme, label, }) {
|
|
|
10
10
|
(0, hooks_1.useOnClickOutside)(modalRef, (e) => {
|
|
11
11
|
setShowModal(false);
|
|
12
12
|
});
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
14
|
+
position: 'relative',
|
|
15
|
+
width: 200,
|
|
16
|
+
minWidth: 200,
|
|
17
|
+
boxShadow: 'rgba(0, 0, 0, 0.1) 0px 1px 5px 0px',
|
|
18
|
+
borderRadius: '6px',
|
|
19
|
+
}, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
14
20
|
fontSize: 14,
|
|
15
21
|
color: theme.primaryTextColor,
|
|
16
22
|
fontFamily: theme.fontFamily,
|