@quillsql/react 2.11.24 → 2.11.26
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/Chart.d.ts +16 -0
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +20 -17
- package/dist/cjs/ChartBuilder.d.ts +7 -20
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +37 -34
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +3 -3
- package/dist/cjs/Dashboard.d.ts +2 -1
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.d.ts +6 -4
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +208 -133
- package/dist/cjs/SQLEditor.d.ts +4 -11
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +31 -97
- package/dist/cjs/components/Chart/LineChart.d.ts +5 -1
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +3 -3
- package/dist/cjs/components/Dashboard/DashboardFilter.js +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.js +9 -12
- package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/TableComponent.js +12 -10
- package/dist/cjs/components/QuillTable.d.ts +4 -1
- package/dist/cjs/components/QuillTable.d.ts.map +1 -1
- package/dist/cjs/components/QuillTable.js +1 -1
- package/dist/cjs/components/ReportBuilder/convert.d.ts +2 -2
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts +27 -24
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotList.js +9 -7
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +9 -2
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +53 -43
- package/dist/cjs/models/Columns.d.ts +11 -0
- package/dist/cjs/models/Columns.d.ts.map +1 -0
- package/dist/cjs/models/Columns.js +2 -0
- package/dist/cjs/models/Tables.d.ts +0 -8
- package/dist/cjs/models/Tables.d.ts.map +1 -1
- package/dist/cjs/utils/astProcessing.d.ts +3 -0
- package/dist/cjs/utils/astProcessing.d.ts.map +1 -0
- package/dist/cjs/utils/astProcessing.js +20 -0
- package/dist/cjs/utils/columnProcessing.d.ts +9 -0
- package/dist/cjs/utils/columnProcessing.d.ts.map +1 -0
- package/dist/cjs/utils/columnProcessing.js +207 -0
- package/dist/cjs/utils/dashboard.js +9 -9
- package/dist/cjs/utils/pivotProcessing.d.ts +2 -1
- package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/pivotProcessing.js +3 -8
- package/dist/cjs/utils/tableProcessing.d.ts +2 -2
- package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/tableProcessing.js +1 -3
- 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 +12 -1
- package/dist/esm/Chart.d.ts +16 -0
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +20 -17
- package/dist/esm/ChartBuilder.d.ts +7 -20
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +37 -34
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +3 -3
- package/dist/esm/Dashboard.d.ts +2 -1
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.d.ts +6 -4
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +204 -129
- package/dist/esm/SQLEditor.d.ts +4 -11
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +30 -95
- package/dist/esm/components/Chart/LineChart.d.ts +5 -1
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +3 -3
- package/dist/esm/components/Dashboard/DashboardFilter.js +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.js +9 -12
- package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/TableComponent.js +12 -10
- package/dist/esm/components/QuillTable.d.ts +4 -1
- package/dist/esm/components/QuillTable.d.ts.map +1 -1
- package/dist/esm/components/QuillTable.js +1 -1
- package/dist/esm/components/ReportBuilder/convert.d.ts +2 -2
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts +27 -24
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.js +9 -7
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +9 -2
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +55 -45
- package/dist/esm/models/Columns.d.ts +11 -0
- package/dist/esm/models/Columns.d.ts.map +1 -0
- package/dist/esm/models/Columns.js +1 -0
- package/dist/esm/models/Tables.d.ts +0 -8
- package/dist/esm/models/Tables.d.ts.map +1 -1
- package/dist/esm/utils/astProcessing.d.ts +3 -0
- package/dist/esm/utils/astProcessing.d.ts.map +1 -0
- package/dist/esm/utils/astProcessing.js +16 -0
- package/dist/esm/utils/columnProcessing.d.ts +9 -0
- package/dist/esm/utils/columnProcessing.d.ts.map +1 -0
- package/dist/esm/utils/columnProcessing.js +201 -0
- package/dist/esm/utils/dashboard.js +9 -9
- package/dist/esm/utils/pivotProcessing.d.ts +2 -1
- package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/esm/utils/pivotProcessing.js +3 -8
- package/dist/esm/utils/tableProcessing.d.ts +2 -2
- package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
- package/dist/esm/utils/tableProcessing.js +1 -3
- 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 +11 -0
- package/package.json +1 -1
- package/dist/cjs/utils/types.d.ts +0 -4
- package/dist/cjs/utils/types.d.ts.map +0 -1
- package/dist/cjs/utils/types.js +0 -52
- package/dist/cjs/utils/valueFormatterCSV.d.ts +0 -17
- package/dist/cjs/utils/valueFormatterCSV.d.ts.map +0 -1
- package/dist/cjs/utils/valueFormatterCSV.js +0 -99
- package/dist/esm/utils/types.d.ts +0 -4
- package/dist/esm/utils/types.d.ts.map +0 -1
- package/dist/esm/utils/types.js +0 -48
- package/dist/esm/utils/valueFormatterCSV.d.ts +0 -17
- package/dist/esm/utils/valueFormatterCSV.d.ts.map +0 -1
- package/dist/esm/utils/valueFormatterCSV.js +0 -95
package/dist/cjs/SQLEditor.d.ts
CHANGED
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { DashboardItem } from './Dashboard';
|
|
3
|
-
export declare function convertPostgresColumn(column: any): {
|
|
4
|
-
name: any;
|
|
5
|
-
label: any;
|
|
6
|
-
field: any;
|
|
7
|
-
format: string;
|
|
8
|
-
fieldType: string;
|
|
9
|
-
};
|
|
10
3
|
/**
|
|
11
4
|
* Props for the Quill SQLEditor component.
|
|
12
5
|
*/
|
|
@@ -267,9 +260,9 @@ export default function SQLEditor({ ButtonComponent, SecondaryButtonComponent, D
|
|
|
267
260
|
export declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, onClick, }: {
|
|
268
261
|
schema: any;
|
|
269
262
|
theme: any;
|
|
270
|
-
loading:
|
|
271
|
-
LoadingComponent
|
|
272
|
-
width
|
|
273
|
-
onClick
|
|
263
|
+
loading: boolean;
|
|
264
|
+
LoadingComponent?: any;
|
|
265
|
+
width?: any;
|
|
266
|
+
onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
274
267
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
275
268
|
//# sourceMappingURL=SQLEditor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/SQLEditor.js
CHANGED
|
@@ -3,10 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.SchemaListComponent =
|
|
6
|
+
exports.SchemaListComponent = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
/* eslint-disable no-unused-vars */
|
|
9
|
-
// @ts-nocheck
|
|
10
9
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
11
10
|
const react_1 = require("react");
|
|
12
11
|
const react_2 = __importDefault(require("@monaco-editor/react"));
|
|
@@ -18,84 +17,8 @@ const UiComponents_2 = require("./components/UiComponents");
|
|
|
18
17
|
const width_1 = require("./utils/width");
|
|
19
18
|
const QuillCard_1 = require("./components/QuillCard");
|
|
20
19
|
const QuillSelect_1 = require("./components/QuillSelect");
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
let fieldType;
|
|
24
|
-
switch (column.dataTypeID) {
|
|
25
|
-
case 16: // bool
|
|
26
|
-
format = 'string';
|
|
27
|
-
break;
|
|
28
|
-
case 20: // int8
|
|
29
|
-
case 21: // int2
|
|
30
|
-
case 23: // int4
|
|
31
|
-
format = 'whole_number';
|
|
32
|
-
break;
|
|
33
|
-
case 700: // float4
|
|
34
|
-
case 701: // float8
|
|
35
|
-
case 1700: // numeric
|
|
36
|
-
format = 'two_decimal_places';
|
|
37
|
-
break;
|
|
38
|
-
case 1082: // date
|
|
39
|
-
case 1083: // time
|
|
40
|
-
case 1184: // timestamptz
|
|
41
|
-
case 1114: // timestamp
|
|
42
|
-
format = 'MMM_dd_yyyy';
|
|
43
|
-
break;
|
|
44
|
-
case 1186: // interval
|
|
45
|
-
case 1043: // varchar
|
|
46
|
-
default:
|
|
47
|
-
format = 'string';
|
|
48
|
-
}
|
|
49
|
-
switch (column.dataTypeID) {
|
|
50
|
-
case 16: // boolean
|
|
51
|
-
fieldType = 'bool';
|
|
52
|
-
break;
|
|
53
|
-
case 20: // int8
|
|
54
|
-
fieldType = 'int8';
|
|
55
|
-
break;
|
|
56
|
-
case 21: // int2
|
|
57
|
-
fieldType = 'int2';
|
|
58
|
-
break;
|
|
59
|
-
case 23: // int4
|
|
60
|
-
fieldType = 'int4';
|
|
61
|
-
break;
|
|
62
|
-
case 700: // float4
|
|
63
|
-
fieldType = 'float4';
|
|
64
|
-
break;
|
|
65
|
-
case 701: // float8
|
|
66
|
-
fieldType = 'float8';
|
|
67
|
-
break;
|
|
68
|
-
case 1700: // numeric
|
|
69
|
-
fieldType = 'numeric';
|
|
70
|
-
break;
|
|
71
|
-
case 1082: // date
|
|
72
|
-
fieldType = 'date';
|
|
73
|
-
break;
|
|
74
|
-
case 1083: // time
|
|
75
|
-
fieldType = 'time';
|
|
76
|
-
break;
|
|
77
|
-
case 1184: // timestamptz
|
|
78
|
-
fieldType = 'timestamptz';
|
|
79
|
-
break;
|
|
80
|
-
case 1186: // interval
|
|
81
|
-
fieldType = 'interval';
|
|
82
|
-
break;
|
|
83
|
-
case 1114: // timestamp
|
|
84
|
-
fieldType = 'timestamp';
|
|
85
|
-
break;
|
|
86
|
-
case 1043: // varchar
|
|
87
|
-
default:
|
|
88
|
-
fieldType = 'varchar';
|
|
89
|
-
}
|
|
90
|
-
return {
|
|
91
|
-
name: column.name,
|
|
92
|
-
label: column.name,
|
|
93
|
-
field: column.name,
|
|
94
|
-
format,
|
|
95
|
-
fieldType,
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
exports.convertPostgresColumn = convertPostgresColumn;
|
|
20
|
+
const valueFormatter_1 = require("./utils/valueFormatter");
|
|
21
|
+
const columnProcessing_1 = require("./utils/columnProcessing");
|
|
99
22
|
function defineEditorTheme(monaco, theme) {
|
|
100
23
|
monaco.editor.defineTheme('onedark', {
|
|
101
24
|
base: theme.darkMode ? 'vs-dark' : 'vs',
|
|
@@ -153,7 +76,6 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
153
76
|
const [query, setQuery] = (0, react_1.useState)(defaultQuery);
|
|
154
77
|
const [rows, setRows] = (0, react_1.useState)([]);
|
|
155
78
|
const [columns, setColumns] = (0, react_1.useState)([]);
|
|
156
|
-
const [fields, setFields] = (0, react_1.useState)([]);
|
|
157
79
|
const [schema, setSchema] = (0, react_1.useContext)(Context_1.SchemaContext);
|
|
158
80
|
const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
|
|
159
81
|
const [sqlResponseLoading, setSqlResponseLoading] = (0, react_1.useState)(false);
|
|
@@ -163,6 +85,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
163
85
|
const [displayTable, setDisplayTable] = (0, react_1.useState)(false);
|
|
164
86
|
const formRef = (0, react_1.useRef)(null);
|
|
165
87
|
const [searchBarWidth, setSearchBarWidth] = (0, react_1.useState)(200);
|
|
88
|
+
const [formattedRows, setFormattedRows] = (0, react_1.useState)([]);
|
|
166
89
|
(0, react_1.useEffect)(() => {
|
|
167
90
|
// Since the TextInput component takes a required numeric width parameter,
|
|
168
91
|
// we dynamically calculate the width of this component here.
|
|
@@ -246,7 +169,6 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
246
169
|
setErrorMessage('Failed to run SQL query: ' + resp.errorMessage);
|
|
247
170
|
setRows([]);
|
|
248
171
|
setColumns([]);
|
|
249
|
-
setFields([]);
|
|
250
172
|
return;
|
|
251
173
|
}
|
|
252
174
|
setSqlQueryLoading(false);
|
|
@@ -254,15 +176,27 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
254
176
|
if (resp.rows.length === 0) {
|
|
255
177
|
setErrorMessage('No data found');
|
|
256
178
|
}
|
|
257
|
-
|
|
179
|
+
const temp_rows = resp.rows && resp.rows.length ? resp.rows : [];
|
|
180
|
+
const processedFields = resp.fields.map((elem) => (0, columnProcessing_1.convertPostgresColumn)(elem));
|
|
181
|
+
setRows(temp_rows);
|
|
182
|
+
setFormattedRows(temp_rows.map((row) => {
|
|
183
|
+
return processedFields.reduce((formattedRow, column) => {
|
|
184
|
+
// Apply the format function to each field in the row
|
|
185
|
+
const formattedValue = (0, valueFormatter_1.quillFormat)({
|
|
186
|
+
value: row[column.field],
|
|
187
|
+
format: column.format,
|
|
188
|
+
});
|
|
189
|
+
formattedRow[column.field] = formattedValue;
|
|
190
|
+
return formattedRow;
|
|
191
|
+
}, {});
|
|
192
|
+
}));
|
|
258
193
|
if (onChangeData) {
|
|
259
|
-
onChangeData(
|
|
194
|
+
onChangeData(temp_rows);
|
|
260
195
|
}
|
|
261
|
-
setColumns(
|
|
196
|
+
setColumns(processedFields);
|
|
262
197
|
if (onChangeColumns) {
|
|
263
|
-
onChangeColumns(
|
|
198
|
+
onChangeColumns(processedFields);
|
|
264
199
|
}
|
|
265
|
-
setFields(resp.fields);
|
|
266
200
|
if (onChangeFields) {
|
|
267
201
|
onChangeFields(resp.fields);
|
|
268
202
|
}
|
|
@@ -293,8 +227,8 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
293
227
|
};
|
|
294
228
|
const handleClickSchemaItem = async (event) => {
|
|
295
229
|
const name = event.target.textContent;
|
|
296
|
-
if (query.length > 0) {
|
|
297
|
-
await navigator.clipboard.writeText(name);
|
|
230
|
+
if (query && query.length > 0) {
|
|
231
|
+
await navigator.clipboard.writeText(name || '');
|
|
298
232
|
}
|
|
299
233
|
else {
|
|
300
234
|
setQuery(`SELECT * FROM ${name};`);
|
|
@@ -302,7 +236,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
302
236
|
};
|
|
303
237
|
(0, react_1.useEffect)(() => {
|
|
304
238
|
if (onChangeQuery) {
|
|
305
|
-
onChangeQuery(query);
|
|
239
|
+
onChangeQuery(query || '');
|
|
306
240
|
}
|
|
307
241
|
}, [query]);
|
|
308
242
|
return ((0, jsx_runtime_1.jsxs)("div", { style: { backgroundColor: theme.backgroundColor, ...containerStyle }, className: className, children: [(!isChartBuilderHorizontalView ||
|
|
@@ -333,7 +267,7 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
333
267
|
gap: 12,
|
|
334
268
|
paddingTop: 16,
|
|
335
269
|
paddingBottom: 16,
|
|
336
|
-
}, children: [(0, jsx_runtime_1.jsx)(TextInputComponent, { id: "ai-search", value: sqlPrompt, width: searchBarWidth, onChange: (e) => setSqlPrompt(e.target.value), placeholder: "Ask a question..." }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleRunSqlPrompt, label: "Ask AI" })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'calc(50% - 40px)' }, children: (0, jsx_runtime_1.jsx)(SQLEditorComponent, { query: query, setQuery: setQuery, handleRunQuery: handleRunQuery, handleFixWithAI: handleFixWithAI, isNewQueryEnabled: isNewQueryEnabled, handleClearQuery: handleClearQuery, theme: theme, defineEditorTheme: defineEditorTheme, setEditorTheme: setEditorTheme, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, loading: sqlResponseLoading, LoadingComponent: LoadingComponent }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
270
|
+
}, children: [(0, jsx_runtime_1.jsx)(TextInputComponent, { id: "ai-search", value: sqlPrompt, width: searchBarWidth, onChange: (e) => setSqlPrompt(e.target.value), placeholder: "Ask a question..." }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleRunSqlPrompt, label: "Ask AI" })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'calc(50% - 40px)' }, children: (0, jsx_runtime_1.jsx)(SQLEditorComponent, { query: query || '', setQuery: setQuery, handleRunQuery: handleRunQuery, handleFixWithAI: handleFixWithAI, isNewQueryEnabled: isNewQueryEnabled, handleClearQuery: handleClearQuery, theme: theme, defineEditorTheme: defineEditorTheme, setEditorTheme: setEditorTheme, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, loading: sqlResponseLoading, LoadingComponent: LoadingComponent }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
337
271
|
display: 'flex',
|
|
338
272
|
flexDirection: 'column',
|
|
339
273
|
height: 'calc(50% - 108px)',
|
|
@@ -358,14 +292,14 @@ function SQLEditor({ ButtonComponent = UiComponents_1.MemoizedButton, SecondaryB
|
|
|
358
292
|
borderRadius: 6,
|
|
359
293
|
padding: 20,
|
|
360
294
|
width: '100%',
|
|
361
|
-
}, children: [errorMessage, (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleFixWithAI, label: "Fix with AI" })] }) })), errorMessage || !displayTable ? null : ((0, jsx_runtime_1.jsx)(TableComponent, { isLoading: sqlQueryLoading, rows:
|
|
295
|
+
}, children: [errorMessage, (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleFixWithAI, label: "Fix with AI" })] }) })), errorMessage || !displayTable ? null : ((0, jsx_runtime_1.jsx)(TableComponent, { isLoading: sqlQueryLoading, rows: formattedRows, columns: columns }))] }), isChartBuilderEnabled && rows.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
362
296
|
display: 'flex',
|
|
363
297
|
flexDirection: 'row',
|
|
364
298
|
alignItems: 'center',
|
|
365
299
|
justifyContent: 'flex-end',
|
|
366
300
|
width: '100%',
|
|
367
301
|
height: '70px',
|
|
368
|
-
}, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => setIsChartBuilderOpen(true), label: addToDashboardButtonLabel }) }))] })] }) }) })), (0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { rows: rows, columns: columns,
|
|
302
|
+
}, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => setIsChartBuilderOpen(true), label: addToDashboardButtonLabel }) }))] })] }) }) })), (0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { rows: rows, columns: columns, query: query, isHorizontalView: isChartBuilderHorizontalView, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, onAddToDashboardComplete: onAddToDashboardComplete, showTableFormatOptions: showTableFormatOptions, showDateFieldOptions: showDateFieldOptions, showAccessControlOptions: showAccessControlOptions, destinationDashboard: destinationDashboard, title: chartBuilderTitle, buttonLabel: addToDashboardButtonLabel, dashboardItem: dashboardItem, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, hideDateRangeFilter: true })] }));
|
|
369
303
|
}
|
|
370
304
|
exports.default = SQLEditor;
|
|
371
305
|
const SQLEditorComponent = ({ query, setQuery, handleRunQuery, handleFixWithAI, handleClearQuery, defineEditorTheme, setEditorTheme, ButtonComponent, SecondaryButtonComponent, isNewQueryEnabled, theme, loading, LoadingComponent, }) => {
|
|
@@ -397,14 +331,14 @@ const SQLEditorComponent = ({ query, setQuery, handleRunQuery, handleFixWithAI,
|
|
|
397
331
|
enabled: false,
|
|
398
332
|
},
|
|
399
333
|
padding: { top: 16 },
|
|
400
|
-
}, onChange: (query) => setQuery(query), beforeMount: (monaco) => defineEditorTheme(monaco, theme), onMount: setEditorTheme })), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
334
|
+
}, onChange: (query) => setQuery(query || ''), beforeMount: (monaco) => defineEditorTheme(monaco, theme), onMount: setEditorTheme })), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
401
335
|
display: 'flex',
|
|
402
336
|
flexDirection: 'row',
|
|
403
337
|
alignItems: 'center',
|
|
404
338
|
height: 70,
|
|
405
339
|
}, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleRunQuery, label: "Run query" }), isNewQueryEnabled && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleClearQuery, label: "Clear query" }))] }) })] }));
|
|
406
340
|
};
|
|
407
|
-
const SchemaListComponent = ({ schema, theme, loading, LoadingComponent, width, onClick
|
|
341
|
+
const SchemaListComponent = ({ schema, theme, loading, LoadingComponent, width, onClick, }) => {
|
|
408
342
|
if (loading) {
|
|
409
343
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
410
344
|
// maxHeight: 700,
|
|
@@ -433,7 +367,7 @@ const SchemaListComponent = ({ schema, theme, loading, LoadingComponent, width,
|
|
|
433
367
|
}, children: schema.map((elem, index) => ((0, jsx_runtime_1.jsx)(SchemaItem, { elem: elem, theme: theme, index: index, onClick: onClick }, elem.displayName + index))) }));
|
|
434
368
|
};
|
|
435
369
|
exports.SchemaListComponent = SchemaListComponent;
|
|
436
|
-
function SchemaItem({ elem, theme, index, onClick }) {
|
|
370
|
+
function SchemaItem({ elem, theme, index, onClick, }) {
|
|
437
371
|
const [isOpen, setIsOpen] = (0, react_1.useState)(index === 0);
|
|
438
372
|
const schemaContainerStyle = {
|
|
439
373
|
display: 'flex',
|
|
@@ -514,5 +448,5 @@ function SchemaItem({ elem, theme, index, onClick }) {
|
|
|
514
448
|
padding: 0,
|
|
515
449
|
margin: 0,
|
|
516
450
|
fontFamily: theme?.fontFamily,
|
|
517
|
-
}, children: elem.fieldType })] }, elem.displayName +
|
|
451
|
+
}, children: elem.fieldType })] }, elem.displayName + index))) })) : null] }));
|
|
518
452
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type ColorMapType } from '../../Chart';
|
|
3
|
-
export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, comparisonLineStyle, }: {
|
|
3
|
+
export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, comparisonLineStyle, }: {
|
|
4
4
|
colors?: string[];
|
|
5
5
|
colorMap?: ColorMapType;
|
|
6
6
|
yAxisFields: any[];
|
|
@@ -16,6 +16,10 @@ export default function LineChart({ colors, colorMap, yAxisFields, data, contain
|
|
|
16
16
|
hideXAxis: boolean;
|
|
17
17
|
hideYAxis: boolean;
|
|
18
18
|
hideCartesianGrid: boolean;
|
|
19
|
+
hideHorizontalCartesianGrid: boolean;
|
|
20
|
+
hideVerticalCartesianGrid: boolean;
|
|
21
|
+
hideSubsequentXAxisTicks: boolean;
|
|
22
|
+
cartesianGridLineStyle: 'solid' | 'dashed';
|
|
19
23
|
comparisonLineStyle: 'solid' | 'dashed';
|
|
20
24
|
}): import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -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,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAA6B,GAC9B,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;CACzC,
|
|
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,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,GAC9B,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;CACzC,2CAwPA"}
|
|
@@ -13,7 +13,7 @@ const ChartTooltip_1 = __importDefault(require("../../components/Chart/ChartTool
|
|
|
13
13
|
const getDomain_1 = __importDefault(require("../../utils/getDomain"));
|
|
14
14
|
const react_1 = require("react");
|
|
15
15
|
const crypto_1 = require("../../utils/crypto");
|
|
16
|
-
function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', }) {
|
|
16
|
+
function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', comparisonLineStyle = 'solid', }) {
|
|
17
17
|
const [formattedData, setFormattedData] = (0, react_1.useState)([]);
|
|
18
18
|
(0, react_1.useEffect)(() => {
|
|
19
19
|
if (!data || data.length === 0) {
|
|
@@ -66,13 +66,13 @@ function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, c
|
|
|
66
66
|
}
|
|
67
67
|
return undefined; // use the default colors from the theme
|
|
68
68
|
};
|
|
69
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, className: className, children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: '100%', children: (0, jsx_runtime_1.jsxs)(recharts_1.ComposedChart, { data: formattedData, children: [!hideCartesianGrid && ((0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal:
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, className: className, children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: '100%', children: (0, jsx_runtime_1.jsxs)(recharts_1.ComposedChart, { data: formattedData, children: [!hideCartesianGrid && ((0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: !hideHorizontalCartesianGrid, vertical: !hideVerticalCartesianGrid, stroke: "#e5e7eb", strokeDasharray: cartesianGridLineStyle === 'dashed' ? '5 5' : undefined })), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: xAxisField, hide: hideXAxis, tick: { transform: 'translate(0, 6)' }, style: {
|
|
70
70
|
fontSize: '12px',
|
|
71
71
|
fontFamily: theme?.chartLabelFontFamily ||
|
|
72
72
|
theme?.fontFamily ||
|
|
73
73
|
'Inter; Helvetica',
|
|
74
74
|
color: theme?.chartLabelColor || '#666666',
|
|
75
|
-
}, interval:
|
|
75
|
+
}, interval: hideSubsequentXAxisTicks ? 999 : 'preserveStartEnd', tickLine: false, axisLine: false, minTickGap: 5, tickFormatter: (tick) => {
|
|
76
76
|
return (0, axisFormatter_1.axisFormatter)({
|
|
77
77
|
value: tick,
|
|
78
78
|
field: xAxisField,
|
|
@@ -13,7 +13,7 @@ function DashboardFilter({ filter, onChangeFilter, SelectComponent, DateRangePic
|
|
|
13
13
|
if (filter.filterType === 'string') {
|
|
14
14
|
setFilterValue(filter.selectedValue);
|
|
15
15
|
}
|
|
16
|
-
if (filter.filterType
|
|
16
|
+
if (filter.filterType === 'date_range') {
|
|
17
17
|
setDateFilter(filter.preset.label);
|
|
18
18
|
if (filter?.comparisonRange?.value) {
|
|
19
19
|
const newComparisonRange = dateRangePickerUtils_1.COMPARISON_OPTIONS.find((option) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AASrD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,aAAa,EACb,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AASrD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,aAAa,EACb,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA6QlC"}
|
|
@@ -24,14 +24,14 @@ function QuillMetricComponent({ dashboardItem, onClick, error, isLoading, }) {
|
|
|
24
24
|
return pivot && data?.rows
|
|
25
25
|
? (0, PivotModal_1.generatePivotTable)(pivot, JSON.parse(JSON.stringify(data.rows)), // deep copy
|
|
26
26
|
dateFilter
|
|
27
|
-
?
|
|
28
|
-
:
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
dateFilter
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
:
|
|
27
|
+
? { start: dateFilter.startDate, end: dateFilter.endDate }
|
|
28
|
+
: undefined, Boolean(dateFilter?.comparisonRange?.startDate), -1, dateFilter?.comparisonRange?.startDate &&
|
|
29
|
+
dateFilter?.comparisonRange?.endDate
|
|
30
|
+
? {
|
|
31
|
+
start: dateFilter.comparisonRange.startDate,
|
|
32
|
+
end: dateFilter.comparisonRange.endDate,
|
|
33
|
+
}
|
|
34
|
+
: undefined)
|
|
35
35
|
: null;
|
|
36
36
|
}, [config?.pivot]);
|
|
37
37
|
const primaryMetricLabel = data?.filtersApplied?.date_range?.preset?.label;
|
|
@@ -101,10 +101,7 @@ function QuillMetricComponent({ dashboardItem, onClick, error, isLoading, }) {
|
|
|
101
101
|
color: theme.secondaryTextColor,
|
|
102
102
|
maxWidth: '100%',
|
|
103
103
|
width: '100%',
|
|
104
|
-
}, children: "No results" })) :
|
|
105
|
-
maxHeight: '78px',
|
|
106
|
-
height: '100%',
|
|
107
|
-
}, label: "Charts can only display 100 rows. Please add a pivot or modify the query." })) : ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
104
|
+
}, children: "No results" })) : ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
108
105
|
padding: 0,
|
|
109
106
|
height: '100%',
|
|
110
107
|
width: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA+JlC"}
|
|
@@ -25,14 +25,14 @@ function QuillTableComponent({ dashboardItem, onClick, isLoading, error, }) {
|
|
|
25
25
|
return pivot && data?.rows
|
|
26
26
|
? (0, PivotModal_1.generatePivotTable)(pivot, JSON.parse(JSON.stringify(data.rows)), // deep copy
|
|
27
27
|
dateFilter
|
|
28
|
-
?
|
|
29
|
-
:
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
dateFilter
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
:
|
|
28
|
+
? { start: dateFilter.startDate, end: dateFilter.endDate }
|
|
29
|
+
: undefined, Boolean(dateFilter?.comparisonRange?.startDate), -1, dateFilter?.comparisonRange?.startDate &&
|
|
30
|
+
dateFilter?.comparisonRange?.endDate
|
|
31
|
+
? {
|
|
32
|
+
start: dateFilter.comparisonRange.startDate,
|
|
33
|
+
end: dateFilter.comparisonRange.endDate,
|
|
34
|
+
}
|
|
35
|
+
: undefined)
|
|
36
36
|
: null;
|
|
37
37
|
}, [config?.pivot]);
|
|
38
38
|
const columns = pivotTable?.columns ?? data.columns ?? data.yAxisFields;
|
|
@@ -42,8 +42,10 @@ function QuillTableComponent({ dashboardItem, onClick, isLoading, error, }) {
|
|
|
42
42
|
// Walk through data.columns and pick off the labels from yAxisFields
|
|
43
43
|
columns.forEach((col, index) => {
|
|
44
44
|
// ADD THE RIGHT FIELD TYPE FOR THE VALUE COLUMNS
|
|
45
|
-
if (valueFieldType
|
|
46
|
-
|
|
45
|
+
if ((valueFieldType ||
|
|
46
|
+
['min', 'max'].includes(config?.pivot?.aggregationType || '')) &&
|
|
47
|
+
index !== 0) {
|
|
48
|
+
col.format = valueFieldType || 'two_decimal_places';
|
|
47
49
|
}
|
|
48
50
|
if (!data.yAxisFields)
|
|
49
51
|
return;
|
|
@@ -2,7 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { ButtonComponentProps } from './UiComponents';
|
|
3
3
|
export interface TableComponentProps {
|
|
4
4
|
rows: any[];
|
|
5
|
-
columns:
|
|
5
|
+
columns: {
|
|
6
|
+
label: string;
|
|
7
|
+
field: string;
|
|
8
|
+
}[];
|
|
6
9
|
className?: string;
|
|
7
10
|
containerStyle?: React.CSSProperties;
|
|
8
11
|
isLoading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAA0C,EAC1C,WAAgB,EAChB,eAA8B,EAC9B,WAAW,GACZ,EAAE,mBAAmB,2CAyZrB"}
|
|
@@ -12,7 +12,7 @@ function QuillTable({ rows, columns, isLoading, showDownloadCSVButton, downloadF
|
|
|
12
12
|
const [activeRows, setActiveRows] = (0, react_1.useState)([]);
|
|
13
13
|
const [page, setPage] = (0, react_1.useState)(1);
|
|
14
14
|
const [maxPage, setMaxPage] = (0, react_1.useState)(1);
|
|
15
|
-
const [sortColumn, setSortColumn] = (0, react_1.useState)(
|
|
15
|
+
const [sortColumn, setSortColumn] = (0, react_1.useState)('');
|
|
16
16
|
const [sortDirection, setSortDirection] = (0, react_1.useState)('desc');
|
|
17
17
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
18
18
|
const [isPaginating, setIsPaginating] = (0, react_1.useState)(true);
|
|
@@ -21,7 +21,7 @@ export declare function convertGroupBy(ast: AST, prevPivot: Pivot | undefined, s
|
|
|
21
21
|
pivot: Pivot;
|
|
22
22
|
} | {
|
|
23
23
|
pivot: Partial<{
|
|
24
|
-
aggregationType: "
|
|
24
|
+
aggregationType: "min" | "max" | "sum" | "average" | "count" | "avg";
|
|
25
25
|
valueField: string;
|
|
26
26
|
valueFieldType?: string | undefined;
|
|
27
27
|
rowField?: string | undefined;
|
|
@@ -36,7 +36,7 @@ export declare function convertGroupBy(ast: AST, prevPivot: Pivot | undefined, s
|
|
|
36
36
|
} | {
|
|
37
37
|
pivot: {
|
|
38
38
|
title: string;
|
|
39
|
-
aggregationType?: "
|
|
39
|
+
aggregationType?: "min" | "max" | "sum" | "average" | "count" | "avg" | undefined;
|
|
40
40
|
valueField?: string | undefined;
|
|
41
41
|
valueFieldType?: string | undefined;
|
|
42
42
|
rowField?: string | undefined;
|
|
@@ -1,36 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const PivotCard: ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit, clickable, onClose, minHeight, CardComponent, LabelComponent, TextComponent, HeaderComponent, }: {
|
|
1
|
+
type PivotCardProps = {
|
|
3
2
|
pivotTable: any;
|
|
4
3
|
theme: any;
|
|
5
|
-
index:
|
|
6
|
-
onSelectPivot: any;
|
|
7
|
-
selectedPivotIndex:
|
|
8
|
-
onEditPivot: any;
|
|
4
|
+
index: number;
|
|
5
|
+
onSelectPivot?: (pivot: any, index: number) => void;
|
|
6
|
+
selectedPivotIndex: number;
|
|
7
|
+
onEditPivot: (pivot: any, index: number) => void;
|
|
9
8
|
ButtonComponent: any;
|
|
10
|
-
showEdit?: boolean
|
|
11
|
-
clickable?: boolean
|
|
12
|
-
onClose
|
|
13
|
-
minHeight?: number
|
|
14
|
-
CardComponent?:
|
|
9
|
+
showEdit?: boolean;
|
|
10
|
+
clickable?: boolean;
|
|
11
|
+
onClose?: () => void;
|
|
12
|
+
minHeight?: number;
|
|
13
|
+
CardComponent?: any;
|
|
15
14
|
LabelComponent: any;
|
|
16
15
|
TextComponent: any;
|
|
17
16
|
HeaderComponent: any;
|
|
18
|
-
}
|
|
19
|
-
export declare const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
};
|
|
18
|
+
export declare const PivotCard: ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit, clickable, onClose, minHeight, CardComponent, LabelComponent, TextComponent, HeaderComponent, }: PivotCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
type PivotListProps = {
|
|
20
|
+
recommendedPivotTables: any[];
|
|
21
|
+
createdPivotTables: any[];
|
|
22
|
+
onSelectRecommendedPivot: (pivot: any, index: number) => void;
|
|
23
|
+
onSelectCreatedPivot: (pivot: any, index: number) => void;
|
|
24
24
|
theme: any;
|
|
25
|
-
selectedPivotIndex:
|
|
26
|
-
selectedPivotType:
|
|
25
|
+
selectedPivotIndex: number;
|
|
26
|
+
selectedPivotType: string;
|
|
27
27
|
ButtonComponent: any;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
showCreatePivot?: boolean;
|
|
29
|
+
onEditRecommendedPivot: (pivot: any, index: number | null) => void;
|
|
30
|
+
onEditCreatedPivot: (pivot: any, index: number | null) => void;
|
|
31
|
+
showPivotEditButton?: boolean;
|
|
32
|
+
CardComponent?: any;
|
|
32
33
|
LabelComponent: any;
|
|
33
34
|
TextComponent: any;
|
|
34
35
|
HeaderComponent: any;
|
|
35
|
-
}
|
|
36
|
+
};
|
|
37
|
+
export declare const PivotList: ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton, CardComponent, LabelComponent, TextComponent, HeaderComponent, }: PivotListProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export {};
|
|
36
39
|
//# sourceMappingURL=PivotList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,2MAgBnB,cAAc,4CA4MhB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,sBAAsB,EAAE,GAAG,EAAE,CAAC;IAC9B,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,wBAAwB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,mSAgBnB,cAAc,4CAoDhB,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PivotList = exports.PivotCard = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
// @ts-nocheck
|
|
6
5
|
const valueFormatter_1 = require("../../utils/valueFormatter");
|
|
7
6
|
const textProcessing_1 = require("../../utils/textProcessing");
|
|
8
7
|
const QuillCard_1 = require("../../components/QuillCard");
|
|
@@ -58,18 +57,21 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
|
|
|
58
57
|
textOverflow: 'ellipsis',
|
|
59
58
|
}, children: (0, jsx_runtime_1.jsx)(LabelComponent, { label: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
|
|
60
59
|
.slice(0, maxRowsInPivotPeak)
|
|
61
|
-
.map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((
|
|
60
|
+
.map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((column, i) => ((0, jsx_runtime_1.jsx)("td", { style: {
|
|
62
61
|
paddingRight: 5,
|
|
63
62
|
flex: 1,
|
|
64
63
|
whiteSpace: 'nowrap',
|
|
65
64
|
textOverflow: 'ellipsis',
|
|
66
65
|
maxWidth: 120,
|
|
67
|
-
}, children: (0, jsx_runtime_1.jsx)(TextComponent, { label: pivotTable.pivot.valueFieldType
|
|
66
|
+
}, children: (0, jsx_runtime_1.jsx)(TextComponent, { label: (pivotTable.pivot.valueFieldType ||
|
|
67
|
+
['min', 'max'].includes(pivotTable.pivot.aggregationType || '')) &&
|
|
68
|
+
i !== 0
|
|
68
69
|
? (0, valueFormatter_1.quillFormat)({
|
|
69
|
-
value: row[
|
|
70
|
-
format: pivotTable.pivot.valueFieldType
|
|
70
|
+
value: row[column.field],
|
|
71
|
+
format: pivotTable.pivot.valueFieldType ||
|
|
72
|
+
'two_decimal_places',
|
|
71
73
|
})
|
|
72
|
-
: row[
|
|
74
|
+
: row[column.field] }) }, i))) }, index))) })] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
73
75
|
display: 'flex',
|
|
74
76
|
justifyContent: 'space-between',
|
|
75
77
|
}, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TextComponent, { label: `... ${pivotTable.rows.length - maxRowsInPivotPeak < 5
|
|
@@ -86,6 +88,6 @@ const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecomme
|
|
|
86
88
|
gridTemplateColumns: 'repeat(2, 1fr)',
|
|
87
89
|
gap: 16,
|
|
88
90
|
gridAutoRows: '220px',
|
|
89
|
-
}, children: [recommendedPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent,
|
|
91
|
+
}, children: [recommendedPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, minHeight: 180, CardComponent: CardComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => ((0, jsx_runtime_1.jsx)(exports.PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, minHeight: 180, CardComponent: CardComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index)))] }) }));
|
|
90
92
|
};
|
|
91
93
|
exports.PivotList = PivotList;
|