@quillsql/react 2.13.18 → 2.13.19

package/dist/cjs/components/Dashboard/DashboardFilter.js

@@ -7,7 +7,7 @@ const QuillDateRangePicker_1 = require("../../DateRangePicker/QuillDateRangePick
 const QuillMultiSelect_1 = require("../QuillMultiSelect");
 const QuillSelect_1 = require("../QuillSelect");
 function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, isLoading, }) {
-    if (!filter.options && !isLoading) {
+    if (!filter.options && !isLoading && !(filter.filterType === 'date_range')) {
         return null;
     }
     if (filter.filterType === 'string') {

package/dist/cjs/components/Dashboard/DataLoader.d.ts

@@ -14,11 +14,12 @@ export type DataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, }: {
+export default function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, reportMode, }: {
     item: QuillReport;
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
     additionalProcessing: AdditionalProcessing;
+    reportMode?: boolean;
     children: ({ isLoading, error, onPageChange, onSortChange, data, }: DataLoaderChildProps) => JSX.Element;
 }): JSX.Element;
 type ColorMapType = {
@@ -39,13 +40,14 @@ export type ChartDataLoaderChildProps = {
     rowCount?: number;
     rowCountIsLoading?: boolean;
 };
-export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, }: {
+export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, userFilters, reportMode, }: {
     item: QuillReport;
     dateBucket?: string;
     mapColorsToFields?: (_report: QuillReport, _theme: QuillTheme) => ColorMapType;
     additionalProcessing: AdditionalProcessing;
     filters: DashboardFilter[];
     userFilters?: InternalFilter[];
+    reportMode?: boolean;
     children: ({ isLoading, error, data, dateBucket, rowCount, rowCountIsLoading, }: ChartDataLoaderChildProps) => JSX.Element;
 }) => JSX.Element;
 export {};

package/dist/cjs/components/Dashboard/DataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA2BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAuFF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,GAClD,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA8Pd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,gFAOzB;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OA+GP,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA2BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAuFF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,UAAkB,GACnB,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CAwTd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,4FAQzB;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAgKP,CAAC"}

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

@@ -57,8 +57,8 @@ function filterValuesEquivalent(filters1, filters2) {
             mappedFilters1[key].label !== mappedFilters2[key]?.label ||
             mappedFilters1[key].table !== mappedFilters2[key]?.table ||
             mappedFilters1[key].filterType !== mappedFilters2[key]?.filterType ||
-            mappedFilters1[key].startDate !== mappedFilters2[key]?.startDate ||
-            mappedFilters1[key].endDate !== mappedFilters2[key]?.endDate ||
+            !(0, fast_deep_equal_1.default)(mappedFilters1[key].startDate, mappedFilters2[key]?.startDate) ||
+            !(0, fast_deep_equal_1.default)(mappedFilters1[key].endDate, mappedFilters2[key]?.endDate) ||
             !(0, fast_deep_equal_1.default)(mappedFilters1[key].comparisonRange, mappedFilters2[key]?.comparisonRange)) {
             return false;
         }
