@quillsql/react 2.13.20 → 2.13.22
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.map +1 -1
- package/dist/cjs/Chart.js +208 -40
- package/dist/cjs/Context.d.ts.map +1 -1
- package/dist/cjs/Context.js +15 -10
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +58 -13
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +12 -22
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardFilter.js +19 -1
- package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.js +26 -15
- package/dist/cjs/hooks/useDashboard.d.ts +1 -4
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +1 -22
- package/dist/cjs/hooks/useExport.d.ts +1 -8
- package/dist/cjs/hooks/useExport.d.ts.map +1 -1
- package/dist/cjs/hooks/useExport.js +105 -72
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +23 -21
- package/dist/cjs/hooks/useReport.d.ts +12 -0
- package/dist/cjs/hooks/useReport.d.ts.map +1 -0
- package/dist/cjs/hooks/useReport.js +56 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +3 -2
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +1 -0
- package/dist/cjs/utils/dataProcessing.js +2 -2
- package/dist/cjs/utils/filterProcessing.d.ts +2 -1
- package/dist/cjs/utils/filterProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/filterProcessing.js +168 -22
- package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/pivotConstructor.js +47 -10
- package/dist/cjs/utils/queryConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/queryConstructor.js +3 -2
- package/dist/cjs/utils/report.d.ts +1 -1
- package/dist/cjs/utils/report.d.ts.map +1 -1
- package/dist/cjs/utils/report.js +4 -2
- package/dist/cjs/utils/valueFormatter.d.ts +5 -1
- package/dist/cjs/utils/valueFormatter.d.ts.map +1 -1
- package/dist/cjs/utils/valueFormatter.js +32 -12
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +211 -43
- package/dist/esm/Context.d.ts.map +1 -1
- package/dist/esm/Context.js +15 -10
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +61 -16
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +15 -25
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardFilter.js +20 -2
- package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.js +26 -15
- package/dist/esm/hooks/useDashboard.d.ts +1 -4
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +1 -21
- package/dist/esm/hooks/useExport.d.ts +1 -8
- package/dist/esm/hooks/useExport.d.ts.map +1 -1
- package/dist/esm/hooks/useExport.js +106 -73
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +23 -21
- package/dist/esm/hooks/useReport.d.ts +12 -0
- package/dist/esm/hooks/useReport.d.ts.map +1 -0
- package/dist/esm/hooks/useReport.js +51 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +1 -0
- package/dist/esm/utils/dataProcessing.js +2 -2
- package/dist/esm/utils/filterProcessing.d.ts +2 -1
- package/dist/esm/utils/filterProcessing.d.ts.map +1 -1
- package/dist/esm/utils/filterProcessing.js +168 -23
- package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/esm/utils/pivotConstructor.js +47 -10
- package/dist/esm/utils/queryConstructor.d.ts.map +1 -1
- package/dist/esm/utils/queryConstructor.js +3 -2
- package/dist/esm/utils/report.d.ts +1 -1
- package/dist/esm/utils/report.d.ts.map +1 -1
- package/dist/esm/utils/report.js +4 -2
- package/dist/esm/utils/valueFormatter.d.ts +5 -1
- package/dist/esm/utils/valueFormatter.d.ts.map +1 -1
- package/dist/esm/utils/valueFormatter.js +33 -13
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../../../src/utils/report.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../../../src/utils/report.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/utils/report.js
CHANGED
|
@@ -282,7 +282,7 @@ const formatRowsFromReport = (report) => {
|
|
|
282
282
|
});
|
|
283
283
|
};
|
|
284
284
|
exports.formatRowsFromReport = formatRowsFromReport;
|
|
285
|
-
function convertInternalReportToReport(report, dashboardFilters) {
|
|
285
|
+
function convertInternalReportToReport(report, dashboardFilters, initiator) {
|
|
286
286
|
try {
|
|
287
287
|
if (!report) {
|
|
288
288
|
return exports.EMPTY_REPORT;
|
|
@@ -290,7 +290,9 @@ function convertInternalReportToReport(report, dashboardFilters) {
|
|
|
290
290
|
const formattedReport = {
|
|
291
291
|
...report,
|
|
292
292
|
};
|
|
293
|
-
if (formattedReport.pivot &&
|
|
293
|
+
if (formattedReport.pivot &&
|
|
294
|
+
(0, pivotProcessing_1.isValidPivot)(formattedReport.pivot) &&
|
|
295
|
+
initiator !== 'useQuill') {
|
|
294
296
|
let columns = report.pivotColumns ?? report.columns;
|
|
295
297
|
let rows = report.pivotRows ?? report.rows;
|
|
296
298
|
if (report.chartType === 'table') {
|
|
@@ -7,13 +7,17 @@ type Props = {
|
|
|
7
7
|
value: any;
|
|
8
8
|
field: string | undefined | null;
|
|
9
9
|
fields: Field[];
|
|
10
|
+
dateRange?: {
|
|
11
|
+
start: Date;
|
|
12
|
+
end: Date;
|
|
13
|
+
};
|
|
10
14
|
};
|
|
11
15
|
export declare const DATE_FORMAT_TYPES: string[];
|
|
12
16
|
export declare const NUMBER_FORMAT_TYPES: string[];
|
|
13
17
|
/**
|
|
14
18
|
* Pretty-prints the given values to their nice-looking string form.
|
|
15
19
|
*/
|
|
16
|
-
export declare const valueFormatter: ({ value, field, fields }: Props) => string;
|
|
20
|
+
export declare const valueFormatter: ({ value, field, fields, dateRange, }: Props) => string;
|
|
17
21
|
export declare const quillFormat: ({ value, format, }: {
|
|
18
22
|
value: any;
|
|
19
23
|
format: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAO/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,yCAKxB,KAAK,KAAG,MA8CV,CAAC;AAEF,eAAO,MAAM,WAAW,uBAGrB;IACD,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,KAAG,MAkDH,CAAC;AA0OF,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,oBAG9C;AAED,eAAO,MAAM,aAAa,MACrB;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,KACtB;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,UACjB,MAAM,KACb,MAkDF,CAAC"}
|
|
@@ -24,7 +24,7 @@ exports.NUMBER_FORMAT_TYPES = [
|
|
|
24
24
|
/**
|
|
25
25
|
* Pretty-prints the given values to their nice-looking string form.
|
|
26
26
|
*/
|
|
27
|
-
const valueFormatter = ({ value, field, fields }) => {
|
|
27
|
+
const valueFormatter = ({ value, field, fields, dateRange, }) => {
|
|
28
28
|
if (field === undefined || field === null)
|
|
29
29
|
return '';
|
|
30
30
|
if (value === undefined || value === null)
|
|
@@ -51,7 +51,7 @@ const valueFormatter = ({ value, field, fields }) => {
|
|
|
51
51
|
case 'yyyy':
|
|
52
52
|
return format_YYYY(value);
|
|
53
53
|
case 'MMM_dd':
|
|
54
|
-
return
|
|
54
|
+
return format_MMM_d(value);
|
|
55
55
|
case 'MMM_yyyy':
|
|
56
56
|
return format_MMM_yyyy(value);
|
|
57
57
|
case 'MMM_dd_yyyy':
|
|
@@ -62,7 +62,7 @@ const valueFormatter = ({ value, field, fields }) => {
|
|
|
62
62
|
case 'hh_ap_pm':
|
|
63
63
|
return format_hh_ap_pm(value);
|
|
64
64
|
case 'MMM_dd-MMM_dd':
|
|
65
|
-
return
|
|
65
|
+
return format_MMM_d_MMM_d(value, dateRange);
|
|
66
66
|
case 'MMM_dd_hh:mm_ap_pm':
|
|
67
67
|
return format_MMM_dd_hh_mm_ap_pm(value);
|
|
68
68
|
case 'wo, yyyy':
|
|
@@ -97,8 +97,9 @@ const quillFormat = ({ value, format, }) => {
|
|
|
97
97
|
return formatString(value);
|
|
98
98
|
case 'yyyy':
|
|
99
99
|
return format_YYYY(value);
|
|
100
|
+
case 'MMM_d':
|
|
100
101
|
case 'MMM_dd':
|
|
101
|
-
return
|
|
102
|
+
return format_MMM_d(value);
|
|
102
103
|
case 'MMM_yyyy':
|
|
103
104
|
return format_MMM_yyyy(value);
|
|
104
105
|
case 'MMM_dd_yyyy':
|
|
@@ -108,8 +109,9 @@ const quillFormat = ({ value, format, }) => {
|
|
|
108
109
|
// return format_MMM_ww_yyyy(value);
|
|
109
110
|
case 'hh_ap_pm':
|
|
110
111
|
return format_hh_ap_pm(value);
|
|
112
|
+
case 'MMM_d-MMM_d':
|
|
111
113
|
case 'MMM_dd-MMM_dd':
|
|
112
|
-
return
|
|
114
|
+
return format_MMM_d_MMM_d(value);
|
|
113
115
|
case 'MMM_dd_hh:mm_ap_pm':
|
|
114
116
|
return format_MMM_dd_hh_mm_ap_pm(value);
|
|
115
117
|
case 'wo, yyyy':
|
|
@@ -232,22 +234,40 @@ const _getUTCDateHelper = (value, fmt) => {
|
|
|
232
234
|
const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
|
|
233
235
|
const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
|
|
234
236
|
const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
|
|
235
|
-
const
|
|
237
|
+
const format_MMM_d = (value) => _getUTCDateHelper(value, 'MMM d');
|
|
236
238
|
const format_MMM_dd_yyyy = (value) => {
|
|
237
239
|
return _getUTCDateHelper(value, 'dd MMM yyyy');
|
|
238
240
|
};
|
|
239
|
-
const
|
|
240
|
-
const utcDate = (0,
|
|
241
|
+
const format_MMM_d_MMM_d = (value, dateRange) => {
|
|
242
|
+
const utcDate = (0, date_fns_1.parseISO)(value.split('T')[0]);
|
|
241
243
|
if (!(0, date_fns_1.isValid)(utcDate))
|
|
242
244
|
return 'Invalid date';
|
|
243
|
-
|
|
244
|
-
|
|
245
|
+
let monday = (0, date_fns_1.startOfWeek)(utcDate, { weekStartsOn: 1 });
|
|
246
|
+
let sunday = (0, date_fns_1.endOfWeek)(utcDate, { weekStartsOn: 1 });
|
|
247
|
+
// If date range is provided, adjust the start and end dates
|
|
248
|
+
if (dateRange && dateRange.start && dateRange.end) {
|
|
249
|
+
const utcStartString = dateRange.start.toISOString().split('T')[0];
|
|
250
|
+
const utcEndString = dateRange.end.toISOString().split('T')[0];
|
|
251
|
+
if (utcStartString && utcEndString) {
|
|
252
|
+
const utcStart = (0, date_fns_1.parseISO)(utcStartString);
|
|
253
|
+
const utcEnd = (0, date_fns_1.parseISO)(utcEndString);
|
|
254
|
+
if ((0, date_fns_1.isBefore)(monday, utcStart)) {
|
|
255
|
+
monday = utcStart;
|
|
256
|
+
}
|
|
257
|
+
if ((0, date_fns_1.isAfter)(sunday, utcEnd)) {
|
|
258
|
+
sunday = utcEnd;
|
|
259
|
+
}
|
|
260
|
+
if ((0, date_fns_1.isAfter)(monday, utcEnd) || (0, date_fns_1.isBefore)(sunday, utcStart)) {
|
|
261
|
+
return 'Date outside range';
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
}
|
|
245
265
|
// Check if start and end are in the same month
|
|
246
266
|
if ((0, date_fns_1.format)(monday, 'MMM') === (0, date_fns_1.format)(sunday, 'MMM')) {
|
|
247
|
-
return `${(0, date_fns_1.format)(monday, 'MMM
|
|
267
|
+
return `${(0, date_fns_1.format)(monday, 'MMM d')} - ${(0, date_fns_1.format)(sunday, 'd')}`;
|
|
248
268
|
}
|
|
249
269
|
else {
|
|
250
|
-
return `${(0, date_fns_1.format)(monday, 'MMM
|
|
270
|
+
return `${(0, date_fns_1.format)(monday, 'MMM d')} - ${(0, date_fns_1.format)(sunday, 'MMM d')}`;
|
|
251
271
|
}
|
|
252
272
|
};
|
|
253
273
|
const format_MMM_dd_hh_mm_ap_pm = (value) => {
|
package/dist/esm/Chart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EACT,WAAW,
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Chart.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect, useContext, useMemo, } from 'react';
|
|
2
|
+
import { useState, useEffect, useContext, useMemo, useRef, } from 'react';
|
|
3
3
|
import { useExport } from './hooks/useExport';
|
|
4
4
|
import { differenceInHours } from 'date-fns';
|
|
5
5
|
import BarList from './components/Chart/BarList';
|
|
@@ -10,9 +10,10 @@ import LineChart from './components/Chart/LineChart';
|
|
|
10
10
|
import BarChart from './components/Chart/BarChart';
|
|
11
11
|
import { QuillLoadingSkeleton } from './components/Chart/ChartSkeleton';
|
|
12
12
|
import ChartError from './components/Chart/ChartError';
|
|
13
|
-
import { convertCustomFilter, FilterType, } from './models/Filter';
|
|
14
|
-
import { findAndProcessDateFilter } from './utils/filterProcessing';
|
|
13
|
+
import { convertCustomFilter, DashboardFilterType as DashboardFilterVariant, FilterType, } from './models/Filter';
|
|
14
|
+
import { applyCustomFilterToDashDateFilter, findAndProcessDateFilter, } from './utils/filterProcessing';
|
|
15
15
|
import { QuillFilterContainerComponent, } from './components/UiComponents';
|
|
16
|
+
import { DashboardFilter } from './components/Dashboard/DashboardFilter';
|
|
16
17
|
import { QuillSelectComponent } from './components/QuillSelect';
|
|
17
18
|
import { QuillMultiSelectComponent } from './components/QuillMultiSelect';
|
|
18
19
|
import { QuillDateRangePicker } from './DateRangePicker/QuillDateRangePicker';
|
|
@@ -21,6 +22,9 @@ import { DEFAULT_PAGINATION } from './utils/paginationProcessing';
|
|
|
21
22
|
import QuillMetricComponent from './components/Dashboard/MetricComponent';
|
|
22
23
|
import DataLoader, { ChartDataLoader, } from './components/Dashboard/DataLoader';
|
|
23
24
|
import QuillTableComponent from './components/Dashboard/TableComponent';
|
|
25
|
+
import { COMPARISON_RANGE, defaultOptionsV2, getRangeFromPresetOptions, PRIMARY_RANGE, } from './DateRangePicker/dateRangePickerUtils';
|
|
26
|
+
import { useReport } from './hooks/useReport';
|
|
27
|
+
import equal from 'fast-deep-equal';
|
|
24
28
|
const MAX_ROWS_FOR_GENERIC_TABLE = 500;
|
|
25
29
|
// @ts-ignore
|
|
26
30
|
function sumByKey(arr, key) {
|
|
@@ -128,31 +132,106 @@ export function didFiltersChange(dashboardItem, filters) {
|
|
|
128
132
|
}
|
|
129
133
|
return !isEquivalent(dashboardItem.filtersApplied, filters);
|
|
130
134
|
}
|
|
131
|
-
export default function Chart({ colors, reportId, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter = false,
|
|
132
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
133
|
-
hideFilters = false, mapColorsToFields, LoadingComponent = QuillLoadingSkeleton,
|
|
134
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
135
|
-
SelectComponent = QuillSelectComponent,
|
|
136
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
137
|
-
MultiSelectComponent = QuillMultiSelectComponent,
|
|
138
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
139
|
-
DateRangePickerComponent = QuillDateRangePicker,
|
|
140
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
141
|
-
FilterContainerComponent = QuillFilterContainerComponent, TableComponent = QuillTableComponent, MetricComponent = QuillMetricComponent, filters, onClickChartElement, dateBucket, }) {
|
|
135
|
+
export default function Chart({ colors, reportId, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter = false, hideFilters = false, mapColorsToFields, LoadingComponent = QuillLoadingSkeleton, SelectComponent = QuillSelectComponent, MultiSelectComponent = QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker, FilterContainerComponent = QuillFilterContainerComponent, TableComponent = QuillTableComponent, MetricComponent = QuillMetricComponent, filters, onClickChartElement, dateBucket, }) {
|
|
142
136
|
const [dashboard] = useContext(DashboardContext);
|
|
143
137
|
const { dashboardFilters } = useContext(DashboardFiltersContext);
|
|
138
|
+
const { reload } = useReport(reportId);
|
|
144
139
|
const { reports, reportsDispatch, fetchIndividualReport } = useContext(ReportsContext);
|
|
145
|
-
|
|
146
|
-
const
|
|
147
|
-
return filters?.some((f) => f.filterType === FilterType.DateCustomFilter);
|
|
148
|
-
}, [filters]);
|
|
140
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
141
|
+
const { reportFiltersDispatch, reportFilters, loadFiltersForReport } = useContext(ReportFiltersContext);
|
|
149
142
|
const specificReportFilters = useMemo(() => {
|
|
150
|
-
return Object.values(reportFilters[reportId] ??
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
143
|
+
return Object.values(reportFilters[reportId] ??
|
|
144
|
+
(dashboard[reportId]
|
|
145
|
+
? dashboardFilters[dashboard[reportId].dashboardName]
|
|
146
|
+
: null) ??
|
|
147
|
+
{}).map((f) => f.filter);
|
|
148
|
+
}, [reportFilters[reportId]]);
|
|
149
|
+
const reportDateFilter = useMemo(() => {
|
|
150
|
+
return specificReportFilters.find((f) => f.filterType === 'date_range');
|
|
151
|
+
}, [specificReportFilters]);
|
|
152
|
+
const presetOptions = useMemo(() => {
|
|
153
|
+
return reportDateFilter
|
|
154
|
+
? (reportDateFilter.presetRanges?.map((elem) => {
|
|
155
|
+
if (!elem.isStatic) {
|
|
156
|
+
return {
|
|
157
|
+
label: elem.label,
|
|
158
|
+
value: elem.value,
|
|
159
|
+
startDate: PRIMARY_RANGE[elem.value]?.startDate ??
|
|
160
|
+
PRIMARY_RANGE['LAST_30_DAYS'].startDate,
|
|
161
|
+
endDate: PRIMARY_RANGE[elem.value]?.endDate ??
|
|
162
|
+
PRIMARY_RANGE['LAST_30_DAYS'].endDate,
|
|
163
|
+
};
|
|
164
|
+
}
|
|
165
|
+
return {
|
|
166
|
+
label: elem.label,
|
|
167
|
+
value: elem.value,
|
|
168
|
+
startDate: new Date(elem.startDate),
|
|
169
|
+
endDate: new Date(elem.endDate),
|
|
170
|
+
};
|
|
171
|
+
}) ?? defaultOptionsV2)
|
|
172
|
+
: defaultOptionsV2;
|
|
173
|
+
}, [reportDateFilter]);
|
|
174
|
+
const userFilters = useMemo(() => {
|
|
175
|
+
return filters?.filter((f) => f.filterType !== FilterType.DateCustomFilter &&
|
|
176
|
+
f.filterType !== FilterType.DateFilter &&
|
|
177
|
+
f.filterType !== FilterType.DateComparisonFilter);
|
|
178
|
+
}, [filters]);
|
|
179
|
+
const previousFilters = useRef(undefined);
|
|
180
|
+
if (!equal(previousFilters.current, filters)) {
|
|
181
|
+
previousFilters.current = filters;
|
|
182
|
+
}
|
|
183
|
+
// A filter value can either be a string, an array of strings for a multiselect, or a date range (that could have a comparison range)
|
|
184
|
+
const [filterValues, setFilterValues] = useState({});
|
|
185
|
+
useEffect(() => {
|
|
186
|
+
setFilterValues(Object.values(reportFilters[reportId] ?? {}).reduce((acc, f) => {
|
|
187
|
+
acc[f.filter.label] =
|
|
188
|
+
f.filter.filterType === 'string'
|
|
189
|
+
? f.filter.stringFilterType === 'multiselect'
|
|
190
|
+
? { values: f.filter.values, operator: 'IN' }
|
|
191
|
+
: { selectedValue: f.filter.selectedValue }
|
|
192
|
+
: {
|
|
193
|
+
startDate: f.filter.startDate,
|
|
194
|
+
endDate: f.filter.endDate,
|
|
195
|
+
preset: f.filter.preset,
|
|
196
|
+
comparisonRange: f.filter.comparisonRange,
|
|
197
|
+
};
|
|
198
|
+
return acc;
|
|
199
|
+
}, {}));
|
|
200
|
+
}, [reportId, reportFilters]);
|
|
201
|
+
useEffect(() => {
|
|
202
|
+
if (reportDateFilter) {
|
|
203
|
+
// Filter for custom date filter that applies to the report's dateField
|
|
204
|
+
const customDateFilter = previousFilters.current?.find((f) => f.filterType === FilterType.DateCustomFilter
|
|
205
|
+
|| f.filterType === FilterType.DateFilter
|
|
206
|
+
|| f.filterType === FilterType.DateComparisonFilter
|
|
207
|
+
// FIXME: this is the correct way to do it but the demo has a hardcoded filter field
|
|
208
|
+
// && f.field === report?.dateField?.field && f.table === report?.dateField?.table,
|
|
209
|
+
);
|
|
210
|
+
if (!customDateFilter) {
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
const newFilter = applyCustomFilterToDashDateFilter(customDateFilter, reportDateFilter);
|
|
214
|
+
setFilterValues((filterValues) => ({
|
|
215
|
+
...filterValues,
|
|
216
|
+
[reportDateFilter.label]: {
|
|
217
|
+
startDate: newFilter.startDate,
|
|
218
|
+
endDate: newFilter.endDate,
|
|
219
|
+
preset: newFilter.preset,
|
|
220
|
+
comparisonRange: newFilter.comparisonRange,
|
|
221
|
+
},
|
|
222
|
+
}));
|
|
223
|
+
reportFiltersDispatch({
|
|
224
|
+
type: 'UPDATE_REPORT_FILTER',
|
|
225
|
+
id: reportId,
|
|
226
|
+
data: {
|
|
227
|
+
filter: newFilter,
|
|
228
|
+
loading: false,
|
|
229
|
+
},
|
|
230
|
+
});
|
|
231
|
+
}
|
|
232
|
+
}, [previousFilters.current]);
|
|
154
233
|
const report = useMemo(() => reports[reportId], [reports, reportId]);
|
|
155
|
-
const [loading, setLoading] = useState(
|
|
234
|
+
const [loading, setLoading] = useState(true);
|
|
156
235
|
const [theme] = useContext(ThemeContext);
|
|
157
236
|
const colorMap = useMemo(() => {
|
|
158
237
|
if (mapColorsToFields && report && theme) {
|
|
@@ -161,6 +240,83 @@ FilterContainerComponent = QuillFilterContainerComponent, TableComponent = Quill
|
|
|
161
240
|
}, [report, theme]);
|
|
162
241
|
const [client, clientLoading] = useContext(ClientContext);
|
|
163
242
|
const [error, setError] = useState(undefined);
|
|
243
|
+
const updateFilter = (filter, value, comparison) => {
|
|
244
|
+
let filterValue = {};
|
|
245
|
+
if (filter.filterType === DashboardFilterVariant.String) {
|
|
246
|
+
if (filter.stringFilterType === 'multiselect') {
|
|
247
|
+
if ((value?.length ?? 0) === 0) {
|
|
248
|
+
filterValue = { values: undefined, operator: undefined };
|
|
249
|
+
}
|
|
250
|
+
else {
|
|
251
|
+
filterValue = { values: value, operator: 'IN' };
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
else {
|
|
255
|
+
filterValue = { selectedValue: value };
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
else if (filter.filterType === DashboardFilterVariant.Date) {
|
|
259
|
+
if (comparison ||
|
|
260
|
+
(filter.comparison &&
|
|
261
|
+
(filter.comparisonRange?.value ?? 'NO_COMPARISON') !==
|
|
262
|
+
'NO_COMPARISON')) {
|
|
263
|
+
let preset = '';
|
|
264
|
+
if (comparison) {
|
|
265
|
+
preset = filter.preset.value;
|
|
266
|
+
}
|
|
267
|
+
const key = comparison?.value ||
|
|
268
|
+
(filter.comparisonRange?.value ?? 'NO_COMPARISON');
|
|
269
|
+
let primaryRange = {
|
|
270
|
+
startDate: value ? value.startDate : filter.startDate,
|
|
271
|
+
endDate: value ? value.endDate : filter.endDate,
|
|
272
|
+
};
|
|
273
|
+
if (value && value.preset) {
|
|
274
|
+
preset = value.preset;
|
|
275
|
+
primaryRange = getRangeFromPresetOptions(value.preset, presetOptions);
|
|
276
|
+
}
|
|
277
|
+
filterValue = {
|
|
278
|
+
startDate: primaryRange.startDate,
|
|
279
|
+
endDate: primaryRange.endDate,
|
|
280
|
+
preset: {
|
|
281
|
+
label: presetOptions.find((o) => o.value === preset)?.label ?? preset,
|
|
282
|
+
value: preset,
|
|
283
|
+
},
|
|
284
|
+
comparisonRange: {
|
|
285
|
+
startDate: COMPARISON_RANGE[key](primaryRange)
|
|
286
|
+
?.startDate,
|
|
287
|
+
endDate: COMPARISON_RANGE[key](primaryRange)
|
|
288
|
+
?.endDate,
|
|
289
|
+
value: key,
|
|
290
|
+
},
|
|
291
|
+
};
|
|
292
|
+
}
|
|
293
|
+
else {
|
|
294
|
+
const primaryRange = value && value.preset
|
|
295
|
+
? getRangeFromPresetOptions(value.preset, presetOptions)
|
|
296
|
+
: {
|
|
297
|
+
startDate: value?.startDate || filter.startDate,
|
|
298
|
+
endDate: value?.endDate || filter.endDate,
|
|
299
|
+
};
|
|
300
|
+
const preset = value?.preset ? value.preset : '';
|
|
301
|
+
filterValue = {
|
|
302
|
+
startDate: primaryRange.startDate,
|
|
303
|
+
endDate: primaryRange.endDate,
|
|
304
|
+
preset: {
|
|
305
|
+
label: presetOptions.find((o) => o.value === preset)?.label ?? preset,
|
|
306
|
+
value: preset,
|
|
307
|
+
},
|
|
308
|
+
};
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
setFilterValues((filterValues) => ({
|
|
312
|
+
...filterValues,
|
|
313
|
+
[filter.label]: filterValue,
|
|
314
|
+
}));
|
|
315
|
+
reload({
|
|
316
|
+
filters: specificReportFilters.map((f) => filter.label === f.label ? { ...f, ...filterValue } : f),
|
|
317
|
+
editedFilterLabel: filter.label,
|
|
318
|
+
}, userFilters, 'Chart');
|
|
319
|
+
};
|
|
164
320
|
const fetchReportHelper = async () => {
|
|
165
321
|
if (!client) {
|
|
166
322
|
return;
|
|
@@ -177,34 +333,49 @@ FilterContainerComponent = QuillFilterContainerComponent, TableComponent = Quill
|
|
|
177
333
|
}
|
|
178
334
|
};
|
|
179
335
|
useEffect(() => {
|
|
180
|
-
if (reportId === undefined || reportId === '' || clientLoading)
|
|
336
|
+
if (reportId === undefined || reportId === '' || clientLoading) {
|
|
181
337
|
return;
|
|
338
|
+
}
|
|
339
|
+
if (dashboard[reportId] &&
|
|
340
|
+
dashboardFilters[dashboard[reportId].dashboardName]) {
|
|
341
|
+
reportFiltersDispatch({
|
|
342
|
+
type: 'ADD_REPORT_FILTERS',
|
|
343
|
+
id: reportId,
|
|
344
|
+
data: Object.values(dashboardFilters[dashboard[reportId].dashboardName] ?? {}),
|
|
345
|
+
});
|
|
346
|
+
}
|
|
182
347
|
if (dashboard[reportId]) {
|
|
183
348
|
reportsDispatch({
|
|
184
349
|
type: 'ADD_REPORT',
|
|
185
350
|
id: reportId,
|
|
186
351
|
data: dashboard[reportId],
|
|
187
352
|
});
|
|
353
|
+
setLoading(false);
|
|
188
354
|
}
|
|
189
355
|
else if (!reports[reportId]) {
|
|
190
356
|
fetchReportHelper();
|
|
357
|
+
return;
|
|
191
358
|
}
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
}
|
|
199
|
-
}, [dashboard[reportId], dashboardFilters[reportId], clientLoading]);
|
|
359
|
+
setLoading(false);
|
|
360
|
+
}, [
|
|
361
|
+
dashboard[reportId],
|
|
362
|
+
dashboard[reportId] && dashboardFilters[dashboard[reportId].dashboardName],
|
|
363
|
+
clientLoading,
|
|
364
|
+
]);
|
|
200
365
|
if (report?.error || error) {
|
|
201
366
|
return (_jsx("div", { style: containerStyle, className: className, children: _jsx(ChartError, { errorMessage: report?.error ?? error }) }));
|
|
202
367
|
}
|
|
203
|
-
return (
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
368
|
+
return (_jsxs("div", { children: [!hideFilters && (_jsx(FilterContainerComponent, { children: specificReportFilters.map((filter, index) => (_jsx(DashboardFilter, { filter: {
|
|
369
|
+
...filter,
|
|
370
|
+
...(filter.filterType === 'date_range' && {
|
|
371
|
+
options: presetOptions,
|
|
372
|
+
}),
|
|
373
|
+
...filterValues[filter.label],
|
|
374
|
+
}, isLoading: reportFilters[reportId]?.[filter.label]?.loading, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))) })), loading || !report ? (_jsx("div", { style: containerStyle, className: className, children: _jsx(LoadingComponent, {}) })) : (_jsxs(_Fragment, { children: [('table' === report.chartType || 'metric' === report.chartType) && (_jsx(DataLoader, { item: report, filters: specificReportFilters, userFilters: userFilters?.map(convertCustomFilter), additionalProcessing: {
|
|
375
|
+
page: DEFAULT_PAGINATION,
|
|
376
|
+
}, reportMode: true, children: ({ isLoading, error, onPageChange, onSortChange, data, rowCount, rowCountIsLoading, }) => 'metric' === report.chartType ? (_jsx(MetricComponent, { error: error, isLoading: isLoading, report: data })) : (_jsx(TableComponent, { report: data, isLoading: isLoading, error: error, rowCount: rowCount ?? data?.rowCount ?? data?.rows?.length ?? 0, rowCountIsLoading: rowCountIsLoading, onPageChange: (page) => onPageChange(page), onSortChange: (sort) => onSortChange(sort) })) })), report.chartType !== 'table' && report.chartType !== 'metric' && (_jsx(ChartDataLoader, { item: report, dateBucket: dateBucket, userFilters: userFilters?.map(convertCustomFilter), additionalProcessing: {
|
|
377
|
+
page: DEFAULT_PAGINATION,
|
|
378
|
+
}, filters: specificReportFilters, reportMode: true, children: ({ isLoading, data, error }) => error ? (_jsx("div", { style: containerStyle, className: className, children: _jsx(ChartError, { errorMessage: error }) })) : (_jsx(ChartDisplay, { config: data, reportId: reportId, colors: colors, className: className, containerStyle: containerStyle, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, hideHorizontalCartesianGrid: hideHorizontalCartesianGrid, hideVerticalCartesianGrid: hideVerticalCartesianGrid, hideSubsequentXAxisTicks: hideSubsequentXAxisTicks, cartesianGridLineStyle: cartesianGridLineStyle, cartesianGridLineColor: cartesianGridLineColor, hideDateRangeFilter: hideDateRangeFilter, comparisonLineStyle: comparisonLineStyle, isAnimationActive: isAnimationActive, loading: isLoading, scrollable: true, colorMap: colorMap, LoadingComponent: LoadingComponent, onClickChartElement: onClickChartElement })) }))] }))] }));
|
|
208
379
|
}
|
|
209
380
|
export const ChartDisplay = ({ reportId, config, colors, className, containerStyle, hideXAxis, hideYAxis, hideCartesianGrid, hideDateRangeFilter = false, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, isAnimationActive, scrollable = false, loading = false, ErrorComponent = ChartError, colorMap, LoadingComponent = QuillLoadingSkeleton, onPageChange, onSortChange, onClickChartElement, overrideTheme, }) => {
|
|
210
381
|
const { downloadCSV } = useExport(reportId);
|
|
@@ -242,7 +413,7 @@ export const ChartDisplay = ({ reportId, config, colors, className, containerSty
|
|
|
242
413
|
? theme.chartColors
|
|
243
414
|
: ['#4E80EE', '#E14F62', '#55B5A6', '#E9A23B', '#6466E9', '#55B685'];
|
|
244
415
|
}, [colors]);
|
|
245
|
-
const
|
|
416
|
+
const dateFilter = useMemo(() => {
|
|
246
417
|
const filters = specificReportFilters.length > 0
|
|
247
418
|
? specificReportFilters
|
|
248
419
|
: specificDashboardFilters;
|
|
@@ -250,12 +421,9 @@ export const ChartDisplay = ({ reportId, config, colors, className, containerSty
|
|
|
250
421
|
return findAndProcessDateFilter(filters.map((f) => f));
|
|
251
422
|
}
|
|
252
423
|
return undefined;
|
|
253
|
-
|
|
254
|
-
const [dateFilter, setDateFilter] = useState(getDateFilter());
|
|
255
|
-
const [page, setPage] = useState(0);
|
|
256
|
-
useEffect(() => {
|
|
257
|
-
setDateFilter(getDateFilter());
|
|
424
|
+
// This only depends on config to match previous behavior, but maybe it should depend on more?
|
|
258
425
|
}, [config]);
|
|
426
|
+
const [page, setPage] = useState(0);
|
|
259
427
|
if (config &&
|
|
260
428
|
config.chartType !== 'metric' &&
|
|
261
429
|
config.chartType !== 'table' &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Context.js
CHANGED
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState, createContext, useEffect, useReducer, useRef, } from 'react';
|
|
3
3
|
import { getSchemaInfoWithCustomFields } from './utils/schema';
|
|
4
4
|
import { fetchClient } from './utils/client';
|
|
5
|
+
import { FilterType } from './models/Filter';
|
|
5
6
|
import { getDashboard as requestGetDashboard } from './utils/dashboard';
|
|
6
7
|
import equal from 'fast-deep-equal';
|
|
7
8
|
import { defaultOptionsV2, PRIMARY_RANGE, } from './DateRangePicker/dateRangePickerUtils';
|
|
@@ -306,7 +307,6 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
306
307
|
}
|
|
307
308
|
}, [initialTheme]);
|
|
308
309
|
async function loadFiltersForReport(reportId, initiator, filters, updatedFilterLabel, customFilters) {
|
|
309
|
-
const mergedDateFilters = mergeCustomFilters(filters, customFilters ?? []);
|
|
310
310
|
// Abort all previous fetch requests
|
|
311
311
|
const currentRequest = reportFilterOptionsAbortControllers.current[reportId];
|
|
312
312
|
if (currentRequest) {
|
|
@@ -372,14 +372,16 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
372
372
|
...filter,
|
|
373
373
|
options: undefined,
|
|
374
374
|
},
|
|
375
|
-
appliedFilters:
|
|
375
|
+
appliedFilters: filters
|
|
376
376
|
.filter((f) => f.label !== filter.label)
|
|
377
377
|
.map((f) => ({
|
|
378
378
|
...f,
|
|
379
379
|
query: undefined,
|
|
380
380
|
options: undefined,
|
|
381
381
|
})),
|
|
382
|
-
customFilters
|
|
382
|
+
customFilters: customFilters?.filter((f) => f.filterType !== FilterType.DateCustomFilter &&
|
|
383
|
+
f.filterType !== FilterType.DateFilter &&
|
|
384
|
+
f.filterType !== FilterType.DateComparisonFilter),
|
|
383
385
|
},
|
|
384
386
|
}),
|
|
385
387
|
signal: filterOptionsAbortController?.signal,
|
|
@@ -458,7 +460,7 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
458
460
|
useNewNodeSql: true,
|
|
459
461
|
// rowsOnly,
|
|
460
462
|
// rowCountOnly,
|
|
461
|
-
|
|
463
|
+
getDefaultDashboardFilters: !filters.length,
|
|
462
464
|
},
|
|
463
465
|
};
|
|
464
466
|
const cloudBody = {
|
|
@@ -467,7 +469,7 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
467
469
|
useNewNodeSql: true,
|
|
468
470
|
};
|
|
469
471
|
const resp = fetchRows
|
|
470
|
-
? await getData(client, 'itempost', 'omit', hostedBody, cloudBody, 'POST', 'fetch-data')
|
|
472
|
+
? await getData(client, 'itempost', 'omit', hostedBody, cloudBody, 'POST', 'fetch-data', abortController.signal)
|
|
471
473
|
: await fetch(`${queryEndpoint}`, {
|
|
472
474
|
method: 'POST',
|
|
473
475
|
headers: {
|
|
@@ -482,7 +484,7 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
482
484
|
orgId: client.organizationId ?? organizationId,
|
|
483
485
|
useNewNodeSql: true,
|
|
484
486
|
filters: filters?.map((f) => ({ ...f, options: undefined })),
|
|
485
|
-
getDefaultDashboardFilters:
|
|
487
|
+
getDefaultDashboardFilters: !filters.length,
|
|
486
488
|
additionalProcessing,
|
|
487
489
|
dateBucket,
|
|
488
490
|
databaseType: client.databaseType,
|
|
@@ -508,14 +510,17 @@ export const ContextProvider = ({ children, initialTheme, publicKey, organizatio
|
|
|
508
510
|
reportsDispatch({
|
|
509
511
|
type: 'ADD_REPORT',
|
|
510
512
|
id: reportId,
|
|
511
|
-
data: { ...report, filtersApplied: customFilters },
|
|
513
|
+
data: { ...report, filtersApplied: customFilters, loadingRows: !fetchRows },
|
|
512
514
|
});
|
|
513
|
-
if (!fetchRows) {
|
|
514
|
-
const
|
|
515
|
+
if (!fetchRows || !filters?.length) {
|
|
516
|
+
const returnedFilters = !fetchRows
|
|
517
|
+
? results.data.filters
|
|
518
|
+
: results.filters;
|
|
519
|
+
const dateFilterTemplate = returnedFilters.find((f) => f.filterType === 'date_range');
|
|
515
520
|
const dateFilter = dateFilterTemplate
|
|
516
521
|
? createDefaultDateFilter(dateFilterTemplate, [report], report.dashboardName)
|
|
517
522
|
: undefined;
|
|
518
|
-
const stringFilters =
|
|
523
|
+
const stringFilters = returnedFilters.filter((f) => f.filterType !== 'date_range');
|
|
519
524
|
const allFilters = [
|
|
520
525
|
...(dateFilter ? [dateFilter] : []),
|
|
521
526
|
...stringFilters,
|