@quillsql/react 2.12.18 → 2.12.20
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 +2 -1
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +117 -105
- package/dist/cjs/ChartBuilder.d.ts +4 -2
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +26 -11
- package/dist/cjs/ChartEditor.d.ts +1 -1
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +20 -12
- package/dist/cjs/Context.d.ts +0 -9
- package/dist/cjs/Context.d.ts.map +1 -1
- package/dist/cjs/Context.js +15 -43
- package/dist/cjs/Dashboard.d.ts +20 -3
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +64 -65
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +11 -4
- package/dist/cjs/components/Chart/BarChart.d.ts +2 -1
- package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/BarChart.js +2 -2
- package/dist/cjs/components/Chart/ChartTooltip.d.ts +1 -0
- package/dist/cjs/components/Chart/ChartTooltip.d.ts.map +1 -1
- package/dist/cjs/components/Chart/ChartTooltip.js +3 -4
- package/dist/cjs/components/Chart/LineChart.d.ts +2 -1
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +2 -2
- package/dist/cjs/components/Dashboard/ChartComponent.d.ts +1 -1
- package/dist/cjs/components/Dashboard/ChartComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/ChartComponent.js +10 -4
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardFilter.js +3 -18
- package/dist/cjs/components/Dashboard/DataLoader.d.ts +7 -4
- package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.js +47 -32
- package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.js +27 -43
- package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/TableComponent.js +25 -52
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +3 -2
- package/dist/cjs/hooks/useQuill.d.ts +7 -0
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +43 -4
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +2 -1
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +8 -3
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +24 -12
- package/dist/cjs/utils/aggregate.d.ts.map +1 -1
- package/dist/cjs/utils/aggregate.js +0 -4
- package/dist/cjs/utils/dashboard.d.ts +2 -2
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +16 -11
- package/dist/cjs/utils/dates.d.ts.map +1 -1
- package/dist/cjs/utils/dates.js +7 -4
- package/dist/esm/Chart.d.ts +2 -1
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +116 -105
- package/dist/esm/ChartBuilder.d.ts +4 -2
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +27 -12
- package/dist/esm/ChartEditor.d.ts +1 -1
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +21 -13
- package/dist/esm/Context.d.ts +0 -9
- package/dist/esm/Context.d.ts.map +1 -1
- package/dist/esm/Context.js +14 -40
- package/dist/esm/Dashboard.d.ts +20 -3
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +66 -67
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +12 -5
- package/dist/esm/components/Chart/BarChart.d.ts +2 -1
- package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/BarChart.js +2 -2
- package/dist/esm/components/Chart/ChartTooltip.d.ts +1 -0
- package/dist/esm/components/Chart/ChartTooltip.d.ts.map +1 -1
- package/dist/esm/components/Chart/ChartTooltip.js +3 -4
- package/dist/esm/components/Chart/LineChart.d.ts +2 -1
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +2 -2
- package/dist/esm/components/Dashboard/ChartComponent.d.ts +1 -1
- package/dist/esm/components/Dashboard/ChartComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/ChartComponent.js +7 -4
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardFilter.js +3 -18
- package/dist/esm/components/Dashboard/DataLoader.d.ts +7 -4
- package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.js +48 -33
- package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.js +28 -44
- package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/TableComponent.js +26 -53
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +3 -2
- package/dist/esm/hooks/useQuill.d.ts +7 -0
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +41 -3
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.js +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +8 -3
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +24 -12
- package/dist/esm/utils/aggregate.d.ts.map +1 -1
- package/dist/esm/utils/aggregate.js +0 -4
- package/dist/esm/utils/dashboard.d.ts +2 -2
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +16 -11
- package/dist/esm/utils/dates.d.ts.map +1 -1
- package/dist/esm/utils/dates.js +7 -4
- package/package.json +1 -1
package/dist/cjs/Dashboard.js
CHANGED
|
@@ -40,7 +40,6 @@ const TableComponent_1 = __importDefault(require("./components/Dashboard/TableCo
|
|
|
40
40
|
const ChartComponent_1 = __importDefault(require("./components/Dashboard/ChartComponent"));
|
|
41
41
|
const DashboardSection_1 = __importDefault(require("./components/Dashboard/DashboardSection"));
|
|
42
42
|
const styles_1 = require("./utils/styles");
|
|
43
|
-
const dashboard_1 = require("./utils/dashboard");
|
|
44
43
|
const QuillDateRangePicker_1 = require("./DateRangePicker/QuillDateRangePicker");
|
|
45
44
|
const DataLoader_1 = __importStar(require("./components/Dashboard/DataLoader"));
|
|
46
45
|
const UiComponents_1 = require("./components/UiComponents");
|
|
@@ -84,7 +83,7 @@ const defaultChartContainerStyles = {
|
|
|
84
83
|
* ### API Reference
|
|
85
84
|
* @see https://docs.quillsql.com/components/dashboard
|
|
86
85
|
*/
|
|
87
|
-
function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, EmptyDashboardComponent = UiComponents_1.QuillEmptyDashboardComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, MetricComponent = MetricComponent_1.default, ChartComponent = ChartComponent_1.default, TableComponent = TableComponent_1.default, DashboardSectionComponent = DashboardSection_1.default, DashboardSectionContainerComponent = DashboardSectionContainer_1.default, FilterContainerComponent = UiComponents_1.QuillFilterContainerComponent, onClickReport, onChangeLoading, hideFilters, hideDateRangeFilter = false, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', containerStyle, className, chartContainerStyle = defaultChartContainerStyles, filters, onClickChartElement, dateBucket,
|
|
86
|
+
function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, EmptyDashboardComponent = UiComponents_1.QuillEmptyDashboardComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, MetricComponent = MetricComponent_1.default, ChartComponent = ChartComponent_1.default, TableComponent = TableComponent_1.default, DashboardSectionComponent = DashboardSection_1.default, DashboardSectionContainerComponent = DashboardSectionContainer_1.default, FilterContainerComponent = UiComponents_1.QuillFilterContainerComponent, onClickReport, onChangeLoading, hideFilters, hideDateRangeFilter = false, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', containerStyle, className, chartContainerStyle = defaultChartContainerStyles, filters, onClickChartElement, dateBucket, additionalProcessing, }) {
|
|
88
87
|
const { dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
|
|
89
88
|
const { isLoading: isDataLoading, data, reload, } = (0, useDashboard_1.useDashboard)(name);
|
|
90
89
|
const [dashboardSections, setDashboardSections] = (0, react_1.useState)(null);
|
|
@@ -95,8 +94,13 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
95
94
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
96
95
|
const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
|
|
97
96
|
const { dashboardFilters, dashboardFiltersDispatch } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
|
|
98
|
-
const
|
|
99
|
-
|
|
97
|
+
const specificDashboardFilters = (0, react_1.useMemo)(() => {
|
|
98
|
+
return dashboardFilters
|
|
99
|
+
.sort((filter) => (filter.filterType === 'date_range' ? -1 : 1))
|
|
100
|
+
.filter((f) => f &&
|
|
101
|
+
(!hideDateRangeFilter || f.filterType !== 'date_range') &&
|
|
102
|
+
f.dashboardName === name);
|
|
103
|
+
}, [dashboardFilters, data]);
|
|
100
104
|
(0, react_1.useEffect)(() => {
|
|
101
105
|
setIsLoading(isDataLoading);
|
|
102
106
|
}, [isDataLoading]);
|
|
@@ -106,12 +110,14 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
106
110
|
onDashboardDataChange(data);
|
|
107
111
|
}, [data, filters]);
|
|
108
112
|
(0, react_1.useEffect)(() => {
|
|
113
|
+
setIsLoading(true);
|
|
109
114
|
reload(name);
|
|
110
115
|
}, [name, client]);
|
|
111
116
|
const onDashboardDataChange = (resp) => {
|
|
112
117
|
setDashboardSections(resp.sections);
|
|
113
118
|
setInitialLoad(false);
|
|
114
|
-
const
|
|
119
|
+
const filterArray = [];
|
|
120
|
+
// Add date_range filter to filterArray
|
|
115
121
|
if (resp.dateFilter && Object.keys(resp.dateFilter).length) {
|
|
116
122
|
let presetsOptions = dateRangePickerUtils_1.defaultOptionsV2;
|
|
117
123
|
if (resp.dateFilter.presetRanges) {
|
|
@@ -152,6 +158,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
152
158
|
preset: {
|
|
153
159
|
label: primaryPreset.label,
|
|
154
160
|
},
|
|
161
|
+
dashboardName: name,
|
|
155
162
|
};
|
|
156
163
|
if (resp.dateFilter.comparison) {
|
|
157
164
|
filter.comparison = true;
|
|
@@ -166,61 +173,41 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
166
173
|
else {
|
|
167
174
|
filter.comparison = false;
|
|
168
175
|
}
|
|
169
|
-
|
|
170
|
-
(0, crypto_1.hashCode)(JSON.stringify(filter))) {
|
|
171
|
-
dashboardFiltersDispatch({
|
|
172
|
-
type: 'ADD_DASHBOARD_FILTER',
|
|
173
|
-
id: 'date_range',
|
|
174
|
-
data: { ...filter, dashboardName: name },
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
bigFilterObj[filter.field] = filter;
|
|
178
|
-
setDateFilter(presetsOptions.find((opt) => opt.value === resp.dateFilter.primaryRange?.value)?.label ?? null);
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
setDateFilter(null);
|
|
182
|
-
setComparisonRange(null);
|
|
176
|
+
filterArray.push(filter);
|
|
183
177
|
}
|
|
178
|
+
// Add string filters to filterArray
|
|
184
179
|
if (resp.filters && resp.filters.length) {
|
|
185
180
|
Object.values(resp.filters)
|
|
186
|
-
.filter((filter) => filter.filterType !== '
|
|
181
|
+
.filter((filter) => filter.filterType !== 'date_range')
|
|
187
182
|
.forEach((filter) => {
|
|
188
|
-
|
|
189
|
-
bigFilterObj.dashboardName = name;
|
|
190
|
-
});
|
|
191
|
-
}
|
|
192
|
-
if ((0, crypto_1.hashCode)(JSON.stringify(dashboardFilters)) !==
|
|
193
|
-
(0, crypto_1.hashCode)(JSON.stringify(bigFilterObj))) {
|
|
194
|
-
dashboardFiltersDispatch({
|
|
195
|
-
type: 'ADD_DASHBOARD_FILTERS',
|
|
196
|
-
id: 'tons',
|
|
197
|
-
data: bigFilterObj,
|
|
183
|
+
filterArray.push(processFilter(filter));
|
|
198
184
|
});
|
|
199
185
|
}
|
|
186
|
+
// Add custom filter to filterArray
|
|
200
187
|
if (filters) {
|
|
201
188
|
filters.forEach((filter) => {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
189
|
+
filterArray.push({ ...filter, dashboardName: name });
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
// remove all that are already present in dashboardSpecificFilters
|
|
193
|
+
const dashboardSpecificFilters = dashboardFilters.filter((f) => f.dashboardName === name);
|
|
194
|
+
if ((0, crypto_1.hashCode)(JSON.stringify(dashboardSpecificFilters)) !==
|
|
195
|
+
(0, crypto_1.hashCode)(JSON.stringify(filterArray))) {
|
|
196
|
+
dashboardFiltersDispatch({
|
|
197
|
+
type: 'CLEAR_AND_ADD_DASHBOARD_FILTERS',
|
|
198
|
+
data: filterArray,
|
|
199
|
+
dashboardName: name,
|
|
207
200
|
});
|
|
208
201
|
}
|
|
209
202
|
};
|
|
210
203
|
const handleOnClickDashboardItem = (elem) => {
|
|
211
|
-
|
|
212
|
-
if (dashboard[elem._id]?._id && onClickReport) {
|
|
213
|
-
// The _id add-on is a patch for backwards compatability
|
|
214
|
-
// TODO: remove all _id references from the codebase (admin and react)
|
|
215
|
-
onClickReport({ ...cleanedItem, _id: elem._id });
|
|
216
|
-
}
|
|
217
|
-
else if (onClickReport) {
|
|
204
|
+
if (onClickReport) {
|
|
218
205
|
dispatch({
|
|
219
206
|
type: 'UPDATE_DASHBOARD_ITEM',
|
|
220
|
-
id: elem.
|
|
221
|
-
data:
|
|
207
|
+
id: elem.id,
|
|
208
|
+
data: elem,
|
|
222
209
|
});
|
|
223
|
-
onClickReport({ ...
|
|
210
|
+
onClickReport({ ...elem, _id: elem._id });
|
|
224
211
|
}
|
|
225
212
|
};
|
|
226
213
|
function removeQuotes(str) {
|
|
@@ -246,6 +233,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
246
233
|
return {
|
|
247
234
|
...filterWithoutSelectedValue,
|
|
248
235
|
...(selectedValue ? { selectedValue } : {}),
|
|
236
|
+
dashboardName: name,
|
|
249
237
|
};
|
|
250
238
|
}
|
|
251
239
|
if (filter.filterType === 'date' || filter.filterType === 'date_range') {
|
|
@@ -256,6 +244,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
256
244
|
label: 'Date',
|
|
257
245
|
field: 'date_range',
|
|
258
246
|
options: filter.options,
|
|
247
|
+
dashboardName: name,
|
|
259
248
|
};
|
|
260
249
|
}
|
|
261
250
|
};
|
|
@@ -279,7 +268,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
279
268
|
}
|
|
280
269
|
}
|
|
281
270
|
dashboardFiltersDispatch({
|
|
282
|
-
type: '
|
|
271
|
+
type: 'UPDATE_DASHBOARD_FILTER',
|
|
283
272
|
id: filter.field,
|
|
284
273
|
data: {
|
|
285
274
|
...filterWithoutSelectedValue,
|
|
@@ -306,7 +295,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
306
295
|
primaryRange = (0, dateRangePickerUtils_1.getRangeFromPresetOptions)(value.preset, presetFilters);
|
|
307
296
|
}
|
|
308
297
|
dashboardFiltersDispatch({
|
|
309
|
-
type: '
|
|
298
|
+
type: 'UPDATE_DASHBOARD_FILTER',
|
|
310
299
|
id: 'date_range',
|
|
311
300
|
data: {
|
|
312
301
|
startDate: primaryRange.start,
|
|
@@ -323,6 +312,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
323
312
|
endDate: dateRangePickerUtils_1.COMPARISON_RANGE[key](primaryRange)?.end,
|
|
324
313
|
value: key,
|
|
325
314
|
},
|
|
315
|
+
dashboardName: name,
|
|
326
316
|
},
|
|
327
317
|
});
|
|
328
318
|
}
|
|
@@ -335,7 +325,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
335
325
|
};
|
|
336
326
|
const preset = value.preset ? value.preset : '';
|
|
337
327
|
dashboardFiltersDispatch({
|
|
338
|
-
type: '
|
|
328
|
+
type: 'UPDATE_DASHBOARD_FILTER',
|
|
339
329
|
id: 'date_range',
|
|
340
330
|
data: {
|
|
341
331
|
...filter,
|
|
@@ -366,11 +356,6 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
366
356
|
onChangeLoading(initialLoad || isLoading);
|
|
367
357
|
}
|
|
368
358
|
}, [isLoading, onChangeLoading]);
|
|
369
|
-
if (!dashboardSections || Object.keys(dashboardSections).length == 0) {
|
|
370
|
-
if (initialLoad)
|
|
371
|
-
return null;
|
|
372
|
-
return (0, jsx_runtime_1.jsx)(EmptyDashboardComponent, {});
|
|
373
|
-
}
|
|
374
359
|
const sortByOrdering = (a, b) => {
|
|
375
360
|
if (a.order === undefined && b.order === undefined)
|
|
376
361
|
return 0;
|
|
@@ -380,9 +365,6 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
380
365
|
return -1;
|
|
381
366
|
return a.order - b.order;
|
|
382
367
|
};
|
|
383
|
-
const sortedFilters = Object.values(dashboardFilters)
|
|
384
|
-
.sort((filter) => (filter.filterType === 'date_range' ? -1 : 1))
|
|
385
|
-
.filter((f) => !hideDateRangeFilter || f.filterType !== 'date_range');
|
|
386
368
|
const metrics = (section) => dashboardSections[section]
|
|
387
369
|
.filter(({ chartType }) => chartType === 'metric')
|
|
388
370
|
.sort(sortByOrdering);
|
|
@@ -392,14 +374,19 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
392
374
|
const tables = (section) => dashboardSections[section]
|
|
393
375
|
.filter(({ chartType }) => chartType === 'table')
|
|
394
376
|
.sort(sortByOrdering);
|
|
395
|
-
if (hidden)
|
|
377
|
+
if (hidden || isLoading)
|
|
396
378
|
return null;
|
|
397
|
-
|
|
379
|
+
if (!dashboardSections || Object.keys(dashboardSections).length == 0) {
|
|
380
|
+
if (initialLoad || isLoading)
|
|
381
|
+
return null;
|
|
382
|
+
return (0, jsx_runtime_1.jsx)(EmptyDashboardComponent, {});
|
|
383
|
+
}
|
|
384
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: className, ...(0, styles_1.styleToProps)(containerStyle), children: [!hideFilters && specificDashboardFilters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
398
385
|
display: 'flex',
|
|
399
386
|
boxSizing: 'content-box',
|
|
400
387
|
flexDirection: 'row',
|
|
401
388
|
alignItems: 'center',
|
|
402
|
-
}, children: (0, jsx_runtime_1.jsx)(FilterContainerComponent, { children:
|
|
389
|
+
}, children: (0, jsx_runtime_1.jsx)(FilterContainerComponent, { children: specificDashboardFilters.map((filter, index) => ((0, jsx_runtime_1.jsx)(DashboardFilter_1.DashboardFilter, { filter: filter, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))) }) })), Object.keys(dashboardSections)
|
|
403
390
|
.sort(function (a, b) {
|
|
404
391
|
return a.length - b.length;
|
|
405
392
|
})
|
|
@@ -413,15 +400,27 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
413
400
|
textAlign: 'left',
|
|
414
401
|
marginTop: 12,
|
|
415
402
|
}, children: section })] })), metrics(section).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "metrics", children: metrics(section).map((item, index) => {
|
|
416
|
-
return ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { id: item._id, children: ({ isLoading, error }) => ((0, jsx_runtime_1.jsx)(MetricComponent, { error: error, isLoading: isLoading, report:
|
|
417
|
-
? () => handleOnClickDashboardItem(
|
|
403
|
+
return ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { id: item._id, filters: specificDashboardFilters, children: ({ isLoading, error, data }) => ((0, jsx_runtime_1.jsx)(MetricComponent, { error: error, isLoading: isLoading, report: { ...data, name: item.name }, onClick: !isLoading && onClickReport
|
|
404
|
+
? () => handleOnClickDashboardItem({
|
|
405
|
+
...item,
|
|
406
|
+
...data,
|
|
407
|
+
})
|
|
418
408
|
: undefined }, item.name + '' + index)) }, `${item.name}${index}`));
|
|
419
|
-
}) })), charts(section).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "charts", children: charts(section).map((item, index) => ((0, jsx_runtime_1.jsx)(DataLoader_1.ChartDataLoader, { id: item._id, hideDateRangeFilter: hideDateRangeFilter, dateBucket: dateBucket,
|
|
420
|
-
? () => handleOnClickDashboardItem(
|
|
409
|
+
}) })), charts(section).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "charts", children: charts(section).map((item, index) => ((0, jsx_runtime_1.jsx)(DataLoader_1.ChartDataLoader, { id: item._id, hideDateRangeFilter: hideDateRangeFilter, dateBucket: dateBucket, additionalProcessing: additionalProcessing, filters: specificDashboardFilters, children: ({ isLoading, data, error, dateBucket, }) => ((0, jsx_runtime_1.jsx)(ChartComponent, { report: { ...data, name: item.name }, error: error, onClick: !isLoading && onClickReport
|
|
410
|
+
? () => handleOnClickDashboardItem({
|
|
411
|
+
...item,
|
|
412
|
+
...data,
|
|
413
|
+
})
|
|
421
414
|
: undefined, onClickChartElement: onClickChartElement, isLoading: isLoading, dateBucket: dateBucket, children: (0, jsx_runtime_1.jsx)(Chart_1.default, { config: data, containerStyle: chartContainerStyle, colors: theme.chartColors?.length
|
|
422
415
|
? theme.chartColors
|
|
423
|
-
: undefined, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, comparisonLineStyle: comparisonLineStyle, onClickChartElement: onClickChartElement, dateBucket: dateBucket }) }, item.name + '' + index)) }, `${item.name}${index}`))) })), tables(section).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "tables", children: tables(section).map((item, index) => ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { id: item._id, children: ({ isLoading, error, onPageChange, onSortChange, }) => ((0, jsx_runtime_1.jsx)(TableComponent, { report:
|
|
424
|
-
|
|
416
|
+
: undefined, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, comparisonLineStyle: comparisonLineStyle, onClickChartElement: onClickChartElement, dateBucket: dateBucket }) }, item.name + '' + index)) }, `${item.name}${index}`))) })), tables(section).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "tables", children: tables(section).map((item, index) => ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { id: item._id, filters: specificDashboardFilters, children: ({ isLoading, error, onPageChange, onSortChange, data, }) => ((0, jsx_runtime_1.jsx)(TableComponent, { report: {
|
|
417
|
+
...data,
|
|
418
|
+
name: item.name,
|
|
419
|
+
}, isLoading: isLoading, error: error, onClick: !isLoading && onClickReport
|
|
420
|
+
? () => handleOnClickDashboardItem({
|
|
421
|
+
...item,
|
|
422
|
+
...data,
|
|
423
|
+
})
|
|
425
424
|
: undefined, onPageChange: (page) => onPageChange(page), onSortChange: (sort) => onSortChange(sort) })) }, `${item.name}${index}`))) }))] }, section + '' + sectionIndex));
|
|
426
425
|
})] }));
|
|
427
426
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAEb,SAAS,
|
|
1
|
+
{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/Table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAc9D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAyBD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,CAAC;IAEhC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IAEJ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK,UAAW,UAAU,4CAkC/B,CAAC;AA4GF,eAAe,KAAK,CAAC"}
|
package/dist/cjs/Table.js
CHANGED
|
@@ -54,6 +54,13 @@ const Table = (props) => {
|
|
|
54
54
|
return ((0, jsx_runtime_1.jsx)(ChartUpdater, { hideCSVDownloadButton: data.hideCSVDownloadButton, dispatch: dispatch, dashboard: dashboard, reportId: data.reportId, className: data.className, containerStyle: data.containerStyle, dashboardFilters: dashboardFilters, client: client, csvFilename: data.csvFilename, LoadingComponent: data.LoadingComponent }));
|
|
55
55
|
};
|
|
56
56
|
const ChartUpdater = ({ reportId, containerStyle, className, dashboard, dispatch, client, dashboardFilters, csvFilename, hideCSVDownloadButton = true, LoadingComponent, }) => {
|
|
57
|
+
const specificDashboardFilter = (0, react_1.useMemo)(() => {
|
|
58
|
+
return dashboardFilters
|
|
59
|
+
.sort((filter) => (filter.filterType === 'date_range' ? -1 : 1))
|
|
60
|
+
.filter((f) =>
|
|
61
|
+
// @ts-ignore
|
|
62
|
+
f && f.dashboardName === dashboard[reportId].dashboardName);
|
|
63
|
+
}, [dashboardFilters]);
|
|
57
64
|
const { rows, loading } = (0, useFormat_1.useMemoizedRows)(reportId);
|
|
58
65
|
const { downloadCSV } = (0, useExport_1.useExport)(reportId);
|
|
59
66
|
const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
|
|
@@ -67,7 +74,7 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboard, dispatch
|
|
|
67
74
|
dashboardItemId: reportId,
|
|
68
75
|
orgId: client.customerId || '*',
|
|
69
76
|
task: 'item',
|
|
70
|
-
filters: [...Object.values(
|
|
77
|
+
filters: [...Object.values(specificDashboardFilter)],
|
|
71
78
|
clientId: client.publicKey,
|
|
72
79
|
databaseType: client?.databaseType,
|
|
73
80
|
customFields,
|
|
@@ -75,7 +82,7 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboard, dispatch
|
|
|
75
82
|
};
|
|
76
83
|
const cloudBody = {
|
|
77
84
|
id: reportId,
|
|
78
|
-
filters: [...Object.values(
|
|
85
|
+
filters: [...Object.values(specificDashboardFilter)],
|
|
79
86
|
};
|
|
80
87
|
const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'omit', hostedBody, cloudBody);
|
|
81
88
|
(0, errorProcessing_1.processFilterErrorList)(resp);
|
|
@@ -88,7 +95,7 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboard, dispatch
|
|
|
88
95
|
id: reportId,
|
|
89
96
|
data: {
|
|
90
97
|
...resp,
|
|
91
|
-
filtersApplied:
|
|
98
|
+
filtersApplied: specificDashboardFilter,
|
|
92
99
|
},
|
|
93
100
|
});
|
|
94
101
|
}
|
|
@@ -102,7 +109,7 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboard, dispatch
|
|
|
102
109
|
return () => {
|
|
103
110
|
isSubscribed = false;
|
|
104
111
|
};
|
|
105
|
-
}, [
|
|
112
|
+
}, [specificDashboardFilter, client.customerId, reportId]);
|
|
106
113
|
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { hideCSVDownloadButton: hideCSVDownloadButton,
|
|
107
114
|
// @ts-ignore
|
|
108
115
|
columns: dashboard[reportId]?.columns || [],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type ColorMapType } from '../../Chart';
|
|
3
|
-
export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, onClickChartElement, }: {
|
|
3
|
+
export default function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, onClickChartElement, dateFilter, }: {
|
|
4
4
|
colors?: string[];
|
|
5
5
|
colorMap?: ColorMapType;
|
|
6
6
|
yAxisFields: any[];
|
|
@@ -18,5 +18,6 @@ export default function BarChart({ colors, colorMap, yAxisFields, data, containe
|
|
|
18
18
|
hideYAxis: boolean;
|
|
19
19
|
hideCartesianGrid: boolean;
|
|
20
20
|
onClickChartElement?: (e: any) => void;
|
|
21
|
+
dateFilter?: any;
|
|
21
22
|
}): import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,mBAAmB,EACnB,UAAU,GACX,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CAuMA"}
|
|
@@ -12,7 +12,7 @@ const color_1 = require("../../utils/color");
|
|
|
12
12
|
const ChartTooltip_1 = __importDefault(require("../../components/Chart/ChartTooltip"));
|
|
13
13
|
const getDomain_1 = __importDefault(require("../../utils/getDomain"));
|
|
14
14
|
const react_1 = require("react");
|
|
15
|
-
function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, onClickChartElement, }) {
|
|
15
|
+
function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isStacked, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, onClickChartElement, dateFilter, }) {
|
|
16
16
|
const [formattedData, setFormattedData] = (0, react_1.useState)([]);
|
|
17
17
|
(0, react_1.useEffect)(() => {
|
|
18
18
|
if (!data || data.length === 0) {
|
|
@@ -90,7 +90,7 @@ function BarChart({ colors, colorMap, yAxisFields, data, containerStyle, classNa
|
|
|
90
90
|
value,
|
|
91
91
|
field: payload[0].dataKey,
|
|
92
92
|
fields: yAxisFields,
|
|
93
|
-
}), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, comparison: comparison }));
|
|
93
|
+
}), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, comparison: comparison, dateFilter: dateFilter }));
|
|
94
94
|
}, position: { y: 0 } }), sortYAxisFields(yAxisFields).map((elem) => {
|
|
95
95
|
return ((0, jsx_runtime_1.jsx)(recharts_1.Bar, { name: elem.label, dataKey: elem.field, stackId: isStacked &&
|
|
96
96
|
(elem.field?.replace('comparison_', '') ??
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltip.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAqUF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAK5D"}
|
|
@@ -7,7 +7,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
7
7
|
const date_fns_1 = require("date-fns");
|
|
8
8
|
const ChartTooltipFrame_1 = __importDefault(require("./ChartTooltipFrame"));
|
|
9
9
|
const ChartTooltipRow_1 = __importDefault(require("./ChartTooltipRow"));
|
|
10
|
-
const Context_1 = require("../../Context");
|
|
11
10
|
const ChartTooltipGroup_1 = __importDefault(require("./ChartTooltipGroup"));
|
|
12
11
|
const dates_1 = require("../../utils/dates");
|
|
13
12
|
// The chart tooltip to display for primary labels (ie. not label2).
|
|
@@ -179,14 +178,14 @@ function getTooltipLabel(props, altTooltipLabel, isDateXAxis) {
|
|
|
179
178
|
}
|
|
180
179
|
// The chart tooltip to display for comparison labels (eg. "previous period").
|
|
181
180
|
function ChartTooltipComparison(props) {
|
|
182
|
-
const { comparisonRange } = (0, Context_1.useComparisonRange)();
|
|
183
|
-
const { dateFilter } = (0, Context_1.useDateFilter)();
|
|
184
181
|
const isDateXAxis = (0, dates_1.isDateFormat)(props.xAxisFormat);
|
|
185
182
|
const altTooltipLabel = props.payload[0]?.dataKey
|
|
186
183
|
.replace('comparison_', '')
|
|
187
184
|
.replaceAll('_', ' ')
|
|
188
185
|
.toLowerCase();
|
|
189
|
-
const
|
|
186
|
+
const presetLabel = props.dateFilter?.preset?.label || '';
|
|
187
|
+
const comparisonLabel = props.dateFilter?.comparisonRange?.value || '';
|
|
188
|
+
const newRows = reformatComparisonPayload(props, presetLabel, (0, dates_1.convertComparisonRange)(presetLabel, comparisonLabel));
|
|
190
189
|
return ((0, jsx_runtime_1.jsxs)(ChartTooltipFrame_1.default, { theme: props.theme, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
191
190
|
borderStyle: 'solid',
|
|
192
191
|
borderBottomColor: props.theme?.borderColor || '#E5E7EB',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type ColorMapType } from '../../Chart';
|
|
3
|
-
export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, comparisonLineStyle, cartesianGridLineColor, onClickChartElement }: {
|
|
3
|
+
export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, comparisonLineStyle, cartesianGridLineColor, onClickChartElement, dateFilter, }: {
|
|
4
4
|
colors?: string[];
|
|
5
5
|
colorMap?: ColorMapType;
|
|
6
6
|
yAxisFields: any[];
|
|
@@ -23,5 +23,6 @@ export default function LineChart({ colors, colorMap, yAxisFields, data, contain
|
|
|
23
23
|
comparisonLineStyle: 'solid' | 'dashed';
|
|
24
24
|
cartesianGridLineColor?: string;
|
|
25
25
|
onClickChartElement?: (e: any) => void;
|
|
26
|
+
dateFilter?: any;
|
|
26
27
|
}): import("react/jsx-runtime").JSX.Element;
|
|
27
28
|
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,UAAU,GACX,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,2CAgQA"}
|
|
@@ -13,7 +13,7 @@ const ChartTooltip_1 = __importDefault(require("../../components/Chart/ChartTool
|
|
|
13
13
|
const getDomain_1 = __importDefault(require("../../utils/getDomain"));
|
|
14
14
|
const react_1 = require("react");
|
|
15
15
|
const crypto_1 = require("../../utils/crypto");
|
|
16
|
-
function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', comparisonLineStyle = 'solid', cartesianGridLineColor, onClickChartElement }) {
|
|
16
|
+
function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', comparisonLineStyle = 'solid', cartesianGridLineColor, onClickChartElement = () => { }, dateFilter, }) {
|
|
17
17
|
const [formattedData, setFormattedData] = (0, react_1.useState)([]);
|
|
18
18
|
(0, react_1.useEffect)(() => {
|
|
19
19
|
if (!data || data.length === 0) {
|
|
@@ -119,7 +119,7 @@ function LineChart({ colors, colorMap = {}, yAxisFields, data, containerStyle, c
|
|
|
119
119
|
...yAxisFields,
|
|
120
120
|
{ field: xAxisField, format: xAxisFormat },
|
|
121
121
|
],
|
|
122
|
-
}), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme, comparison: comparison }));
|
|
122
|
+
}), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme, comparison: comparison, dateFilter: dateFilter }));
|
|
123
123
|
}, position: { y: 0 } }), yAxisFields &&
|
|
124
124
|
yAxisFields.map((elem, index) => {
|
|
125
125
|
// hash the color stops so they're stable, valid html ids
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { QuillReportProps } from '../../Dashboard';
|
|
3
|
-
export default function QuillChartComponent({ report, onClick, children, onClickChartElement }: QuillReportProps): JSX.Element;
|
|
3
|
+
export default function QuillChartComponent({ report, onClick, children, isLoading, onClickChartElement, }: QuillReportProps): JSX.Element;
|
|
4
4
|
//# sourceMappingURL=ChartComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,mBAAmB,GACpB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsGhC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
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
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
7
|
const hooks_1 = require("../../hooks");
|
|
5
|
-
|
|
8
|
+
const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
|
|
9
|
+
function QuillChartComponent({ report, onClick, children, isLoading, onClickChartElement, }) {
|
|
6
10
|
const theme = (0, hooks_1.useTheme)();
|
|
7
11
|
return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onClick && onClick(report), style: {
|
|
8
12
|
cursor: 'pointer',
|
|
@@ -41,7 +45,7 @@ function QuillChartComponent({ report, onClick, children, onClickChartElement })
|
|
|
41
45
|
display: 'block',
|
|
42
46
|
maxWidth: '100%',
|
|
43
47
|
overflow: 'hidden',
|
|
44
|
-
}, children: report?.name }), onClick ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
48
|
+
}, children: report?.name }), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
45
49
|
fontFamily: theme.fontFamily,
|
|
46
50
|
color: theme.primaryTextColor,
|
|
47
51
|
boxSizing: 'content-box',
|
|
@@ -51,10 +55,12 @@ function QuillChartComponent({ report, onClick, children, onClickChartElement })
|
|
|
51
55
|
display: 'flex',
|
|
52
56
|
alignItems: 'center',
|
|
53
57
|
justifyContent: 'flex-end',
|
|
54
|
-
}, children: 'view report →' })) : null] }), (0, jsx_runtime_1.jsx)(
|
|
58
|
+
}, children: 'view report →' })) : null] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
|
|
59
|
+
height: '100%',
|
|
60
|
+
} })) : ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
55
61
|
padding: 0,
|
|
56
62
|
height: '100%',
|
|
57
63
|
boxSizing: 'content-box',
|
|
58
|
-
}, children: children })] }) }) }) }, report?.name));
|
|
64
|
+
}, children: children }))] }) }) }) }, report?.name));
|
|
59
65
|
}
|
|
60
66
|
exports.default = QuillChartComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAIhG,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAAwB,EACxB,KAAK,GACN,EAAE,oBAAoB,kDAoItB"}
|