@quillsql/react 2.8.5 → 2.8.7
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/AddToDashboardModal.js +146 -180
- package/dist/BarList.js +36 -43
- package/dist/Chart.js +99 -131
- package/dist/ChartBuilder.js +80 -88
- package/dist/ChartEditor.js +14 -20
- package/dist/Context.js +52 -56
- package/dist/Dashboard.d.ts.map +1 -1
- package/dist/Dashboard.js +246 -305
- package/dist/DateRangePicker/Calendar.js +41 -45
- package/dist/DateRangePicker/DateRangePicker.js +32 -60
- package/dist/DateRangePicker/DateRangePickerButton.js +14 -16
- package/dist/DateRangePicker/dateRangePickerUtils.d.ts +6 -0
- package/dist/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
- package/dist/DateRangePicker/dateRangePickerUtils.js +89 -89
- package/dist/DateRangePicker/index.js +1 -8
- package/dist/PieChart.js +35 -69
- package/dist/QuillProvider.js +4 -6
- package/dist/ReportBuilder.js +120 -128
- package/dist/SQLEditor.js +56 -64
- package/dist/Table.d.ts +2 -1
- package/dist/Table.d.ts.map +1 -1
- package/dist/Table.js +71 -69
- package/dist/TableChart.js +17 -44
- package/dist/assets/ArrowDownHeadIcon.js +3 -5
- package/dist/assets/ArrowDownIcon.js +3 -5
- package/dist/assets/ArrowDownRightIcon.js +3 -5
- package/dist/assets/ArrowLeftHeadIcon.js +3 -5
- package/dist/assets/ArrowRightHeadIcon.js +3 -5
- package/dist/assets/ArrowRightIcon.js +3 -5
- package/dist/assets/ArrowUpHeadIcon.js +3 -5
- package/dist/assets/ArrowUpIcon.js +3 -5
- package/dist/assets/ArrowUpRightIcon.js +3 -5
- package/dist/assets/CalendarIcon.js +3 -5
- package/dist/assets/CalendarNormalIcon.js +3 -5
- package/dist/assets/DoubleArrowLeftHeadIcon.js +3 -5
- package/dist/assets/DoubleArrowRightHeadIcon.js +3 -5
- package/dist/assets/ExclamationFilledIcon.js +3 -5
- package/dist/assets/FilterIcon.js +3 -5
- package/dist/assets/LoadingSpinner.js +3 -5
- package/dist/assets/RefreshIcon.js +3 -5
- package/dist/assets/SearchIcon.js +3 -5
- package/dist/assets/UpLeftArrowsIcon.js +3 -5
- package/dist/assets/XCircleIcon.js +3 -5
- package/dist/assets/XIcon.js +3 -5
- package/dist/assets/index.js +21 -48
- package/dist/components/BigModal/BigModal.js +13 -38
- package/dist/components/Dropdown/Dropdown.js +24 -52
- package/dist/components/Dropdown/DropdownItem.js +9 -34
- package/dist/components/Dropdown/index.js +2 -10
- package/dist/components/Modal/Modal.js +13 -38
- package/dist/components/Modal/index.js +1 -8
- package/dist/components/QuillCard.js +8 -12
- package/dist/components/SqlTextEditor.d.ts +7 -0
- package/dist/components/SqlTextEditor.d.ts.map +1 -0
- package/dist/components/SqlTextEditor.js +14 -0
- package/dist/components/UiComponents.js +37 -50
- package/dist/components/selectUtils.js +6 -16
- package/dist/contexts/BaseColorContext.js +3 -5
- package/dist/contexts/HoveredValueContext.js +3 -5
- package/dist/contexts/RootStylesContext.js +3 -5
- package/dist/contexts/SelectedValueContext.js +3 -5
- package/dist/contexts/index.js +4 -14
- package/dist/hooks/index.js +4 -14
- package/dist/hooks/useDashboard.d.ts +7 -0
- package/dist/hooks/useDashboard.d.ts.map +1 -0
- package/dist/hooks/useDashboard.js +49 -0
- package/dist/hooks/useInternalState.js +3 -5
- package/dist/hooks/useOnClickOutside.js +3 -5
- package/dist/hooks/useOnWindowResize.js +4 -6
- package/dist/hooks/useQuill.js +11 -15
- package/dist/hooks/useSelectOnKeyDown.js +4 -6
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -28
- package/dist/internals/ReportBuilder/PivotList.js +14 -19
- package/dist/internals/ReportBuilder/PivotModal.js +84 -91
- package/dist/internals/ReportBuilder/PivotModal.spec.js +70 -72
- package/dist/lib/font.js +2 -5
- package/dist/lib/index.js +3 -19
- package/dist/lib/inputTypes.js +1 -2
- package/dist/lib/utils.js +8 -18
- package/dist/utils/aggregate.js +28 -34
- package/dist/utils/colorToHex.js +1 -4
- package/dist/utils/dataFetcher.js +2 -7
- package/dist/utils/downloadCSV.js +1 -5
- package/package.json +2 -1
package/dist/Context.js
CHANGED
|
@@ -1,40 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ContextProvider = exports.DashboardFiltersContext = exports.DashboardContext = exports.SavedReportsQueryContext = exports.ReportBuilderQueryContext = exports.EditVisualizationModalVisibleContext = exports.QueryResultsLoadingContext = exports.ActiveVisualizationContext = exports.CreateVisualizationModalVisibleContext = exports.ClientContext = exports.ThemeContext = exports.EditorQueryContext = exports.SaveQueryModalStatusContext = exports.SavedQueriesContext = exports.HistoryContext = exports.SelectedSidebarIndexContext = exports.RowsContext = exports.ColumnsContext = exports.SchemaContext = exports.DateFilterContext = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
2
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6
3
|
// @ts-nocheck
|
|
7
|
-
|
|
4
|
+
import { useState, createContext, useEffect, useReducer } from 'react';
|
|
8
5
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
9
6
|
const dummySetter = () => { };
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
export const DateFilterContext = createContext([], dummySetter);
|
|
8
|
+
export const SchemaContext = createContext([[], dummySetter]);
|
|
9
|
+
export const ColumnsContext = createContext([null, dummySetter]);
|
|
10
|
+
export const RowsContext = createContext([null, dummySetter]);
|
|
11
|
+
export const SelectedSidebarIndexContext = createContext([0, dummySetter]);
|
|
12
|
+
export const HistoryContext = createContext([[], dummySetter]);
|
|
13
|
+
export const SavedQueriesContext = createContext([[], dummySetter]);
|
|
14
|
+
export const SaveQueryModalStatusContext = createContext([
|
|
18
15
|
'HIDDEN',
|
|
19
16
|
dummySetter,
|
|
20
17
|
]);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
export const EditorQueryContext = createContext(['', dummySetter]);
|
|
19
|
+
export const ThemeContext = createContext([null, dummySetter]);
|
|
20
|
+
export const ClientContext = createContext([null, dummySetter]);
|
|
21
|
+
export const CreateVisualizationModalVisibleContext = createContext([
|
|
25
22
|
false,
|
|
26
23
|
dummySetter,
|
|
27
24
|
]);
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
export const ActiveVisualizationContext = createContext([null, dummySetter]);
|
|
26
|
+
export const QueryResultsLoadingContext = createContext([false, dummySetter]);
|
|
27
|
+
export const EditVisualizationModalVisibleContext = createContext([
|
|
31
28
|
false,
|
|
32
29
|
dummySetter,
|
|
33
30
|
]);
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
export const ReportBuilderQueryContext = createContext(['', dummySetter]);
|
|
32
|
+
export const SavedReportsQueryContext = createContext(['', dummySetter]);
|
|
33
|
+
export const DashboardContext = createContext([{}, dummySetter]);
|
|
34
|
+
export const DashboardFiltersContext = createContext([{}, dummySetter]);
|
|
38
35
|
const dashboardReducer = (state, action) => {
|
|
39
36
|
switch (action.type) {
|
|
40
37
|
case 'UPDATE_DASHBOARD_ITEM':
|
|
@@ -86,29 +83,29 @@ const dashboardFiltersReducer = (state, action) => {
|
|
|
86
83
|
return state;
|
|
87
84
|
}
|
|
88
85
|
};
|
|
89
|
-
const ContextProvider = ({ children, initialTheme, publicKey, environment, authToken, customerId, userId, queryEndpoint, queryHeaders, withCredentials, }) => {
|
|
90
|
-
const [client, setClient] =
|
|
91
|
-
const [theme, setTheme] =
|
|
92
|
-
const [columns, setColumns] =
|
|
93
|
-
const [rows, setRows] =
|
|
94
|
-
const [schema, setSchema] =
|
|
95
|
-
const [selectedSidebarIndex, setSelectedSidebarIndex] =
|
|
96
|
-
const [history, setHistory] =
|
|
97
|
-
const [savedQueries, setSavedQueries] =
|
|
86
|
+
export const ContextProvider = ({ children, initialTheme, publicKey, environment, authToken, customerId, userId, queryEndpoint, queryHeaders, withCredentials, }) => {
|
|
87
|
+
const [client, setClient] = useState(null);
|
|
88
|
+
const [theme, setTheme] = useState(null);
|
|
89
|
+
const [columns, setColumns] = useState(null);
|
|
90
|
+
const [rows, setRows] = useState(null);
|
|
91
|
+
const [schema, setSchema] = useState([]);
|
|
92
|
+
const [selectedSidebarIndex, setSelectedSidebarIndex] = useState(0);
|
|
93
|
+
const [history, setHistory] = useState([]);
|
|
94
|
+
const [savedQueries, setSavedQueries] = useState([]);
|
|
98
95
|
// REPORT_BUILDER, SQL_EDITOR, HIDDEN
|
|
99
|
-
const [saveQueryModalStatus, setSaveQueryModalStatus] =
|
|
100
|
-
const [editorQuery, setEditorQuery] =
|
|
101
|
-
const [savedReportsQuery, setSavedReportsQuery] =
|
|
102
|
-
const [reportBuilderQuery, setReportBuilderQuery] =
|
|
103
|
-
const [createVisualizationModalVisible, setCreateVisualizationModalVisible] =
|
|
104
|
-
const [activeVisualization, setActiveVisualization] =
|
|
105
|
-
const [queryResultsLoading, setQueryResultsLoading] =
|
|
106
|
-
const [editVisualizationModalVisible, setEditVisualizationModalVisible] =
|
|
107
|
-
const [dashboard, dispatch] =
|
|
108
|
-
const [dashboardFilters, dashboardFiltersDispatch] =
|
|
109
|
-
const [dateFilter, setDateFilter] =
|
|
96
|
+
const [saveQueryModalStatus, setSaveQueryModalStatus] = useState('HIDDEN');
|
|
97
|
+
const [editorQuery, setEditorQuery] = useState('');
|
|
98
|
+
const [savedReportsQuery, setSavedReportsQuery] = useState('');
|
|
99
|
+
const [reportBuilderQuery, setReportBuilderQuery] = useState('');
|
|
100
|
+
const [createVisualizationModalVisible, setCreateVisualizationModalVisible] = useState(false);
|
|
101
|
+
const [activeVisualization, setActiveVisualization] = useState(null);
|
|
102
|
+
const [queryResultsLoading, setQueryResultsLoading] = useState(false);
|
|
103
|
+
const [editVisualizationModalVisible, setEditVisualizationModalVisible] = useState(false);
|
|
104
|
+
const [dashboard, dispatch] = useReducer(dashboardReducer, {});
|
|
105
|
+
const [dashboardFilters, dashboardFiltersDispatch] = useReducer(dashboardFiltersReducer, {});
|
|
106
|
+
const [dateFilter, setDateFilter] = useState(null);
|
|
110
107
|
// SETS INITIAL THEME
|
|
111
|
-
|
|
108
|
+
useEffect(() => {
|
|
112
109
|
if (!theme) {
|
|
113
110
|
// Create a copy of initialTheme
|
|
114
111
|
const newTheme = { ...initialTheme };
|
|
@@ -128,7 +125,7 @@ const ContextProvider = ({ children, initialTheme, publicKey, environment, authT
|
|
|
128
125
|
}
|
|
129
126
|
}, [initialTheme]);
|
|
130
127
|
// SETS INITIAL CLIENT
|
|
131
|
-
|
|
128
|
+
useEffect(() => {
|
|
132
129
|
if (!client) {
|
|
133
130
|
setClient({
|
|
134
131
|
customerId,
|
|
@@ -159,7 +156,7 @@ const ContextProvider = ({ children, initialTheme, publicKey, environment, authT
|
|
|
159
156
|
withCredentials,
|
|
160
157
|
]);
|
|
161
158
|
// DYNAMICALLY CHANGE ORG
|
|
162
|
-
|
|
159
|
+
useEffect(() => {
|
|
163
160
|
setClient(client => {
|
|
164
161
|
return { ...client, customerId, environment };
|
|
165
162
|
});
|
|
@@ -170,30 +167,29 @@ const ContextProvider = ({ children, initialTheme, publicKey, environment, authT
|
|
|
170
167
|
if (!theme || !client) {
|
|
171
168
|
return null;
|
|
172
169
|
}
|
|
173
|
-
return ((
|
|
170
|
+
return (_jsx(ClientContext.Provider, { value: [client, setClient], children: _jsx(ThemeContext.Provider, { value: [theme, setTheme], children: _jsx(SchemaContext.Provider, { value: [schema, setSchema], children: _jsx(ColumnsContext.Provider, { value: [columns, setColumns], children: _jsx(RowsContext.Provider, { value: [rows, setRows], children: _jsx(SelectedSidebarIndexContext.Provider, { value: [selectedSidebarIndex, setSelectedSidebarIndex], children: _jsx(HistoryContext.Provider, { value: [history, setHistory], children: _jsx(SavedQueriesContext.Provider, { value: [savedQueries, setSavedQueries], children: _jsx(SaveQueryModalStatusContext.Provider, { value: [saveQueryModalStatus, setSaveQueryModalStatus], children: _jsx(CreateVisualizationModalVisibleContext.Provider, { value: [
|
|
174
171
|
createVisualizationModalVisible,
|
|
175
172
|
setCreateVisualizationModalVisible,
|
|
176
|
-
], children: (
|
|
173
|
+
], children: _jsx(EditorQueryContext.Provider, { value: [editorQuery, setEditorQuery], children: _jsx(ActiveVisualizationContext.Provider, { value: [
|
|
177
174
|
activeVisualization,
|
|
178
175
|
setActiveVisualization,
|
|
179
|
-
], children: (
|
|
176
|
+
], children: _jsx(QueryResultsLoadingContext.Provider, { value: [
|
|
180
177
|
queryResultsLoading,
|
|
181
178
|
setQueryResultsLoading,
|
|
182
|
-
], children: (
|
|
179
|
+
], children: _jsx(EditVisualizationModalVisibleContext.Provider, { value: [
|
|
183
180
|
editVisualizationModalVisible,
|
|
184
181
|
setEditVisualizationModalVisible,
|
|
185
|
-
], children: (
|
|
182
|
+
], children: _jsx(ReportBuilderQueryContext.Provider, { value: [
|
|
186
183
|
reportBuilderQuery,
|
|
187
184
|
setReportBuilderQuery,
|
|
188
|
-
], children: (
|
|
185
|
+
], children: _jsx(SavedReportsQueryContext.Provider, { value: [
|
|
189
186
|
savedReportsQuery,
|
|
190
187
|
setSavedReportsQuery,
|
|
191
|
-
], children: (
|
|
188
|
+
], children: _jsx(DashboardContext.Provider, { value: { dashboard, dispatch }, children: _jsx(DashboardFiltersContext.Provider, { value: {
|
|
192
189
|
dashboardFilters,
|
|
193
190
|
dashboardFiltersDispatch,
|
|
194
|
-
}, children: (
|
|
191
|
+
}, children: _jsx(DateFilterContext.Provider, { value: {
|
|
195
192
|
dateFilter,
|
|
196
193
|
setDateFilter,
|
|
197
194
|
}, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
|
|
198
195
|
};
|
|
199
|
-
exports.ContextProvider = ContextProvider;
|
package/dist/Dashboard.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"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"}
|