@quillsql/react 2.10.11 → 2.10.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AddToDashboardModal.d.ts.map +1 -1
- package/dist/cjs/AddToDashboardModal.js +95 -64
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +1 -0
- package/dist/cjs/ChartBuilder.d.ts +1 -0
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +24 -8
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +3 -1
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +10 -12
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +44 -26
- package/dist/cjs/SQLEditor.d.ts +9 -1
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +52 -25
- package/dist/cjs/Table.d.ts +3 -1
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +4 -2
- package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/BarChart.js +17 -1
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +29 -6
- package/dist/cjs/components/UiComponents.d.ts +10 -0
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +2 -1
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +1 -0
- package/dist/cjs/index.d.ts +5 -2
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +11 -2
- package/dist/cjs/utils/axisFormatter.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.d.ts +1 -1
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +3 -6
- package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
- package/dist/cjs/utils/dataFetcher.js +3 -0
- package/dist/cjs/utils/valueFormatter.d.ts +2 -1
- package/dist/cjs/utils/valueFormatter.d.ts.map +1 -1
- package/dist/cjs/utils/valueFormatter.js +19 -2
- package/dist/esm/AddToDashboardModal.d.ts.map +1 -1
- package/dist/esm/AddToDashboardModal.js +95 -64
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +1 -0
- package/dist/esm/ChartBuilder.d.ts +1 -0
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +24 -8
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +3 -1
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +10 -12
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +44 -26
- package/dist/esm/SQLEditor.d.ts +9 -1
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +49 -23
- package/dist/esm/Table.d.ts +3 -1
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +4 -2
- package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/BarChart.js +17 -1
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +29 -6
- package/dist/esm/components/UiComponents.d.ts +10 -0
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +2 -1
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +1 -0
- package/dist/esm/index.d.ts +5 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +11 -2
- package/dist/esm/utils/axisFormatter.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.d.ts +1 -1
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +3 -6
- package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
- package/dist/esm/utils/dataFetcher.js +3 -0
- package/dist/esm/utils/valueFormatter.d.ts +2 -1
- package/dist/esm/utils/valueFormatter.d.ts.map +1 -1
- package/dist/esm/utils/valueFormatter.js +18 -1
- package/package.json +2 -2
- package/dist/cjs/components/SqlTextEditor.d.ts +0 -7
- package/dist/cjs/components/SqlTextEditor.d.ts.map +0 -1
- package/dist/cjs/components/SqlTextEditor.js +0 -44
- package/dist/esm/components/SqlTextEditor.d.ts +0 -7
- package/dist/esm/components/SqlTextEditor.d.ts.map +0 -1
- package/dist/esm/components/SqlTextEditor.js +0 -38
|
@@ -6,10 +6,31 @@ import { axisFormatter } from '../../utils/axisFormatter';
|
|
|
6
6
|
import { selectColor } from '../../utils/color';
|
|
7
7
|
import ChartTooltip from '../../components/Chart/ChartTooltip';
|
|
8
8
|
import getDomain from '../../utils/getDomain';
|
|
9
|
+
import { useEffect, useState } from 'react';
|
|
9
10
|
export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) {
|
|
11
|
+
const [formattedData, setFormattedData] = useState([]);
|
|
10
12
|
if (!yAxisFields || !yAxisFields.length) {
|
|
11
13
|
return null;
|
|
12
14
|
}
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!data || data.length === 0) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
if (typeof data[0][xAxisField] === 'object') {
|
|
20
|
+
const curData = data.map((d) => {
|
|
21
|
+
const formatted = { ...d };
|
|
22
|
+
// NEED TO FORMAT FOR BIG QUERY
|
|
23
|
+
if (d[xAxisField] && typeof d[xAxisField] === 'object') {
|
|
24
|
+
formatted[xAxisField] = d[xAxisField].value;
|
|
25
|
+
}
|
|
26
|
+
return formatted;
|
|
27
|
+
});
|
|
28
|
+
setFormattedData(curData);
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
setFormattedData(data);
|
|
32
|
+
}
|
|
33
|
+
}, [data]);
|
|
13
34
|
if (!data || data.length === 0) {
|
|
14
35
|
return (_jsx("div", { style: {
|
|
15
36
|
display: 'flex',
|
|
@@ -22,17 +43,19 @@ export default function LineChart({ colors, yAxisFields, data, containerStyle, x
|
|
|
22
43
|
color: theme.secondaryTextColor,
|
|
23
44
|
}, children: "No results found for specified time period." }));
|
|
24
45
|
}
|
|
25
|
-
return (_jsx("div", { style: { ...containerStyle }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data:
|
|
46
|
+
return (_jsx("div", { style: { ...containerStyle }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data: formattedData, children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), _jsx(XAxis, { dataKey: xAxisField, hide: hideXAxis, tick: { transform: 'translate(0, 6)' }, style: {
|
|
26
47
|
fontSize: '12px',
|
|
27
48
|
fontFamily: theme?.chartLabelFontFamily ||
|
|
28
49
|
theme?.fontFamily ||
|
|
29
50
|
'Inter; Helvetica',
|
|
30
51
|
color: theme?.chartLabelColor || '#666666',
|
|
31
|
-
}, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) =>
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
52
|
+
}, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) => {
|
|
53
|
+
return axisFormatter({
|
|
54
|
+
value: tick,
|
|
55
|
+
field: xAxisField,
|
|
56
|
+
fields: [{ field: xAxisField, format: xAxisFormat }],
|
|
57
|
+
});
|
|
58
|
+
} }), _jsx(YAxis, { hide: hideYAxis, width: 44, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
|
|
36
59
|
fontSize: '12px',
|
|
37
60
|
fontFamily: theme?.chartLabelFontFamily ||
|
|
38
61
|
theme?.fontFamily ||
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export interface Option {
|
|
2
3
|
value: string;
|
|
3
4
|
label: string;
|
|
@@ -14,11 +15,20 @@ export interface TextInputComponentProps {
|
|
|
14
15
|
value: string;
|
|
15
16
|
id: string;
|
|
16
17
|
placeholder: string;
|
|
18
|
+
width?: string;
|
|
17
19
|
}
|
|
18
20
|
export interface ButtonComponentProps {
|
|
19
21
|
onClick: () => void;
|
|
20
22
|
label: string;
|
|
21
23
|
primary?: boolean;
|
|
24
|
+
width?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface TableComponentProps {
|
|
27
|
+
rows: any[];
|
|
28
|
+
columns: any[];
|
|
29
|
+
height: string;
|
|
30
|
+
loading?: boolean;
|
|
31
|
+
LoadingComponent?: () => JSX.Element;
|
|
22
32
|
}
|
|
23
33
|
export interface TextInputComponentProps {
|
|
24
34
|
onChange: (e: any) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;;
|
|
1
|
+
{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;;CA0DjD,CAAC"}
|
|
@@ -16,7 +16,7 @@ export const useDashboard = (dashboardName) => {
|
|
|
16
16
|
if (dashboardName === null || dashboardName === undefined)
|
|
17
17
|
return;
|
|
18
18
|
setIsLoading(true);
|
|
19
|
-
const { publicKey, customerId } = client;
|
|
19
|
+
const { databaseType, publicKey, customerId } = client;
|
|
20
20
|
try {
|
|
21
21
|
const searchParams = new URLSearchParams({
|
|
22
22
|
publicKey: publicKey,
|
|
@@ -29,6 +29,7 @@ export const useDashboard = (dashboardName) => {
|
|
|
29
29
|
task: 'config',
|
|
30
30
|
clientId: publicKey,
|
|
31
31
|
...(customerId ? { orgId: customerId } : {}),
|
|
32
|
+
databaseType: databaseType,
|
|
32
33
|
},
|
|
33
34
|
};
|
|
34
35
|
const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;CAiFrB,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -2,13 +2,16 @@ export { default as Dashboard, type DashboardProps, type DashboardItemProps, typ
|
|
|
2
2
|
export { default as QuillProvider } from './QuillProvider';
|
|
3
3
|
export { default as Chart } from './Chart';
|
|
4
4
|
export { default as Table } from './Table';
|
|
5
|
-
export { default as SQLEditor } from './SQLEditor';
|
|
5
|
+
export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
|
|
6
6
|
export { default as ReportBuilder } from './ReportBuilder';
|
|
7
7
|
export { default as ChartBuilder } from './ChartBuilder';
|
|
8
8
|
export { default as ChartEditor } from './ChartEditor';
|
|
9
9
|
export { default as AddToDashboardModal } from './AddToDashboardModal';
|
|
10
|
-
export { default as SqlTextEditor } from './components/SqlTextEditor';
|
|
11
10
|
export { useDashboard } from './hooks/useDashboard';
|
|
12
11
|
export { useQuill } from './hooks/useQuill';
|
|
13
12
|
export { downloadCSV } from './utils/downloadCSV';
|
|
13
|
+
export type { QuillTheme } from './QuillProvider';
|
|
14
|
+
export { ThemeContext } from './Context';
|
|
15
|
+
export type { TextInputComponentProps, ButtonComponentProps, Option, PopoverComponentProps, ModalComponentProps, TableComponentProps, HeaderProps, } from './components/UiComponents';
|
|
16
|
+
export type { DateRangePickerProps, DateRangePickerOption, DateRange, } from './DateRangePicker/DateRangePicker';
|
|
14
17
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,MAAM,mCAAmC,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -3,12 +3,12 @@ export { default as Dashboard, } from './Dashboard';
|
|
|
3
3
|
export { default as QuillProvider } from './QuillProvider';
|
|
4
4
|
export { default as Chart } from './Chart';
|
|
5
5
|
export { default as Table } from './Table';
|
|
6
|
-
export { default as SQLEditor } from './SQLEditor';
|
|
6
|
+
export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
|
|
7
7
|
export { default as ReportBuilder } from './ReportBuilder';
|
|
8
8
|
export { default as ChartBuilder } from './ChartBuilder';
|
|
9
9
|
export { default as ChartEditor } from './ChartEditor';
|
|
10
10
|
export { default as AddToDashboardModal } from './AddToDashboardModal';
|
|
11
|
-
export { default as SqlTextEditor } from './components/SqlTextEditor';
|
|
12
11
|
export { useDashboard } from './hooks/useDashboard';
|
|
13
12
|
export { useQuill } from './hooks/useQuill';
|
|
14
13
|
export { downloadCSV } from './utils/downloadCSV';
|
|
14
|
+
export { ThemeContext } from './Context';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;
|
|
1
|
+
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAkHD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,OAAO,EACrB,QAAQ,SAAK,EACb,SAAS,GAAE,GAAU;;;;;;EA+XtB"}
|
|
@@ -472,12 +472,21 @@ export function generatePivotTableYAxis(pivot, cols, format) {
|
|
|
472
472
|
function generatePivotTitle(pivot) {
|
|
473
473
|
return snakeCaseToTitleCase(`${pivot.aggregationType} of ${pivot.valueField} by ${pivot.rowField}${pivot.columnField ? ` and ${pivot.columnField}` : ''}`);
|
|
474
474
|
}
|
|
475
|
+
function castValueToDate(value) {
|
|
476
|
+
if (!value) {
|
|
477
|
+
return null;
|
|
478
|
+
}
|
|
479
|
+
if (typeof value === 'object' && value.value) {
|
|
480
|
+
return new Date(value.value);
|
|
481
|
+
}
|
|
482
|
+
return new Date(value);
|
|
483
|
+
}
|
|
475
484
|
function getDateRange(dateRange, column, data) {
|
|
476
485
|
if (!dateRange || !dateRange[0]) {
|
|
477
486
|
if (data.length == 0 || !data[0][column]) {
|
|
478
487
|
return { start: new Date(), end: new Date() };
|
|
479
488
|
}
|
|
480
|
-
const firstDate =
|
|
489
|
+
const firstDate = castValueToDate(data[0][column]);
|
|
481
490
|
if (data.length == 1) {
|
|
482
491
|
return {
|
|
483
492
|
start: firstDate || new Date(),
|
|
@@ -488,7 +497,7 @@ function getDateRange(dateRange, column, data) {
|
|
|
488
497
|
let lastestDate = firstDate;
|
|
489
498
|
for (let i = 0; i < data.length; i++) {
|
|
490
499
|
if (data[i][column]) {
|
|
491
|
-
const value =
|
|
500
|
+
const value = castValueToDate(data[i][column]);
|
|
492
501
|
lastestDate = lastestDate === null ? value : max([lastestDate, value]);
|
|
493
502
|
earliestDate =
|
|
494
503
|
earliestDate === null ? value : min([earliestDate, value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axisFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/axisFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8BAIvB,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"axisFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/axisFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8BAIvB,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA8B5B,CAAC"}
|
|
@@ -8,5 +8,5 @@ import { DashboardItemData } from '../Dashboard';
|
|
|
8
8
|
*/
|
|
9
9
|
export declare function cleanDashboardItem(item: {
|
|
10
10
|
[key: string]: any;
|
|
11
|
-
} | undefined): Partial<DashboardItemData> | undefined;
|
|
11
|
+
} | undefined, dashboardFilters: any): Partial<DashboardItemData> | undefined;
|
|
12
12
|
//# sourceMappingURL=dashboard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/utils/dashboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/utils/dashboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,SAAS,EACxC,gBAAgB,EAAE,GAAG,GACpB,OAAO,CAAC,iBAAiB,CAAC,GAAG,SAAS,CA6BxC"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
1
|
import { valueFormatter } from './valueFormatter';
|
|
3
2
|
import { generatePivotTable, generatePivotTableYAxis, } from '../internals/ReportBuilder/PivotModal';
|
|
4
|
-
import { DashboardFiltersContext } from '../Context';
|
|
5
3
|
/**
|
|
6
4
|
* Returns a cleaned version of the dashboard item we store in state. We clean
|
|
7
5
|
* the dashboard item so that we aren't exposing unnecessary details to the
|
|
@@ -9,12 +7,12 @@ import { DashboardFiltersContext } from '../Context';
|
|
|
9
7
|
* interface to build amazing dashboards on top of.
|
|
10
8
|
* @param item
|
|
11
9
|
*/
|
|
12
|
-
export function cleanDashboardItem(item) {
|
|
10
|
+
export function cleanDashboardItem(item, dashboardFilters) {
|
|
13
11
|
if (!item)
|
|
14
12
|
return undefined;
|
|
15
13
|
if (!item.rows)
|
|
16
14
|
return { id: item._id, name: item.name };
|
|
17
|
-
const pivotTable = getPivotTable(item);
|
|
15
|
+
const pivotTable = getPivotTable(item, dashboardFilters);
|
|
18
16
|
const { primaryAggregation, comparisonAggregation, aggregationPercentChange, } = getAggragations(pivotTable, item);
|
|
19
17
|
return {
|
|
20
18
|
id: item._id,
|
|
@@ -86,10 +84,9 @@ function formatPercentageWithSign(a, b) {
|
|
|
86
84
|
/**
|
|
87
85
|
* Extract and transform the data from itemInfo.
|
|
88
86
|
*/
|
|
89
|
-
function getPivotTable(itemInfo, config = undefined) {
|
|
87
|
+
function getPivotTable(itemInfo, dashboardFilters, config = undefined) {
|
|
90
88
|
if (!itemInfo)
|
|
91
89
|
return [];
|
|
92
|
-
const { dashboardFilters } = useContext(DashboardFiltersContext);
|
|
93
90
|
const dateFilter = Object.values(dashboardFilters ?? {}).find((filter) => filter.filterType == 'date_range');
|
|
94
91
|
const pivot = itemInfo?.pivot || config?.pivot;
|
|
95
92
|
const data = itemInfo ? itemInfo : config;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAEA,wBAAsB,OAAO,CAC3B,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAEA,wBAAsB,OAAO,CAC3B,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBAqChB;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBA+BhB"}
|
|
@@ -14,6 +14,9 @@ export async function getData(client, cloudQueryEndpoint, noCred, hostedRequestB
|
|
|
14
14
|
body: JSON.stringify(hostedRequestBody),
|
|
15
15
|
});
|
|
16
16
|
const responseJson = await resp.json();
|
|
17
|
+
if (responseJson.error) {
|
|
18
|
+
return { success: false, errorMessage: responseJson.error };
|
|
19
|
+
}
|
|
17
20
|
const result = {
|
|
18
21
|
...responseJson.data,
|
|
19
22
|
rows: responseJson?.queries?.queryResults[0]?.rows,
|
|
@@ -5,10 +5,11 @@ type Field = {
|
|
|
5
5
|
format: 'percent';
|
|
6
6
|
};
|
|
7
7
|
type Props = {
|
|
8
|
-
value:
|
|
8
|
+
value: any;
|
|
9
9
|
field: string | undefined | null;
|
|
10
10
|
fields: Field[];
|
|
11
11
|
};
|
|
12
|
+
export declare const DATE_FORMAT_TYPES: string[];
|
|
12
13
|
/**
|
|
13
14
|
* Pretty-prints the given values to their nice-looking string form.
|
|
14
15
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8BAIxB,KAAK,KAAG,MAwCV,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { endOfWeek, format, getWeek, isValid, startOfWeek } from 'date-fns';
|
|
2
2
|
import { utcToZonedTime } from 'date-fns-tz';
|
|
3
|
+
export const DATE_FORMAT_TYPES = [
|
|
4
|
+
'yyyy',
|
|
5
|
+
'MMM_yyyy',
|
|
6
|
+
'MMM_dd_yyyy',
|
|
7
|
+
'hh_ap_pm',
|
|
8
|
+
'MMM_dd-MMM_dd',
|
|
9
|
+
'MMM_dd_hh:mm_ap_pm',
|
|
10
|
+
'wo, yyyy',
|
|
11
|
+
];
|
|
3
12
|
/**
|
|
4
13
|
* Pretty-prints the given values to their nice-looking string form.
|
|
5
14
|
*/
|
|
@@ -30,6 +39,12 @@ export const valueFormatter = ({ value, field, fields, }) => {
|
|
|
30
39
|
// try to handle this value using the associated formatType handler
|
|
31
40
|
const formatType = fieldInfo.format;
|
|
32
41
|
if (Object.keys(HANDLERS).includes(formatType)) {
|
|
42
|
+
// if bigquery date type, we have to pull the value out of the json
|
|
43
|
+
if (DATE_FORMAT_TYPES.includes(formatType) &&
|
|
44
|
+
typeof value === 'object' &&
|
|
45
|
+
value.value) {
|
|
46
|
+
return HANDLERS[formatType](value.value);
|
|
47
|
+
}
|
|
33
48
|
return HANDLERS[formatType](value);
|
|
34
49
|
}
|
|
35
50
|
return formatString(value); // by default make this value a string
|
|
@@ -140,7 +155,9 @@ const _getUTCDateHelper = (value, fmt) => {
|
|
|
140
155
|
const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
|
|
141
156
|
const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
|
|
142
157
|
const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
|
|
143
|
-
const format_MMM_dd_yyyy = (value) =>
|
|
158
|
+
const format_MMM_dd_yyyy = (value) => {
|
|
159
|
+
return _getUTCDateHelper(value, 'dd MMM yyyy');
|
|
160
|
+
};
|
|
144
161
|
const format_MMM_dd_MMM_dd = (value) => {
|
|
145
162
|
const utcDate = utcToZonedTime(new Date(value), 'UTC');
|
|
146
163
|
if (!isValid(utcDate))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quillsql/react",
|
|
3
|
-
"version": "2.10.
|
|
3
|
+
"version": "2.10.12",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": {
|
|
6
6
|
"import": "./dist/esm/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
|
|
16
|
-
"dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json",
|
|
16
|
+
"dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json -w",
|
|
17
17
|
"lint": "eslint . --max-warnings 0",
|
|
18
18
|
"pub": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json && npm publish --access public"
|
|
19
19
|
},
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
export default function SqlTextEditor({ containerStyle, value, setValue, }: {
|
|
3
|
-
containerStyle?: CSSProperties;
|
|
4
|
-
value: string;
|
|
5
|
-
setValue: (e: string) => void;
|
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=SqlTextEditor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA4B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = __importDefault(require("@monaco-editor/react"));
|
|
8
|
-
function defineEditorTheme(monaco) {
|
|
9
|
-
monaco.editor.defineTheme('onedark', {
|
|
10
|
-
base: 'vs',
|
|
11
|
-
inherit: true,
|
|
12
|
-
rules: [
|
|
13
|
-
{
|
|
14
|
-
token: 'comment',
|
|
15
|
-
foreground: '#5d7988',
|
|
16
|
-
fontStyle: 'italic',
|
|
17
|
-
},
|
|
18
|
-
{ token: 'constant', foreground: '#e06c75' },
|
|
19
|
-
],
|
|
20
|
-
colors: {
|
|
21
|
-
'editor.background': '#F9F9F9',
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
function setEditorTheme(editor, monaco) {
|
|
26
|
-
try {
|
|
27
|
-
monaco.editor.setTheme('onedark');
|
|
28
|
-
}
|
|
29
|
-
catch (e) {
|
|
30
|
-
console.log('ERROR: ', e);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
function SqlTextEditor({ containerStyle, value, setValue, }) {
|
|
34
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, children: (0, jsx_runtime_1.jsx)(react_1.default, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: (0, jsx_runtime_1.jsx)("div", {}), options: {
|
|
35
|
-
wordWrap: 'on',
|
|
36
|
-
minimap: {
|
|
37
|
-
enabled: false,
|
|
38
|
-
},
|
|
39
|
-
padding: { top: 16 },
|
|
40
|
-
}, onChange: (query) => {
|
|
41
|
-
setValue(query);
|
|
42
|
-
}, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
|
|
43
|
-
}
|
|
44
|
-
exports.default = SqlTextEditor;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
export default function SqlTextEditor({ containerStyle, value, setValue, }: {
|
|
3
|
-
containerStyle?: CSSProperties;
|
|
4
|
-
value: string;
|
|
5
|
-
setValue: (e: string) => void;
|
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=SqlTextEditor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA4B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import MonacoEditor from '@monaco-editor/react';
|
|
3
|
-
function defineEditorTheme(monaco) {
|
|
4
|
-
monaco.editor.defineTheme('onedark', {
|
|
5
|
-
base: 'vs',
|
|
6
|
-
inherit: true,
|
|
7
|
-
rules: [
|
|
8
|
-
{
|
|
9
|
-
token: 'comment',
|
|
10
|
-
foreground: '#5d7988',
|
|
11
|
-
fontStyle: 'italic',
|
|
12
|
-
},
|
|
13
|
-
{ token: 'constant', foreground: '#e06c75' },
|
|
14
|
-
],
|
|
15
|
-
colors: {
|
|
16
|
-
'editor.background': '#F9F9F9',
|
|
17
|
-
},
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function setEditorTheme(editor, monaco) {
|
|
21
|
-
try {
|
|
22
|
-
monaco.editor.setTheme('onedark');
|
|
23
|
-
}
|
|
24
|
-
catch (e) {
|
|
25
|
-
console.log('ERROR: ', e);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
export default function SqlTextEditor({ containerStyle, value, setValue, }) {
|
|
29
|
-
return (_jsx("div", { style: { ...containerStyle }, children: _jsx(MonacoEditor, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: _jsx("div", {}), options: {
|
|
30
|
-
wordWrap: 'on',
|
|
31
|
-
minimap: {
|
|
32
|
-
enabled: false,
|
|
33
|
-
},
|
|
34
|
-
padding: { top: 16 },
|
|
35
|
-
}, onChange: (query) => {
|
|
36
|
-
setValue(query);
|
|
37
|
-
}, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
|
|
38
|
-
}
|