@@ -86,7 +86,7 @@ function userFilterValuesEquivalent(filters1, filters2) {
         return acc;
     }, {});
     for (const key in mappedFilters1) {
-        if (mappedFilters1[key]?.value !== mappedFilters2[key]?.value ||
+        if (!(0, fast_deep_equal_1.default)(mappedFilters1[key]?.value, mappedFilters2[key]?.value) ||
             mappedFilters1[key]?.operator !== mappedFilters2[key]?.operator ||
             mappedFilters1[key]?.fieldType !== mappedFilters2[key]?.fieldType ||
             mappedFilters1[key]?.filterType !== mappedFilters2[key]?.filterType) {
@@ -95,19 +95,35 @@ function userFilterValuesEquivalent(filters1, filters2) {
     }
     return true;
 }
-function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, }) {
+function DataLoader({ item, children, filters, userFilters, additionalProcessing: defaultAdditionalProcessing, reportMode = false, }) {
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const { reports, reportsDispatch, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
+    const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const contextFilters = () => {
+        return reportMode
+            ? Object.values(reportFilters[item.id] ?? {}).map((f) => f.filter)
+            : Object.values(dashboardFilters[item.dashboardName] ?? {}).map((f) => f.filter);
+    };
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [loading, setLoading] = (0, react_1.useState)(!dashboard[item.id]);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [previousPage, setPreviousPage] = (0, react_1.useState)(0);
     const [additionalProcessing, setAdditionalProcessing] = (0, react_1.useState)(defaultAdditionalProcessing);
     const chartReport = (0, react_1.useMemo)(() => {
-        const report = dashboard[item.id] ?? constructReportFromItem(item);
-        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report));
-    }, [dashboard[item.id]]);
+        const report = (reportMode ? reports : dashboard)[item.id];
+        if (report) {
+            return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters());
+        }
+        else {
+            return constructReportFromItem(item);
+        }
+    }, [
+        (reportMode ? reports : dashboard)[item.id],
+        reportFilters,
+        dashboardFilters,
+    ]);
     const previousFilters = (0, react_1.useRef)(null);
     const previousUserFilters = (0, react_1.useRef)(null);
     const [rowCountIsLoading, setRowCountIsLoading] = (0, react_1.useState)(false);
@@ -130,11 +146,20 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
             const rowCount = await (0, report_1.fetchReportRowCount)(item.id, client, true, (0, filterProcessing_1.mergeCustomFilters)(filters, userFilters ?? []), processing, schemaData.customFields, rowCountAbortController.current.signal);
             rowCountAbortController.current = null;
             if (rowCount) {
-                dispatch({
-                    type: 'UPDATE_DASHBOARD_ITEM',
-                    id: item.id,
-                    data: { rowCount },
-                });
+                if (reportMode) {
+                    reportsDispatch({
+                        type: 'UPDATE_REPORT',
+                        id: item.id,
+                        data: { rowCount },
+                    });
+                }
+                else {
+                    dispatch({
+                        type: 'UPDATE_DASHBOARD_ITEM',
+                        id: item.id,
+                        data: { rowCount },
+                    });
+                }
             }
         }
         catch (e) {
@@ -165,7 +190,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         }
     };
     const onSortChange = (sort) => {
-        const report = dashboard[item.id];
+        const report = (reportMode ? reports : dashboard)[item.id];
         if ((0, paginationProcessing_1.shouldSortInMemory)(additionalProcessing.page ?? paginationProcessing_1.DEFAULT_PAGINATION, report?.rowCount, !!report?.pivot)) {
             return;
         }
@@ -192,17 +217,27 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     throw new Error('Error fetching chart');
                 }
                 let tempRows = [
-                    ...(dashboard[item.id]?.rows ?? []),
+                    ...((reportMode ? reports : dashboard)[item.id]?.rows ?? []),
                     ...paginatedRows.rows,
                 ];
                 if (resetRows) {
                     tempRows = paginatedRows.rows;
                 }
-                dispatch({
-                    type: 'UPDATE_DASHBOARD_ITEM',
-                    id: item.id,
-                    data: { rows: tempRows },
-                });
+                if (reportMode) {
+                    reportsDispatch({
+                        type: 'UPDATE_REPORT',
+                        id: item.id,
+                        data: { rows: tempRows },
+                        filtersApplied: userFilters,
+                    });
+                }
+                else {
+                    dispatch({
+                        type: 'UPDATE_DASHBOARD_ITEM',
+                        id: item.id,
+                        data: { rows: tempRows },
+                    });
+                }
                 setAdditionalProcessing(updatedProcessing);
             }
             catch (e) {
@@ -221,7 +256,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         }
         const fetchRowsRequestId = rowsRequestId.current + 1;
         rowsRequestId.current = fetchRowsRequestId;
