@quillsql/react 2.12.22 → 2.12.24
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 +43 -0
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +24 -5
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +4 -1
- package/dist/cjs/Dashboard.d.ts +10 -2
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +10 -3
- package/dist/cjs/Table.js +2 -2
- package/dist/cjs/components/Chart/BarChart.js +1 -1
- package/dist/cjs/components/QuillTable.d.ts.map +1 -1
- package/dist/cjs/components/QuillTable.js +2 -2
- package/dist/cjs/components/ReportBuilder/convert.d.ts +2 -2
- package/dist/cjs/components/UiComponents.d.ts +6 -1
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/components/UiComponents.js +40 -2
- package/dist/cjs/hooks/useExport.d.ts.map +1 -1
- package/dist/cjs/hooks/useExport.js +94 -26
- package/dist/cjs/internals/ReportBuilder/PivotList.js +5 -4
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +5 -0
- package/dist/cjs/utils/dashboard.js +1 -1
- package/dist/cjs/utils/merge.js +1 -1
- package/dist/cjs/utils/queryConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/queryConstructor.js +15 -10
- package/dist/esm/Chart.d.ts +43 -0
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +20 -2
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +4 -1
- package/dist/esm/Dashboard.d.ts +10 -2
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +11 -4
- package/dist/esm/Table.js +2 -2
- package/dist/esm/components/Chart/BarChart.js +1 -1
- package/dist/esm/components/QuillTable.d.ts.map +1 -1
- package/dist/esm/components/QuillTable.js +2 -2
- package/dist/esm/components/ReportBuilder/convert.d.ts +2 -2
- package/dist/esm/components/UiComponents.d.ts +6 -1
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/components/UiComponents.js +15 -1
- package/dist/esm/hooks/useExport.d.ts.map +1 -1
- package/dist/esm/hooks/useExport.js +92 -27
- package/dist/esm/internals/ReportBuilder/PivotList.js +5 -4
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +5 -0
- package/dist/esm/utils/dashboard.js +1 -1
- package/dist/esm/utils/merge.js +1 -1
- package/dist/esm/utils/queryConstructor.d.ts.map +1 -1
- package/dist/esm/utils/queryConstructor.js +15 -10
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAI7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,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,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;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAI7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,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,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;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAqcrB"}
|
|
@@ -245,7 +245,7 @@ export default function QuillTable({ rows, numberOfRows, columns, isLoading, cur
|
|
|
245
245
|
fontWeight: 500,
|
|
246
246
|
cursor: 'pointer',
|
|
247
247
|
border: 'none',
|
|
248
|
-
}, children: "Download CSV" })) : (_jsx("div", {})), _jsxs("div", { style: {
|
|
248
|
+
}, children: "Download CSV" })) : (_jsx("div", {})), rows.length === 0 || isLoading ? null : (_jsxs("div", { style: {
|
|
249
249
|
display: 'flex',
|
|
250
250
|
flexDirection: 'row',
|
|
251
251
|
alignItems: 'center',
|
|
@@ -261,5 +261,5 @@ export default function QuillTable({ rows, numberOfRows, columns, isLoading, cur
|
|
|
261
261
|
cursor: 'pointer',
|
|
262
262
|
border: 'none',
|
|
263
263
|
background: 'transparent',
|
|
264
|
-
}, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.chartLabelFontFamily || theme?.fontFamily, height: "16px", width: "16px", children: _jsx("path", { fillRule: "evenodd", d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z", clipRule: "evenodd" }) }) }), _jsx("div", { style: { width: 12 } })] })] }) })] }) }) }));
|
|
264
|
+
}, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.chartLabelFontFamily || theme?.fontFamily, height: "16px", width: "16px", children: _jsx("path", { fillRule: "evenodd", d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z", clipRule: "evenodd" }) }) }), _jsx("div", { style: { width: 12 } })] }))] }) })] }) }) }));
|
|
265
265
|
}
|
|
@@ -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: "count" | "sum" | "average" | "min" | "max" | "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?: "count" | "sum" | "average" | "min" | "max" | "avg" | undefined;
|
|
40
40
|
valueField?: string | undefined;
|
|
41
41
|
valueFieldType?: string | undefined;
|
|
42
42
|
rowField?: string | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ChangeEvent, ReactNode } from 'react';
|
|
1
|
+
import React, { ChangeEvent, CSSProperties, ReactNode } from 'react';
|
|
2
2
|
export interface Option {
|
|
3
3
|
value: string;
|
|
4
4
|
label: string;
|
|
@@ -162,6 +162,11 @@ export interface TableComponentProps {
|
|
|
162
162
|
export declare const QuillTableSQLEditorComponent: ({ rows, columns, isLoading, numberOfRows, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
163
163
|
export declare const QuillTableComponent: ({ rows, columns, isLoading, numberOfRows, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
164
164
|
export declare const QuillEmptyDashboardComponent: () => import("react/jsx-runtime").JSX.Element;
|
|
165
|
+
export declare const QuillLoadingDashboardComponent: ({ containerStyle, chartContainerStyle, LoadingComponent, }: {
|
|
166
|
+
containerStyle?: React.CSSProperties | undefined;
|
|
167
|
+
chartContainerStyle?: React.CSSProperties | undefined;
|
|
168
|
+
LoadingComponent?: (() => JSX.Element) | undefined;
|
|
169
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
165
170
|
export declare const QuillChartBuilderInputRowContainer: ({ children, }: {
|
|
166
171
|
children: ReactNode;
|
|
167
172
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,
|
|
1
|
+
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { XIcon } from '../assets';
|
|
|
4
4
|
import { ThemeContext } from '../Context';
|
|
5
5
|
import { useTheme } from '../hooks';
|
|
6
6
|
import QuillTable from './QuillTable';
|
|
7
|
-
import ChartSkeleton from './Chart/ChartSkeleton';
|
|
7
|
+
import ChartSkeleton, { QuillLoadingSkeleton } from './Chart/ChartSkeleton';
|
|
8
8
|
/**
|
|
9
9
|
* The fallback TextInput element for Quill.
|
|
10
10
|
*/
|
|
@@ -380,6 +380,20 @@ export const QuillTableComponent = ({ rows, columns, isLoading = false, numberOf
|
|
|
380
380
|
}, sort: sort, currentPage: page, isLoading: isLoading }));
|
|
381
381
|
};
|
|
382
382
|
export const QuillEmptyDashboardComponent = () => _jsx("div", {});
|
|
383
|
+
const defaultFilterContainerStyles = {
|
|
384
|
+
display: 'flex',
|
|
385
|
+
width: '100%',
|
|
386
|
+
marginBottom: 25,
|
|
387
|
+
height: 66,
|
|
388
|
+
};
|
|
389
|
+
export const QuillLoadingDashboardComponent = ({ containerStyle, chartContainerStyle, LoadingComponent = QuillLoadingSkeleton, }) => {
|
|
390
|
+
return (_jsxs("div", { style: { ...containerStyle, overflow: 'hidden' }, children: [_jsx("div", { style: defaultFilterContainerStyles, children: _jsx(LoadingComponent, {}) }), _jsx("div", { style: {
|
|
391
|
+
display: 'grid',
|
|
392
|
+
gridTemplateColumns: 'repeat(auto-fill,minmax(400px, 1fr))',
|
|
393
|
+
gridTemplateRows: `repeat(${170}px)`,
|
|
394
|
+
gap: 40,
|
|
395
|
+
}, children: Array.from({ length: 4 }).map((_, index) => (_jsx("div", { style: chartContainerStyle, children: _jsx(LoadingComponent, {}, index) }, index))) })] }));
|
|
396
|
+
};
|
|
383
397
|
export const QuillChartBuilderInputRowContainer = ({ children, }) => {
|
|
384
398
|
return (_jsx("div", { style: {
|
|
385
399
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.
|
|
1
|
+
{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA0EA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CAuC1C,CAAC"}
|
|
@@ -1,9 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { downloadCSV } from '../utils/csv';
|
|
2
|
-
import { useContext, useState } from 'react';
|
|
3
|
+
import { useContext, useLayoutEffect, useRef, useState, } from 'react';
|
|
3
4
|
import { getData } from '../utils/dataFetcher';
|
|
4
5
|
import { ClientContext, DashboardFiltersContext } from '../Context';
|
|
6
|
+
import ReactDOM from 'react-dom';
|
|
7
|
+
import { ChartDisplay } from '../Chart';
|
|
8
|
+
import useTheme from './useTheme';
|
|
9
|
+
import { quillFormat } from '../utils/valueFormatter';
|
|
10
|
+
import { cleanDashboardItem } from '../utils/dashboard';
|
|
11
|
+
import { useReactToPrint } from 'react-to-print';
|
|
12
|
+
async function getExportData(client, dashboardFilters, reportId) {
|
|
13
|
+
const minimalFilters = Object.values(dashboardFilters).length
|
|
14
|
+
? Object.values(dashboardFilters).map((filter) => {
|
|
15
|
+
const newFilter = { ...filter };
|
|
16
|
+
if (newFilter.filterType === 'date_range') {
|
|
17
|
+
delete newFilter['field'];
|
|
18
|
+
delete newFilter['options'];
|
|
19
|
+
delete newFilter['selectedValue'];
|
|
20
|
+
}
|
|
21
|
+
return newFilter;
|
|
22
|
+
})
|
|
23
|
+
: [];
|
|
24
|
+
const hostedBody = {
|
|
25
|
+
metadata: {
|
|
26
|
+
dashboardItemId: reportId,
|
|
27
|
+
orgId: client.customerId || '*',
|
|
28
|
+
clientId: client.publicKey,
|
|
29
|
+
task: 'item',
|
|
30
|
+
databaseType: client?.databaseType,
|
|
31
|
+
filters: minimalFilters,
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
const cloudBody = {
|
|
35
|
+
id: reportId,
|
|
36
|
+
};
|
|
37
|
+
const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
|
|
38
|
+
const cleanedReport = await cleanDashboardItem(resp, dashboardFilters);
|
|
39
|
+
return cleanedReport;
|
|
40
|
+
}
|
|
5
41
|
export const useExport = (reportId) => {
|
|
6
42
|
const { dashboardFilters } = useContext(DashboardFiltersContext);
|
|
43
|
+
const theme = useTheme();
|
|
7
44
|
const [client] = useContext(ClientContext);
|
|
8
45
|
const [isLoading, setIsLoading] = useState(false);
|
|
9
46
|
if (!reportId) {
|
|
@@ -12,31 +49,7 @@ export const useExport = (reportId) => {
|
|
|
12
49
|
return {
|
|
13
50
|
downloadCSV: async () => {
|
|
14
51
|
setIsLoading(true);
|
|
15
|
-
const
|
|
16
|
-
? Object.values(dashboardFilters).map((filter) => {
|
|
17
|
-
const newFilter = { ...filter };
|
|
18
|
-
if (newFilter.filterType === 'date_range') {
|
|
19
|
-
delete newFilter['field'];
|
|
20
|
-
delete newFilter['options'];
|
|
21
|
-
delete newFilter['selectedValue'];
|
|
22
|
-
}
|
|
23
|
-
return newFilter;
|
|
24
|
-
})
|
|
25
|
-
: [];
|
|
26
|
-
const hostedBody = {
|
|
27
|
-
metadata: {
|
|
28
|
-
dashboardItemId: reportId,
|
|
29
|
-
orgId: client.customerId || '*',
|
|
30
|
-
clientId: client.publicKey,
|
|
31
|
-
task: 'item',
|
|
32
|
-
databaseType: client?.databaseType,
|
|
33
|
-
filters: minimalFilters,
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
const cloudBody = {
|
|
37
|
-
id: reportId,
|
|
38
|
-
};
|
|
39
|
-
const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
|
|
52
|
+
const resp = await getExportData(client, dashboardFilters, reportId);
|
|
40
53
|
downloadCSV({
|
|
41
54
|
rows: resp.rows,
|
|
42
55
|
fields: resp.columns,
|
|
@@ -44,7 +57,59 @@ export const useExport = (reportId) => {
|
|
|
44
57
|
});
|
|
45
58
|
setIsLoading(false);
|
|
46
59
|
},
|
|
47
|
-
downloadPDF: () => {
|
|
60
|
+
downloadPDF: async () => {
|
|
61
|
+
setIsLoading(true);
|
|
62
|
+
const resp = await getExportData(client, dashboardFilters, reportId);
|
|
63
|
+
const iframe = document.createElement('iframe');
|
|
64
|
+
document.body.appendChild(iframe);
|
|
65
|
+
if (iframe && iframe.contentDocument) {
|
|
66
|
+
ReactDOM.render(_jsx(PDFDetail, { report: resp, theme: theme }), iframe.contentDocument.body);
|
|
67
|
+
}
|
|
68
|
+
// delete the iframe
|
|
69
|
+
setTimeout(() => {
|
|
70
|
+
document.body.removeChild(iframe);
|
|
71
|
+
}, 1000);
|
|
72
|
+
setIsLoading(false);
|
|
73
|
+
},
|
|
48
74
|
isLoading,
|
|
49
75
|
};
|
|
50
76
|
};
|
|
77
|
+
function PDFDetail({ report, theme }) {
|
|
78
|
+
const componentRef = useRef(null);
|
|
79
|
+
const handlePrint = useReactToPrint({
|
|
80
|
+
content: () => componentRef.current,
|
|
81
|
+
pageStyle: `@page {
|
|
82
|
+
size: letter;
|
|
83
|
+
margin: 0;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
body {
|
|
87
|
+
margin: 2rem;
|
|
88
|
+
}`,
|
|
89
|
+
});
|
|
90
|
+
useLayoutEffect(() => {
|
|
91
|
+
setTimeout(() => handlePrint(), 1500);
|
|
92
|
+
}, []);
|
|
93
|
+
return (_jsxs("div", { ref: componentRef, style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: _jsx("h2", { style: {
|
|
94
|
+
fontFamily: theme.fontFamily,
|
|
95
|
+
color: theme.primaryTextColor,
|
|
96
|
+
marginLeft: 25,
|
|
97
|
+
}, children: report.name }) }), _jsxs("div", { style: { paddingLeft: 20, paddingRight: 20 }, children: [report.chartType !== 'table' && (_jsx(ChartDisplay, { overrideTheme: theme, config: report, containerStyle: {
|
|
98
|
+
display: 'flex',
|
|
99
|
+
height: 300,
|
|
100
|
+
}, loading: false, isAnimationActive: false })), _jsx("div", { style: {
|
|
101
|
+
border: '1px solid',
|
|
102
|
+
marginTop: '20px',
|
|
103
|
+
borderRadius: '4px',
|
|
104
|
+
overflow: 'hidden',
|
|
105
|
+
borderStyle: 'none',
|
|
106
|
+
}, children: _jsxs("table", { style: {
|
|
107
|
+
fontFamily: 'sans-serif',
|
|
108
|
+
width: '100%',
|
|
109
|
+
borderCollapse: 'collapse',
|
|
110
|
+
borderStyle: 'none',
|
|
111
|
+
}, children: [_jsx("thead", { style: { textAlign: 'left' }, children: report.columns.map((col, colIndex) => (_jsx("th", { style: { padding: '2px', paddingLeft: '3px' }, children: col.label }, 'head' + colIndex))) }), _jsx("tbody", { children: report.rows.map((row, rowIndex) => (_jsx("tr", { children: report.columns.map((col) => (_jsx("td", { style: { padding: '2px', paddingLeft: '3px' }, children: quillFormat({
|
|
112
|
+
value: row[col.field],
|
|
113
|
+
format: col.format,
|
|
114
|
+
}) }, 'cell' + col.field + rowIndex))) }, 'row' + rowIndex))) })] }) })] })] }));
|
|
115
|
+
}
|
|
@@ -3,6 +3,9 @@ import { quillFormat } from '../../utils/valueFormatter';
|
|
|
3
3
|
import { snakeAndCamelCaseToTitleCase, } from '../../utils/textProcessing';
|
|
4
4
|
import { QuillCard } from '../../components/QuillCard';
|
|
5
5
|
export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose, minHeight = 0, CardComponent = QuillCard, LabelComponent, TextComponent, HeaderComponent, }) => {
|
|
6
|
+
const defaultValueField = pivotTable.pivot && pivotTable.pivot.aggregationType === 'count'
|
|
7
|
+
? 'whole_number'
|
|
8
|
+
: 'two_decimal_places';
|
|
6
9
|
const maxRowsInPivotPeak = 5;
|
|
7
10
|
return (_jsx(CardComponent, { onClick: onSelectPivot ? () => onSelectPivot(pivotTable.pivot, index) : undefined, onDelete: onClose, children: _jsxs("div", { style: {
|
|
8
11
|
fontSize: 14,
|
|
@@ -60,13 +63,11 @@ export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPiv
|
|
|
60
63
|
whiteSpace: 'nowrap',
|
|
61
64
|
textOverflow: 'ellipsis',
|
|
62
65
|
maxWidth: 120,
|
|
63
|
-
}, children: _jsx(TextComponent, { label:
|
|
64
|
-
['min', 'max'].includes(pivotTable.pivot.aggregationType || '')) &&
|
|
65
|
-
i !== 0
|
|
66
|
+
}, children: _jsx(TextComponent, { label: i !== 0
|
|
66
67
|
? quillFormat({
|
|
67
68
|
value: row[column.field],
|
|
68
69
|
format: pivotTable.pivot.valueFieldType ||
|
|
69
|
-
|
|
70
|
+
defaultValueField,
|
|
70
71
|
})
|
|
71
72
|
: row[column.field] }) }, i))) }, index))) })] }))] }), _jsxs("div", { style: {
|
|
72
73
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -135,6 +135,11 @@ export const PivotModal = ({ pivotRowField, setPivotRowField, pivotColumnField,
|
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
}, []);
|
|
138
|
+
useEffect(() => {
|
|
139
|
+
if ((pivotRowField && data && columns) || initialSelectedPivotTable) {
|
|
140
|
+
getDistinctValues();
|
|
141
|
+
}
|
|
142
|
+
}, [initialSelectedPivotTable, columns, data, pivotRowField]);
|
|
138
143
|
useEffect(() => {
|
|
139
144
|
const pivot = {
|
|
140
145
|
rowField: pivotRowField || '',
|
|
@@ -194,7 +194,7 @@ async function getPivotTable(report, dashboardFilters, client, dateBucketInitial
|
|
|
194
194
|
if (pivot.rowFieldType !== 'string') {
|
|
195
195
|
const dateSet = new Set(rows.map((row) => row[pivot.rowField]));
|
|
196
196
|
// create a loop that will go through each formatted date and add a row if it doesn't exist going to the current date
|
|
197
|
-
for (let date = dateFilter.startDate; date <=
|
|
197
|
+
for (let date = dateFilter.startDate; date <= dateFilter.endDate; date = new Date(date.getTime() + 24 * 60 * 60 * 1000)) {
|
|
198
198
|
const formattedDate = getDateString(date.toDateString(), undefined, dateBucket);
|
|
199
199
|
if (!dateSet.has(formattedDate)) {
|
|
200
200
|
const newRow = {};
|
package/dist/esm/utils/merge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"queryConstructor.d.ts","sourceRoot":"","sources":["../../../src/utils/queryConstructor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"queryConstructor.d.ts","sourceRoot":"","sources":["../../../src/utils/queryConstructor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAe9D,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,UAQ1E;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,MAAM,EAAE,EACrB,IAAI,EAAE,GAAG,EAAE,EACX,UAAU,CAAC,EAAE,MAAM,EACnB,kBAAkB,CAAC,EAAE,MAAM,GAC1B,MAAM,GAAG,SAAS,CAiBpB"}
|
|
@@ -5,9 +5,11 @@ function processAggType(aggType) {
|
|
|
5
5
|
return aggType?.toLowerCase() === 'average' ? 'AVG' : aggType?.toLowerCase();
|
|
6
6
|
}
|
|
7
7
|
function processValueField(aggType, valueField) {
|
|
8
|
+
if (aggType === 'min' || aggType === 'max')
|
|
9
|
+
return `"${valueField}" ELSE null`;
|
|
8
10
|
if (aggType === 'count')
|
|
9
|
-
return 1
|
|
10
|
-
return valueField ? `"${valueField}"` : 1
|
|
11
|
+
return `1 ELSE 0`;
|
|
12
|
+
return valueField ? `"${valueField}" ELSE 0` : `1 ELSE 0`;
|
|
11
13
|
}
|
|
12
14
|
export function generateDistinctQuery(stringFields, query) {
|
|
13
15
|
const distinctQueries = stringFields.map((field) => {
|
|
@@ -20,6 +22,9 @@ export function generatePivotQuery(pivot, itemQueries, rows, dateBucket, compari
|
|
|
20
22
|
if (!isValidPivot(pivot)) {
|
|
21
23
|
return undefined;
|
|
22
24
|
}
|
|
25
|
+
if (!pivot.rowField) {
|
|
26
|
+
return undefined;
|
|
27
|
+
}
|
|
23
28
|
if (pivot.columnField) {
|
|
24
29
|
return create2DPivotQuery(pivot, itemQueries, rows, dateBucket, comparisonInterval);
|
|
25
30
|
}
|
|
@@ -42,19 +47,19 @@ function create2DPivotQuery(pivot, itemQueries, rows, dateBucket, comparisonInte
|
|
|
42
47
|
}
|
|
43
48
|
function create2DStringPivotQuery(pivot, itemQueries, distinctColumnValues) {
|
|
44
49
|
const caseWhens = distinctColumnValues.map((column) => {
|
|
45
|
-
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)}
|
|
50
|
+
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)} END) AS "${column}"`;
|
|
46
51
|
});
|
|
47
52
|
const caseWhensCompare = distinctColumnValues.map((column) => {
|
|
48
|
-
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)}
|
|
53
|
+
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)} END) AS "comparison_${column}"`;
|
|
49
54
|
});
|
|
50
55
|
const compareCTE = itemQueries[1]
|
|
51
56
|
? `, quill_ct as (${itemQueries[1]?.replaceAll(';', '')})`
|
|
52
57
|
: '';
|
|
53
58
|
const compareCaseWhenCTE = itemQueries[1]
|
|
54
|
-
? `, quill_ct_cw as (SELECT ${pivot.rowField}, ${caseWhensCompare.join(', ')} FROM quill_ct GROUP BY ${pivot.rowField})`
|
|
59
|
+
? `, quill_ct_cw as (SELECT "${pivot.rowField}" as "comparison_${pivot.rowField}", ${caseWhensCompare.join(', ')} FROM quill_ct GROUP BY ${pivot.rowField})`
|
|
55
60
|
: '';
|
|
56
61
|
const joinQuery = itemQueries[1]
|
|
57
|
-
? `JOIN quill_ct_cw ct ON ct."${pivot.rowField}" = qt."${pivot.rowField}"`
|
|
62
|
+
? `JOIN quill_ct_cw ct ON ct."comparison_${pivot.rowField}" = qt."${pivot.rowField}"`
|
|
58
63
|
: '';
|
|
59
64
|
return `WITH quill_qt AS (${itemQueries[0]?.replaceAll(';', '')}),
|
|
60
65
|
quill_qt_cw AS (SELECT ${pivot.rowField}, ${caseWhens.join(', ')} FROM quill_qt GROUP BY ${pivot.rowField})
|
|
@@ -64,10 +69,10 @@ function create2DStringPivotQuery(pivot, itemQueries, distinctColumnValues) {
|
|
|
64
69
|
}
|
|
65
70
|
function create2DDatePivotQuery(pivot, itemQueries, distinctColumnValues, dateBucket = 'month', comparisonInterval) {
|
|
66
71
|
const caseWhens = distinctColumnValues.map((column) => {
|
|
67
|
-
return `${processAggType(pivot.aggregationType)}(CASE WHEN qt."${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)}
|
|
72
|
+
return `${processAggType(pivot.aggregationType)}(CASE WHEN qt."${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)} END) AS "${column}"`;
|
|
68
73
|
});
|
|
69
74
|
const caseWhensCompare = distinctColumnValues.map((column) => {
|
|
70
|
-
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)}
|
|
75
|
+
return `${processAggType(pivot.aggregationType)}(CASE WHEN "${pivot.columnField}" = '${column.replaceAll("'", "''")}' THEN ${processValueField(pivot.aggregationType, pivot.valueField)} END) AS "comparison_${column}"`;
|
|
71
76
|
});
|
|
72
77
|
const compareCTE = itemQueries[1] && comparisonInterval
|
|
73
78
|
? `, quill_ct as (${itemQueries[1]?.replaceAll(';', '')})`
|
|
@@ -95,10 +100,10 @@ function create1DStringPivotQuery(pivot, itemQueries) {
|
|
|
95
100
|
? `, quill_ct as (${itemQueries[1]?.replaceAll(';', '')})`
|
|
96
101
|
: '';
|
|
97
102
|
const compareCaseWhenCTE = itemQueries[1]
|
|
98
|
-
? `, quill_ct_cw as (SELECT ${pivot.rowField}, ${processAggType(pivot.aggregationType)}(${pivot.valueField}) as comparison_${pivot.valueField} FROM quill_ct GROUP BY ${pivot.rowField})`
|
|
103
|
+
? `, quill_ct_cw as (SELECT ${pivot.rowField} as "comparison_${pivot.rowField}", ${processAggType(pivot.aggregationType)}(${pivot.valueField}) as comparison_${pivot.valueField} FROM quill_ct GROUP BY ${pivot.rowField})`
|
|
99
104
|
: '';
|
|
100
105
|
const joinQuery = itemQueries[1]
|
|
101
|
-
? `JOIN quill_ct_cw ct ON ct."${pivot.rowField}" = qt."${pivot.rowField}"`
|
|
106
|
+
? `JOIN quill_ct_cw ct ON ct."comparison_${pivot.rowField}" = qt."${pivot.rowField}"`
|
|
102
107
|
: '';
|
|
103
108
|
return `WITH quill_qt AS (${itemQueries[0]?.replaceAll(';', '')}),
|
|
104
109
|
quill_qt_cw AS (SELECT ${pivot.rowField}, ${processAggType(pivot.aggregationType)}(${pivot.valueField}) as ${pivot.valueField} FROM quill_qt GROUP BY ${pivot.rowField})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quillsql/react",
|
|
3
|
-
"version": "2.12.
|
|
3
|
+
"version": "2.12.24",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": {
|
|
6
6
|
"import": "./dist/esm/index.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"@monaco-editor/react": "^4.5.1",
|
|
25
25
|
"date-fns": "^2.29.3",
|
|
26
26
|
"date-fns-tz": "^2.0.0",
|
|
27
|
+
"react-to-print": "^2.15.1",
|
|
27
28
|
"recharts": "^2.12.5"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|