@quillsql/react 2.12.29 → 2.12.31

package/dist/esm/ChartEditor.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { QuillReport } from './Dashboard';
+import { QuillReport } from './models/Report';
 /**
  * Props for the Quill ChartEditor component.
  */
@@ -22,6 +22,8 @@ export interface ChartEditorProps {
     onAddToDashboardComplete?: (report: QuillReport) => void;
     /** A callback function triggered when a chart element is clicked */
     onClickChartElement?: (element: any) => void;
+    /** A callback function triggered when the chart error button is clicked */
+    onClickChartError?: (element: any) => void;
     /** A callback that is fired when the item is deleted. */
     onDelete?: () => void;
     /** A select component. */
@@ -156,6 +158,16 @@ export interface ChartEditorProps {
     ErrorMessageComponent?: (props: {
         errorMessage: string;
     }) => JSX.Element;
+    /**
+     * A component that displays when the chart errors.
+     */
+    ErrorComponent?: (props: {
+        className?: string;
+        containerStyle?: React.CSSProperties;
+        label?: string;
+        onClick?: (element: any) => void;
+        ButtonComponent?: React.ComponentType<any>;
+    }) => JSX.Element;
     /** The default dashboard to add the item to. */
     destinationDashboard?: string;
     /** The name of the current organization. */
@@ -193,5 +205,5 @@ export interface ChartEditorProps {
  * ### Chart Editor API
  * @see https://docs.quillsql.com/components/chart-editor
  */
-export default function ChartEditor({ isOpen, reportId, isAdmin, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, organizationName, isHorizontalView, onDelete, setIsOpen, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, DeleteButtonComponent, ModalComponent, CardComponent, PopoverComponent, LoadingComponent, TableComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, ChartBuilderFormContainer, hideDeleteButton, hideSubmitButton, onClickChartElement, }: ChartEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function ChartEditor({ isOpen, reportId, isAdmin, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, organizationName, isHorizontalView, onDelete, setIsOpen, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, DeleteButtonComponent, ModalComponent, CardComponent, PopoverComponent, LoadingComponent, TableComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, ChartBuilderFormContainer, ErrorComponent, hideDeleteButton, hideSubmitButton, onClickChartElement, onClickChartError, }: ChartEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChartEditor.d.ts.map

package/dist/esm/ChartEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAW9C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAEhB,6CAA6C;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAErC,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAC;IAEjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAEzD,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7C,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAE3C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,EAAE,CAAC;QACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAChE,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC3B,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;KAChE,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,0BAA0B;IAC1B,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,0BAA0B;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5D,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE/D,yBAAyB;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE3D,wBAAwB;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE1D,6EAA6E;IAC7E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;KACvB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,QAAQ,EAAE,SAAS,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC7B,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QACzB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,SAAS,CAAC;KAC5B,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,yBAAyB;IACzB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,IAAI,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,EAAE,CAAC;QAC/B,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC;;OAEG;IACH,6BAA6B,CAAC,EAAE,CAAC,KAAK,EAAE;QACtC,QAAQ,EAAE,SAAS,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;OAEG;IACH,gCAAgC,CAAC,EAAE,CAAC,KAAK,EAAE;QACzC,QAAQ,EAAE,SAAS,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB;;OAEG;IACH,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5E;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAEpE;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAEvE;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAEzE;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;QACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;KAC5C,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,OAAe,EACf,oBAAoB,EACpB,iBAAgC,EAChC,uBAAuB,EACvB,wBAAwB,EACxB,gBAAgB,EAChB,gBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,cAA8B,EAC9B,aAAyB,EACzB,gBAAgB,EAChB,gBAAwC,EACxC,cAAoC,EACpC,6BAAkE,EAClE,gCAAwE,EACxE,iBAA0C,EAC1C,oBAAgD,EAChD,qBAAkD,EAClD,yBAA0D,EAC1D,cAA0C,EAC1C,gBAAwB,EACxB,gBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,gBAAgB,2CA8OlB"}

package/dist/esm/ChartEditor.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-unused-vars */
 import { useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import ChartBuilder from './ChartBuilder';
 import { DashboardContext, DashboardFiltersContext, ClientContext, CustomFieldContext, } from './Context';
 import { MemoizedModal, QuillChartBuilderFormContainer, QuillChartBuilderInputColumnContainer, QuillChartBuilderInputRowContainer, QuillErrorMessageComponent, QuillLoadingComponent, QuillPivotColumnContainer, QuillPivotRowContainer, QuillTableComponent, } from './components/UiComponents';
-import { getData } from './utils/dataFetcher';
-import { mergeComparisonRange } from './utils/merge';
 import { QuillCard } from './components/QuillCard';
-import { processFilterErrorList } from './utils/errorProcessing';
-import { cleanDashboardItem } from './utils/dashboard';
-import { getPaginatedRows } from './utils/tableProcessing';
-import { MAX_COLUMN_ROWS_LIMIT } from './utils/constants';
+import { fetchTableByReport } from './utils/tableProcessing';
+import { QuillChartErrorWithAction } from './components/Chart/ChartError';
+import { fetchReport } from './utils/report';
+import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from './utils/paginationProcessing';
 /**
  * ### Quill Chart Editor
  *
@@ -37,23 +34,25 @@ import { MAX_COLUMN_ROWS_LIMIT } from './utils/constants';
  * ### Chart Editor API
  * @see https://docs.quillsql.com/components/chart-editor
  */
-export default function ChartEditor({ isOpen, reportId, isAdmin = false, destinationDashboard, chartBuilderTitle = 'Edit chart', chartBuilderButtonLabel, onAddToDashboardComplete, organizationName, isHorizontalView = true, onDelete, setIsOpen, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, DeleteButtonComponent, ModalComponent = MemoizedModal, CardComponent = QuillCard, PopoverComponent, LoadingComponent = QuillLoadingComponent, TableComponent = QuillTableComponent, ChartBuilderInputRowContainer = QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = QuillChartBuilderInputColumnContainer, PivotRowContainer = QuillPivotRowContainer, PivotColumnContainer = QuillPivotColumnContainer, ErrorMessageComponent = QuillErrorMessageComponent, ChartBuilderFormContainer = QuillChartBuilderFormContainer, hideDeleteButton = false, hideSubmitButton = false, onClickChartElement, }) {
+export default function ChartEditor({ isOpen, reportId, isAdmin = false, destinationDashboard, chartBuilderTitle = 'Edit chart', chartBuilderButtonLabel, onAddToDashboardComplete, organizationName, isHorizontalView = true, onDelete, setIsOpen, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, DeleteButtonComponent, ModalComponent = MemoizedModal, CardComponent = QuillCard, PopoverComponent, LoadingComponent = QuillLoadingComponent, TableComponent = QuillTableComponent, ChartBuilderInputRowContainer = QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = QuillChartBuilderInputColumnContainer, PivotRowContainer = QuillPivotRowContainer, PivotColumnContainer = QuillPivotColumnContainer, ErrorMessageComponent = QuillErrorMessageComponent, ChartBuilderFormContainer = QuillChartBuilderFormContainer, ErrorComponent = QuillChartErrorWithAction, hideDeleteButton = false, hideSubmitButton = false, onClickChartElement, onClickChartError, }) {
     const parentRef = useRef(null);
     const [modalWidth, setModalWidth] = useState(200);
     const [modalHeight, setModalHeight] = useState(200);
-    const { dispatch, dashboard } = useContext(DashboardContext);
+    const [dashboard] = useContext(DashboardContext);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const specificDashboardFilter = useMemo(() => {
-        return dashboardFilters.filter((f) => f &&
-            dashboard?.[reportId] &&
-            dashboard?.[reportId].dashboardName === f.dashboardName);
+        const tempReport = dashboard?.[reportId];
+        if (!tempReport) {
+            return [];
+        }
+        return dashboardFilters.filter((f) => f && tempReport.dashboardName === f.dashboardName);
     }, [dashboardFilters]);
-    const [client, _] = useContext(ClientContext);
+    const [client] = useContext(ClientContext);
     const [report, setReport] = useState(dashboard?.[reportId]);
     const [isLoading, setIsLoading] = useState(false);
     const [additionalProcessing, setAdditionalProcessing] = useState({});
     const [rowCount, setRowCount] = useState(undefined);
-    const [previousPage, setPreviousPage] = useState(0);
+    const [maxPage, setMaxPage] = useState(0);
     const [customFields] = useContext(CustomFieldContext);
     const dateFilter = Object.values(specificDashboardFilter).find((filter) => filter.filterType == 'date_range');
     const dateRange = dateFilter?.startDate
@@ -77,150 +76,94 @@ export default function ChartEditor({ isOpen, reportId, isAdmin = false, destina
         };
     }, []);
     const onPageChange = (page) => {
-        if (report?.rowCount) {
-            if ((previousPage < page.currentPage &&
-                (page.currentPage * page.rowsPerPage) % MAX_COLUMN_ROWS_LIMIT ===
-                    0) ||
-                (previousPage > page.currentPage &&
-                    (previousPage * page.rowsPerPage) % MAX_COLUMN_ROWS_LIMIT === 0)) {
-                updateTableRows({ page });
-            }
+        if (additionalProcessing.page &&
+            shouldFetchMore(DEFAULT_PAGINATION, page, maxPage)) {
+            const newPagination = { ...additionalProcessing.page, page };
+            const updatedProcessing = {
+                ...additionalProcessing,
+                page: newPagination,
+            };
+            setAdditionalProcessing(updatedProcessing);
+            updateTableRows(updatedProcessing);
         }
-        else {
-            if ((previousPage < page.currentPage &&
-                (page.currentPage * page.rowsPerPage) % MAX_COLUMN_ROWS_LIMIT ===
-                    0) ||
-                (previousPage > page.currentPage &&
-                    (previousPage * page.rowsPerPage) % MAX_COLUMN_ROWS_LIMIT === 0)) {
-                getChartOptions({ page });
-            }
+        if (page > maxPage) {
+            setMaxPage(page);
         }
-        setPreviousPage(page.currentPage);
     };
     const onSortChange = (sort) => {
-        if (report.chartType === 'table' && report.pivot) {
+        if (shouldSortInMemory(DEFAULT_PAGINATION, report?.rowCount, !!report?.pivot)) {
             return;
         }
-        if (report?.rowCount) {
-            setPreviousPage(0);
-            updateTableRows({ sort, page: { currentPage: 0, rowsPerPage: 20 } });
-        }
-        else {
-            getChartOptions({ sort, page: { currentPage: 0, rowsPerPage: 20 } });
-            setPreviousPage(0);
-        }
+        const updatedProcessing = { page: DEFAULT_PAGINATION, sort };
+        updateTableRows(updatedProcessing, true);
+        setAdditionalProcessing(updatedProcessing);
+        setMaxPage(0);
     };
-    const updateTableRows = async (processing) => {
-        if (!isLoading) {
+    const updateTableRows = async (processing, resetRows = false) => {
+        if (!isLoading && report) {
             setIsLoading(true);
             try {
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                let paginatedRows = await getPaginatedRows(report, client, updatedProcessing, specificDashboardFilter, customFields);
-                setReport({ ...report, rows: paginatedRows });
+                const paginatedRows = await fetchTableByReport(report.id, client, updatedProcessing, specificDashboardFilter, customFields);
+                if (paginatedRows.error) {
+                    throw new Error('Error fetching chart');
+                }
+                let tempRows = [...report.rows, ...paginatedRows.rows];
+                if (resetRows) {
+                    tempRows = paginatedRows.rows;
+                }
+                setReport({ ...report, rows: tempRows });
                 setTimeout(() => {
                     setIsLoading(false);
                 }, 200);
                 setAdditionalProcessing(updatedProcessing);
             }
             catch (e) {
-                console.log('Error fetching chart: ', e);
+                console.log(e);
                 setIsLoading(false);
             }
         }
     };
-    const getChartOptions = async (processing) => {
-        if (!isLoading) {
-            setIsLoading(true);
-            try {
-                let updatedProcessing = { ...additionalProcessing, ...processing };
-                if (processing && processing.sort) {
-                    if (!updatedProcessing.page) {
-                        updatedProcessing.page = {};
-                    }
-                    updatedProcessing.page.currentPage = 0;
-                }
-                const minimalFilters = Object.values(specificDashboardFilter).length
-                    ? Object.values(specificDashboardFilter).map((filter) => {
-                        const newFilter = { ...filter };
-                        if (newFilter.filterType === 'date_range') {
-                            delete newFilter['field'];
-                            delete newFilter['options'];
-                            delete newFilter['selectedValue'];
-                        }
-                        return newFilter;
-                    })
-                    : [];
-                const hostedBody = {
-                    metadata: {
-                        dashboardItemId: reportId,
-                        orgId: client?.customerId || '*',
-                        task: 'item',
-                        filters: minimalFilters,
-                        clientId: client?.publicKey,
-                        databaseType: client?.databaseType,
-                        additionalProcessing: updatedProcessing,
-                        paginateTable: true,
-                        customFields,
-                    },
-                };
-                const cloudBody = {
-                    id: reportId,
-                    filters: [],
-                };
-                const resp = await getData(client, 'itempost', 'omit', hostedBody, cloudBody);
-                processFilterErrorList(resp);
-                if (resp && resp.name !== 'error') {
-                    if (resp.compareRows) {
-                        mergeComparisonRange(resp);
-                        if (resp.chartType === 'table' && resp.compareRows[0]) {
-                            if (resp.compareRows[0]?.count) {
-                                setRowCount(resp.compareRows[0]?.count);
-                            }
-                            else if (resp.compareRows[0]?.COUNT) {
-                                setRowCount(resp.compareRows[0]?.COUNT);
-                            }
-                        }
-                    }
-                    const curDashboardItem = {
-                        ...resp,
-                        filtersApplied: specificDashboardFilter,
-                    };
-                    const cleanedReport = await cleanDashboardItem(curDashboardItem, specificDashboardFilter);
-                    setReport({ ...report, ...cleanedReport });
-                    dispatch({
-                        type: 'UPDATE_DASHBOARD_ITEM',
-                        id: reportId,
-                        data: { ...report, ...cleanedReport },
-                    });
+    const fetchReportHelper = async (useReportTask = true, processing) => {
+        if (isLoading) {
+            return;
+        }
+        setIsLoading(true);
+        const minimalFilters = Object.values(specificDashboardFilter).length
+            ? Object.values(specificDashboardFilter).map((filter) => {
+                const newFilter = { ...filter };
+                if (newFilter.filterType === 'date_range') {
+                    delete newFilter['field'];
+                    delete newFilter['options'];
+                    delete newFilter['selectedValue'];
                 }
-                setTimeout(() => {
-                    setIsLoading(false);
-                }, 200);
-                setAdditionalProcessing(updatedProcessing);
-            }
-            catch (e) {
-                console.log('Error fetching chart: ', e);
-                setIsLoading(false);
-            }
+                return newFilter;
+            })
+            : [];
+        const { report, error } = await fetchReport(reportId, client, useReportTask, minimalFilters, processing, undefined, customFields);
+        if (error) {
+            setIsLoading(false);
+            return;
         }
+        setReport(report);
+        setAdditionalProcessing(processing);
+        setIsLoading(false);
     };
     useEffect(() => {
-        let isSubscribed = true;
         if (!report) {
-            getChartOptions();
+            fetchReportHelper(true);
         }
         else {
-            if (report.chartType === 'table' && report.pivot) {
+            if ((report.chartType === 'table' && report.pivot) || report.error) {
                 // USE PIVOT ROW COUNT WHEN TABLE AND PIVOT
                 setRowCount(undefined);
             }
             else {
-                setRowCount(report.rowCount ?? report.rows.length);
+                const rowLength = report.rows ? report.rows.length : undefined;
+                setRowCount(report.rowCount ?? rowLength);
             }
         }
-        return () => {
-            isSubscribed = false;
-        };
+        return;
     }, [client, reportId]);
     if (!report) {
         return _jsx("div", {});
@@ -228,7 +171,9 @@ export default function ChartEditor({ isOpen, reportId, isAdmin = false, destina
     return (_jsx("div", { ref: parentRef, style: { height: '100%' }, children: _jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: chartBuilderTitle || 'Add to dashboard', 
             // For isHorizontalView, use full viewport size minus 80px for padding,
             // otherwise use the default layout method of the modal (contents).
-            width: isHorizontalView ? modalWidth : undefined, height: isHorizontalView ? modalHeight : undefined, children: _jsx(ChartBuilder, { report: report, rows: report.rows, columns: report.columns, query: report.queryString, pivot: report.pivot, isOpen: isOpen, isComparison: dateFilter?.comparisonRange, isLoading: isLoading, setIsOpen: setIsOpen, showTableFormatOptions: isAdmin, showDateFieldOptions: isAdmin, showAccessControlOptions: isAdmin, showDashboardDropdown: isAdmin, destinationDashboard: destinationDashboard, onAddToDashboardComplete: onAddToDashboardComplete, dateRange: dateRange, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, DeleteButtonComponent: DeleteButtonComponent, CardComponent: CardComponent, ModalComponent: ModalComponent, isHorizontalView: isHorizontalView, PopoverComponent: PopoverComponent, TableComponent: TableComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, ErrorMessageComponent: ErrorMessageComponent, LoadingComponent: LoadingComponent, onDelete: onDelete, title: chartBuilderTitle, buttonLabel: chartBuilderButtonLabel, organizationName: organizationName, hideSubmitButton: hideSubmitButton, hideDeleteButton: hideDeleteButton, FormContainer: ChartBuilderFormContainer, onPageChange: onPageChange, onSortChange: onSortChange, rowCount: rowCount, onClickChartElement: onClickChartElement, pivotData: report.pivotColumns
+            width: isHorizontalView ? modalWidth : undefined, height: isHorizontalView ? modalHeight : undefined, children: _jsx(ChartBuilder, { report: report, rows: report.rows, 
+                // @ts-ignore
+                columns: report.columns, query: report.queryString, pivot: report.pivot || undefined, isOpen: isOpen, isComparison: dateFilter?.comparisonRange, isLoading: isLoading, setIsOpen: setIsOpen, showTableFormatOptions: isAdmin, showDateFieldOptions: isAdmin, showAccessControlOptions: isAdmin, showDashboardDropdown: isAdmin, destinationDashboard: destinationDashboard, onAddToDashboardComplete: onAddToDashboardComplete, dateRange: dateRange, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, DeleteButtonComponent: DeleteButtonComponent, CardComponent: CardComponent, ModalComponent: ModalComponent, isHorizontalView: isHorizontalView, PopoverComponent: PopoverComponent, TableComponent: TableComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, ErrorMessageComponent: ErrorMessageComponent, LoadingComponent: LoadingComponent, ErrorComponent: ErrorComponent, onClickChartError: onClickChartError, onDelete: onDelete, title: chartBuilderTitle, buttonLabel: chartBuilderButtonLabel, organizationName: organizationName, hideSubmitButton: hideSubmitButton, hideDeleteButton: hideDeleteButton, FormContainer: ChartBuilderFormContainer, onPageChange: onPageChange, onSortChange: onSortChange, rowCount: rowCount, onClickChartElement: onClickChartElement, pivotData: report.pivotColumns
                     ? {
                         rows: report.pivotRows || [],
                         columns: report.pivotColumns,

package/dist/esm/Context.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
+import { QuillReportInternal } from './models/Report';
 export declare const SchemaContext: React.Context<any>;
 export declare const CustomFieldContext: React.Context<any>;
 export declare const ThemeContext: React.Context<any>;
 export declare const ClientContext: React.Context<any>;
 export declare const DashboardDataContext: React.Context<any>;
-export declare const DashboardContext: React.Context<any>;
 export declare const DashboardFiltersContext: React.Context<any>;
 export declare const ReportFiltersContext: React.Context<any>;
+export declare const DashboardContext: React.Context<[{
+    [key: string]: QuillReportInternal;
+}, any]>;
 export declare const ContextProvider: ({ children, initialTheme, publicKey, environment, authToken, customerId, userId, queryEndpoint, queryHeaders, withCredentials, }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Context.d.ts.map

package/dist/esm/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,eAAO,MAAM,aAAa,oBAAwC,CAAC;AACnE,eAAO,MAAM,kBAAkB,oBAAwC,CAAC;AACxE,eAAO,MAAM,YAAY,oBAA0C,CAAC;AACpE,eAAO,MAAM,aAAa,oBAA0C,CAAC;AACrE,eAAO,MAAM,oBAAoB,oBAAwC,CAAC;AAC1E,eAAO,MAAM,gBAAgB,oBAAwC,CAAC;AACtE,eAAO,MAAM,uBAAuB,oBAAwC,CAAC;AAC7E,eAAO,MAAM,oBAAoB,oBAAwC,CAAC;AAmF1E,eAAO,MAAM,eAAe,qIAWzB,GAAG,mDAwLL,CAAC"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAItD,eAAO,MAAM,aAAa,oBAAwC,CAAC;AACnE,eAAO,MAAM,kBAAkB,oBAAwC,CAAC;AACxE,eAAO,MAAM,YAAY,oBAA0C,CAAC;AACpE,eAAO,MAAM,aAAa,oBAA0C,CAAC;AACrE,eAAO,MAAM,oBAAoB,oBAAwC,CAAC;AAC1E,eAAO,MAAM,uBAAuB,oBAAwC,CAAC;AAC7E,eAAO,MAAM,oBAAoB,oBAAwC,CAAC;AAiC1E,eAAO,MAAM,gBAAgB;;QAEJ,CAAC;AAmE1B,eAAO,MAAM,eAAe,qIAWzB,GAAG,mDA6NL,CAAC"}

package/dist/esm/Context.js

@@ -7,12 +7,14 @@ export const CustomFieldContext = createContext([[], dummySetter]);
 export const ThemeContext = createContext([null, dummySetter]);
 export const ClientContext = createContext([null, dummySetter]);
 export const DashboardDataContext = createContext([{}, dummySetter]);
-export const DashboardContext = createContext([{}, dummySetter]);
 export const DashboardFiltersContext = createContext([[], dummySetter]);
 export const ReportFiltersContext = createContext([{}, dummySetter]);
-const dashboardReducer = (state, action) => {
+const dashboardReducer = (state = {}, action) => {
     switch (action.type) {
         case 'UPDATE_DASHBOARD_ITEM':
+            if (!action.id || !action.data) {
+                return state;
+            }
             return {
                 ...state,
                 [action.id]: {
@@ -21,6 +23,9 @@ const dashboardReducer = (state, action) => {
                 },
             };
         case 'ADD_DASHBOARD_ITEM':
+            if (!action.id || !action.data) {
+                return state;
+            }
             return {
                 ...state,
                 [action.id]: action.data,
@@ -31,6 +36,7 @@ const dashboardReducer = (state, action) => {
             return state;
     }
 };
+export const DashboardContext = createContext([{}, dashboardReducer]);
 const dashboardDataReducer = (state, action) => {
     switch (action.type) {
         case 'UPDATE_DASHBOARD':
@@ -46,6 +52,10 @@ const dashboardDataReducer = (state, action) => {
                 ...state,
                 [action.id]: action.data,
             };
+        case 'SET_DASHBOARD_DATA':
+            return {
+                ...action.data,
+            };
         case 'CLEAR_DASHBOARD':
             return {};
         default:
@@ -63,9 +73,11 @@ const reportFiltersReducer = (state, action) => {
     }
 };
 const dashboardFiltersReducer = (state, action) => {
+    let newFilters = [];
+    let index = -1;
     switch (action.type) {
         case 'UPDATE_DASHBOARD_FILTER':
-            const index = state.findIndex((filter) => filter.field === action.data.field &&
+            index = state.findIndex((filter) => filter.field === action.data.field &&
                 filter.dashboardName === action.data.dashboardName);
             if (index === -1)
                 return state;
@@ -75,7 +87,7 @@ const dashboardFiltersReducer = (state, action) => {
         case 'ADD_DASHBOARD_FILTER':
             return [...state, action.data];
         case 'CLEAR_AND_ADD_DASHBOARD_FILTERS':
-            const newFilters = state.filter((filter) => filter.dashboardName !== action.dashboardName);
+            newFilters = state.filter((filter) => filter.dashboardName !== action.dashboardName);
             return [...newFilters, ...action.data];
         case 'CLEAR_DASHBOARD_FILTERS':
             return [];
@@ -199,7 +211,41 @@ export const ContextProvider = ({ children, initialTheme, publicKey, environment
                 console.error('ERROR:', error);
             }
         }
+        async function fetchDashboards(publicKey) {
+            if (!publicKey) {
+                return;
+            }
+            try {
+                const response = await fetch(`${queryEndpoint}?dashboards`, {
+                    method: 'POST',
+                    headers: {
+                        ...queryHeaders,
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        metadata: {
+                            clientId: publicKey,
+                            publicKey: publicKey,
+                            task: 'dashboards',
+                        },
+                    }),
+                });
+                const result = await response.json();
+                const dashboards = result.data.dashboards.reduce((acc, dashboard) => {
+                    acc[dashboard.name] = dashboard;
+                    return acc;
+                }, {});
+                dashboardDataDispatch({
+                    type: 'SET_DASHBOARD_DATA',
+                    data: dashboards,
+                });
+            }
+            catch (error) {
+                console.error('ERROR:', error);
+            }
+        }
         fetchClient(publicKey);
+        fetchDashboards(publicKey);
     }, [publicKey]);
     // DYNAMICALLY CHANGE ORG
     useEffect(() => {
@@ -213,7 +259,7 @@ export const ContextProvider = ({ children, initialTheme, publicKey, environment
     if (!theme) {
         return null;
     }
-    return (_jsx(ClientContext.Provider, { value: [client, setClient], children: _jsx(ThemeContext.Provider, { value: [theme, setTheme], children: _jsx(SchemaContext.Provider, { value: [schema, setSchema], children: _jsx(CustomFieldContext.Provider, { value: [customFields, setCustomFields], children: _jsx(DashboardContext.Provider, { value: { dashboard, dispatch }, children: _jsx(DashboardDataContext.Provider, { value: { dashboardData, dashboardDataDispatch }, children: _jsx(DashboardFiltersContext.Provider, { value: {
+    return (_jsx(ClientContext.Provider, { value: [client, setClient], children: _jsx(ThemeContext.Provider, { value: [theme, setTheme], children: _jsx(SchemaContext.Provider, { value: [schema, setSchema], children: _jsx(CustomFieldContext.Provider, { value: [customFields, setCustomFields], children: _jsx(DashboardContext.Provider, { value: [dashboard, dispatch], children: _jsx(DashboardDataContext.Provider, { value: { dashboardData, dashboardDataDispatch }, children: _jsx(DashboardFiltersContext.Provider, { value: {
                                     dashboardFilters,
                                     dashboardFiltersDispatch,
                                 }, children: _jsx(ReportFiltersContext.Provider, { value: {