@quillsql/react 2.10.34 → 2.10.35
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 +17 -5
- package/dist/cjs/Table.d.ts +3 -2
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +7 -7
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +17 -5
- package/dist/esm/Table.d.ts +3 -2
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +7 -7
- package/package.json +1 -1
package/dist/cjs/Chart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AA6BA,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AA4D3C,wBAAgB,gBAAgB,CAAC,aAAa,KAAA,EAAE,OAAO,KAAA,WAQtD;AAKD,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AA+cF,eAAe,KAAK,CAAC"}
|
package/dist/cjs/Chart.js
CHANGED
|
@@ -11,7 +11,7 @@ const date_fns_1 = require("date-fns");
|
|
|
11
11
|
const BarList_1 = __importDefault(require("./BarList"));
|
|
12
12
|
const PieChart_1 = __importDefault(require("./PieChart"));
|
|
13
13
|
const Context_1 = require("./Context");
|
|
14
|
-
const
|
|
14
|
+
const QuillTable_1 = __importDefault(require("./components/QuillTable"));
|
|
15
15
|
const dataFetcher_1 = require("./utils/dataFetcher");
|
|
16
16
|
const PivotModal_1 = require("./internals/ReportBuilder/PivotModal");
|
|
17
17
|
const valueFormatter_1 = require("./utils/valueFormatter");
|
|
@@ -21,6 +21,7 @@ const merge_1 = require("./utils/merge");
|
|
|
21
21
|
const ChartSkeleton_1 = __importDefault(require("./components/Chart/ChartSkeleton"));
|
|
22
22
|
const ChartError_1 = __importDefault(require("./components/Chart/ChartError"));
|
|
23
23
|
const dateRangePickerUtils_1 = require("./DateRangePicker/dateRangePickerUtils");
|
|
24
|
+
const valueFormatter_2 = require("./utils/valueFormatter");
|
|
24
25
|
// @ts-ignore
|
|
25
26
|
function sumByKey(arr, key) {
|
|
26
27
|
// @ts-ignore
|
|
@@ -235,10 +236,21 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
|
|
|
235
236
|
col.format = matchingCol.format;
|
|
236
237
|
}
|
|
237
238
|
});
|
|
238
|
-
|
|
239
|
-
return ((
|
|
240
|
-
|
|
241
|
-
|
|
239
|
+
const rows = data.rows.map((row) => {
|
|
240
|
+
return columns.reduce((formattedRow, column) => {
|
|
241
|
+
// Apply the format function to each field in the row
|
|
242
|
+
const formattedValue = (0, valueFormatter_2.quillFormat)({
|
|
243
|
+
value: row[column.field],
|
|
244
|
+
format: column.format,
|
|
245
|
+
});
|
|
246
|
+
formattedRow[column.field] = formattedValue;
|
|
247
|
+
return formattedRow;
|
|
248
|
+
}, {});
|
|
249
|
+
});
|
|
250
|
+
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: pivotTable?.rows ?? rows ?? [], columns: pivotTable?.columns ?? columns ?? data.yAxisFields, containerStyle: {
|
|
251
|
+
height: '400px',
|
|
252
|
+
width: containerStyle?.width || '100%',
|
|
253
|
+
}, downloadFileName: data.name, showDownloadCSVButton: true }));
|
|
242
254
|
}
|
|
243
255
|
if (chartTypes.includes('bar')) {
|
|
244
256
|
return ((0, jsx_runtime_1.jsx)(BarList_1.default, { data: pivotTable
|
package/dist/cjs/Table.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ interface ChartIdTableProps {
|
|
|
7
7
|
chartId: string;
|
|
8
8
|
containerStyle?: React.CSSProperties;
|
|
9
9
|
csvFilename?: string;
|
|
10
|
-
|
|
10
|
+
showDownloadCSVButton?: boolean;
|
|
11
11
|
LoadingComponent?: () => JSX.Element;
|
|
12
12
|
}
|
|
13
13
|
interface DataTableProps {
|
|
@@ -15,10 +15,11 @@ interface DataTableProps {
|
|
|
15
15
|
rows: object[];
|
|
16
16
|
containerStyle?: React.CSSProperties;
|
|
17
17
|
csvFilename?: string;
|
|
18
|
-
|
|
18
|
+
showDownloadCSVButton?: boolean;
|
|
19
19
|
LoadingComponent?: () => JSX.Element;
|
|
20
20
|
loading?: boolean;
|
|
21
21
|
height?: string;
|
|
22
|
+
downloadCSV?: () => void;
|
|
22
23
|
}
|
|
23
24
|
type TableWrapperProps = ChartIdTableProps | DataTableProps;
|
|
24
25
|
declare const Table: (data: TableWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
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,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,KAAK,iBAAiB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAE5D,QAAA,MAAM,KAAK,SAAU,iBAAiB,4CAmCrC,CAAC;AAoGF,eAAe,KAAK,CAAC"}
|
package/dist/cjs/Table.js
CHANGED
|
@@ -17,11 +17,11 @@ const Table = (data) => {
|
|
|
17
17
|
const [client, _] = (0, react_1.useContext)(Context_1.ClientContext);
|
|
18
18
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
19
19
|
if ('rows' in data && 'columns' in data) {
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { showDownloadCSVButton: data.
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { showDownloadCSVButton: data.showDownloadCSVButton, downloadFileName: data.csvFilename, columns: data.columns, rows: data.rows, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, loading: data.loading, downloadCSV: data.downloadCSV }));
|
|
21
21
|
}
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(ChartUpdater, {
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ChartUpdater, { showDownloadCSVButton: data.showDownloadCSVButton, dispatch: dispatch, dashboard: dashboard, chartId: data.chartId, containerStyle: data.containerStyle, dashboardFilters: dashboardFilters, client: client, theme: theme, csvFilename: data.csvFilename, LoadingComponent: data.LoadingComponent }));
|
|
23
23
|
};
|
|
24
|
-
const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, dashboardFilters, theme, csvFilename,
|
|
24
|
+
const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, dashboardFilters, theme, csvFilename, showDownloadCSVButton = true, LoadingComponent, }) => {
|
|
25
25
|
const [chartLoading, setChartLoading] = (0, react_1.useState)(false);
|
|
26
26
|
const { rows, loading } = (0, useFormat_1.useMemoizedRows)(chartId);
|
|
27
27
|
const { downloadCSV } = (0, useExport_1.useExport)(chartId);
|
|
@@ -72,12 +72,12 @@ const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, da
|
|
|
72
72
|
isSubscribed = false;
|
|
73
73
|
};
|
|
74
74
|
}, [dashboardFilters, client.customerId, chartId]);
|
|
75
|
-
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { showDownloadCSVButton:
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { showDownloadCSVButton: showDownloadCSVButton,
|
|
76
76
|
// @ts-ignore
|
|
77
|
-
downloadFileName: csvFilename || dashboard[chartId]
|
|
77
|
+
downloadFileName: csvFilename || dashboard[chartId]?.name || '',
|
|
78
78
|
// @ts-ignore
|
|
79
|
-
columns: dashboard[chartId]
|
|
79
|
+
columns: dashboard[chartId]?.columns || [],
|
|
80
80
|
// @ts-ignore
|
|
81
|
-
rows: rows || dashboard[chartId]
|
|
81
|
+
rows: rows || dashboard[chartId]?.rows || [], containerStyle: containerStyle, LoadingComponent: LoadingComponent, loading: loading, downloadCSV: downloadCSV }));
|
|
82
82
|
};
|
|
83
83
|
exports.default = Table;
|
package/dist/esm/Chart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AA6BA,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AA4D3C,wBAAgB,gBAAgB,CAAC,aAAa,KAAA,EAAE,OAAO,KAAA,WAQtD;AAKD,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AA+cF,eAAe,KAAK,CAAC"}
|
package/dist/esm/Chart.js
CHANGED
|
@@ -5,7 +5,7 @@ import { differenceInHours } from 'date-fns';
|
|
|
5
5
|
import BarList from './BarList';
|
|
6
6
|
import PieChart from './PieChart';
|
|
7
7
|
import { ClientContext, DashboardContext, ThemeContext, DashboardFiltersContext, } from './Context';
|
|
8
|
-
import
|
|
8
|
+
import QuillTable from './components/QuillTable';
|
|
9
9
|
import { getData } from './utils/dataFetcher';
|
|
10
10
|
import { generatePivotTable, generatePivotTableYAxis, } from './internals/ReportBuilder/PivotModal';
|
|
11
11
|
import { valueFormatter } from './utils/valueFormatter';
|
|
@@ -15,6 +15,7 @@ import { mergeComparisonRange } from './utils/merge';
|
|
|
15
15
|
import ChartSkeleton from './components/Chart/ChartSkeleton';
|
|
16
16
|
import ChartError from './components/Chart/ChartError';
|
|
17
17
|
import { COMPARISON_OPTIONS } from './DateRangePicker/dateRangePickerUtils';
|
|
18
|
+
import { quillFormat } from './utils/valueFormatter';
|
|
18
19
|
// @ts-ignore
|
|
19
20
|
function sumByKey(arr, key) {
|
|
20
21
|
// @ts-ignore
|
|
@@ -228,10 +229,21 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
|
|
|
228
229
|
col.format = matchingCol.format;
|
|
229
230
|
}
|
|
230
231
|
});
|
|
231
|
-
|
|
232
|
-
return (
|
|
233
|
-
|
|
234
|
-
|
|
232
|
+
const rows = data.rows.map((row) => {
|
|
233
|
+
return columns.reduce((formattedRow, column) => {
|
|
234
|
+
// Apply the format function to each field in the row
|
|
235
|
+
const formattedValue = quillFormat({
|
|
236
|
+
value: row[column.field],
|
|
237
|
+
format: column.format,
|
|
238
|
+
});
|
|
239
|
+
formattedRow[column.field] = formattedValue;
|
|
240
|
+
return formattedRow;
|
|
241
|
+
}, {});
|
|
242
|
+
});
|
|
243
|
+
return (_jsx(QuillTable, { rows: pivotTable?.rows ?? rows ?? [], columns: pivotTable?.columns ?? columns ?? data.yAxisFields, containerStyle: {
|
|
244
|
+
height: '400px',
|
|
245
|
+
width: containerStyle?.width || '100%',
|
|
246
|
+
}, downloadFileName: data.name, showDownloadCSVButton: true }));
|
|
235
247
|
}
|
|
236
248
|
if (chartTypes.includes('bar')) {
|
|
237
249
|
return (_jsx(BarList, { data: pivotTable
|
package/dist/esm/Table.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ interface ChartIdTableProps {
|
|
|
7
7
|
chartId: string;
|
|
8
8
|
containerStyle?: React.CSSProperties;
|
|
9
9
|
csvFilename?: string;
|
|
10
|
-
|
|
10
|
+
showDownloadCSVButton?: boolean;
|
|
11
11
|
LoadingComponent?: () => JSX.Element;
|
|
12
12
|
}
|
|
13
13
|
interface DataTableProps {
|
|
@@ -15,10 +15,11 @@ interface DataTableProps {
|
|
|
15
15
|
rows: object[];
|
|
16
16
|
containerStyle?: React.CSSProperties;
|
|
17
17
|
csvFilename?: string;
|
|
18
|
-
|
|
18
|
+
showDownloadCSVButton?: boolean;
|
|
19
19
|
LoadingComponent?: () => JSX.Element;
|
|
20
20
|
loading?: boolean;
|
|
21
21
|
height?: string;
|
|
22
|
+
downloadCSV?: () => void;
|
|
22
23
|
}
|
|
23
24
|
type TableWrapperProps = ChartIdTableProps | DataTableProps;
|
|
24
25
|
declare const Table: (data: TableWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/esm/Table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,KAAK,iBAAiB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAE5D,QAAA,MAAM,KAAK,SAAU,iBAAiB,4CAmCrC,CAAC;AAoGF,eAAe,KAAK,CAAC"}
|
package/dist/esm/Table.js
CHANGED
|
@@ -12,11 +12,11 @@ const Table = (data) => {
|
|
|
12
12
|
const [client, _] = useContext(ClientContext);
|
|
13
13
|
const [theme] = useContext(ThemeContext);
|
|
14
14
|
if ('rows' in data && 'columns' in data) {
|
|
15
|
-
return (_jsx(QuillTable, { showDownloadCSVButton: data.
|
|
15
|
+
return (_jsx(QuillTable, { showDownloadCSVButton: data.showDownloadCSVButton, downloadFileName: data.csvFilename, columns: data.columns, rows: data.rows, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, loading: data.loading, downloadCSV: data.downloadCSV }));
|
|
16
16
|
}
|
|
17
|
-
return (_jsx(ChartUpdater, {
|
|
17
|
+
return (_jsx(ChartUpdater, { showDownloadCSVButton: data.showDownloadCSVButton, dispatch: dispatch, dashboard: dashboard, chartId: data.chartId, containerStyle: data.containerStyle, dashboardFilters: dashboardFilters, client: client, theme: theme, csvFilename: data.csvFilename, LoadingComponent: data.LoadingComponent }));
|
|
18
18
|
};
|
|
19
|
-
const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, dashboardFilters, theme, csvFilename,
|
|
19
|
+
const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, dashboardFilters, theme, csvFilename, showDownloadCSVButton = true, LoadingComponent, }) => {
|
|
20
20
|
const [chartLoading, setChartLoading] = useState(false);
|
|
21
21
|
const { rows, loading } = useMemoizedRows(chartId);
|
|
22
22
|
const { downloadCSV } = useExport(chartId);
|
|
@@ -67,12 +67,12 @@ const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, da
|
|
|
67
67
|
isSubscribed = false;
|
|
68
68
|
};
|
|
69
69
|
}, [dashboardFilters, client.customerId, chartId]);
|
|
70
|
-
return (_jsx(QuillTable, { showDownloadCSVButton:
|
|
70
|
+
return (_jsx(QuillTable, { showDownloadCSVButton: showDownloadCSVButton,
|
|
71
71
|
// @ts-ignore
|
|
72
|
-
downloadFileName: csvFilename || dashboard[chartId]
|
|
72
|
+
downloadFileName: csvFilename || dashboard[chartId]?.name || '',
|
|
73
73
|
// @ts-ignore
|
|
74
|
-
columns: dashboard[chartId]
|
|
74
|
+
columns: dashboard[chartId]?.columns || [],
|
|
75
75
|
// @ts-ignore
|
|
76
|
-
rows: rows || dashboard[chartId]
|
|
76
|
+
rows: rows || dashboard[chartId]?.rows || [], containerStyle: containerStyle, LoadingComponent: LoadingComponent, loading: loading, downloadCSV: downloadCSV }));
|
|
77
77
|
};
|
|
78
78
|
export default Table;
|