@quillsql/react 2.15.2 → 2.15.4

package/dist/esm/components/Dashboard/DataLoader.js

@@ -1,712 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../../Context';
-import { convertInternalReportToReport, EMPTY_INTERNAL_REPORT, fetchReport, fetchReportRowCount, } from '../../utils/report';
-import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from '../../utils/paginationProcessing';
-import { fetchResultsByReport, } from '../../utils/tableProcessing';
-// import { didFiltersChange } from '../../Chart';
-import { mergeComparisonRange } from '../../utils/merge';
-import equal from 'fast-deep-equal';
-import { useDashboardReports } from '../../hooks/useDashboard';
-const constructReportFromItem = (item) => {
-    return {
-        ...EMPTY_INTERNAL_REPORT,
-        id: item._id ?? '',
-        name: item.name,
-        dashboardName: item.dashboardName,
-        rows: [],
-        columns: [],
-        chartType: item.chartType,
-        dateField: item.dateField,
-        pivot: item.pivot,
-        xAxisLabel: item.xAxisLabel,
-        xAxisField: item.xAxisField,
-        xAxisFormat: item.xAxisFormat,
-        yAxisFields: item.yAxisFields,
-        order: item.order,
-        compareRows: item.compareRows,
-        filtersApplied: item.filtersApplied,
-    };
-};
-function filterValuesEquivalent(filters1, filters2) {
-    if (filters1.length !== filters2.length) {
-        // Find the odd filters out and return false ONLY if they have a selected value or are a date filter
-        const filters1Labels = filters1.map((f) => f.label);
-        const filters2Labels = filters2.map((f) => f.label);
-        const oddFilters = filters1Labels.length > filters2Labels.length
-            ? filters1Labels.filter((label) => !filters2Labels.includes(label))
-            : filters2Labels.filter((label) => !filters1Labels.includes(label));
-        for (const filter of oddFilters) {
-            const filter1 = filters1Labels.length > filters2Labels.length
-                ? filters1.find((f) => f.label === filter)
-                : filters2.find((f) => f.label === filter);
-            if (filter1?.selectedValue || filter1?.startDate || filter1?.endDate) {
-                return false;
-            }
-        }
-    }
-    // The two filters arrays aren't necessarily in the same order
-    // we can build two dictionaries of [label, filter] and compare them
-    const mappedFilters1 = filters1.reduce((acc, filter) => {
-        acc[filter.label] = filter;
-        return acc;
-    }, {});
-    const mappedFilters2 = filters2.reduce((acc, filter) => {
-        acc[filter.label] = filter;
-        return acc;
-    }, {});
-    for (const key in mappedFilters1) {
-        if (mappedFilters1[key].selectedValue !==
-            mappedFilters2[key]?.selectedValue ||
-            mappedFilters1[key].values !== mappedFilters2[key]?.values ||
-            mappedFilters1[key].field !== mappedFilters2[key]?.field ||
-            mappedFilters1[key].label !== mappedFilters2[key]?.label ||
-            mappedFilters1[key].table !== mappedFilters2[key]?.table ||
-            mappedFilters1[key].filterType !== mappedFilters2[key]?.filterType ||
-            !equal(mappedFilters1[key].startDate, mappedFilters2[key]?.startDate) ||
-            !equal(mappedFilters1[key].endDate, mappedFilters2[key]?.endDate) ||
-            !equal(mappedFilters1[key].comparisonRange, mappedFilters2[key]?.comparisonRange)) {
-            return false;
-        }
-    }
-    return true;
-}
-function userFilterValuesEquivalent(filters1, filters2) {
-    if (!filters1 && !filters2) {
-        return true;
-    }
-    if (filters1?.length !== filters2?.length) {
-        return false;
-    }
-    if (!filters1 || !filters2) {
-        return false;
-    }
-    // The two filters arrays aren't necessarily in the same order
-    // we can build two dictionaries of [{table, field}, filter] and compare them
-    const mappedFilters1 = filters1.reduce((acc, filter) => {
-        acc[`${filter.table}.${filter.field}`] = filter;
-        return acc;
-    }, {});
-    const mappedFilters2 = filters2.reduce((acc, filter) => {
-        acc[`${filter.table}.${filter.field}`] = filter;
-        return acc;
-    }, {});
-    for (const key in mappedFilters1) {
-        if (!equal(mappedFilters1[key]?.value, mappedFilters2[key]?.value) ||
-            mappedFilters1[key]?.operator !== mappedFilters2[key]?.operator ||
-            mappedFilters1[key]?.fieldType !== mappedFilters2[key]?.fieldType ||
-            mappedFilters1[key]?.filterType !== mappedFilters2[key]?.filterType) {
-            return false;
-        }
-    }
-    return true;
-}
-// function tenantsEquivalent(
-//   tenants1:
-//     | { tenantField: string; tenantIds: (string | number)[] }[]
-//     | (string | number)[],
-//   tenants2:
-//     | { tenantField: string; tenantIds: (string | number)[] }[]
-//     | (string | number)[],
-// ): boolean {
-//   if (!tenants1 && !tenants2) {
-//     return true;
-//   }
-//   if (tenants1?.length !== tenants2?.length) {
-//     return false;
-//   }
-//   if (!tenants1 || !tenants2) {
-//     return false;
-//   }
-//   // The two tenant arrays aren't necessarily in the same order
-//   // we can build two dictionaries of [foreignKey, tenantIds] and compare them
-//   // if they are arrays of strings or numbers, we can just compare them directly
-//   if (
-//     (typeof tenants1[0] === 'string' && typeof tenants2[0] === 'string') ||
-//     (typeof tenants1[0] === 'number' && typeof tenants2[0] === 'number')
-//   ) {
-//     return equal(tenants1, tenants2);
-//   }
-//   if (
-//     (typeof tenants1[0] === 'string' && typeof tenants2[0] !== 'string') ||
-//     (typeof tenants1[0] === 'number' && typeof tenants2[0] !== 'number')
-//   ) {
-//     return false;
-//   }
-//   const mappedTenants1 = (
-//     tenants1 as { tenantField: string; tenantIds: (string | number)[] }[]
-//   ).reduce(
-//     (acc, tenant) => {
-//       acc[tenant.tenantField] = tenant.tenantIds;
-//       return acc;
-//     },
-//     {} as { [key: string]: (string | number)[] },
-//   );
-//   const mappedTenants2 = (
-//     tenants2 as { tenantField: string; tenantIds: (string | number)[] }[]
-//   ).reduce(
-//     (acc, tenant) => {
-//       acc[tenant.tenantField] = tenant.tenantIds;
-//       return acc;
-//     },
-//     {} as { [key: string]: (string | number)[] },
-//   );
-//   for (const key in mappedTenants1) {
-//     if (!equal(mappedTenants1[key], mappedTenants2[key])) {
-//       return false;
-//     }
-//   }
-//   return true;
-// }
-function customFieldsEquivalent(customFields1, customFields2) {
-    return equal(customFields1, customFields2);
-}
-export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, dashboardName, propagateChanges, }) {
-    const [client] = useContext(ClientContext);
-    const { dashboardReports: dashboard, addReport, updateReport, } = useDashboardReports(dashboardName);
-    const { dashboardFilters } = useContext(DashboardFiltersContext);
-    const { tenants, flags } = useContext(TenantContext);
-    const { reports, reportsDispatch, fetchIndividualReport } = useContext(ReportsContext);
-    const { reportFilters } = useContext(ReportFiltersContext);
-    const { getToken } = useContext(FetchContext);
-    const { eventTracking } = useContext(EventTrackingContext);
-    const contextFilters = useMemo(() => {
-        return dashboardName
-            ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
-            : Object.values(reportFilters[item.id] ?? {}).map((f) => f.filter);
-    }, [dashboardFilters, reportFilters, dashboardName, item.id]);
-    const [schemaData] = useContext(SchemaDataContext);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(undefined);
-    const [previousPage, setPreviousPage] = useState(0);
-    const [additionalProcessing, setAdditionalProcessing] = useState(defaultAdditionalProcessing);
-    const chartReport = useMemo(() => {
-        const report = (dashboardName ? dashboard : reports)[item.id];
-        if (report) {
-            return convertInternalReportToReport(mergeComparisonRange(report), contextFilters, eventTracking);
-        }
-        else {
-            return constructReportFromItem(item);
-        }
-    }, [
-        (dashboardName ? dashboard : reports)[item.id],
-        reportFilters,
-        dashboardFilters,
-    ]);
-    const previousFilters = useRef(filters);
-    const previousUserFilters = useRef(userFilters);
-    const previousTenants = useRef(tenants);
-    const previousCustomFields = useRef(schemaData.customFields);
-    const [rowCountIsLoading, setRowCountIsLoading] = useState(false);
-    const rowsRequestId = useRef(0);
-    const rowsAbortController = useRef(null);
-    const rowCountRequestId = useRef(0);
-    const rowCountAbortController = useRef(null);
-    const updateTableRowsRequestId = useRef(0);
-    const updateTableRowsAbortController = useRef(null);
-    const fetchRowCount = async (processing) => {
-        if (!client || !filters) {
-            if (!rowCountAbortController.current)
-                return;
-            return;
-        }
-        const fetchReportRowCountRequestId = rowCountRequestId.current + 1;
-        rowCountRequestId.current = fetchReportRowCountRequestId;
-        setRowCountIsLoading(true);
-        rowCountAbortController.current?.abort();
-        rowCountAbortController.current = new AbortController();
-        try {
-            const rowCount = await fetchReportRowCount(item.id, client, getToken, tenants, flags, true, filters.concat(userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
-            rowCountAbortController.current = null;
-            if (rowCount) {
-                if (dashboardName) {
-                    updateReport({ id: item.id, rowCount });
-                }
-                else {
-                    reportsDispatch({
-                        type: 'UPDATE_REPORT',
-                        id: item.id,
-                        data: { rowCount },
-                    });
-                }
-            }
-        }
-        catch (e) {
-            if (e instanceof Error && e.name === 'AbortError') {
-                return;
-            }
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error fetching row count',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'DataLoader',
-                    function: 'fetchRowCount',
-                },
-            });
-        }
-        finally {
-            if (fetchReportRowCountRequestId === rowCountRequestId.current) {
-                rowCountAbortController.current = null;
-                setRowCountIsLoading(false);
-            }
-        }
-    };
-    const onPageChange = (page) => {
-        if (additionalProcessing &&
-            additionalProcessing.page &&
-            shouldFetchMore(additionalProcessing.page, page, previousPage)) {
-            const newPagination = { ...additionalProcessing.page, page };
-            const updatedProcessing = {
-                ...additionalProcessing,
-                page: newPagination,
-            };
-            setAdditionalProcessing(updatedProcessing);
-            updateTableRows(updatedProcessing);
-        }
-        if (page > previousPage) {
-            setPreviousPage(page);
-        }
-    };
-    const onSortChange = (sort) => {
-        const report = (dashboardName ? dashboard : reports)[item.id];
-        if (shouldSortInMemory(additionalProcessing.page ?? DEFAULT_PAGINATION, report?.rowCount)) {
-            return;
-        }
-        const updatedProcessing = {
-            page: { ...additionalProcessing.page, page: 0 },
-            sort,
-        };
-        updateTableRows(updatedProcessing, true);
-        setPreviousPage(0);
-    };
-    const updateTableRows = async (processing, resetRows = false) => {
-        if (!client) {
-            if (!updateTableRowsAbortController.current)
-                setLoading(false);
-            return;
-        }
-        if (!loading) {
-            const fetchUpdateTableRowsRequestId = updateTableRowsRequestId.current + 1;
-            updateTableRowsRequestId.current = fetchUpdateTableRowsRequestId;
-            setLoading(true);
-            try {
-                updateTableRowsAbortController.current?.abort();
-                updateTableRowsAbortController.current = new AbortController();
-                const updatedProcessing = { ...additionalProcessing, ...processing };
-                const pivotQuery = (dashboardName ? dashboard : reports)[item.id]
-                    ?.pivotQuery;
-                const comparisonPivotQuery = (dashboardName ? dashboard : reports)[item.id]?.comparisonPivotQuery;
-                const paginatedRows = await fetchResultsByReport({
-                    reportId: item.id,
-                    client,
-                    tenants,
-                    processing: updatedProcessing,
-                    filters: filters.concat(userFilters ?? []),
-                    customFields: schemaData.customFields,
-                    rowsOnly: true,
-                    abortSignal: updateTableRowsAbortController.current.signal,
-                    pivot: chartReport.pivot || item.pivot,
-                    pivotQuery,
-                    comparisonPivotQuery,
-                    getPivotRowCount: false,
-                    getToken,
-                    eventTracking,
-                });
-                updateTableRowsAbortController.current = null;
-                if (paginatedRows.error) {
-                    throw new Error('Error fetching chart');
-                }
-                const isPivotPagination = !!(item.pivot && pivotQuery);
-                const prevRows = isPivotPagination
-                    ? (dashboardName ? dashboard : reports)[item.id]?.pivotRows
-                    : (dashboardName ? dashboard : reports)[item.id]?.rows;
-                let updatedRows = [...(prevRows ?? []), ...paginatedRows.rows];
-                if (resetRows) {
-                    updatedRows = paginatedRows.rows;
-                }
-                if (dashboardName) {
-                    updateReport({
-                        id: item.id,
-                        [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
-                        loadingRows: false,
-                        filtersApplied: userFilters,
-                    });
-                }
-                else {
-                    reportsDispatch({
-                        type: 'UPDATE_REPORT',
-                        id: item.id,
-                        data: {
-                            [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
-                            loadingRows: false,
-                            filtersApplied: userFilters,
-                        },
-                    });
-                }
-                setAdditionalProcessing(updatedProcessing);
-            }
-            catch (e) {
-                console.log(e);
-                eventTracking?.logError?.({
-                    type: 'bug', // TODO: determine type
-                    severity: 'high',
-                    message: 'Error fetching table rows',
-                    errorMessage: e.message,
-                    errorStack: e.stack,
-                    errorData: {
-                        caller: 'DataLoader',
-                        function: 'updateTableRows',
-                    },
-                });
-            }
-            finally {
-                if (fetchUpdateTableRowsRequestId === updateTableRowsRequestId.current) {
-                    updateTableRowsAbortController.current = null;
-                    setLoading(false);
-                }
-            }
-        }
-    };
-    const fetchReportHelper = async (processing) => {
-        if (!client || !filters) {
-            if (!rowsAbortController.current)
-                setLoading(false);
-            return;
-        }
-        setLoading(true);
-        const fetchRowsRequestId = rowsRequestId.current + 1;
-        rowsRequestId.current = fetchRowsRequestId;
-        previousUserFilters.current = userFilters;
-        rowsAbortController.current?.abort();
-        rowsAbortController.current = new AbortController();
-        try {
-            if (dashboardName) {
-                const { report: fetchedReport, error } = await fetchReport({
-                    reportId: item.id,
-                    client,
-                    tenants,
-                    flags,
-                    useReportTask: true,
-                    filters: filters.concat(userFilters ?? []),
-                    additionalProcessing: processing,
-                    customFields: schemaData.customFields,
-                    rowsOnly: true,
-                    rowCountOnly: false,
-                    abortSignal: rowsAbortController.current.signal,
-                    getToken,
-                    eventTracking,
-                });
-                addReport({
-                    ...fetchedReport,
-                    id: item.id,
-                    triggerReload: false,
-                    rowCount: fetchedReport.pivot ? fetchedReport.rowCount : 0,
-                    filtersApplied: userFilters,
-                    loadingRows: false,
-                    // rowCount 0 indicates it's still loading if row length is nonzero
-                });
-                setError(error);
-            }
-            else {
-                try {
-                    await fetchIndividualReport({
-                        reportId: item.id,
-                        initiator: 'Chart',
-                        fetchRows: true,
-                        dashboardFilters: filters,
-                        customFilters: userFilters,
-                        additionalProcessing: processing,
-                        reportAbortController: rowsAbortController.current,
-                        customFields: schemaData.customFields,
-                        propagateChanges,
-                    });
-                    rowsAbortController.current = null;
-                    setError(undefined);
-                }
-                catch (e) {
-                    setError(e.message ?? 'Error fetching report');
-                    eventTracking?.logError?.({
-                        type: 'bug', // TODO: determine type
-                        severity: 'high',
-                        message: 'Error fetching report',
-                        errorMessage: e.message,
-                        errorStack: e.stack,
-                        errorData: {
-                            caller: 'DataLoader',
-                            function: 'fetchReportHelper',
-                        },
-                    });
-                }
-            }
-            if (!item.pivot) {
-                fetchRowCount(processing);
-            }
-            setAdditionalProcessing(processing);
-        }
-        catch (e) {
-            if (e instanceof Error && e.name === 'AbortError') {
-                return;
-            }
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error fetching report',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'DataLoader',
-                    function: 'fetchReportHelper',
-                },
-            });
-            throw e;
-        }
-        finally {
-            if (fetchRowsRequestId === rowsRequestId.current) {
-                rowsAbortController.current = null;
-                setLoading(false);
-            }
-        }
-    };
-    // TODO: this is getting ridiculous
-    // we should be fetching this data directly when mutating filters/tenants rather than using a magical effect
-    useEffect(() => {
-        if (schemaData.isSchemaLoading ||
-            (filterValuesEquivalent(previousFilters.current ?? contextFilters, filters) &&
-                userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                // tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
-                customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows !== undefined ||
-                    rowsAbortController.current))) {
-            if (!rowsAbortController.current && !schemaData.isSchemaLoading)
-                setLoading(false);
-            return;
-        }
-        previousFilters.current = filters;
-        previousUserFilters.current = userFilters ?? [];
-        previousTenants.current = tenants;
-        previousCustomFields.current = schemaData.customFields;
-        setPreviousPage(0);
-        fetchReportHelper(additionalProcessing);
-    }, [
-        filters,
-        userFilters,
-        item.id,
-        // tenants,
-        schemaData.customFields,
-        schemaData.isSchemaLoading,
-    ]);
-    useEffect(() => {
-        const tempReport = (dashboardName ? dashboard : reports)[item.id];
-        if (tempReport?.triggerReload) {
-            fetchReportHelper(additionalProcessing);
-        }
-        else if (tempReport?.error) {
-            setError(tempReport.error);
-        }
-    }, [
-        (dashboardName ? dashboard : reports)[item.id]?.triggerReload,
-        (dashboardName ? dashboard : reports)[item.id]?.error,
-    ]);
-    return (_jsx(_Fragment, { children: children({
-            isLoading: loading,
-            error,
-            onPageChange,
-            onSortChange,
-            data: chartReport,
-            rowCount: chartReport?.rowCount,
-            rowCountIsLoading,
-        }) }));
-}
-// The same data-loader pattern as above, but with special logic for charts
-// At some point these may be able to get merged into one function.
-export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, dashboardName, propagateChanges, }) => {
-    const { dashboardReports: dashboard, addReport } = useDashboardReports(dashboardName);
-    const { dashboardFilters } = useContext(DashboardFiltersContext);
-    const { reports, fetchIndividualReport } = useContext(ReportsContext);
-    const { getToken } = useContext(FetchContext);
-    const { eventTracking } = useContext(EventTrackingContext);
-    const { reportFilters } = useContext(ReportFiltersContext);
-    const { tenants, flags } = useContext(TenantContext);
-    const contextFilters = useMemo(() => {
-        return dashboardName
-            ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
-            : Object.values(reportFilters[item.id] ?? {}).map((f) => f.filter);
-    }, [dashboardFilters, reportFilters, dashboardName, item.id]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(undefined);
-    const [client] = useContext(ClientContext);
-    const [schemaData] = useContext(SchemaDataContext);
-    const previousFilters = useRef(filters);
-    const previousUserFilters = useRef(userFilters);
-    const previousDateBucket = useRef(dateBucket);
-    const previousTenants = useRef(tenants);
-    const previousCustomFields = useRef(schemaData.customFields);
-    const fetchReportAbortController = useRef(null);
-    const rowsRequestId = useRef(0);
-    const chartReport = useMemo(() => {
-        const report = dashboardName ? dashboard[item.id] : reports[item.id];
-        if (!report) {
-            return constructReportFromItem(item);
-        }
-        return convertInternalReportToReport(mergeComparisonRange(report), contextFilters, eventTracking);
-    }, [
-        (dashboardName ? dashboard : reports)[item.id],
-        reportFilters,
-        dashboardFilters,
-    ]);
-    const fetchReportHelper = async (useReportTask = true) => {
-        if (!client || !filters) {
-            if (!fetchReportAbortController.current)
-                setLoading(false);
-            return;
-        }
-        const fetchRowsRequestId = rowsRequestId.current + 1;
-        rowsRequestId.current = fetchRowsRequestId;
-        previousUserFilters.current = userFilters;
-        previousDateBucket.current = dateBucket;
-        setLoading(true);
-        fetchReportAbortController.current?.abort();
-        fetchReportAbortController.current = new AbortController();
-        try {
-            if (dashboardName) {
-                const { report, error } = await fetchReport({
-                    reportId: item.id,
-                    client,
-                    tenants,
-                    flags,
-                    useReportTask,
-                    filters: filters.concat(userFilters ?? []),
-                    additionalProcessing: {
-                        ...additionalProcessing,
-                        ...{ page: DEFAULT_PAGINATION },
-                    },
-                    dateBucket,
-                    customFields: schemaData.customFields,
-                    abortSignal: fetchReportAbortController.current.signal,
-                    getToken,
-                    eventTracking,
-                });
-                addReport({
-                    ...report,
-                    id: item.id,
-                    triggerReload: false,
-                    filtersApplied: userFilters,
-                    loadingRows: false,
-                });
-                setError(error);
-            }
-            else {
-                try {
-                    await fetchIndividualReport({
-                        reportId: item.id,
-                        initiator: 'Chart',
-                        fetchRows: true,
-                        dashboardFilters: filters,
-                        customFilters: userFilters,
-                        additionalProcessing: {
-                            ...additionalProcessing,
-                            ...{ page: DEFAULT_PAGINATION },
-                        },
-                        dateBucket,
-                        reportAbortController: fetchReportAbortController.current,
-                        customFields: schemaData.customFields,
-                        propagateChanges,
-                    });
-                    setError(undefined);
-                }
-                catch (e) {
-                    eventTracking?.logError?.({
-                        type: 'bug', // TODO: determine type
-                        severity: 'high',
-                        message: 'Error fetching report',
-                        errorMessage: e.message,
-                        errorStack: e.stack,
-                        errorData: {
-                            caller: 'ChartDataLoader',
-                            function: 'fetchReportHelper',
-                        },
-                    });
-                    setError(e.message ?? 'Error fetching report');
-                }
-            }
-        }
-        catch (e) {
-            if (e instanceof Error && e.name === 'AbortError') {
-                return;
-            }
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error fetching report',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'ChartDataLoader',
-                    function: 'fetchReportHelper',
-                },
-            });
-            setError(e.message ?? 'Error fetching report');
-        }
-        finally {
-            if (fetchRowsRequestId === rowsRequestId.current) {
-                fetchReportAbortController.current = null;
-                setLoading(false);
-            }
-        }
-    };
-    useEffect(() => {
-        if (!filters) {
-            return;
-        }
-        if (schemaData.isSchemaLoading ||
-            (filterValuesEquivalent(
-            // previousFilters.current ?? contextFilters,
-            previousFilters.current ?? [], filters) &&
-                userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                // tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
-                previousDateBucket.current === dateBucket &&
-                customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length !==
-                    undefined ||
-                    fetchReportAbortController.current))) {
-            if (!fetchReportAbortController.current && !schemaData.isSchemaLoading)
-                setLoading(false);
-            return;
-        }
-        previousDateBucket.current = dateBucket;
-        previousUserFilters.current = userFilters ?? [];
-        previousTenants.current = tenants;
-        previousFilters.current = filters;
-        previousCustomFields.current = schemaData.customFields;
-        fetchReportHelper();
-    }, [
-        filters,
-        userFilters,
-        item.id,
-        dateBucket,
-        // tenants,
-        schemaData.customFields,
-        schemaData.isSchemaLoading,
-    ]);
-    useEffect(() => {
-        const tempReport = (dashboardName ? dashboard : reports)[item.id];
-        if (tempReport && tempReport.triggerReload) {
-            fetchReportHelper();
-        }
-        else if (tempReport?.error) {
-            setError(tempReport.error);
-        }
-    }, [
-        (dashboardName ? dashboard : reports)[item.id]?.triggerReload,
-        (dashboardName ? dashboard : reports)[item.id]?.error,
-    ]);
-    return children({
-        isLoading: !chartReport || loading,
-        data: chartReport,
-        error,
-        dateBucket,
-    });
-};