@quillsql/react 2.8.9 → 2.9.0
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 +181 -146
- package/dist/BarList.js +44 -36
- package/dist/BarList.js.map +1 -1
- package/dist/Chart.js +119 -87
- package/dist/Chart.js.map +1 -1
- package/dist/ChartBuilder.js +93 -83
- package/dist/ChartBuilder.js.map +1 -1
- package/dist/ChartEditor.js +21 -14
- package/dist/ChartEditor.js.map +1 -1
- package/dist/Context.js +57 -52
- package/dist/Dashboard.js +212 -179
- package/dist/Dashboard.js.map +1 -1
- package/dist/DateRangePicker/Calendar.js +46 -41
- package/dist/DateRangePicker/DateRangePicker.js +61 -32
- package/dist/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/DateRangePicker/DateRangePickerButton.js +17 -14
- package/dist/DateRangePicker/dateRangePickerUtils.js +90 -76
- package/dist/DateRangePicker/index.js +9 -1
- package/dist/PieChart.js +70 -35
- package/dist/QuillProvider.js +7 -4
- package/dist/ReportBuilder.js +129 -120
- package/dist/SQLEditor.js +65 -56
- package/dist/SQLEditor.js.map +1 -1
- package/dist/Table.js +65 -60
- package/dist/Table.js.map +1 -1
- package/dist/TableChart.js +45 -17
- package/dist/TableChart.js.map +1 -1
- package/dist/assets/ArrowDownHeadIcon.js +6 -3
- package/dist/assets/ArrowDownHeadIcon.js.map +1 -1
- package/dist/assets/ArrowDownIcon.js +6 -3
- package/dist/assets/ArrowDownRightIcon.js +6 -3
- package/dist/assets/ArrowLeftHeadIcon.js +6 -3
- package/dist/assets/ArrowRightHeadIcon.js +6 -3
- package/dist/assets/ArrowRightIcon.js +6 -3
- package/dist/assets/ArrowUpHeadIcon.js +6 -3
- package/dist/assets/ArrowUpIcon.js +6 -3
- package/dist/assets/ArrowUpRightIcon.js +6 -3
- package/dist/assets/CalendarIcon.js +6 -3
- package/dist/assets/CalendarNormalIcon.js +6 -3
- package/dist/assets/DoubleArrowLeftHeadIcon.js +6 -3
- package/dist/assets/DoubleArrowRightHeadIcon.js +6 -3
- package/dist/assets/ExclamationFilledIcon.js +6 -3
- package/dist/assets/FilterIcon.js +6 -3
- package/dist/assets/LoadingSpinner.js +6 -3
- package/dist/assets/RefreshIcon.js +6 -3
- package/dist/assets/SearchIcon.js +6 -3
- package/dist/assets/UpLeftArrowsIcon.js +6 -3
- package/dist/assets/XCircleIcon.js +6 -3
- package/dist/assets/XIcon.js +6 -3
- package/dist/assets/index.js +49 -21
- package/dist/components/Banner/index.js +10 -6
- package/dist/components/Banner/index.js.map +1 -0
- package/dist/components/BigModal/BigModal.js +39 -13
- package/dist/components/Dropdown/Dropdown.js +53 -24
- package/dist/components/Dropdown/DropdownItem.js +35 -9
- package/dist/components/Dropdown/index.js +11 -2
- package/dist/components/Modal/Modal.js +39 -13
- package/dist/components/Modal/index.js +9 -1
- package/dist/components/QuillCard.js +13 -8
- package/dist/components/SqlTextEditor.js +11 -4
- package/dist/components/SqlTextEditor.js.map +1 -1
- package/dist/components/UiComponents.js +51 -37
- package/dist/components/UiComponents.js.map +1 -1
- package/dist/components/selectUtils.js +17 -6
- package/dist/contexts/BaseColorContext.js +6 -3
- package/dist/contexts/HoveredValueContext.js +6 -3
- package/dist/contexts/RootStylesContext.js +6 -3
- package/dist/contexts/SelectedValueContext.js +6 -3
- package/dist/contexts/index.js +15 -4
- package/dist/hooks/index.js +15 -4
- package/dist/hooks/useDashboard.js +15 -10
- package/dist/hooks/useInternalState.js +6 -3
- package/dist/hooks/useOnClickOutside.js +6 -3
- package/dist/hooks/useOnWindowResize.js +7 -4
- package/dist/hooks/useQuill.js +16 -11
- package/dist/hooks/useSelectOnKeyDown.js +7 -4
- package/dist/index.js +33 -13
- package/dist/internals/ReportBuilder/PivotList.js +20 -14
- package/dist/internals/ReportBuilder/PivotModal.js +92 -84
- package/dist/internals/ReportBuilder/PivotModal.js.map +1 -1
- package/dist/internals/ReportBuilder/PivotModal.spec.js +73 -70
- package/dist/lib/font.js +6 -2
- package/dist/lib/index.js +20 -3
- package/dist/lib/inputTypes.js +3 -1
- package/dist/lib/utils.js +19 -8
- package/dist/utils/aggregate.js +35 -28
- package/dist/utils/axisFormatter.js +24 -19
- package/dist/utils/axisFormatter.js.map +1 -0
- package/dist/utils/colorToHex.js +5 -1
- package/dist/utils/dataFetcher.js +8 -2
- package/dist/utils/downloadCSV.js +6 -1
- package/dist/utils/valueFormatter.js +24 -19
- package/dist/utils/valueFormatter.js.map +1 -0
- package/dist/utils/valueFormatterCSV.js +24 -19
- package/dist/utils/valueFormatterCSV.js.map +1 -0
- package/package.json +2 -1
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSelect = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
5
|
// @ts-nocheck
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const [theme] = useContext(ThemeContext);
|
|
8
|
-
return (
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const assets_1 = require("../assets");
|
|
8
|
+
const Context_1 = require("../Context");
|
|
9
|
+
const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
|
|
10
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
9
12
|
.quill-text-input {
|
|
10
13
|
background-color: white;
|
|
11
14
|
height: 40px;
|
|
@@ -20,11 +23,12 @@ export const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
|
|
|
20
23
|
padding-top: 0px;
|
|
21
24
|
padding-bottom: 0px;
|
|
22
25
|
box-sizing: content-box;
|
|
23
|
-
}` }),
|
|
26
|
+
}` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
|
|
24
27
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
exports.MemoizedTextInput = MemoizedTextInput;
|
|
29
|
+
const MemoizedButton = ({ label, onClick, primary = true }) => {
|
|
30
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
28
32
|
.quill-button {
|
|
29
33
|
background-color: #384151;
|
|
30
34
|
color: white;
|
|
@@ -45,9 +49,10 @@ export const MemoizedButton = ({ label, onClick, primary = true }) => {
|
|
|
45
49
|
overflow: hidden;
|
|
46
50
|
}` }), label] }));
|
|
47
51
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
52
|
+
exports.MemoizedButton = MemoizedButton;
|
|
53
|
+
const MemoizedSecondaryButton = ({ label, onClick }) => {
|
|
54
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
51
56
|
.quill-secondary-button {
|
|
52
57
|
background-color: #F5F5F6;
|
|
53
58
|
color: rgba(56, 65, 81, 0.75);
|
|
@@ -65,12 +70,13 @@ export const MemoizedSecondaryButton = ({ label, onClick }) => {
|
|
|
65
70
|
background-color: rgba(56, 65, 81, 0.09);
|
|
66
71
|
}` }), label] }));
|
|
67
72
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
73
|
+
exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
|
|
74
|
+
const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
|
|
75
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
76
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
71
77
|
position: 'relative',
|
|
72
78
|
maxWidth: 206,
|
|
73
|
-
}, children: [
|
|
79
|
+
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
74
80
|
.quill-select {
|
|
75
81
|
background-color: white;
|
|
76
82
|
height: 42px;
|
|
@@ -82,7 +88,7 @@ export const MemoizedSelect = ({ value, onChange, options, disabled = false, lab
|
|
|
82
88
|
box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
|
|
83
89
|
padding-left: 12px;
|
|
84
90
|
padding-right: 12px;
|
|
85
|
-
}` }),
|
|
91
|
+
}` }), (0, jsx_runtime_1.jsx)("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, 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: {
|
|
86
92
|
height: '20px',
|
|
87
93
|
width: '20px',
|
|
88
94
|
flex: 'none',
|
|
@@ -92,7 +98,8 @@ export const MemoizedSelect = ({ value, onChange, options, disabled = false, lab
|
|
|
92
98
|
color: '#6C727F',
|
|
93
99
|
}, "aria-hidden": "true" })] }));
|
|
94
100
|
};
|
|
95
|
-
|
|
101
|
+
exports.MemoizedSelect = MemoizedSelect;
|
|
102
|
+
const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
96
103
|
fontSize: 16,
|
|
97
104
|
fontWeight: 600,
|
|
98
105
|
color: '#384151',
|
|
@@ -100,22 +107,25 @@ export const MemoizedHeader = ({ children }) => (_jsx("h1", { style: {
|
|
|
100
107
|
margin: 0,
|
|
101
108
|
padding: 0,
|
|
102
109
|
}, children: children }));
|
|
103
|
-
|
|
110
|
+
exports.MemoizedHeader = MemoizedHeader;
|
|
111
|
+
const MemoizedLabel = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
104
112
|
fontSize: 14,
|
|
105
113
|
fontWeight: 600,
|
|
106
114
|
color: '#575E6A',
|
|
107
115
|
userSelect: 'none',
|
|
108
116
|
paddingBottom: 5,
|
|
109
117
|
}, children: children }));
|
|
110
|
-
|
|
118
|
+
exports.MemoizedLabel = MemoizedLabel;
|
|
119
|
+
const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
|
|
111
120
|
fontSize: 12,
|
|
112
121
|
fontWeight: 400,
|
|
113
122
|
margin: 0,
|
|
114
123
|
color: '#575E6A',
|
|
115
124
|
userSelect: 'none',
|
|
116
125
|
}, children: children }));
|
|
126
|
+
exports.MemoizedText = MemoizedText;
|
|
117
127
|
const useOnClickOutside = (ref, handler) => {
|
|
118
|
-
useEffect(() => {
|
|
128
|
+
(0, react_1.useEffect)(() => {
|
|
119
129
|
const listener = (event) => {
|
|
120
130
|
if (!ref.current || ref.current.contains(event.target)) {
|
|
121
131
|
return;
|
|
@@ -130,8 +140,8 @@ const useOnClickOutside = (ref, handler) => {
|
|
|
130
140
|
};
|
|
131
141
|
}, [ref, handler]);
|
|
132
142
|
};
|
|
133
|
-
|
|
134
|
-
const modalRef = useRef(null);
|
|
143
|
+
function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
|
|
144
|
+
const modalRef = (0, react_1.useRef)(null);
|
|
135
145
|
useOnClickOutside(modalRef, (e) => {
|
|
136
146
|
// Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
|
|
137
147
|
const isTriggerElem = parentRef
|
|
@@ -147,12 +157,12 @@ export function MemoizedPopover({ onClose, parentRef, children, style = {}, onCl
|
|
|
147
157
|
onClose();
|
|
148
158
|
}
|
|
149
159
|
};
|
|
150
|
-
return (
|
|
160
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: (e) => {
|
|
151
161
|
setIsOpen((isOpen) => !isOpen);
|
|
152
162
|
if (onClick) {
|
|
153
163
|
onClick(e);
|
|
154
164
|
}
|
|
155
|
-
}, label: label })), isOpen && (
|
|
165
|
+
}, 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: {
|
|
156
166
|
background: 'white',
|
|
157
167
|
position: 'absolute',
|
|
158
168
|
boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
|
|
@@ -166,11 +176,12 @@ export function MemoizedPopover({ onClose, parentRef, children, style = {}, onCl
|
|
|
166
176
|
...style,
|
|
167
177
|
}, children: children }) }))] }));
|
|
168
178
|
}
|
|
169
|
-
|
|
179
|
+
exports.MemoizedPopover = MemoizedPopover;
|
|
180
|
+
function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }) {
|
|
170
181
|
if (!isOpen) {
|
|
171
182
|
return null;
|
|
172
183
|
}
|
|
173
|
-
return (
|
|
184
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
174
185
|
position: 'fixed',
|
|
175
186
|
top: '0',
|
|
176
187
|
right: '0',
|
|
@@ -179,7 +190,7 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
179
190
|
zIndex: '50',
|
|
180
191
|
backgroundColor: 'rgba(255, 255, 255, 0.8)',
|
|
181
192
|
backdropFilter: 'blur(5px)',
|
|
182
|
-
}, onClick: onClose }),
|
|
193
|
+
}, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
183
194
|
// position: "absolute",
|
|
184
195
|
position: 'fixed',
|
|
185
196
|
left: '50%',
|
|
@@ -199,7 +210,7 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
199
210
|
borderColor: '#e7e7e7',
|
|
200
211
|
overflow: 'hidden',
|
|
201
212
|
// zIndex: 1000,
|
|
202
|
-
}, children:
|
|
213
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
203
214
|
// width: "80%",
|
|
204
215
|
maxHeight: '90vh',
|
|
205
216
|
overflowY: 'scroll',
|
|
@@ -212,13 +223,13 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
212
223
|
alignItems: 'center',
|
|
213
224
|
position: 'relative',
|
|
214
225
|
fontFamily: theme?.fontFamily,
|
|
215
|
-
}, children: [
|
|
226
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
|
|
216
227
|
display: 'flex',
|
|
217
228
|
flexDirection: 'row',
|
|
218
229
|
width: '100%',
|
|
219
230
|
justifyContent: 'space-between',
|
|
220
231
|
alignItems: 'center',
|
|
221
|
-
}, children: [
|
|
232
|
+
}, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
|
|
222
233
|
fontSize: 18,
|
|
223
234
|
fontWeight: '600',
|
|
224
235
|
marginLeft: 20,
|
|
@@ -226,9 +237,10 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
226
237
|
textAlign: 'left',
|
|
227
238
|
paddingTop: 18,
|
|
228
239
|
color: theme?.primaryTextColor,
|
|
229
|
-
}, children: title }),
|
|
240
|
+
}, children: title }), (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
|
|
230
241
|
}
|
|
231
|
-
|
|
242
|
+
exports.MemoizedModal = MemoizedModal;
|
|
243
|
+
const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
|
|
232
244
|
height: 42,
|
|
233
245
|
width: 42,
|
|
234
246
|
border: 'none',
|
|
@@ -238,10 +250,12 @@ export const MemoizedDeleteButton = ({ onClick, style }) => (_jsxs("button", { c
|
|
|
238
250
|
justifyContent: 'center',
|
|
239
251
|
borderRadius: 6,
|
|
240
252
|
...style,
|
|
241
|
-
}, children: [
|
|
253
|
+
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
242
254
|
.quill-delete-button {
|
|
243
255
|
background-color: white;
|
|
244
256
|
}
|
|
245
257
|
.quill-delete-button:hover {
|
|
246
258
|
background-color: rgba(56, 65, 81, 0.03);
|
|
247
|
-
}` }),
|
|
259
|
+
}` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
|
|
260
|
+
exports.MemoizedDeleteButton = MemoizedDeleteButton;
|
|
261
|
+
//# sourceMappingURL=UiComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components/UiComponents.tsx"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.hasValue = exports.getSelectButtonColors = exports.getFilteredOptions = exports.constructValueToNameMapping = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
function constructValueToNameMapping(children) {
|
|
3
9
|
const valueToNameMapping = new Map();
|
|
4
|
-
|
|
10
|
+
react_1.default.Children.map(children, (child) => {
|
|
5
11
|
valueToNameMapping.set(child.props.value, child.props.text ?? child.props.value);
|
|
6
12
|
});
|
|
7
13
|
return valueToNameMapping;
|
|
8
14
|
}
|
|
9
|
-
|
|
15
|
+
exports.constructValueToNameMapping = constructValueToNameMapping;
|
|
16
|
+
function getFilteredOptions(searchQuery, options) {
|
|
10
17
|
return searchQuery === ''
|
|
11
18
|
? options
|
|
12
19
|
: options.filter((option) => {
|
|
@@ -14,7 +21,8 @@ export function getFilteredOptions(searchQuery, options) {
|
|
|
14
21
|
return optionText.toLowerCase().includes(searchQuery.toLowerCase());
|
|
15
22
|
});
|
|
16
23
|
}
|
|
17
|
-
|
|
24
|
+
exports.getFilteredOptions = getFilteredOptions;
|
|
25
|
+
const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
|
|
18
26
|
return null;
|
|
19
27
|
// return twMerge(
|
|
20
28
|
// isDisabled
|
|
@@ -34,4 +42,7 @@ export const getSelectButtonColors = (hasSelection, isDisabled, hasError = false
|
|
|
34
42
|
// : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor
|
|
35
43
|
// );
|
|
36
44
|
};
|
|
37
|
-
|
|
45
|
+
exports.getSelectButtonColors = getSelectButtonColors;
|
|
46
|
+
const hasValue = (value) => value !== null && value !== undefined && value !== '';
|
|
47
|
+
exports.hasValue = hasValue;
|
|
48
|
+
//# sourceMappingURL=selectUtils.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const BaseColorContext = (0, react_1.createContext)('blue');
|
|
5
|
+
exports.default = BaseColorContext;
|
|
6
|
+
//# sourceMappingURL=BaseColorContext.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const HoveredValueContext = (0, react_1.createContext)({
|
|
3
5
|
hoveredValue: undefined,
|
|
4
6
|
});
|
|
5
|
-
|
|
7
|
+
exports.default = HoveredValueContext;
|
|
8
|
+
//# sourceMappingURL=HoveredValueContext.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const RootStylesContext = (0, react_1.createContext)(undefined);
|
|
5
|
+
exports.default = RootStylesContext;
|
|
6
|
+
//# sourceMappingURL=RootStylesContext.js.map
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const SelectedValueContext = (0, react_1.createContext)({
|
|
3
5
|
selectedValue: undefined,
|
|
4
6
|
handleValueChange: undefined,
|
|
5
7
|
});
|
|
6
|
-
|
|
8
|
+
exports.default = SelectedValueContext;
|
|
9
|
+
//# sourceMappingURL=SelectedValueContext.js.map
|
package/dist/contexts/index.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SelectedValueContext = exports.RootStylesContext = exports.HoveredValueContext = exports.BaseColorContext = void 0;
|
|
7
|
+
var BaseColorContext_1 = require("./BaseColorContext");
|
|
8
|
+
Object.defineProperty(exports, "BaseColorContext", { enumerable: true, get: function () { return __importDefault(BaseColorContext_1).default; } });
|
|
9
|
+
var HoveredValueContext_1 = require("./HoveredValueContext");
|
|
10
|
+
Object.defineProperty(exports, "HoveredValueContext", { enumerable: true, get: function () { return __importDefault(HoveredValueContext_1).default; } });
|
|
11
|
+
var RootStylesContext_1 = require("./RootStylesContext");
|
|
12
|
+
Object.defineProperty(exports, "RootStylesContext", { enumerable: true, get: function () { return __importDefault(RootStylesContext_1).default; } });
|
|
13
|
+
var SelectedValueContext_1 = require("./SelectedValueContext");
|
|
14
|
+
Object.defineProperty(exports, "SelectedValueContext", { enumerable: true, get: function () { return __importDefault(SelectedValueContext_1).default; } });
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
package/dist/hooks/index.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useSelectOnKeyDown = exports.useOnWindowResize = exports.useOnClickOutside = exports.useInternalState = void 0;
|
|
7
|
+
var useInternalState_1 = require("./useInternalState");
|
|
8
|
+
Object.defineProperty(exports, "useInternalState", { enumerable: true, get: function () { return __importDefault(useInternalState_1).default; } });
|
|
9
|
+
var useOnClickOutside_1 = require("./useOnClickOutside");
|
|
10
|
+
Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return __importDefault(useOnClickOutside_1).default; } });
|
|
11
|
+
var useOnWindowResize_1 = require("./useOnWindowResize");
|
|
12
|
+
Object.defineProperty(exports, "useOnWindowResize", { enumerable: true, get: function () { return __importDefault(useOnWindowResize_1).default; } });
|
|
13
|
+
var useSelectOnKeyDown_1 = require("./useSelectOnKeyDown");
|
|
14
|
+
Object.defineProperty(exports, "useSelectOnKeyDown", { enumerable: true, get: function () { return __importDefault(useSelectOnKeyDown_1).default; } });
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDashboard = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Context_1 = require("../Context");
|
|
6
|
+
const dataFetcher_1 = require("../utils/dataFetcher");
|
|
7
|
+
const useDashboard = (dashboardName) => {
|
|
5
8
|
// if (dashboardName === undefined || dashboardName === null) {
|
|
6
9
|
// throw new Error('useDashboard requires a dashboard name parameter');
|
|
7
10
|
// }
|
|
8
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
9
|
-
const [error, setError] = useState(null);
|
|
10
|
-
const [data, setData] = useState(null);
|
|
11
|
-
const [client] = useContext(ClientContext);
|
|
11
|
+
const [isLoading, setIsLoading] = (0, react_1.useState)(false);
|
|
12
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
13
|
+
const [data, setData] = (0, react_1.useState)(null);
|
|
14
|
+
const [client] = (0, react_1.useContext)(Context_1.ClientContext);
|
|
12
15
|
const handleReload = () => {
|
|
13
16
|
getDashboards();
|
|
14
17
|
};
|
|
@@ -31,7 +34,7 @@ export const useDashboard = (dashboardName) => {
|
|
|
31
34
|
...(customerId ? { orgId: customerId } : {}),
|
|
32
35
|
},
|
|
33
36
|
};
|
|
34
|
-
const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
37
|
+
const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
35
38
|
setData(resp);
|
|
36
39
|
setError(null);
|
|
37
40
|
}
|
|
@@ -42,8 +45,10 @@ export const useDashboard = (dashboardName) => {
|
|
|
42
45
|
}
|
|
43
46
|
setIsLoading(false);
|
|
44
47
|
}
|
|
45
|
-
useEffect(() => {
|
|
48
|
+
(0, react_1.useEffect)(() => {
|
|
46
49
|
getDashboards();
|
|
47
50
|
}, [dashboardName, client]);
|
|
48
51
|
return { data, isLoading, error, reload: handleReload };
|
|
49
52
|
};
|
|
53
|
+
exports.useDashboard = useDashboard;
|
|
54
|
+
//# sourceMappingURL=useDashboard.js.map
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useInternalState = (defaultValueProp, valueProp) => {
|
|
3
5
|
const isControlled = valueProp !== undefined;
|
|
4
|
-
const [valueState, setValueState] = useState(defaultValueProp);
|
|
6
|
+
const [valueState, setValueState] = (0, react_1.useState)(defaultValueProp);
|
|
5
7
|
const value = isControlled ? valueProp : valueState;
|
|
6
8
|
const setValue = (nextValue) => {
|
|
7
9
|
if (isControlled) {
|
|
@@ -11,4 +13,5 @@ const useInternalState = (defaultValueProp, valueProp) => {
|
|
|
11
13
|
};
|
|
12
14
|
return [value, setValue];
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
exports.default = useInternalState;
|
|
17
|
+
//# sourceMappingURL=useInternalState.js.map
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useOnClickOutside = (ref, handler) => {
|
|
3
|
-
useEffect(() => {
|
|
5
|
+
(0, react_1.useEffect)(() => {
|
|
4
6
|
const listener = (event) => {
|
|
5
7
|
if (!ref.current || ref.current.contains(event.target)) {
|
|
6
8
|
return;
|
|
@@ -15,4 +17,5 @@ const useOnClickOutside = (ref, handler) => {
|
|
|
15
17
|
};
|
|
16
18
|
}, [ref, handler]);
|
|
17
19
|
};
|
|
18
|
-
|
|
20
|
+
exports.default = useOnClickOutside;
|
|
21
|
+
//# sourceMappingURL=useOnClickOutside.js.map
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useOnWindowResize = (handler, initialWindowSize) => {
|
|
3
|
-
const [windowSize, setWindowSize] = useState(initialWindowSize);
|
|
4
|
-
useEffect(() => {
|
|
5
|
+
const [windowSize, setWindowSize] = (0, react_1.useState)(initialWindowSize);
|
|
6
|
+
(0, react_1.useEffect)(() => {
|
|
5
7
|
const handleResize = () => {
|
|
6
8
|
setWindowSize(window.innerWidth);
|
|
7
9
|
handler();
|
|
@@ -11,4 +13,5 @@ const useOnWindowResize = (handler, initialWindowSize) => {
|
|
|
11
13
|
return () => window.removeEventListener("resize", handleResize);
|
|
12
14
|
}, [handler, windowSize]);
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
exports.default = useOnWindowResize;
|
|
17
|
+
//# sourceMappingURL=useOnWindowResize.js.map
|
package/dist/hooks/useQuill.js
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useQuill = void 0;
|
|
1
4
|
// @ts-nocheck
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const Context_1 = require("../Context");
|
|
7
|
+
const dataFetcher_1 = require("../utils/dataFetcher");
|
|
8
|
+
const useQuill = (chartId) => {
|
|
6
9
|
// @ts-ignore
|
|
7
|
-
const { dashboard, dispatch } = useContext(DashboardContext);
|
|
8
|
-
const [client] = useContext(ClientContext);
|
|
9
|
-
const [data, setData] = useState(null);
|
|
10
|
-
const [loading, setLoading] = useState(true);
|
|
11
|
-
const [error, setError] = useState(null);
|
|
12
|
-
useEffect(() => {
|
|
10
|
+
const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
|
|
11
|
+
const [client] = (0, react_1.useContext)(Context_1.ClientContext);
|
|
12
|
+
const [data, setData] = (0, react_1.useState)(null);
|
|
13
|
+
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
14
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
13
16
|
let isSubscribed = true;
|
|
14
17
|
async function getChartOptions(id) {
|
|
15
18
|
if (isSubscribed) {
|
|
@@ -30,7 +33,7 @@ export const useQuill = (chartId) => {
|
|
|
30
33
|
id,
|
|
31
34
|
filters: [],
|
|
32
35
|
};
|
|
33
|
-
const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
|
|
36
|
+
const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
|
|
34
37
|
if (resp) {
|
|
35
38
|
setLoading(false);
|
|
36
39
|
setData(resp);
|
|
@@ -56,6 +59,7 @@ export const useQuill = (chartId) => {
|
|
|
56
59
|
}, [chartId, dashboard]);
|
|
57
60
|
return { data, loading, error };
|
|
58
61
|
};
|
|
62
|
+
exports.useQuill = useQuill;
|
|
59
63
|
function stringifyIfObject(e) {
|
|
60
64
|
if (typeof e === 'string') {
|
|
61
65
|
// do nothing if e is a string
|
|
@@ -67,3 +71,4 @@ function stringifyIfObject(e) {
|
|
|
67
71
|
}
|
|
68
72
|
return e; // returns the input as is for other types
|
|
69
73
|
}
|
|
74
|
+
//# sourceMappingURL=useQuill.js.map
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusChange, value) => {
|
|
3
5
|
const NO_SELECTION_IDX = -1;
|
|
4
|
-
const [hoveredIdx, setHoveredIdx] = useState(NO_SELECTION_IDX);
|
|
6
|
+
const [hoveredIdx, setHoveredIdx] = (0, react_1.useState)(NO_SELECTION_IDX);
|
|
5
7
|
const getHoveredValue = (hoveredIdx, optionValues) => {
|
|
6
8
|
if (hoveredIdx < 0)
|
|
7
9
|
return undefined;
|
|
8
10
|
return optionValues[hoveredIdx];
|
|
9
11
|
};
|
|
10
|
-
useEffect(() => {
|
|
12
|
+
(0, react_1.useEffect)(() => {
|
|
11
13
|
const getIndexOfSelectedValue = () => {
|
|
12
14
|
if (!isFocused) {
|
|
13
15
|
setHoveredIdx(NO_SELECTION_IDX);
|
|
@@ -60,4 +62,5 @@ const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusC
|
|
|
60
62
|
};
|
|
61
63
|
return [hoveredValue, handleKeyDown];
|
|
62
64
|
};
|
|
63
|
-
|
|
65
|
+
exports.default = useSelectOnKeyDown;
|
|
66
|
+
//# sourceMappingURL=useSelectOnKeyDown.js.map
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.downloadCSV = exports.useQuill = exports.useDashboard = exports.SqlTextEditor = exports.AddToDashboardModal = exports.ChartEditor = exports.ChartBuilder = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
|
|
1
7
|
// src/index.ts
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
var Dashboard_1 = require("./Dashboard");
|
|
9
|
+
Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
|
|
10
|
+
var QuillProvider_1 = require("./QuillProvider");
|
|
11
|
+
Object.defineProperty(exports, "QuillProvider", { enumerable: true, get: function () { return __importDefault(QuillProvider_1).default; } });
|
|
12
|
+
var Chart_1 = require("./Chart");
|
|
13
|
+
Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
|
|
14
|
+
var Table_1 = require("./Table");
|
|
15
|
+
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
|
|
16
|
+
var SQLEditor_1 = require("./SQLEditor");
|
|
17
|
+
Object.defineProperty(exports, "SQLEditor", { enumerable: true, get: function () { return __importDefault(SQLEditor_1).default; } });
|
|
18
|
+
var ReportBuilder_1 = require("./ReportBuilder");
|
|
19
|
+
Object.defineProperty(exports, "ReportBuilder", { enumerable: true, get: function () { return __importDefault(ReportBuilder_1).default; } });
|
|
20
|
+
var ChartBuilder_1 = require("./ChartBuilder");
|
|
21
|
+
Object.defineProperty(exports, "ChartBuilder", { enumerable: true, get: function () { return __importDefault(ChartBuilder_1).default; } });
|
|
22
|
+
var ChartEditor_1 = require("./ChartEditor");
|
|
23
|
+
Object.defineProperty(exports, "ChartEditor", { enumerable: true, get: function () { return __importDefault(ChartEditor_1).default; } });
|
|
24
|
+
var AddToDashboardModal_1 = require("./AddToDashboardModal");
|
|
25
|
+
Object.defineProperty(exports, "AddToDashboardModal", { enumerable: true, get: function () { return __importDefault(AddToDashboardModal_1).default; } });
|
|
26
|
+
var SqlTextEditor_1 = require("./components/SqlTextEditor");
|
|
27
|
+
Object.defineProperty(exports, "SqlTextEditor", { enumerable: true, get: function () { return __importDefault(SqlTextEditor_1).default; } });
|
|
28
|
+
var useDashboard_1 = require("./hooks/useDashboard");
|
|
29
|
+
Object.defineProperty(exports, "useDashboard", { enumerable: true, get: function () { return useDashboard_1.useDashboard; } });
|
|
30
|
+
var useQuill_1 = require("./hooks/useQuill");
|
|
31
|
+
Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
|
|
32
|
+
var downloadCSV_1 = require("./utils/downloadCSV");
|
|
33
|
+
Object.defineProperty(exports, "downloadCSV", { enumerable: true, get: function () { return downloadCSV_1.downloadCSV; } });
|
|
34
|
+
//# sourceMappingURL=index.js.map
|