@quillsql/react 1.6.9 → 1.7.1
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/lib/AddToDashboardModal.js +249 -369
- package/lib/AddToDashboardModal.js.map +1 -1
- package/lib/BarList.js +92 -109
- package/lib/BarList.js.map +1 -1
- package/lib/Chart.js +378 -491
- package/lib/Chart.js.map +1 -1
- package/lib/Context.d.ts +3 -3
- package/lib/Context.js +94 -96
- package/lib/Context.js.map +1 -1
- package/lib/Dashboard.js +200 -217
- package/lib/Dashboard.js.map +1 -1
- package/lib/DateRangePicker/Calendar.js +87 -91
- package/lib/DateRangePicker/Calendar.js.map +1 -1
- package/lib/DateRangePicker/DateRangePicker.js +70 -68
- package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
- package/lib/DateRangePicker/DateRangePickerButton.js +46 -57
- package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
- package/lib/DateRangePicker/dateRangePickerUtils.js +105 -99
- package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
- package/lib/DateRangePicker/index.js +8 -1
- package/lib/DateRangePicker/index.js.map +1 -1
- package/lib/PieChart.js +221 -225
- package/lib/PieChart.js.map +1 -1
- package/lib/QuillProvider.d.ts +2 -1
- package/lib/QuillProvider.js +8 -18
- package/lib/QuillProvider.js.map +1 -1
- package/lib/ReportBuilder.d.ts +1 -1
- package/lib/ReportBuilder.js +430 -526
- package/lib/ReportBuilder.js.map +1 -1
- package/lib/SQLEditor.js +183 -268
- package/lib/SQLEditor.js.map +1 -1
- package/lib/Table.js +213 -256
- package/lib/Table.js.map +1 -1
- package/lib/TableChart.js +76 -75
- package/lib/TableChart.js.map +1 -1
- package/lib/assets/ArrowDownHeadIcon.js +5 -28
- package/lib/assets/ArrowDownHeadIcon.js.map +1 -1
- package/lib/assets/ArrowDownIcon.js +5 -28
- package/lib/assets/ArrowDownIcon.js.map +1 -1
- package/lib/assets/ArrowDownRightIcon.js +5 -28
- package/lib/assets/ArrowDownRightIcon.js.map +1 -1
- package/lib/assets/ArrowLeftHeadIcon.js +5 -28
- package/lib/assets/ArrowLeftHeadIcon.js.map +1 -1
- package/lib/assets/ArrowRightHeadIcon.js +5 -28
- package/lib/assets/ArrowRightHeadIcon.js.map +1 -1
- package/lib/assets/ArrowRightIcon.js +5 -28
- package/lib/assets/ArrowRightIcon.js.map +1 -1
- package/lib/assets/ArrowUpHeadIcon.js +5 -28
- package/lib/assets/ArrowUpHeadIcon.js.map +1 -1
- package/lib/assets/ArrowUpIcon.js +5 -28
- package/lib/assets/ArrowUpIcon.js.map +1 -1
- package/lib/assets/ArrowUpRightIcon.js +5 -28
- package/lib/assets/ArrowUpRightIcon.js.map +1 -1
- package/lib/assets/CalendarIcon.js +5 -28
- package/lib/assets/CalendarIcon.js.map +1 -1
- package/lib/assets/DoubleArrowLeftHeadIcon.js +5 -28
- package/lib/assets/DoubleArrowLeftHeadIcon.js.map +1 -1
- package/lib/assets/DoubleArrowRightHeadIcon.js +5 -28
- package/lib/assets/DoubleArrowRightHeadIcon.js.map +1 -1
- package/lib/assets/ExclamationFilledIcon.js +5 -28
- package/lib/assets/ExclamationFilledIcon.js.map +1 -1
- package/lib/assets/LoadingSpinner.js +5 -28
- package/lib/assets/LoadingSpinner.js.map +1 -1
- package/lib/assets/SearchIcon.js +5 -28
- package/lib/assets/SearchIcon.js.map +1 -1
- package/lib/assets/XCircleIcon.js +5 -28
- package/lib/assets/XCircleIcon.js.map +1 -1
- package/lib/assets/index.js +38 -16
- package/lib/assets/index.js.map +1 -1
- package/lib/components/BigModal/BigModal.js +45 -43
- package/lib/components/BigModal/BigModal.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +57 -53
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownItem.js +43 -40
- package/lib/components/Dropdown/DropdownItem.js.map +1 -1
- package/lib/components/Dropdown/index.js +10 -2
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/Modal/Modal.js +45 -43
- package/lib/components/Modal/Modal.js.map +1 -1
- package/lib/components/Modal/index.js +8 -1
- package/lib/components/Modal/index.js.map +1 -1
- package/lib/components/selectUtils.js +20 -15
- package/lib/components/selectUtils.js.map +1 -1
- package/lib/contexts/BaseColorContext.js +5 -3
- package/lib/contexts/BaseColorContext.js.map +1 -1
- package/lib/contexts/HoveredValueContext.js +5 -3
- package/lib/contexts/HoveredValueContext.js.map +1 -1
- package/lib/contexts/RootStylesContext.js +5 -3
- package/lib/contexts/RootStylesContext.js.map +1 -1
- package/lib/contexts/SelectedValueContext.js +5 -3
- package/lib/contexts/SelectedValueContext.js.map +1 -1
- package/lib/contexts/index.js +14 -4
- package/lib/contexts/index.js.map +1 -1
- package/lib/hooks/index.js +14 -4
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useInternalState.js +9 -7
- package/lib/hooks/useInternalState.js.map +1 -1
- package/lib/hooks/useOnClickOutside.js +8 -6
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/useOnWindowResize.js +9 -7
- package/lib/hooks/useOnWindowResize.js.map +1 -1
- package/lib/hooks/useQuill.js +60 -111
- package/lib/hooks/useQuill.js.map +1 -1
- package/lib/hooks/useSelectOnKeyDown.js +17 -15
- package/lib/hooks/useSelectOnKeyDown.js.map +1 -1
- package/lib/index.js +22 -8
- package/lib/index.js.map +1 -1
- package/package.json +9 -2
- package/rollup.config.ts +21 -0
- package/src/AddToDashboardModal.tsx +10 -3
- package/src/Chart.tsx +66 -195
- package/src/Context.tsx +10 -27
- package/src/Dashboard.tsx +40 -23
- package/src/QuillProvider.tsx +3 -0
- package/src/ReportBuilder.tsx +10 -5
- package/src/SQLEditor.tsx +9 -4
- package/src/Table.tsx +0 -1
- package/src/hooks/useQuill.ts +2 -1
- package/lib/AddToDashboardButton.d.ts +0 -1
- package/lib/AddToDashboardButton.js +0 -2
- package/lib/AddToDashboardButton.js.map +0 -1
- package/lib/AppContext.d.ts +0 -29
- package/lib/AppContext.js +0 -94
- package/lib/AppContext.js.map +0 -1
- package/lib/Button.d.ts +0 -26
- package/lib/Button.js +0 -151
- package/lib/Button.js.map +0 -1
- package/lib/ContextProvider.d.ts +0 -28
- package/lib/ContextProvider.js +0 -93
- package/lib/ContextProvider.js.map +0 -1
- package/lib/DateRangePicker.d.ts +0 -32
- package/lib/DateRangePicker.js +0 -105
- package/lib/DateRangePicker.js.map +0 -1
- package/lib/Dialog.d.ts +0 -68
- package/lib/Dialog.js +0 -407
- package/lib/Dialog.js.map +0 -1
- package/lib/Portal.d.ts +0 -32
- package/lib/Portal.js +0 -171
- package/lib/Portal.js.map +0 -1
- package/lib/Props.d.ts +0 -0
- package/lib/Props.js +0 -2
- package/lib/Props.js.map +0 -1
- package/lib/components/BigModal/Modal.d.ts +0 -14
- package/lib/components/BigModal/Modal.js +0 -109
- package/lib/components/BigModal/Modal.js.map +0 -1
- package/lib/components/Modal/Dropdown/Dropdown.d.ts +0 -12
- package/lib/components/Modal/Dropdown/Dropdown.js +0 -52
- package/lib/components/Modal/Dropdown/Dropdown.js.map +0 -1
- package/lib/components/Modal/Dropdown/DropdownItem.d.ts +0 -8
- package/lib/components/Modal/Dropdown/DropdownItem.js +0 -51
- package/lib/components/Modal/Dropdown/DropdownItem.js.map +0 -1
- package/lib/components/Modal/Dropdown/index.d.ts +0 -2
- package/lib/components/Modal/Dropdown/index.js +0 -3
- package/lib/components/Modal/Dropdown/index.js.map +0 -1
- package/lib/hooks/useSyncRefs.d.ts +0 -5
- package/lib/hooks/useSyncRefs.js +0 -38
- package/lib/hooks/useSyncRefs.js.map +0 -1
- package/lib/lib/colorClassNames.d.ts +0 -19
- package/lib/lib/colorClassNames.js +0 -3175
- package/lib/lib/colorClassNames.js.map +0 -1
- package/lib/lib/constants.d.ts +0 -16
- package/lib/lib/constants.js +0 -47
- package/lib/lib/constants.js.map +0 -1
- package/lib/lib/font.d.ts +0 -13
- package/lib/lib/font.js +0 -14
- package/lib/lib/font.js.map +0 -1
- package/lib/lib/hexColors.d.ts +0 -3
- package/lib/lib/hexColors.js +0 -29
- package/lib/lib/hexColors.js.map +0 -1
- package/lib/lib/index.d.ts +0 -3
- package/lib/lib/index.js +0 -4
- package/lib/lib/index.js.map +0 -1
- package/lib/lib/inputTypes.d.ts +0 -20
- package/lib/lib/inputTypes.js +0 -56
- package/lib/lib/inputTypes.js.map +0 -1
- package/lib/lib/shape.d.ts +0 -73
- package/lib/lib/shape.js +0 -74
- package/lib/lib/shape.js.map +0 -1
- package/lib/lib/sizing.d.ts +0 -46
- package/lib/lib/sizing.js +0 -43
- package/lib/lib/sizing.js.map +0 -1
- package/lib/lib/spacing.d.ts +0 -264
- package/lib/lib/spacing.js +0 -265
- package/lib/lib/spacing.js.map +0 -1
- package/lib/lib/theme.d.ts +0 -22
- package/lib/lib/theme.js +0 -46
- package/lib/lib/theme.js.map +0 -1
- package/lib/lib/utils.d.ts +0 -9
- package/lib/lib/utils.js +0 -40
- package/lib/lib/utils.js.map +0 -1
- package/lib/styles.css +0 -15795
- package/lib/types/Props.d.ts +0 -0
- package/lib/types/Props.js +0 -2
- package/lib/types/Props.js.map +0 -1
- package/lib/types.d.ts +0 -27
- package/lib/types.js +0 -6
- package/lib/types.js.map +0 -1
- package/src/lib/font.ts +0 -14
- package/src/lib/index.ts +0 -3
- package/src/lib/inputTypes.ts +0 -81
- package/src/lib/utils.tsx +0 -46
package/src/Dashboard.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
1
2
|
// @ts-nocheck
|
|
2
3
|
import React, { useContext, useEffect, useState, useRef } from 'react';
|
|
3
4
|
import Chart from './Chart';
|
|
4
5
|
import {
|
|
5
6
|
ClientContext,
|
|
6
7
|
DashboardContext,
|
|
7
|
-
DateFilterContext,
|
|
8
8
|
ThemeContext,
|
|
9
9
|
DashboardFiltersContext,
|
|
10
10
|
} from './Context';
|
|
@@ -45,20 +45,12 @@ export default function Dashboard({
|
|
|
45
45
|
}: DashboardProps) {
|
|
46
46
|
const [dashboardSections, setDashboardSections] = useState<any>(null);
|
|
47
47
|
const { dashboard } = useContext(DashboardContext);
|
|
48
|
-
const [client
|
|
49
|
-
const [theme
|
|
48
|
+
const [client] = useContext(ClientContext);
|
|
49
|
+
const [theme] =
|
|
50
50
|
useContext<[QuillTheme, (theme: QuillTheme) => void]>(ThemeContext);
|
|
51
|
-
const { dateFilter, dateFilterDispatch } = useContext(DateFilterContext);
|
|
52
51
|
const { dashboardFiltersDispatch } = useContext(DashboardFiltersContext);
|
|
53
52
|
const [configFilters, setConfigFilters] = useState([]);
|
|
54
53
|
|
|
55
|
-
const setGlobalDateFilter = (startDate, endDate) => {
|
|
56
|
-
dateFilterDispatch({
|
|
57
|
-
type: 'SET_GLOBAL_DATE_FILTER',
|
|
58
|
-
payload: { startDate, endDate },
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
|
|
62
54
|
React.useEffect(() => {
|
|
63
55
|
async function getDashboards() {
|
|
64
56
|
const {
|
|
@@ -67,13 +59,15 @@ export default function Dashboard({
|
|
|
67
59
|
environment,
|
|
68
60
|
queryEndpoint,
|
|
69
61
|
queryHeaders,
|
|
62
|
+
withCredentials,
|
|
70
63
|
} = client;
|
|
71
64
|
try {
|
|
72
65
|
// const response = await fetch(
|
|
73
66
|
// `https://quill-344421.uc.r.appspot.com/dashsections/${publicKey}/${customerId}/${name}`
|
|
74
67
|
// );
|
|
75
68
|
|
|
76
|
-
if (queryEndpoint
|
|
69
|
+
if (queryEndpoint) {
|
|
70
|
+
//&& queryHeaders
|
|
77
71
|
const response = await axios.post(
|
|
78
72
|
queryEndpoint,
|
|
79
73
|
{
|
|
@@ -81,8 +75,10 @@ export default function Dashboard({
|
|
|
81
75
|
},
|
|
82
76
|
{
|
|
83
77
|
headers: queryHeaders,
|
|
78
|
+
withCredentials,
|
|
84
79
|
}
|
|
85
80
|
);
|
|
81
|
+
|
|
86
82
|
if (response.status !== 200) {
|
|
87
83
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
|
88
84
|
}
|
|
@@ -120,17 +116,18 @@ export default function Dashboard({
|
|
|
120
116
|
getDashboards();
|
|
121
117
|
}, [name]);
|
|
122
118
|
|
|
123
|
-
const onChangeDateFilter = dateFilter => {
|
|
124
|
-
setGlobalDateFilter(dateFilter[0], dateFilter[1]);
|
|
125
|
-
};
|
|
126
|
-
|
|
127
119
|
useEffect(() => {
|
|
128
120
|
// change to be set on the dashboard / section as default date range
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
121
|
+
const filter = {
|
|
122
|
+
startDate: sub(startOfToday(), { days: 90 }),
|
|
123
|
+
endDate: new Date(),
|
|
124
|
+
filterType: 'DATE_RANGE',
|
|
125
|
+
};
|
|
126
|
+
dashboardFiltersDispatch({
|
|
127
|
+
type: 'ADD_DASHBOARD_FILTER',
|
|
128
|
+
id: 'date_range',
|
|
129
|
+
data: {
|
|
130
|
+
...filter,
|
|
134
131
|
},
|
|
135
132
|
});
|
|
136
133
|
}, []);
|
|
@@ -141,10 +138,29 @@ export default function Dashboard({
|
|
|
141
138
|
}
|
|
142
139
|
};
|
|
143
140
|
|
|
141
|
+
const onChangeDateFilter = dateFilter => {
|
|
142
|
+
setGlobalDateFilter(dateFilter[0], dateFilter[1]);
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
const setGlobalDateFilter = (startDate, endDate) => {
|
|
146
|
+
const filter = {
|
|
147
|
+
startDate: startDate,
|
|
148
|
+
endDate: endDate,
|
|
149
|
+
filterType: 'DATE_RANGE',
|
|
150
|
+
};
|
|
151
|
+
dashboardFiltersDispatch({
|
|
152
|
+
type: 'ADD_DASHBOARD_FILTER',
|
|
153
|
+
id: 'date_range',
|
|
154
|
+
data: {
|
|
155
|
+
...filter,
|
|
156
|
+
},
|
|
157
|
+
});
|
|
158
|
+
};
|
|
159
|
+
|
|
144
160
|
const onChangeFilter = (value, filter) => {
|
|
145
161
|
dashboardFiltersDispatch({
|
|
146
162
|
type: 'ADD_DASHBOARD_FILTER',
|
|
147
|
-
id:
|
|
163
|
+
id: 'date_range',
|
|
148
164
|
data: {
|
|
149
165
|
...filter,
|
|
150
166
|
selectedValue: filter.options.find(
|
|
@@ -391,7 +407,7 @@ export default function Dashboard({
|
|
|
391
407
|
// marginBottom: 50,
|
|
392
408
|
marginTop: 20,
|
|
393
409
|
}}
|
|
394
|
-
|
|
410
|
+
dateFilter={true}
|
|
395
411
|
chartId={elem._id}
|
|
396
412
|
query={elem.queryString}
|
|
397
413
|
// colors={theme.chartColors}
|
|
@@ -591,6 +607,7 @@ export default function Dashboard({
|
|
|
591
607
|
}
|
|
592
608
|
|
|
593
609
|
function Filter({ defaultValue, theme, onValueChange, filter }) {
|
|
610
|
+
//should be date as well as strings
|
|
594
611
|
const dropdownOptions = [
|
|
595
612
|
{ value: 'popupbagelsmardens', text: 'popupbagelsmardens' },
|
|
596
613
|
{ value: 'popupbagelswestport', text: 'popupbagelswestport' },
|
package/src/QuillProvider.tsx
CHANGED
|
@@ -19,6 +19,7 @@ interface WithQueryEndpoint extends BaseQuillProviderProps {
|
|
|
19
19
|
organizationId?: never;
|
|
20
20
|
queryEndpoint: string;
|
|
21
21
|
queryHeaders: object;
|
|
22
|
+
withCredentials?: boolean;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
type QuillProviderProps = WithOrganizationId | WithQueryEndpoint;
|
|
@@ -60,6 +61,7 @@ const QuillProvider = ({
|
|
|
60
61
|
environment,
|
|
61
62
|
children,
|
|
62
63
|
theme = defaultTheme,
|
|
64
|
+
withCredentials = false,
|
|
63
65
|
}: QuillProviderProps) => {
|
|
64
66
|
return (
|
|
65
67
|
<ContextProvider
|
|
@@ -69,6 +71,7 @@ const QuillProvider = ({
|
|
|
69
71
|
customerId={organizationId}
|
|
70
72
|
queryEndpoint={queryEndpoint}
|
|
71
73
|
queryHeaders={queryHeaders}
|
|
74
|
+
withCredentials={withCredentials}
|
|
72
75
|
>
|
|
73
76
|
{children}
|
|
74
77
|
</ContextProvider>
|
package/src/ReportBuilder.tsx
CHANGED
|
@@ -59,7 +59,7 @@ interface ReportBuilderProps {
|
|
|
59
59
|
ModalComponent?: (props: ModalComponentProps) => JSX.Element;
|
|
60
60
|
ModalTriggerComponent?: (props: ModalTriggerComponentProps) => JSX.Element;
|
|
61
61
|
TextInputComponent?: (props: TextInputComponentProps) => JSX.Element;
|
|
62
|
-
tagStyle
|
|
62
|
+
tagStyle: React.CSSProperties;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
function QuillModal({ children, isOpen, onClose, title, theme }) {
|
|
@@ -161,15 +161,21 @@ export default function ReportBuilder({
|
|
|
161
161
|
}, []);
|
|
162
162
|
|
|
163
163
|
const runQuery = async query => {
|
|
164
|
-
const {
|
|
165
|
-
|
|
164
|
+
const {
|
|
165
|
+
publicKey,
|
|
166
|
+
customerId,
|
|
167
|
+
environment,
|
|
168
|
+
queryEndpoint,
|
|
169
|
+
queryHeaders,
|
|
170
|
+
withCredentials,
|
|
171
|
+
} = client;
|
|
166
172
|
|
|
167
173
|
let response;
|
|
168
174
|
if (queryEndpoint) {
|
|
169
175
|
response = await axios.post(
|
|
170
176
|
queryEndpoint,
|
|
171
177
|
{ metadata: { query, task: 'query' } },
|
|
172
|
-
{ headers: queryHeaders }
|
|
178
|
+
{ headers: queryHeaders, withCredentials }
|
|
173
179
|
);
|
|
174
180
|
} else {
|
|
175
181
|
response = await axios.post(
|
|
@@ -1619,7 +1625,6 @@ const GroupByModal2 = ({
|
|
|
1619
1625
|
addAggregation,
|
|
1620
1626
|
dateBucket,
|
|
1621
1627
|
setDateBucket,
|
|
1622
|
-
theme,
|
|
1623
1628
|
ModalComponent,
|
|
1624
1629
|
theme,
|
|
1625
1630
|
ModalTriggerComponent,
|
package/src/SQLEditor.tsx
CHANGED
|
@@ -256,8 +256,14 @@ export default function QueryEditor({
|
|
|
256
256
|
};
|
|
257
257
|
|
|
258
258
|
const handleRunQuery = async () => {
|
|
259
|
-
const {
|
|
260
|
-
|
|
259
|
+
const {
|
|
260
|
+
publicKey,
|
|
261
|
+
customerId,
|
|
262
|
+
environment,
|
|
263
|
+
queryEndpoint,
|
|
264
|
+
queryHeaders,
|
|
265
|
+
withCredentials,
|
|
266
|
+
} = client;
|
|
261
267
|
try {
|
|
262
268
|
let response;
|
|
263
269
|
setSqlQueryLoading(true);
|
|
@@ -265,7 +271,7 @@ export default function QueryEditor({
|
|
|
265
271
|
response = await axios.post(
|
|
266
272
|
queryEndpoint,
|
|
267
273
|
{ metadata: { query, task: 'query' } },
|
|
268
|
-
{ headers: queryHeaders }
|
|
274
|
+
{ headers: queryHeaders, withCredentials }
|
|
269
275
|
);
|
|
270
276
|
} else {
|
|
271
277
|
response = await axios.post(
|
|
@@ -635,7 +641,6 @@ const SQLEditorComponent = ({
|
|
|
635
641
|
query,
|
|
636
642
|
setQuery,
|
|
637
643
|
handleRunQuery,
|
|
638
|
-
theme,
|
|
639
644
|
defineEditorTheme,
|
|
640
645
|
setEditorTheme,
|
|
641
646
|
ButtonComponent,
|
package/src/Table.tsx
CHANGED
package/src/hooks/useQuill.ts
CHANGED
|
@@ -74,13 +74,14 @@ export const useQuill = (
|
|
|
74
74
|
environment,
|
|
75
75
|
queryEndpoint,
|
|
76
76
|
queryHeaders,
|
|
77
|
+
withCredentials,
|
|
77
78
|
} = client;
|
|
78
79
|
try {
|
|
79
80
|
if (queryEndpoint) {
|
|
80
81
|
const resp = await axios.post(
|
|
81
82
|
queryEndpoint,
|
|
82
83
|
{ metadata: { id: chartId, task: 'item' } },
|
|
83
|
-
{ headers: queryHeaders }
|
|
84
|
+
{ headers: queryHeaders, withCredentials }
|
|
84
85
|
);
|
|
85
86
|
setLoading(false);
|
|
86
87
|
setData({
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddToDashboardButton.js","sourceRoot":"","sources":["../src/AddToDashboardButton.tsx"],"names":[],"mappings":""}
|
package/lib/AppContext.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const SchemaContext: React.Context<unknown>;
|
|
3
|
-
export declare const ColumnsContext: React.Context<unknown>;
|
|
4
|
-
export declare const RowsContext: React.Context<unknown>;
|
|
5
|
-
export declare const SelectedSidebarIndexContext: React.Context<unknown>;
|
|
6
|
-
export declare const HistoryContext: React.Context<unknown>;
|
|
7
|
-
export declare const SavedQueriesContext: React.Context<unknown>;
|
|
8
|
-
export declare const SaveQueryModalStatusContext: React.Context<unknown>;
|
|
9
|
-
export declare const EditorQueryContext: React.Context<unknown>;
|
|
10
|
-
export declare const ThemeContext: React.Context<unknown>;
|
|
11
|
-
export declare const ClientContext: React.Context<unknown>;
|
|
12
|
-
export declare const CreateVisualizationModalVisibleContext: React.Context<unknown>;
|
|
13
|
-
export declare const ActiveVisualizationContext: React.Context<unknown>;
|
|
14
|
-
export declare const QueryResultsLoadingContext: React.Context<unknown>;
|
|
15
|
-
export declare const EditVisualizationModalVisibleContext: React.Context<unknown>;
|
|
16
|
-
export declare const ReportBuilderQueryContext: React.Context<unknown>;
|
|
17
|
-
export declare const SavedReportsQueryContext: React.Context<unknown>;
|
|
18
|
-
export declare const DashboardUpdateContext: React.Context<unknown>;
|
|
19
|
-
export declare const DashboardStateContext: React.Context<unknown>;
|
|
20
|
-
export declare const ContextProvider: ({ children, containerStyle, initialTheme, publicKey, authToken, customerId, userId, }: {
|
|
21
|
-
children: any;
|
|
22
|
-
containerStyle: any;
|
|
23
|
-
initialTheme: any;
|
|
24
|
-
publicKey: any;
|
|
25
|
-
authToken: any;
|
|
26
|
-
customerId: any;
|
|
27
|
-
userId: any;
|
|
28
|
-
}) => JSX.Element | null;
|
|
29
|
-
export default ContextProvider;
|
package/lib/AppContext.js
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import React, { useEffect, useState } from 'react';
|
|
14
|
-
export var SchemaContext = React.createContext();
|
|
15
|
-
export var ColumnsContext = React.createContext();
|
|
16
|
-
export var RowsContext = React.createContext();
|
|
17
|
-
export var SelectedSidebarIndexContext = React.createContext();
|
|
18
|
-
export var HistoryContext = React.createContext();
|
|
19
|
-
export var SavedQueriesContext = React.createContext();
|
|
20
|
-
export var SaveQueryModalStatusContext = React.createContext();
|
|
21
|
-
export var EditorQueryContext = React.createContext();
|
|
22
|
-
export var ThemeContext = React.createContext();
|
|
23
|
-
export var ClientContext = React.createContext();
|
|
24
|
-
export var CreateVisualizationModalVisibleContext = React.createContext();
|
|
25
|
-
export var ActiveVisualizationContext = React.createContext();
|
|
26
|
-
export var QueryResultsLoadingContext = React.createContext();
|
|
27
|
-
export var EditVisualizationModalVisibleContext = React.createContext();
|
|
28
|
-
export var ReportBuilderQueryContext = React.createContext();
|
|
29
|
-
export var SavedReportsQueryContext = React.createContext();
|
|
30
|
-
export var DashboardUpdateContext = React.createContext();
|
|
31
|
-
export var DashboardStateContext = React.createContext();
|
|
32
|
-
export var ContextProvider = function (_a) {
|
|
33
|
-
var children = _a.children, containerStyle = _a.containerStyle, initialTheme = _a.initialTheme, publicKey = _a.publicKey, authToken = _a.authToken, customerId = _a.customerId, userId = _a.userId;
|
|
34
|
-
var _b = useState(null), client = _b[0], setClient = _b[1];
|
|
35
|
-
var _c = useState(null), theme = _c[0], setTheme = _c[1];
|
|
36
|
-
var _d = useState(null), columns = _d[0], setColumns = _d[1];
|
|
37
|
-
var _e = useState(null), rows = _e[0], setRows = _e[1];
|
|
38
|
-
var _f = useState([]), schema = _f[0], setSchema = _f[1];
|
|
39
|
-
var _g = useState(0), selectedSidebarIndex = _g[0], setSelectedSidebarIndex = _g[1];
|
|
40
|
-
var _h = useState([]), history = _h[0], setHistory = _h[1];
|
|
41
|
-
var _j = useState([]), savedQueries = _j[0], setSavedQueries = _j[1];
|
|
42
|
-
// REPORT_BUILDER, SQL_EDITOR, HIDDEN
|
|
43
|
-
var _k = useState('HIDDEN'), saveQueryModalStatus = _k[0], setSaveQueryModalStatus = _k[1];
|
|
44
|
-
var _l = useState(''), editorQuery = _l[0], setEditorQuery = _l[1];
|
|
45
|
-
var _m = useState(''), savedReportsQuery = _m[0], setSavedReportsQuery = _m[1];
|
|
46
|
-
var _o = useState(''), reportBuilderQuery = _o[0], setReportBuilderQuery = _o[1];
|
|
47
|
-
var _p = useState(false), createVisualizationModalVisible = _p[0], setCreateVisualizationModalVisible = _p[1];
|
|
48
|
-
var _q = useState(null), activeVisualization = _q[0], setActiveVisualization = _q[1];
|
|
49
|
-
var _r = useState(false), queryResultsLoading = _r[0], setQueryResultsLoading = _r[1];
|
|
50
|
-
var _s = useState(false), editVisualizationModalVisible = _s[0], setEditVisualizationModalVisible = _s[1];
|
|
51
|
-
// SEPARATED INTO TWO CONTEXTS TO PREVENT RERENDER
|
|
52
|
-
var _t = useState({}), dashboard = _t[0], setDashboard = _t[1];
|
|
53
|
-
// SETS INITIAL THEME
|
|
54
|
-
useEffect(function () {
|
|
55
|
-
if (!theme) {
|
|
56
|
-
setTheme(__assign(__assign({}, initialTheme), { containerStyle: containerStyle }));
|
|
57
|
-
}
|
|
58
|
-
}, [initialTheme, containerStyle]);
|
|
59
|
-
// SETS INITIAL CLIENT
|
|
60
|
-
useEffect(function () {
|
|
61
|
-
if (!client) {
|
|
62
|
-
setClient({
|
|
63
|
-
customerId: customerId,
|
|
64
|
-
userId: userId,
|
|
65
|
-
authToken: authToken,
|
|
66
|
-
publicKey: publicKey,
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
}, [customerId, userId, authToken, publicKey, client]);
|
|
70
|
-
if (!theme || !client) {
|
|
71
|
-
return null;
|
|
72
|
-
}
|
|
73
|
-
return (_jsx(ClientContext.Provider, __assign({ value: [client, setClient] }, { children: _jsx(ThemeContext.Provider, __assign({ value: [theme, setTheme] }, { children: _jsx(SchemaContext.Provider, __assign({ value: [schema, setSchema] }, { children: _jsx(ColumnsContext.Provider, __assign({ value: [columns, setColumns] }, { children: _jsx(RowsContext.Provider, __assign({ value: [rows, setRows] }, { children: _jsx(SelectedSidebarIndexContext.Provider, __assign({ value: [selectedSidebarIndex, setSelectedSidebarIndex] }, { children: _jsx(HistoryContext.Provider, __assign({ value: [history, setHistory] }, { children: _jsx(SavedQueriesContext.Provider, __assign({ value: [savedQueries, setSavedQueries] }, { children: _jsx(SaveQueryModalStatusContext.Provider, __assign({ value: [saveQueryModalStatus, setSaveQueryModalStatus] }, { children: _jsx(CreateVisualizationModalVisibleContext.Provider, __assign({ value: [
|
|
74
|
-
createVisualizationModalVisible,
|
|
75
|
-
setCreateVisualizationModalVisible,
|
|
76
|
-
] }, { children: _jsx(EditorQueryContext.Provider, __assign({ value: [editorQuery, setEditorQuery] }, { children: _jsx(ActiveVisualizationContext.Provider, __assign({ value: [
|
|
77
|
-
activeVisualization,
|
|
78
|
-
setActiveVisualization,
|
|
79
|
-
] }, { children: _jsx(QueryResultsLoadingContext.Provider, __assign({ value: [
|
|
80
|
-
queryResultsLoading,
|
|
81
|
-
setQueryResultsLoading,
|
|
82
|
-
] }, { children: _jsx(EditVisualizationModalVisibleContext.Provider, __assign({ value: [
|
|
83
|
-
editVisualizationModalVisible,
|
|
84
|
-
setEditVisualizationModalVisible,
|
|
85
|
-
] }, { children: _jsx(ReportBuilderQueryContext.Provider, __assign({ value: [
|
|
86
|
-
reportBuilderQuery,
|
|
87
|
-
setReportBuilderQuery,
|
|
88
|
-
] }, { children: _jsx(SavedReportsQueryContext.Provider, __assign({ value: [
|
|
89
|
-
savedReportsQuery,
|
|
90
|
-
setSavedReportsQuery,
|
|
91
|
-
] }, { children: _jsx(DashboardStateContext.Provider, __assign({ value: dashboard }, { children: _jsx(DashboardUpdateContext.Provider, __assign({ value: setDashboard }, { children: children })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })));
|
|
92
|
-
};
|
|
93
|
-
export default ContextProvider;
|
|
94
|
-
//# sourceMappingURL=AppContext.js.map
|
package/lib/AppContext.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppContext.js","sourceRoot":"","sources":["../src/AppContext.tsx"],"names":[],"mappings":"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"}
|
package/lib/Button.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
|
|
3
|
-
export type Color = (typeof colorValues)[number];
|
|
4
|
-
interface ButtonProps {
|
|
5
|
-
text: string;
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const ChartTooltipFrame: ({ children, }: {
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
}) => JSX.Element;
|
|
12
|
-
export interface ChartTooltipRowProps {
|
|
13
|
-
value: string;
|
|
14
|
-
name: string;
|
|
15
|
-
color: Color;
|
|
16
|
-
}
|
|
17
|
-
export declare const ChartTooltipRow: ({ value, name, color, }: ChartTooltipRowProps) => JSX.Element;
|
|
18
|
-
export interface ChartTooltipProps {
|
|
19
|
-
active: boolean | undefined;
|
|
20
|
-
payload: any;
|
|
21
|
-
label: string;
|
|
22
|
-
categoryColors: Map<string, Color>;
|
|
23
|
-
valueFormatter: any;
|
|
24
|
-
}
|
|
25
|
-
declare const Chart: React.FC<ButtonProps>;
|
|
26
|
-
export default Chart;
|
package/lib/Button.js
DELETED
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
14
|
-
import { Area, CartesianGrid, ComposedChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
|
|
15
|
-
var colorValues = [
|
|
16
|
-
'slate',
|
|
17
|
-
'gray',
|
|
18
|
-
'zinc',
|
|
19
|
-
'neutral',
|
|
20
|
-
'stone',
|
|
21
|
-
'red',
|
|
22
|
-
'orange',
|
|
23
|
-
'amber',
|
|
24
|
-
'yellow',
|
|
25
|
-
'lime',
|
|
26
|
-
'green',
|
|
27
|
-
'emerald',
|
|
28
|
-
'teal',
|
|
29
|
-
'cyan',
|
|
30
|
-
'sky',
|
|
31
|
-
'blue',
|
|
32
|
-
'indigo',
|
|
33
|
-
'violet',
|
|
34
|
-
'purple',
|
|
35
|
-
'fuchsia',
|
|
36
|
-
'pink',
|
|
37
|
-
'rose',
|
|
38
|
-
];
|
|
39
|
-
var data = [
|
|
40
|
-
{
|
|
41
|
-
date: 'Jan 22',
|
|
42
|
-
SemiAnalysis: 2890,
|
|
43
|
-
'The Pragmatic Engineer': 2338,
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
date: 'Feb 22',
|
|
47
|
-
SemiAnalysis: 2756,
|
|
48
|
-
'The Pragmatic Engineer': 2103,
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
date: 'Mar 22',
|
|
52
|
-
SemiAnalysis: 3322,
|
|
53
|
-
'The Pragmatic Engineer': 2194,
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
date: 'Apr 22',
|
|
57
|
-
SemiAnalysis: 3470,
|
|
58
|
-
'The Pragmatic Engineer': 2108,
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
date: 'May 22',
|
|
62
|
-
SemiAnalysis: 3475,
|
|
63
|
-
'The Pragmatic Engineer': 1812,
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
date: 'Jun 22',
|
|
67
|
-
SemiAnalysis: 3129,
|
|
68
|
-
'The Pragmatic Engineer': 1726,
|
|
69
|
-
},
|
|
70
|
-
];
|
|
71
|
-
var valueFormatter = function (number) {
|
|
72
|
-
return '$ ' + Intl.NumberFormat('us').format(number).toString();
|
|
73
|
-
};
|
|
74
|
-
export var ChartTooltipFrame = function (_a) {
|
|
75
|
-
var children = _a.children;
|
|
76
|
-
return (_jsx("div", __assign({ className: "bg-white text-sm rounded-md border shadow-lg" }, { children: children })));
|
|
77
|
-
};
|
|
78
|
-
export var ChartTooltipRow = function (_a) {
|
|
79
|
-
var value = _a.value, name = _a.name, color = _a.color;
|
|
80
|
-
return (_jsxs("div", __assign({ className: "flex items-center justify-between space-x-8" }, { children: [_jsxs("div", __assign({ className: "flex items-center space-x-2" }, { children: [_jsx("span", { style: { background: color, borderWidth: 2, borderColor: 'white' }, className: twMerge(
|
|
81
|
-
// 'shrink-0',
|
|
82
|
-
// 'bg-black',
|
|
83
|
-
// 'bg-white',
|
|
84
|
-
// 'border-black',
|
|
85
|
-
// sizing.sm.height,
|
|
86
|
-
// sizing.sm.width,
|
|
87
|
-
'h-3', 'w-3', 'shadow', 'rounded-full'
|
|
88
|
-
// border.md.all,
|
|
89
|
-
// boxShadow.md
|
|
90
|
-
) }), _jsx("p", __assign({
|
|
91
|
-
// className={twMerge(
|
|
92
|
-
// 'font-medium tabular-nums text-right whitespace-nowrap',
|
|
93
|
-
// 'text-[#212121] !important'
|
|
94
|
-
// )}
|
|
95
|
-
className: "font-medium tabular-nums text-right whitespace-nowrap text-black" }, { children: value }))] })), _jsx("p", __assign({ className: twMerge('text-right whitespace-nowrap',
|
|
96
|
-
// getColorClassNames(DEFAULT_COLOR, colorPalette.text).textColor,
|
|
97
|
-
'text-black'
|
|
98
|
-
// fontWeight.sm
|
|
99
|
-
) }, { children: name }))] })));
|
|
100
|
-
};
|
|
101
|
-
var ChartTooltip = function (_a) {
|
|
102
|
-
var active = _a.active, payload = _a.payload, label = _a.label, categoryColors = _a.categoryColors, valueFormatter = _a.valueFormatter;
|
|
103
|
-
if (active && payload) {
|
|
104
|
-
return (_jsxs(ChartTooltipFrame, { children: [_jsx("div", __assign({ className: "flex flex-col py-2 px-4" }, { children: _jsx("p", __assign({ style: { textAlign: 'left' }, className: twMerge('text-elem', 'text-black'
|
|
105
|
-
// getColorClassNames(DEFAULT_COLOR, colorPalette.darkText)
|
|
106
|
-
// .textColor,
|
|
107
|
-
// fontWeight.md
|
|
108
|
-
) }, { children: label })) })), _jsx("div", __assign({ className: "px-4 space-y-1 py-2 px-4" }, { children: payload.map(function (_a, idx) {
|
|
109
|
-
var value = _a.value, name = _a.name;
|
|
110
|
-
return (_jsx(ChartTooltipRow, { value: valueFormatter(value), name: name,
|
|
111
|
-
// color={categoryColors.get(name) ?? BaseColors.Blue}
|
|
112
|
-
color: "blue" }, "id-".concat(idx)));
|
|
113
|
-
}) }))] }));
|
|
114
|
-
}
|
|
115
|
-
return null;
|
|
116
|
-
};
|
|
117
|
-
var Chart = function (_a) {
|
|
118
|
-
var text = _a.text, onClick = _a.onClick, className = _a.className;
|
|
119
|
-
var defaultClasses = 'bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded';
|
|
120
|
-
var showGridLines = true;
|
|
121
|
-
var categories = data.map(function (elem) { return elem['SemiAnalysis']; });
|
|
122
|
-
return (_jsx("div", __assign({ className: "flex flex-col flex-1 w-full" }, { children: _jsx("div", __assign({ className: twMerge('w-full h-80', className) }, { children: _jsx(ResponsiveContainer, __assign({ width: "100%", height: '100%' }, { children: _jsxs(ReChartsAreaChart, __assign({ data: data }, { children: [showGridLines ? (_jsx(CartesianGrid, { strokeDasharray: "3 3", horizontal: true, vertical: false })) : null, _jsx(XAxis
|
|
123
|
-
// hide={!showXAxis}
|
|
124
|
-
, {
|
|
125
|
-
// hide={!showXAxis}
|
|
126
|
-
dataKey: 'date', tick: { transform: 'translate(0, 6)' },
|
|
127
|
-
// ticks={
|
|
128
|
-
// startEndOnly
|
|
129
|
-
// ? [data[0][index], data[data.length - 1][index]]
|
|
130
|
-
// : undefined
|
|
131
|
-
// }
|
|
132
|
-
style: {
|
|
133
|
-
fontSize: '12px',
|
|
134
|
-
fontFamily: 'Inter; Helvetica',
|
|
135
|
-
color: '#6269E9',
|
|
136
|
-
}, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5 }), _jsx(YAxis, { width: 56,
|
|
137
|
-
// hide={!showYAxis}
|
|
138
|
-
axisLine: false, tickLine: false, type: "number",
|
|
139
|
-
// domain={yAxisDomain as AxisDomain}
|
|
140
|
-
domain: [0, 4000], tick: { transform: 'translate(-3, 0)' }, style: {
|
|
141
|
-
fontSize: '12px',
|
|
142
|
-
fontFamily: 'Inter; Helvetica',
|
|
143
|
-
}, tickFormatter: valueFormatter }), _jsx(Tooltip, { wrapperStyle: { outline: 'none' }, isAnimationActive: false, cursor: { stroke: '#d1d5db', strokeWidth: 1 }, content: function (_a) {
|
|
144
|
-
var active = _a.active, payload = _a.payload, label = _a.label;
|
|
145
|
-
console.log('HUH: ', payload);
|
|
146
|
-
console.log('HUH 2: ', label);
|
|
147
|
-
return (_jsx(ChartTooltip, { active: active, payload: payload, label: label, valueFormatter: valueFormatter, categoryColors: { SemiAnalysis: 'cyan' } }));
|
|
148
|
-
}, position: { y: 0 } }), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: 'colorUv', x1: "0", y1: "0", x2: "0", y2: "1" }, { children: [_jsx("stop", { offset: "5%", stopColor: '#6269E9', stopOpacity: 0.4 }), _jsx("stop", { offset: "95%", stopColor: 'rgba(0,0,0,0)', stopOpacity: 0 })] })) }), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: 'colorUj', x1: "0", y1: "0", x2: "0", y2: "1" }, { children: [_jsx("stop", { offset: "5%", stopColor: '#E14F62', stopOpacity: 0.4 }), _jsx("stop", { offset: "95%", stopColor: 'rgba(0,0,0,0)', stopOpacity: 0 })] })) }), _jsx(Area, { name: "SemiAnalysis", type: "linear", dataKey: "SemiAnalysis", stroke: '#6269E9', fill: "url(#colorUv)", strokeWidth: 2, dot: false, isAnimationActive: true }, "SemiAnalysis"), _jsx(Area, { name: "The Pragmatic Engineer", type: "linear", dataKey: "The Pragmatic Engineer", stroke: '#E14F62', fill: "url(#colorUj)", strokeWidth: 2, dot: false, isAnimationActive: true }, "The Pragmatic Engineer")] })) })) })) })));
|
|
149
|
-
};
|
|
150
|
-
export default Chart;
|
|
151
|
-
//# sourceMappingURL=Button.js.map
|
package/lib/Button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
|
package/lib/ContextProvider.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const SchemaContext: React.Context<unknown>;
|
|
3
|
-
export declare const ColumnsContext: React.Context<unknown>;
|
|
4
|
-
export declare const RowsContext: React.Context<unknown>;
|
|
5
|
-
export declare const SelectedSidebarIndexContext: React.Context<unknown>;
|
|
6
|
-
export declare const HistoryContext: React.Context<unknown>;
|
|
7
|
-
export declare const SavedQueriesContext: React.Context<unknown>;
|
|
8
|
-
export declare const SaveQueryModalStatusContext: React.Context<unknown>;
|
|
9
|
-
export declare const EditorQueryContext: React.Context<unknown>;
|
|
10
|
-
export declare const ThemeContext: React.Context<unknown>;
|
|
11
|
-
export declare const ClientContext: React.Context<unknown>;
|
|
12
|
-
export declare const CreateVisualizationModalVisibleContext: React.Context<unknown>;
|
|
13
|
-
export declare const ActiveVisualizationContext: React.Context<unknown>;
|
|
14
|
-
export declare const QueryResultsLoadingContext: React.Context<unknown>;
|
|
15
|
-
export declare const EditVisualizationModalVisibleContext: React.Context<unknown>;
|
|
16
|
-
export declare const ReportBuilderQueryContext: React.Context<unknown>;
|
|
17
|
-
export declare const SavedReportsQueryContext: React.Context<unknown>;
|
|
18
|
-
export declare const DashboardUpdateContext: React.Context<unknown>;
|
|
19
|
-
export declare const DashboardStateContext: React.Context<unknown>;
|
|
20
|
-
export declare const ContextProvider: ({ children, containerStyle, initialTheme, publicKey, authToken, customerId, userId, }: {
|
|
21
|
-
children: any;
|
|
22
|
-
containerStyle: any;
|
|
23
|
-
initialTheme: any;
|
|
24
|
-
publicKey: any;
|
|
25
|
-
authToken: any;
|
|
26
|
-
customerId: any;
|
|
27
|
-
userId: any;
|
|
28
|
-
}) => JSX.Element | null;
|