@quillsql/react 2.11.16 → 2.11.18
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 +109 -42
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +44 -18
- package/dist/cjs/ChartBuilder.d.ts +204 -30
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +124 -63
- package/dist/cjs/ChartEditor.d.ts +123 -19
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +47 -15
- package/dist/cjs/Dashboard.d.ts +148 -91
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +51 -159
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts +21 -1
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +5 -2
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +1 -1
- package/dist/cjs/QuillProvider.d.ts +105 -2
- package/dist/cjs/QuillProvider.d.ts.map +1 -1
- package/dist/cjs/QuillProvider.js +59 -0
- package/dist/cjs/ReportBuilder.d.ts +194 -42
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +563 -416
- package/dist/cjs/SQLEditor.d.ts +160 -23
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +36 -30
- package/dist/cjs/Table.d.ts +119 -15
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +37 -6
- package/dist/cjs/TableChart.d.ts.map +1 -1
- package/dist/cjs/TableChart.js +0 -194
- package/dist/cjs/{BarList.d.ts → components/Chart/BarList.d.ts} +1 -1
- package/dist/cjs/components/Chart/BarList.d.ts.map +1 -0
- package/dist/cjs/{BarList.js → components/Chart/BarList.js} +1 -1
- package/dist/cjs/components/Chart/LineChart.d.ts +2 -3
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +3 -3
- package/dist/cjs/components/Chart/PieChart.d.ts.map +1 -0
- package/dist/cjs/{PieChart.js → components/Chart/PieChart.js} +1 -1
- package/dist/cjs/components/Dashboard/ChartComponent.d.ts +2 -1
- package/dist/cjs/components/Dashboard/ChartComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/ChartComponent.js +6 -7
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts +22 -0
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -0
- package/dist/cjs/components/Dashboard/DashboardFilter.js +75 -0
- package/dist/cjs/components/Dashboard/DataLoader.d.ts +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.js +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.d.ts +2 -12
- package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.js +39 -17
- package/dist/cjs/components/Dashboard/TableComponent.d.ts +2 -1
- package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/TableComponent.js +6 -9
- package/dist/cjs/components/QuillCard.d.ts +2 -7
- package/dist/cjs/components/QuillCard.d.ts.map +1 -1
- package/dist/cjs/components/QuillCard.js +15 -9
- package/dist/cjs/components/QuillSelect.d.ts +4 -1
- package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelect.js +13 -8
- package/dist/cjs/components/QuillTable.d.ts +16 -2
- package/dist/cjs/components/QuillTable.d.ts.map +1 -1
- package/dist/cjs/components/QuillTable.js +4 -4
- package/dist/cjs/components/ReportBuilder/AddColumnPopover.d.ts +9 -3
- package/dist/cjs/components/ReportBuilder/AddColumnPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddColumnPopover.js +10 -6
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts +13 -1
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.js +5 -15
- package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts +21 -1
- package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddSortPopover.js +15 -17
- package/dist/cjs/components/ReportBuilder/bigDateMap.js +1 -1
- package/dist/cjs/components/ReportBuilder/convert.d.ts +3 -1
- package/dist/cjs/components/ReportBuilder/convert.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/convert.js +60 -21
- package/dist/cjs/components/ReportBuilder/operators.d.ts +15 -10
- package/dist/cjs/components/ReportBuilder/operators.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/operators.js +23 -10
- package/dist/cjs/components/ReportBuilder/pivot.d.ts +2 -1
- package/dist/cjs/components/ReportBuilder/pivot.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/ui.d.ts +82 -18
- package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/ui.js +55 -103
- package/dist/cjs/components/ReportBuilder/util.d.ts +10 -4
- package/dist/cjs/components/ReportBuilder/util.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/util.js +124 -71
- package/dist/cjs/components/UiComponents.d.ts +81 -87
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/components/UiComponents.js +76 -103
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/useTheme.d.ts +7 -0
- package/dist/cjs/hooks/useTheme.d.ts.map +1 -0
- package/dist/cjs/hooks/useTheme.js +12 -0
- package/dist/cjs/index.d.ts +10 -2
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts +5 -2
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotList.js +21 -21
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +30 -14
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +77 -52
- package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
- package/dist/cjs/utils/dataFetcher.js +2 -0
- package/dist/cjs/utils/parserBigQuery.d.ts +6 -0
- package/dist/cjs/utils/parserBigQuery.d.ts.map +1 -0
- package/dist/cjs/utils/parserBigQuery.js +60 -0
- package/dist/cjs/utils/parserPostgres.d.ts +3 -0
- package/dist/cjs/utils/parserPostgres.d.ts.map +1 -0
- package/dist/cjs/utils/parserPostgres.js +42 -0
- package/dist/esm/Chart.d.ts +109 -42
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +45 -19
- package/dist/esm/ChartBuilder.d.ts +204 -30
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +124 -63
- package/dist/esm/ChartEditor.d.ts +123 -19
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +51 -19
- package/dist/esm/Dashboard.d.ts +148 -91
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +54 -160
- package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts +21 -1
- package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
- package/dist/esm/DateRangePicker/QuillDateRangePicker.js +6 -3
- package/dist/esm/DateRangePicker/dateRangePickerUtils.js +1 -1
- package/dist/esm/QuillProvider.d.ts +105 -2
- package/dist/esm/QuillProvider.d.ts.map +1 -1
- package/dist/esm/QuillProvider.js +59 -0
- package/dist/esm/ReportBuilder.d.ts +194 -42
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +566 -419
- package/dist/esm/SQLEditor.d.ts +160 -23
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +36 -30
- package/dist/esm/Table.d.ts +119 -15
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +38 -7
- package/dist/esm/TableChart.d.ts.map +1 -1
- package/dist/esm/TableChart.js +0 -194
- package/dist/esm/{BarList.d.ts → components/Chart/BarList.d.ts} +1 -1
- package/dist/esm/components/Chart/BarList.d.ts.map +1 -0
- package/dist/esm/{BarList.js → components/Chart/BarList.js} +1 -1
- package/dist/esm/components/Chart/LineChart.d.ts +2 -3
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +3 -3
- package/dist/esm/components/Chart/PieChart.d.ts.map +1 -0
- package/dist/esm/{PieChart.js → components/Chart/PieChart.js} +1 -1
- package/dist/esm/components/Dashboard/ChartComponent.d.ts +2 -1
- package/dist/esm/components/Dashboard/ChartComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/ChartComponent.js +5 -6
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts +22 -0
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -0
- package/dist/esm/components/Dashboard/DashboardFilter.js +71 -0
- package/dist/esm/components/Dashboard/DataLoader.d.ts +1 -1
- package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.js +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.d.ts +2 -12
- package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.js +39 -17
- package/dist/esm/components/Dashboard/TableComponent.d.ts +2 -1
- package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/TableComponent.js +6 -9
- package/dist/esm/components/QuillCard.d.ts +2 -7
- package/dist/esm/components/QuillCard.d.ts.map +1 -1
- package/dist/esm/components/QuillCard.js +15 -9
- package/dist/esm/components/QuillSelect.d.ts +4 -1
- package/dist/esm/components/QuillSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillSelect.js +14 -9
- package/dist/esm/components/QuillTable.d.ts +16 -2
- package/dist/esm/components/QuillTable.d.ts.map +1 -1
- package/dist/esm/components/QuillTable.js +4 -4
- package/dist/esm/components/ReportBuilder/AddColumnPopover.d.ts +9 -3
- package/dist/esm/components/ReportBuilder/AddColumnPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddColumnPopover.js +10 -6
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts +13 -1
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddLimitPopover.js +5 -15
- package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts +21 -1
- package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddSortPopover.js +17 -19
- package/dist/esm/components/ReportBuilder/bigDateMap.js +1 -1
- package/dist/esm/components/ReportBuilder/convert.d.ts +3 -1
- package/dist/esm/components/ReportBuilder/convert.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/convert.js +51 -13
- package/dist/esm/components/ReportBuilder/operators.d.ts +15 -10
- package/dist/esm/components/ReportBuilder/operators.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/operators.js +23 -10
- package/dist/esm/components/ReportBuilder/pivot.d.ts +2 -1
- package/dist/esm/components/ReportBuilder/pivot.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/ui.d.ts +82 -18
- package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/ui.js +53 -101
- package/dist/esm/components/ReportBuilder/util.d.ts +10 -4
- package/dist/esm/components/ReportBuilder/util.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/util.js +114 -67
- package/dist/esm/components/UiComponents.d.ts +81 -87
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/components/UiComponents.js +71 -102
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/useTheme.d.ts +7 -0
- package/dist/esm/hooks/useTheme.d.ts.map +1 -0
- package/dist/esm/hooks/useTheme.js +10 -0
- package/dist/esm/index.d.ts +10 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts +5 -2
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.js +21 -21
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +30 -14
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +77 -52
- package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
- package/dist/esm/utils/dataFetcher.js +2 -0
- package/dist/esm/utils/parserBigQuery.d.ts +6 -0
- package/dist/esm/utils/parserBigQuery.d.ts.map +1 -0
- package/dist/esm/utils/parserBigQuery.js +52 -0
- package/dist/esm/utils/parserPostgres.d.ts +3 -0
- package/dist/esm/utils/parserPostgres.d.ts.map +1 -0
- package/dist/esm/utils/parserPostgres.js +37 -0
- package/package.json +1 -1
- package/dist/cjs/BarList.d.ts.map +0 -1
- package/dist/cjs/PieChart.d.ts.map +0 -1
- package/dist/esm/BarList.d.ts.map +0 -1
- package/dist/esm/PieChart.d.ts.map +0 -1
- /package/dist/cjs/{PieChart.d.ts → components/Chart/PieChart.d.ts} +0 -0
- /package/dist/esm/{PieChart.d.ts → components/Chart/PieChart.d.ts} +0 -0
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ChangeEvent, ReactNode } from 'react';
|
|
2
2
|
export interface Option {
|
|
3
3
|
value: string;
|
|
4
4
|
label: string;
|
|
5
5
|
}
|
|
6
|
-
export interface
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
theme?: any;
|
|
13
|
-
style?: CSSProperties;
|
|
6
|
+
export interface PopoverComponentProps {
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
9
|
+
triggerLabel?: string;
|
|
10
|
+
popoverTitle?: string;
|
|
11
|
+
popoverChildren: ReactNode;
|
|
14
12
|
}
|
|
15
13
|
export interface ButtonComponentProps {
|
|
16
14
|
onClick: () => void;
|
|
@@ -19,18 +17,8 @@ export interface ButtonComponentProps {
|
|
|
19
17
|
primary?: boolean;
|
|
20
18
|
width?: string;
|
|
21
19
|
}
|
|
22
|
-
export interface
|
|
23
|
-
|
|
24
|
-
columns: any[];
|
|
25
|
-
containerStyle?: React.CSSProperties;
|
|
26
|
-
loading?: boolean;
|
|
27
|
-
showDownloadCSVButton?: boolean;
|
|
28
|
-
downloadFileName?: string;
|
|
29
|
-
downloadCSV?: () => void;
|
|
30
|
-
LoadingComponent?: () => JSX.Element;
|
|
31
|
-
DownloadCSVButtonComponent?: (props: ButtonComponentProps) => JSX.Element;
|
|
32
|
-
rowsPerPage?: number;
|
|
33
|
-
emptyStateLabel?: string;
|
|
20
|
+
export interface DeleteButtonComponentProps {
|
|
21
|
+
onClick: () => void;
|
|
34
22
|
}
|
|
35
23
|
/**
|
|
36
24
|
* An input element used to accept data from the user.
|
|
@@ -38,12 +26,12 @@ export interface TableComponentProps {
|
|
|
38
26
|
export interface TextInputComponentProps {
|
|
39
27
|
id: string;
|
|
40
28
|
width: number;
|
|
41
|
-
value: string
|
|
29
|
+
value: string;
|
|
42
30
|
placeholder?: string;
|
|
43
31
|
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
44
32
|
}
|
|
45
33
|
export interface ModalComponentProps {
|
|
46
|
-
children:
|
|
34
|
+
children: ReactNode;
|
|
47
35
|
isOpen: boolean;
|
|
48
36
|
onClose?: () => void;
|
|
49
37
|
title?: string;
|
|
@@ -52,17 +40,19 @@ export interface ModalComponentProps {
|
|
|
52
40
|
style?: any;
|
|
53
41
|
}
|
|
54
42
|
export interface HeaderProps {
|
|
55
|
-
|
|
43
|
+
label: string;
|
|
56
44
|
}
|
|
57
45
|
export interface LabelProps {
|
|
58
|
-
|
|
46
|
+
label: string;
|
|
59
47
|
}
|
|
60
48
|
export interface TextProps {
|
|
61
|
-
|
|
49
|
+
label: string;
|
|
62
50
|
}
|
|
63
|
-
export interface
|
|
64
|
-
|
|
65
|
-
|
|
51
|
+
export interface SidebarComponentProps {
|
|
52
|
+
children: ReactNode;
|
|
53
|
+
}
|
|
54
|
+
export interface ContainerComponentProps {
|
|
55
|
+
children: ReactNode;
|
|
66
56
|
}
|
|
67
57
|
/**
|
|
68
58
|
* The fallback TextInput element for Quill.
|
|
@@ -79,65 +69,69 @@ export declare const MemoizedSecondaryButton: ({ label, onClick }: {
|
|
|
79
69
|
label: any;
|
|
80
70
|
onClick: any;
|
|
81
71
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
82
|
-
export
|
|
83
|
-
value:
|
|
84
|
-
|
|
85
|
-
options:
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
export declare const MemoizedLabel: ({ children }: {
|
|
93
|
-
children: any;
|
|
94
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
95
|
-
export declare const MemoizedCheckbox: ({ checked, onChange, style, ...props }: {
|
|
96
|
-
[x: string]: any;
|
|
97
|
-
checked: any;
|
|
98
|
-
onChange: any;
|
|
99
|
-
style?: {} | undefined;
|
|
100
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
101
|
-
export declare const MemoizedTabs: ({ defaultValue, options, onValueChange }: {
|
|
102
|
-
defaultValue: any;
|
|
103
|
-
options: any;
|
|
104
|
-
onValueChange: any;
|
|
105
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
106
|
-
export declare const MemoizedText: ({ children }: {
|
|
107
|
-
children: any;
|
|
108
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
109
|
-
export interface PopoverComponentProps {
|
|
110
|
-
isOpen: boolean;
|
|
111
|
-
setIsOpen: () => void;
|
|
112
|
-
onClose: () => void;
|
|
113
|
-
triggerLabel: string;
|
|
114
|
-
popoverTitle: string;
|
|
115
|
-
popoverChildren: any;
|
|
116
|
-
}
|
|
117
|
-
export interface MemoizedPopoverProps {
|
|
118
|
-
children: any;
|
|
119
|
-
onClose?: () => void;
|
|
120
|
-
parentRef?: any;
|
|
121
|
-
style?: any;
|
|
122
|
-
onClick?: () => void;
|
|
123
|
-
showTrigger?: boolean;
|
|
124
|
-
isOpen: boolean;
|
|
72
|
+
export interface SelectComponentProps {
|
|
73
|
+
value: string;
|
|
74
|
+
label?: string;
|
|
75
|
+
options: {
|
|
76
|
+
value: string;
|
|
77
|
+
label: string;
|
|
78
|
+
}[];
|
|
79
|
+
onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
80
|
+
}
|
|
81
|
+
export interface HeaderComponentProps {
|
|
125
82
|
label: string;
|
|
126
|
-
setIsOpen: (isOpen: boolean) => void;
|
|
127
83
|
}
|
|
128
|
-
export declare
|
|
129
|
-
export
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
138
|
-
export declare const
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
84
|
+
export declare const MemoizedHeader: ({ label }: HeaderComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
85
|
+
export interface LabelComponentProps {
|
|
86
|
+
label: string;
|
|
87
|
+
}
|
|
88
|
+
export declare const MemoizedLabel: ({ label }: LabelComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
89
|
+
export interface CheckboxComponentProps {
|
|
90
|
+
isChecked: boolean;
|
|
91
|
+
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
92
|
+
}
|
|
93
|
+
export declare const MemoizedCheckbox: ({ isChecked, onChange, }: CheckboxComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
94
|
+
export declare const DEFAULT_TAB_OPTIONS: {
|
|
95
|
+
label: string;
|
|
96
|
+
value: string;
|
|
97
|
+
}[];
|
|
98
|
+
export interface TabsComponentProps {
|
|
99
|
+
options: {
|
|
100
|
+
label: string;
|
|
101
|
+
value: string;
|
|
102
|
+
}[];
|
|
103
|
+
value: string;
|
|
104
|
+
onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
|
|
105
|
+
}
|
|
106
|
+
export declare const QuillTabs: ({ options, value, onChange, }: TabsComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
export interface TextComponentProps {
|
|
108
|
+
label: string;
|
|
109
|
+
}
|
|
110
|
+
export declare const MemoizedText: ({ label }: TextComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
111
|
+
/**
|
|
112
|
+
* The one, true Quill popover component.
|
|
113
|
+
*/
|
|
114
|
+
export declare const MemoizedPopover: ({ isOpen, setIsOpen, triggerLabel, popoverTitle, popoverChildren, }: PopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
115
|
+
export declare function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }: {
|
|
116
|
+
isOpen: boolean;
|
|
117
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
118
|
+
title?: string;
|
|
119
|
+
children: ReactNode;
|
|
120
|
+
width?: number;
|
|
121
|
+
height?: number;
|
|
122
|
+
}): JSX.Element;
|
|
123
|
+
export declare const MemoizedDeleteButton: ({ onClick, }: DeleteButtonComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
142
124
|
export declare const LoadingSpinner: () => import("react/jsx-runtime").JSX.Element;
|
|
125
|
+
export interface TableComponentProps {
|
|
126
|
+
rows: {
|
|
127
|
+
[key: string]: any;
|
|
128
|
+
}[];
|
|
129
|
+
columns: {
|
|
130
|
+
field: string;
|
|
131
|
+
label: string;
|
|
132
|
+
}[];
|
|
133
|
+
isLoading?: boolean;
|
|
134
|
+
}
|
|
135
|
+
export declare const QuillTableComponent: ({ rows, columns, isLoading, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
136
|
+
export declare const QuillEmptyDashboardComponent: () => import("react/jsx-runtime").JSX.Element;
|
|
143
137
|
//# sourceMappingURL=UiComponents.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.
|
|
6
|
+
exports.QuillEmptyDashboardComponent = exports.QuillTableComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.QuillTabs = exports.DEFAULT_TAB_OPTIONS = exports.MemoizedCheckbox = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = exports.QuillTextInput = void 0;
|
|
4
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
8
|
// @ts-nocheck
|
|
6
9
|
const react_1 = require("react");
|
|
7
10
|
const assets_1 = require("../assets");
|
|
8
11
|
const Context_1 = require("../Context");
|
|
12
|
+
const QuillTable_1 = __importDefault(require("./QuillTable"));
|
|
9
13
|
/**
|
|
10
14
|
* The fallback TextInput element for Quill.
|
|
11
15
|
*/
|
|
@@ -95,44 +99,7 @@ const MemoizedSecondaryButton = ({ label, onClick }) => {
|
|
|
95
99
|
}` }), label] }));
|
|
96
100
|
};
|
|
97
101
|
exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
|
|
98
|
-
const
|
|
99
|
-
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
100
|
-
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
101
|
-
position: 'relative',
|
|
102
|
-
maxWidth: 206,
|
|
103
|
-
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
104
|
-
.quill-select {
|
|
105
|
-
background-color: white;
|
|
106
|
-
height: 42px;
|
|
107
|
-
color: #384151;
|
|
108
|
-
width: 206px;
|
|
109
|
-
max-width: 206px;
|
|
110
|
-
border: 1px solid #e7e7e7;
|
|
111
|
-
border-radius: 6px;
|
|
112
|
-
text-align: left;
|
|
113
|
-
box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
|
|
114
|
-
padding-left: 12px;
|
|
115
|
-
padding-right: 12px;
|
|
116
|
-
}` }), (0, jsx_runtime_1.jsx)("select", { style: {
|
|
117
|
-
WebkitAppearance: 'none',
|
|
118
|
-
fontFamily: theme?.fontFamily,
|
|
119
|
-
paddingRight: 30,
|
|
120
|
-
textOverflow: 'ellipsis',
|
|
121
|
-
whiteSpace: 'nowrap',
|
|
122
|
-
overflow: 'hidden',
|
|
123
|
-
...style,
|
|
124
|
-
}, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => ((0, jsx_runtime_1.jsx)("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
|
|
125
|
-
height: '20px',
|
|
126
|
-
width: '20px',
|
|
127
|
-
flex: 'none',
|
|
128
|
-
position: 'absolute',
|
|
129
|
-
right: 8,
|
|
130
|
-
top: 11,
|
|
131
|
-
color: '#6C727F',
|
|
132
|
-
}, "aria-hidden": "true" })] }));
|
|
133
|
-
};
|
|
134
|
-
exports.MemoizedSelect = MemoizedSelect;
|
|
135
|
-
const MemoizedHeader = ({ children }) => {
|
|
102
|
+
const MemoizedHeader = ({ label }) => {
|
|
136
103
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
137
104
|
return ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
138
105
|
fontSize: 16,
|
|
@@ -142,10 +109,10 @@ const MemoizedHeader = ({ children }) => {
|
|
|
142
109
|
userSelect: 'none',
|
|
143
110
|
margin: 0,
|
|
144
111
|
padding: 0,
|
|
145
|
-
}, children:
|
|
112
|
+
}, children: label }));
|
|
146
113
|
};
|
|
147
114
|
exports.MemoizedHeader = MemoizedHeader;
|
|
148
|
-
const MemoizedLabel = ({
|
|
115
|
+
const MemoizedLabel = ({ label }) => {
|
|
149
116
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
150
117
|
return ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
151
118
|
fontSize: 14,
|
|
@@ -155,18 +122,26 @@ const MemoizedLabel = ({ children }) => {
|
|
|
155
122
|
userSelect: 'none',
|
|
156
123
|
paddingBottom: 5,
|
|
157
124
|
margin: 0,
|
|
158
|
-
}, children:
|
|
125
|
+
}, children: label }));
|
|
159
126
|
};
|
|
160
127
|
exports.MemoizedLabel = MemoizedLabel;
|
|
161
|
-
const MemoizedCheckbox = ({
|
|
128
|
+
const MemoizedCheckbox = ({ isChecked, onChange, }) => ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: isChecked, onChange: onChange, style: { width: '14px', height: '14px', margin: 'auto 0' } }));
|
|
162
129
|
exports.MemoizedCheckbox = MemoizedCheckbox;
|
|
163
|
-
|
|
130
|
+
exports.DEFAULT_TAB_OPTIONS = [
|
|
131
|
+
{ label: 'or', value: 'OR' },
|
|
132
|
+
{ label: 'and', value: 'AND' },
|
|
133
|
+
];
|
|
134
|
+
const QuillTabs = ({ options = exports.DEFAULT_TAB_OPTIONS, value, onChange, }) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
164
135
|
flexDirection: 'row',
|
|
165
136
|
alignItems: 'center',
|
|
166
137
|
borderRadius: '0.25rem',
|
|
167
138
|
outlineStyle: 'none',
|
|
168
139
|
background: '#F9FAFB',
|
|
169
|
-
}, children: options.map((
|
|
140
|
+
}, children: options.map((option) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
|
|
141
|
+
// Manually create a synthetic ChangeEvent and pass it to callback
|
|
142
|
+
const changeEvent = { target: { value: option.value } };
|
|
143
|
+
onChange(changeEvent);
|
|
144
|
+
}, style: {
|
|
170
145
|
borderRadius: '0.25rem',
|
|
171
146
|
borderWidth: '1px',
|
|
172
147
|
outlineStyle: 'none',
|
|
@@ -180,7 +155,7 @@ const MemoizedTabs = ({ defaultValue, options, onValueChange }) => ((0, jsx_runt
|
|
|
180
155
|
paddingLeft: '0.75rem',
|
|
181
156
|
paddingRight: '0.75rem',
|
|
182
157
|
color: '12px',
|
|
183
|
-
...(value ===
|
|
158
|
+
...(option.value === value
|
|
184
159
|
? {
|
|
185
160
|
fontWeight: 700,
|
|
186
161
|
backgroundColor: '#ffffff',
|
|
@@ -194,9 +169,9 @@ const MemoizedTabs = ({ defaultValue, options, onValueChange }) => ((0, jsx_runt
|
|
|
194
169
|
backgroundColor: 'transparent',
|
|
195
170
|
color: '#606572',
|
|
196
171
|
}),
|
|
197
|
-
}, children: label }))) }));
|
|
198
|
-
exports.
|
|
199
|
-
const MemoizedText = ({
|
|
172
|
+
}, children: option.label }))) }));
|
|
173
|
+
exports.QuillTabs = QuillTabs;
|
|
174
|
+
const MemoizedText = ({ label }) => {
|
|
200
175
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
201
176
|
return ((0, jsx_runtime_1.jsx)("p", { style: {
|
|
202
177
|
fontSize: 12,
|
|
@@ -205,62 +180,52 @@ const MemoizedText = ({ children }) => {
|
|
|
205
180
|
color: '#575E6A',
|
|
206
181
|
userSelect: 'none',
|
|
207
182
|
fontFamily: theme?.fontFamily,
|
|
208
|
-
}, children:
|
|
183
|
+
}, children: label }));
|
|
209
184
|
};
|
|
210
185
|
exports.MemoizedText = MemoizedText;
|
|
211
|
-
|
|
186
|
+
/**
|
|
187
|
+
* The one, true Quill popover component.
|
|
188
|
+
*/
|
|
189
|
+
const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, }) => {
|
|
190
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
191
|
+
const modalRef = (0, react_1.useRef)(null);
|
|
212
192
|
(0, react_1.useEffect)(() => {
|
|
213
193
|
const listener = (event) => {
|
|
214
|
-
if (
|
|
215
|
-
|
|
194
|
+
if (modalRef?.current && !modalRef?.current?.contains(event.target)) {
|
|
195
|
+
if (setIsOpen)
|
|
196
|
+
setIsOpen(false);
|
|
216
197
|
}
|
|
217
|
-
handler(event);
|
|
218
198
|
};
|
|
219
199
|
document.addEventListener('mousedown', listener);
|
|
220
|
-
document.addEventListener('touchstart', listener);
|
|
221
200
|
return () => {
|
|
222
201
|
document.removeEventListener('mousedown', listener);
|
|
223
|
-
document.removeEventListener('touchstart', listener);
|
|
224
202
|
};
|
|
225
|
-
}, [
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
const modalRef = (0, react_1.useRef)(null);
|
|
229
|
-
useOnClickOutside(modalRef, (e) => {
|
|
230
|
-
// Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
|
|
231
|
-
const isTriggerElem = parentRef
|
|
232
|
-
? parentRef.current?.contains(e.target)
|
|
233
|
-
: false;
|
|
234
|
-
if (isTriggerElem) {
|
|
235
|
-
handleCloseModal();
|
|
236
|
-
}
|
|
237
|
-
});
|
|
238
|
-
const handleCloseModal = () => {
|
|
239
|
-
setIsOpen(false);
|
|
240
|
-
if (onClose) {
|
|
241
|
-
onClose();
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: (e) => {
|
|
245
|
-
setIsOpen((isOpen) => !isOpen);
|
|
246
|
-
if (onClick) {
|
|
247
|
-
onClick(e);
|
|
248
|
-
}
|
|
249
|
-
}, label: label })), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
250
|
-
background: 'white',
|
|
203
|
+
}, [modalRef, setIsOpen]);
|
|
204
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [triggerLabel, isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
205
|
+
background: theme?.backgroundColor || 'white',
|
|
251
206
|
position: 'absolute',
|
|
252
207
|
boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
|
|
253
|
-
border:
|
|
208
|
+
border: theme
|
|
209
|
+
? `${theme.borderWidth || 1}px solid ${theme.borderColor || '#e7e7e7'}`
|
|
210
|
+
: '1px solid #e7e7e7',
|
|
254
211
|
boxSizing: 'content-box',
|
|
255
|
-
zIndex:
|
|
256
|
-
top:
|
|
212
|
+
zIndex: 999,
|
|
213
|
+
top: 12,
|
|
257
214
|
borderRadius: 6,
|
|
258
215
|
padding: 20,
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
216
|
+
}, children: [popoverTitle && ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
217
|
+
fontWeight: '600',
|
|
218
|
+
fontSize: 18,
|
|
219
|
+
margin: 0,
|
|
220
|
+
textAlign: 'left',
|
|
221
|
+
marginBottom: 5,
|
|
222
|
+
color: theme?.primaryTextColor,
|
|
223
|
+
fontFamily: theme?.fontFamily,
|
|
224
|
+
}, children: popoverTitle })), popoverChildren] }) }))] }));
|
|
225
|
+
};
|
|
262
226
|
exports.MemoizedPopover = MemoizedPopover;
|
|
263
|
-
function MemoizedModal({ isOpen,
|
|
227
|
+
function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
|
|
228
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
264
229
|
if (!isOpen) {
|
|
265
230
|
return null;
|
|
266
231
|
}
|
|
@@ -273,15 +238,11 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
|
|
|
273
238
|
zIndex: '50',
|
|
274
239
|
backgroundColor: 'rgba(255, 255, 255, 0.8)',
|
|
275
240
|
backdropFilter: 'blur(5px)',
|
|
276
|
-
}, onClick:
|
|
277
|
-
// position: "absolute",
|
|
241
|
+
}, onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
278
242
|
position: 'fixed',
|
|
279
243
|
left: '50%',
|
|
280
244
|
top: '50%',
|
|
281
245
|
zIndex: '50',
|
|
282
|
-
// width: "100%",
|
|
283
|
-
maxWidth: 1024,
|
|
284
|
-
maxHeight: '90vh',
|
|
285
246
|
display: 'flex',
|
|
286
247
|
justifyContent: 'center',
|
|
287
248
|
alignItems: 'center',
|
|
@@ -291,12 +252,16 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
|
|
|
291
252
|
borderStyle: 'solid',
|
|
292
253
|
borderWidth: 1,
|
|
293
254
|
borderColor: '#e7e7e7',
|
|
294
|
-
overflow: '
|
|
295
|
-
|
|
296
|
-
|
|
255
|
+
overflow: 'scroll',
|
|
256
|
+
width: width ?? 'auto',
|
|
257
|
+
height: height ?? 'auto',
|
|
258
|
+
maxWidth: 'calc(100vw - 82px)',
|
|
259
|
+
maxHeight: 'calc(100vh - 82px)',
|
|
297
260
|
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
298
|
-
|
|
299
|
-
|
|
261
|
+
width: '100%',
|
|
262
|
+
height: '100%',
|
|
263
|
+
maxWidth: 'calc(100vw - 82px)',
|
|
264
|
+
maxHeight: 'calc(100vh - 82px)',
|
|
300
265
|
overflowY: 'scroll',
|
|
301
266
|
// maxWidth: "700px",
|
|
302
267
|
backgroundColor: '#ffffff',
|
|
@@ -304,7 +269,7 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
|
|
|
304
269
|
// borderRadius: "8px",
|
|
305
270
|
display: 'flex',
|
|
306
271
|
flexDirection: 'column',
|
|
307
|
-
alignItems: 'center',
|
|
272
|
+
// alignItems: 'center',
|
|
308
273
|
position: 'relative',
|
|
309
274
|
fontFamily: theme?.fontFamily,
|
|
310
275
|
}, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
|
|
@@ -321,10 +286,10 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
|
|
|
321
286
|
textAlign: 'left',
|
|
322
287
|
paddingTop: 18,
|
|
323
288
|
color: theme?.primaryTextColor,
|
|
324
|
-
}, children: title }), (0, jsx_runtime_1.jsx)(
|
|
289
|
+
}, children: title }), (0, jsx_runtime_1.jsx)("div", { style: { marginRight: 10, marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: () => setIsOpen(false) }) })] }), children] }) })] }));
|
|
325
290
|
}
|
|
326
291
|
exports.MemoizedModal = MemoizedModal;
|
|
327
|
-
const MemoizedDeleteButton = ({ onClick,
|
|
292
|
+
const MemoizedDeleteButton = ({ onClick, }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
|
|
328
293
|
height: 40,
|
|
329
294
|
width: 40,
|
|
330
295
|
border: 'none',
|
|
@@ -333,7 +298,6 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
|
|
|
333
298
|
alignItems: 'center',
|
|
334
299
|
justifyContent: 'center',
|
|
335
300
|
borderRadius: 6,
|
|
336
|
-
...style,
|
|
337
301
|
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
338
302
|
.quill-delete-button {
|
|
339
303
|
background-color: white;
|
|
@@ -351,3 +315,12 @@ const LoadingSpinner = () => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
|
351
315
|
alignItems: 'center',
|
|
352
316
|
}, children: (0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 6)", stroke: "#364153", fill: "none", transform: "rotate(-90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }) }));
|
|
353
317
|
exports.LoadingSpinner = LoadingSpinner;
|
|
318
|
+
const QuillTableComponent = ({ rows, columns, isLoading = false, }) => {
|
|
319
|
+
if (isLoading) {
|
|
320
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', margin: 'auto' }, children: (0, jsx_runtime_1.jsx)(exports.LoadingSpinner, {}) }));
|
|
321
|
+
}
|
|
322
|
+
return (0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: 20 });
|
|
323
|
+
};
|
|
324
|
+
exports.QuillTableComponent = QuillTableComponent;
|
|
325
|
+
const QuillEmptyDashboardComponent = () => (0, jsx_runtime_1.jsx)("div", {});
|
|
326
|
+
exports.QuillEmptyDashboardComponent = QuillEmptyDashboardComponent;
|
|
@@ -2,4 +2,5 @@ export { default as useInternalState } from "./useInternalState";
|
|
|
2
2
|
export { default as useOnClickOutside } from "./useOnClickOutside";
|
|
3
3
|
export { default as useOnWindowResize } from "./useOnWindowResize";
|
|
4
4
|
export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
|
|
5
|
+
export { default as useTheme } from './useTheme';
|
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -3,7 +3,7 @@ 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.useSelectOnKeyDown = exports.useOnWindowResize = exports.useOnClickOutside = exports.useInternalState = void 0;
|
|
6
|
+
exports.useTheme = exports.useSelectOnKeyDown = exports.useOnWindowResize = exports.useOnClickOutside = exports.useInternalState = void 0;
|
|
7
7
|
var useInternalState_1 = require("./useInternalState");
|
|
8
8
|
Object.defineProperty(exports, "useInternalState", { enumerable: true, get: function () { return __importDefault(useInternalState_1).default; } });
|
|
9
9
|
var useOnClickOutside_1 = require("./useOnClickOutside");
|
|
@@ -12,3 +12,5 @@ var useOnWindowResize_1 = require("./useOnWindowResize");
|
|
|
12
12
|
Object.defineProperty(exports, "useOnWindowResize", { enumerable: true, get: function () { return __importDefault(useOnWindowResize_1).default; } });
|
|
13
13
|
var useSelectOnKeyDown_1 = require("./useSelectOnKeyDown");
|
|
14
14
|
Object.defineProperty(exports, "useSelectOnKeyDown", { enumerable: true, get: function () { return __importDefault(useSelectOnKeyDown_1).default; } });
|
|
15
|
+
var useTheme_1 = require("./useTheme");
|
|
16
|
+
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return __importDefault(useTheme_1).default; } });
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,QAAQ,QAAO,UAIpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const Context_1 = require("../Context");
|
|
5
|
+
/**
|
|
6
|
+
* A simple hook to get the theme without all that noise.
|
|
7
|
+
*/
|
|
8
|
+
const useTheme = () => {
|
|
9
|
+
const [theme, _] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
10
|
+
return theme;
|
|
11
|
+
};
|
|
12
|
+
exports.default = useTheme;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,21 +1,29 @@
|
|
|
1
1
|
export { default as Dashboard } from './Dashboard';
|
|
2
2
|
export type { DashboardProps, DashboardItemProps, DashboardItem, AxisFormat, } from './Dashboard';
|
|
3
3
|
export { default as QuillProvider } from './QuillProvider';
|
|
4
|
+
export type { QuillProviderProps, QuillTheme } from './QuillProvider';
|
|
4
5
|
export { default as Chart } from './Chart';
|
|
6
|
+
export type { ColorMapType, ChartProps } from './Chart';
|
|
5
7
|
export { default as Table } from './Table';
|
|
8
|
+
export type { TableProps } from './Table';
|
|
6
9
|
export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
|
|
10
|
+
export type { SQLEditorProps } from './SQLEditor';
|
|
7
11
|
export { default as ReportBuilder } from './ReportBuilder';
|
|
12
|
+
export type { ReportBuilderProps } from './ReportBuilder';
|
|
8
13
|
export { default as ChartBuilder } from './ChartBuilder';
|
|
14
|
+
export type { ChartBuilderProps } from './ChartBuilder';
|
|
9
15
|
export { default as ChartEditor } from './ChartEditor';
|
|
16
|
+
export type { ChartEditorProps } from './ChartEditor';
|
|
10
17
|
export { quillFormat as format } from './utils/valueFormatter';
|
|
11
18
|
export { useDashboard } from './hooks/useDashboard';
|
|
12
19
|
export { useQuill } from './hooks/useQuill';
|
|
13
20
|
export { useExport } from './hooks/useExport';
|
|
14
21
|
export { useMemoizedRows } from './hooks/useFormat';
|
|
15
22
|
export { downloadCSV } from './utils/csv';
|
|
16
|
-
export type { QuillTheme } from './QuillProvider';
|
|
17
23
|
export { ThemeContext } from './Context';
|
|
18
|
-
export type { TextInputComponentProps, ButtonComponentProps,
|
|
24
|
+
export type { TextInputComponentProps, ButtonComponentProps, DeleteButtonComponentProps, SelectComponentProps, PopoverComponentProps, TabsComponentProps, CheckboxComponentProps, SidebarComponentProps, ContainerComponentProps, HeaderComponentProps, LabelComponentProps, TextComponentProps, Option, ModalComponentProps, HeaderProps, } from './components/UiComponents';
|
|
25
|
+
export type { SelectColumnComponentProps, DraggableColumnComponentProps, SidebarHeadingComponentProps, FilterPopoverComponentProps, SortPopoverComponentProps, LimitPopoverComponentProps, } from './components/ReportBuilder/ui';
|
|
26
|
+
export type { TableComponentProps } from './components/QuillTable';
|
|
19
27
|
export type { DateRangePickerProps, DateRangePickerOption, DateRange, } from './DateRangePicker/DateRangePicker';
|
|
20
28
|
export type { DashboardSectionComponentProps } from './components/Dashboard/DashboardSection';
|
|
21
29
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,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,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,EACN,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC"}
|