-        const tempReport = dashboard[item.id];
+        const tempReport = (reportMode ? reports : dashboard)[item.id];
         if (tempReport &&
             !(0, Chart_1.didFiltersChange)(tempReport, filters) &&
             userFilterValuesEquivalent(userFilters ?? [], previousUserFilters.current ?? []) &&
@@ -234,16 +269,30 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         rowsAbortController.current?.abort();
         rowsAbortController.current = new AbortController();
         try {
-            const { report: fetchedReport, error } = await (0, report_1.fetchReport)(item.id, client, true, (0, filterProcessing_1.mergeCustomFilters)(filters, userFilters ?? []), processing, undefined, schemaData.customFields, true, false, rowsAbortController.current.signal);
-            rowsAbortController.current = null;
+            if (reportMode) {
+                try {
+                    await fetchIndividualReport(item.id, 'Chart', true, filters, userFilters, processing, undefined, rowsAbortController.current || undefined);
+                    setError(undefined);
+                }
+                catch (e) {
+                    setError(e.message ?? 'Error fetching report');
+                }
+                rowsAbortController.current = null;
+            }
+            else {
+                const { report: fetchedReport, error } = await (0, report_1.fetchReport)(item.id, client, true, (0, filterProcessing_1.mergeCustomFilters)(filters, userFilters ?? []), processing, undefined, schemaData.customFields, true, false, rowsAbortController.current.signal);
+                rowsAbortController.current = null;
+                dispatch({
+                    type: 'ADD_DASHBOARD_ITEM',
+                    id: item.id,
+                    data: { ...fetchedReport, triggerReload: false, rowCount: 0 }, // rowCount 0 indicates it's still loading if row length is nonzero
+                    appliedFilters: userFilters,
+                    loading: false,
+                });
+                setError(error);
+            }
             fetchRowCount(processing);
-            dispatch({
-                type: 'ADD_DASHBOARD_ITEM',
-                id: item.id,
-                data: { ...fetchedReport, triggerReload: false, rowCount: 0 }, // rowCount 0 indicates it's still loading if row length is nonzero
-            });
             setAdditionalProcessing(processing);
-            setError(error);
         }
         catch (e) {
             if (e instanceof Error && e.name === 'AbortError') {
@@ -261,9 +310,9 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         if (!filters) {
             return;
         }
-        if ((previousFilters.current || dashboard[item.id]?.rows?.length) &&
-            filterValuesEquivalent(previousFilters.current ??
-                Object.values(dashboardFilters[item.dashboardName] ?? {}).map((f) => f.filter), filters) &&
+        if ((previousFilters.current ||
+            (reportMode ? reports : dashboard)[item.id]?.rows?.length) &&
+            filterValuesEquivalent(previousFilters.current ?? contextFilters(), filters) &&
             userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? [])) {
             previousFilters.current = filters;
             return;
@@ -273,26 +322,33 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         fetchReportHelper(additionalProcessing);
     }, [filters, userFilters, item.id]);
     (0, react_1.useEffect)(() => {
-        if (dashboard[item.id]?.triggerReload) {
+        if ((reportMode ? reports : dashboard)[item.id]?.triggerReload) {
             fetchReportHelper(additionalProcessing);
         }
-    }, [dashboard[item.id]]);
+    }, [(reportMode ? reports : dashboard)[item.id]]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
             isLoading: loading,
             error,
             onPageChange,
             onSortChange,
             data: chartReport,
-            rowCount: chartReport.rowCount,
+            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.
-const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, }) => {
+const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, userFilters, reportMode = false, }) => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
-    const [loading, setLoading] = (0, react_1.useState)(!dashboard[item.id]);
+    const { reports, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
+    const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const contextFilters = () => {
+        return reportMode
+            ? Object.values(reportFilters[item.id] ?? {}).map((f) => f.filter)
+            : Object.values(dashboardFilters[item.dashboardName] ?? {}).map((f) => f.filter);
+    };
+    const [loading, setLoading] = (0, react_1.useState)(!(reportMode ? reports : dashboard)[item.id]);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
@@ -301,14 +357,24 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
     const previousDateBucket = (0, react_1.useRef)(undefined);
     const fetchReportAbortController = (0, react_1.useRef)(null);
     const chartReport = (0, react_1.useMemo)(() => {
-        const report = dashboard[item.id] ?? constructReportFromItem(item);
-        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report));
-    }, [dashboard[item.id]]);
+        const report = reportMode ? reports[item.id] : dashboard[item.id];
+        if (!report) {
+            return constructReportFromItem(item);
+        }
+        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters());
+    }, [
+        (reportMode ? reports : dashboard)[item.id],
+        reportFilters,
+        dashboardFilters,
+    ]);
+    (0, react_1.useEffect)(() => {
+        console.log('chartReport memo', chartReport);
+    }, [chartReport]);
     const fetchReportHelper = async (useReportTask = true) => {
         if (!client || !filters) {
             return;
         }
-        const tempReport = dashboard[item.id];
+        const tempReport = (reportMode ? reports : dashboard)[item.id];
         if (tempReport &&
             !(0, Chart_1.didFiltersChange)(tempReport, filters) &&
             userFilterValuesEquivalent(userFilters ?? [], previousUserFilters.current ?? []) &&
@@ -323,17 +389,34 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         fetchReportAbortController.current?.abort();
         fetchReportAbortController.current = new AbortController();
         try {
-            const { report, error } = await (0, report_1.fetchReport)(item.id, client, useReportTask, (0, filterProcessing_1.mergeCustomFilters)(filters, userFilters ?? []), {
-                ...additionalProcessing,
-                ...(item.pivot ? {} : { page: paginationProcessing_1.DEFAULT_PAGINATION }),
-            }, dateBucket, schemaData.customFields, undefined, undefined, fetchReportAbortController.current.signal);
-            fetchReportAbortController.current = null;
-            dispatch({
-                type: 'ADD_DASHBOARD_ITEM',
-                id: item.id,
-                data: { ...report, triggerReload: false },
-            });
-            setError(error);
+            if (reportMode) {
+                try {
+                    await fetchIndividualReport(item.id, 'Chart', true, filters, userFilters, {
+                        ...additionalProcessing,
+                        ...(item.pivot ? {} : { page: paginationProcessing_1.DEFAULT_PAGINATION }),
+                    }, dateBucket, fetchReportAbortController.current);
+                    setError(undefined);
+                }
+                catch (e) {
+                    setError(e.message ?? 'Error fetching report');
+                }
+                fetchReportAbortController.current = null;
+            }
+            else {
+                const { report, error } = await (0, report_1.fetchReport)(item.id, client, useReportTask, (0, filterProcessing_1.mergeCustomFilters)(filters, userFilters ?? []), {
+                    ...additionalProcessing,
+                    ...(item.pivot ? {} : { page: paginationProcessing_1.DEFAULT_PAGINATION }),
+                }, dateBucket, schemaData.customFields, undefined, undefined, fetchReportAbortController.current.signal);
+                fetchReportAbortController.current = null;
+                dispatch({
+                    type: 'ADD_DASHBOARD_ITEM',
+                    id: item.id,
+                    data: { ...report, triggerReload: false },
+                    appliedFilters: userFilters,
+                    loading: false,
+                });
+                setError(error);
+            }
         }
         catch (e) {
             if (e instanceof Error && e.name === 'AbortError') {
@@ -349,9 +432,9 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         if (!filters) {
             return;
         }
-        if ((previousFilters.current || dashboard[item.id]?.rows?.length) &&
-            filterValuesEquivalent(previousFilters.current ??
-                Object.values(dashboardFilters[item.dashboardName] ?? {}).map((f) => f.filter), filters) &&
+        if ((previousFilters.current ||
+            (reportMode ? reports : dashboard)[item.id]?.rows?.length) &&
+            filterValuesEquivalent(previousFilters.current ?? contextFilters(), filters) &&
             userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
             previousDateBucket.current === dateBucket) {
             previousFilters.current = filters;
@@ -361,13 +444,14 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         fetchReportHelper();
     }, [filters, userFilters, item.id, dateBucket]);
     (0, react_1.useEffect)(() => {
-        const tempReport = dashboard[item.id];
+        const tempReport = (reportMode ? reports : dashboard)[item.id];
         if (tempReport && tempReport.triggerReload) {
             fetchReportHelper();
         }
-    }, [dashboard[item.id]]);
+    }, [(reportMode ? reports : dashboard)[item.id]]);
+    console.log('chartReport', chartReport);
     return children({
-        isLoading: loading,
+        isLoading: !chartReport || loading,
         data: chartReport,
         error,
         dateBucket,

package/dist/cjs/hooks/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMpE,OAAO,EACL,eAAe,EAEf,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,UAAU;uCAYR,CAAC,MAAM,EAAE,mBAAmB,KAAK,OAAO;CAYtD,CAAC;AAEF,eAAO,MAAM,YAAY,kBACR,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CAwLc,MAAM;qCA9J1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B;CAwKJ,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;sDAuBrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;KAC9B;4BA+CO,MAAM,oDAMT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;KAClC;4BA2FkC,MAAM;CA8B5C,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,eAAe,EAEf,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,UAAU;uCAYR,CAAC,MAAM,EAAE,mBAAmB,KAAK,OAAO;CAYtD,CAAC;AAEF,eAAO,MAAM,YAAY,kBACR,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CA8Gc,MAAM;qCApF1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B;CA8FJ,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;sDAuBrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;KAC9B;4BA+CO,MAAM,oDAMT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;KAClC;4BA2FkC,MAAM;CA8B5C,CAAC"}

package/dist/cjs/hooks/useDashboard.js

@@ -5,6 +5,7 @@ const react_1 = require("react");
 const Context_1 = require("../Context");
 const dateRangePickerUtils_1 = require("../DateRangePicker/dateRangePickerUtils");
 const Filter_1 = require("../models/Filter");
+const filterProcessing_1 = require("../utils/filterProcessing");
 const useReports = () => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const reloadReport = (id) => {
@@ -73,56 +74,8 @@ const useDashboard = (dashboardName, customFilters) => {
                 filter.filter.options)) {
             return;
         }
-        const getComparisonRange = (dateFilter, rangeType) => {
-            const range = dateFilter?.presetRanges?.find((range) => range.value === dateFilter?.primaryRange?.value) ?? dateRangePickerUtils_1.PRIMARY_RANGE[dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS'];
-            return (dateFilter?.comparisonRange?.[rangeType] ??
-                dateRangePickerUtils_1.COMPARISON_RANGE[dateFilter?.defaultComparisonRange ??
-                    'NO_COMPARISON']({
-                    startDate: !range.startDate || range.startDate instanceof Date
-                        ? range.startDate
-                        : new Date(range.startDate), // when range.startDate is a string
-                    endDate: !range.endDate || range.endDate instanceof Date
-                        ? range.endDate
-                        : new Date(range.endDate), // when range.endDate is a string
-                })?.[rangeType]);
-        };
-        const comparisonRangeStart = getComparisonRange(dashboard?.dateFilter, 'startDate');
-        const comparisonRangeEnd = getComparisonRange(dashboard?.dateFilter, 'endDate');
-        const range = dashboard?.dateFilter?.presetRanges?.find((range) => range.value === dashboard?.dateFilter?.primaryRange?.value) ??
-            dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS'] ??
-            dateRangePickerUtils_1.PRIMARY_RANGE['LAST_30_DAYS'];
         const dateFilter = dashboard?.dateFilter
-            ? {
-                ...dashboard?.dateFilter,
-                startDate: !range.startDate || range.startDate instanceof Date
-                    ? range.startDate
-                    : new Date(range.startDate), // when range.startDate is a string
-                endDate: !range.endDate || range.endDate instanceof Date
-                    ? range.endDate
-                    : new Date(range.endDate), // when range.endDate is a string
-                filterType: Filter_1.DashboardFilterType.Date,
-                dateField: [
-                    ...new Map(Object.values(dashboard?.sections ?? {})
-                        .flat()
-                        .map((report) => {
-                        const key = JSON.stringify(report.dateField);
-                        return [key, report.dateField];
-                    })).values(),
-                ],
-                preset: dashboard?.dateFilter.primaryRange,
-                dashboardName: overrideDashboardName ?? dashboardName,
-                comparisonRange: dashboard?.dateFilter.comparison &&
-                    comparisonRangeStart &&
-                    comparisonRangeEnd
-                    ? {
-                        startDate: comparisonRangeStart,
-                        endDate: comparisonRangeEnd,
-                        value: dashboard?.dateFilter.comparisonRange?.value ??
-                            dashboard.dateFilter?.defaultComparisonRange ??
-                            'NO_COMPARISON',
-                    }
-                    : undefined,
-            }
+            ? (0, filterProcessing_1.createDefaultDateFilter)(dashboard?.dateFilter, Object.values(dashboard?.sections ?? {}).flat(), dashboardName)
             : undefined;
         // Append dateFilter to the filters unless it's undefined
         loadFiltersForDashboard(dashboardName, [...(dateFilter ? [dateFilter] : []), ...(dashboard?.filters ?? [])], undefined, customFilters);

package/dist/cjs/hooks/useQuill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;CAkMvB,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,KAC3D;IACD,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,EACL,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC,GAC/C,CAAC,MAAM,SAAS,CAAC,CAAC;CA8MvB,CAAC"}

package/dist/cjs/hooks/useQuill.js

@@ -9,49 +9,55 @@ const tableProcessing_1 = require("../utils/tableProcessing");
 const dataProcessing_1 = require("../utils/dataProcessing");
 const merge_1 = require("../utils/merge");
 const useQuill = (reportId, pagination) => {
-    const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
+    const { reports, reportsDispatch, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
+    const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const { reportFilters, reportFiltersDispatch } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const specificDashboardFilters = (0, react_1.useMemo)(() => {
         if (!reportId)
             return [];
-        const dashboardName = dashboard[reportId]?.dashboardName;
+        const dashboardName = reports[reportId]?.dashboardName;
         if (!dashboardName)
             return [];
         return Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter);
     }, [dashboardFilters, reportId, dashboard]);
+    const specificReportFilters = (0, react_1.useMemo)(() => {
+        if (!reportId)
+            return [];
+        return Object.values(reportFilters[reportId] ?? []).map((f) => f.filter);
+    }, [reportFilters, reportId]);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const [data, setData] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [previousPage, setPreviousPage] = (0, react_1.useState)(0);
     const processedReport = (0, react_1.useMemo)(() => {
-        return reportId && dashboard[reportId]
-            ? (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(dashboard[reportId]))
+        return reportId && (reports[reportId] || dashboard[reportId])
+            ? (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(reports[reportId] || dashboard[reportId]), specificReportFilters)
             : undefined;
-    }, [reportId, reportId && dashboard[reportId]]);
-    const [calculate, setCalculate] = (0, react_1.useState)(() => emptyCalculate);
-    function emptyCalculate() {
-        return undefined;
-    }
+    }, [
+        reportId,
+        reportId && (reports[reportId] || dashboard[reportId]),
+        specificReportFilters,
+    ]);
     const [additionalProcessing, setAdditionProcessing] = (0, react_1.useState)(pagination
         ? {
             page: pagination,
         }
         : undefined);
     function calculateFunction(calcType, options) {
-        if (!data) {
+        if (!processedReport || !processedReport.rows) {
             return undefined;
         }
         switch (calcType) {
             case 'SIMPLE_PERCENTAGE_CHANGE':
-                return (0, dataProcessing_1.getSimplePercentageChange)(data);
+                return (0, dataProcessing_1.getSimplePercentageChange)(processedReport);
             case 'POINT_TO_POINT_PERCENTAGE_CHANGE':
-                return (0, dataProcessing_1.getPointToPointPercentageChange)(data);
+                return (0, dataProcessing_1.getPointToPointPercentageChange)(processedReport);
             case 'SUM':
-                return (0, dataProcessing_1.getSumOfFields)(data, options?.comparison ? true : false);
+                return (0, dataProcessing_1.getSumOfFields)(processedReport, options?.comparison ? true : false);
             default:
-                return (0, dataProcessing_1.getSimplePercentageChange)(data);
+                return (0, dataProcessing_1.getSimplePercentageChange)(processedReport);
         }
     }
     const fetchMore = (page) => {
@@ -86,19 +92,26 @@ const useQuill = (reportId, pagination) => {
         if (!client) {
             return;
         }
-        if (!loading && reportId && data) {
+        if (!loading && reportId && processedReport) {
             setLoading(true);
             try {
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await (0, tableProcessing_1.fetchResultsByReport)(reportId, client, updatedProcessing, specificDashboardFilters, schemaData.customFields);
+                const paginatedRows = await (0, tableProcessing_1.fetchResultsByReport)(reportId, client, updatedProcessing, reportFilters[reportId], schemaData.customFields);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
-                let tempRows = [...data.rows, ...paginatedRows.rows];
+                let tempRows = [...processedReport.rows, ...paginatedRows.rows];
                 if (resetRows) {
                     tempRows = paginatedRows.rows;
                 }
-                setData({ ...data, rows: tempRows });
+                reportsDispatch({
+                    type: 'UPDATE_REPORT',
+                    id: reportId,
+                    data: {
+                        ...reports[reportId],
+                        rows: tempRows,
+                    },
+                });
                 setTimeout(() => {
                     setLoading(false);
                 }, 200);
@@ -109,47 +122,58 @@ const useQuill = (reportId, pagination) => {
             }
         }
     };
-    const fetchReportHelper = async (curReportId, useReportTask = true, additionalProcessing) => {
+    const fetchReportHelper = async (curReportId, additionalProcessing) => {
         if (!client) {
             return;
         }
-        if (dashboard && dashboard[curReportId]) {
-            setData((0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(dashboard[curReportId])));
+        //FIXME: these two early returns don't check if the pagination lines up
+        if (reports[curReportId]) {
+            setLoading(false);
+            return;
+        }
+        if (dashboard[curReportId]) {
+            reportsDispatch({
+                type: 'ADD_REPORT',
+                id: curReportId,
+                data: reports[curReportId],
+            });
             setLoading(false);
             return;
         }
+        if (specificDashboardFilters.length && !specificReportFilters.length) {
+            reportFiltersDispatch({
+                type: 'ADD_REPORT_FILTERS',
+                id: curReportId,
+                data: Object.values(dashboardFilters[curReportId] ?? []),
+            });
+        }
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(curReportId, client, useReportTask, specificDashboardFilters, additionalProcessing, undefined, schemaData.customFields, undefined, undefined, undefined, !specificDashboardFilters?.length);
-        dispatch({
-            type: 'ADD_DASHBOARD_ITEM',
-            id: reportId,
-            data: {
-                ...report,
-                filtersApplied: specificDashboardFilters,
-                triggerReload: false,
-            },
-        });
-        setData((0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report)));
-        setError(error);
-        setLoading(false);
+        try {
+            fetchIndividualReport(curReportId, 'useQuill', true, specificReportFilters, [], additionalProcessing).then(() => {
+                console.log('fetched report', reports[curReportId]);
+            });
+        }
+        catch (error) {
+            setError(error.message ?? 'Error fetching report');
+        }
+        finally {
+            setLoading(false);
+        }
     };
     (0, react_1.useEffect)(() => {
         if (reportId) {
-            fetchReportHelper(reportId, pagination ? true : false, {
+            fetchReportHelper(reportId, {
                 page: pagination,
             });
         }
-    }, [reportId, dashboard]);
-    (0, react_1.useEffect)(() => {
-        setCalculate(() => calculateFunction);
-    }, [data]);
+    }, [reportId]);
     return {
-        data: processedReport ?? data,
+        data: processedReport ?? null,
         loading,
         error,
         fetchMore,
         setSort,
-        calculate,
+        calculate: calculateFunction,
     };
 };
 exports.useQuill = useQuill;