@quillsql/react 2.13.4 → 2.13.6

package/dist/esm/hooks/useDashboard.js

@@ -1,8 +1,7 @@
-import { useContext, useMemo, useState } from 'react';
+import { useContext, useMemo } from 'react';
 import { ClientContext, DashboardConfigContext, DashboardContext, DashboardFiltersContext, } from '../Context';
-import { getDashboard } from '../utils/dashboard';
 import { COMPARISON_RANGE, PRIMARY_RANGE, } from '../DateRangePicker/dateRangePickerUtils';
-import equal from 'fast-deep-equal';
+import { DashboardFilterType } from '../models/Filter';
 export const useReports = () => {
     const [dashboard, dispatch] = useContext(DashboardContext);
     const reloadReport = (id) => {
@@ -24,17 +23,19 @@ export const useReports = () => {
     };
 };
 export const useDashboard = (dashboardName) => {
-    const [dashboardConfig, dashboardConfigContext] = useContext(DashboardConfigContext);
+    const { dashboardConfig, loadDashboard } = useContext(DashboardConfigContext);
     const { dashboardFilters, loadFiltersForDashboard } = useContext(DashboardFiltersContext);
-    const [dashboard] = useContext(DashboardContext);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [client, isClientLoading] = useContext(ClientContext);
-    const loading = useMemo(() => isLoading ||
+    //TODO: handle error states
+    // const [error, setError] = useState<any>(null);
+    const [, isClientLoading] = useContext(ClientContext);
+    const loading = useMemo(() => !dashboardName ||
         isClientLoading ||
+        dashboardConfig[dashboardName]?.loading ||
         (dashboardConfig[dashboardName] &&
-            !dashboardConfig[dashboardName]?.sections), [isLoading, isClientLoading, dashboardConfig, dashboardName]);
+            !dashboardConfig[dashboardName]?.config.sections), [isClientLoading, dashboardConfig, dashboardName]);
     const handleReload = async (overrideDashboardName, fetchFromServer = false, reportAction, overrideFilters) => {
+        if (!dashboardName)
+            return;
         if (overrideFilters) {
             // Pull the date filter out of the override filters, process it, and append it to the filters
             const dateFilter = overrideFilters.filters.find((f) => f.filterType === 'date_range');
@@ -45,7 +46,7 @@ export const useDashboard = (dashboardName) => {
                             ...dateFilter,
                             dateField: [
                                 ...new Map(Object.values(dashboardConfig[overrideDashboardName ?? dashboardName]
-                                    ?.sections ?? {})
+                                    ?.config.sections ?? {})
                                     .flat()
                                     .map((report) => {
                                     const key = JSON.stringify(report.dateField);
@@ -59,16 +60,29 @@ export const useDashboard = (dashboardName) => {
             ], overrideFilters.editedFilterLabel);
             return;
         }
-        const dashboard = await getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer, reportAction);
+        const dashboard = await loadDashboard(overrideDashboardName ?? dashboardName, fetchFromServer, reportAction);
         if (!fetchFromServer &&
-            Object.keys(dashboardFilters[dashboardName] ?? {}).length)
+            Object.keys(dashboardFilters[dashboardName] ?? {}).length) {
             return;
+        }
+        const comparisonRangeStart = dashboard?.dateFilter?.comparisonRange?.startDate ??
+            COMPARISON_RANGE[dashboard?.dateFilter?.defaultComparisonRange ??
+                'NO_COMPARISON']({
+                start: PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
+                end: PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
+            })?.start;
+        const comparisonRangeEnd = dashboard?.dateFilter?.comparisonRange?.endDate ??
+            COMPARISON_RANGE[dashboard?.dateFilter?.defaultComparisonRange ??
+                'NO_COMPARISON']({
+                start: PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
+                end: PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
+            })?.end;
         const dateFilter = dashboard?.dateFilter
             ? {
                 ...dashboard?.dateFilter,
-                startDate: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
-                endDate: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
-                filterType: 'date_range',
+                startDate: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS'].start,
+                endDate: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS'].end,
+                filterType: DashboardFilterType.Date,
                 dateField: [
                     ...new Map(Object.values(dashboard?.sections ?? {})
                         .flat()
@@ -79,28 +93,15 @@ export const useDashboard = (dashboardName) => {
                 ],
                 preset: dashboard?.dateFilter.primaryRange,
                 dashboardName: overrideDashboardName ?? dashboardName,
-                comparisonRange: dashboard?.dateFilter.comparison
+                comparisonRange: dashboard?.dateFilter.comparison &&
+                    comparisonRangeStart &&
+                    comparisonRangeEnd
                     ? {
-                        startDate: dashboard?.dateFilter.comparsionRange?.startDate ??
-                            COMPARISON_RANGE[dashboard?.dateFilter
-                                .defaultComparisonRange ??
-                                'NO_COMPARISON']({
-                                start: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.start,
-                                end: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.end,
-                            })?.start,
-                        endDate: dashboard?.dateFilter.comparsionRange?.endDate ??
-                            COMPARISON_RANGE[dashboard?.dateFilter
-                                .defaultComparisonRange ??
-                                'NO_COMPARISON']({
-                                start: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.start,
-                                end: PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.end,
-                            })?.end,
-                        value: dashboard?.dateFilter.comparsionRange?.value ??
-                            dashboard.dateFilter?.defaultComparisonRange,
+                        startDate: comparisonRangeStart,
+                        endDate: comparisonRangeEnd,
+                        value: dashboard?.dateFilter.comparisonRange?.value ??
+                            dashboard.dateFilter?.defaultComparisonRange ??
+                            'NO_COMPARISON',
                     }
                     : undefined,
             }
@@ -111,101 +112,176 @@ export const useDashboard = (dashboardName) => {
             ...(dashboard?.filters ?? []),
         ]);
     };
-    async function getDashboards(dashboardName, fetchFromServer = false, reportAction) {
-        let curDashboardConfig = dashboardConfig[dashboardName];
-        if (!fetchFromServer && curDashboardConfig?.sections) {
-            if (reportAction?.action === 'delete') {
-                curDashboardConfig = {
-                    ...curDashboardConfig,
-                    sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
-                        sectionKey,
-                        reports.filter((report) => report.id !== reportAction.report.id),
-                    ])),
-                };
-            }
-            else if (reportAction?.action === 'upsert') {
-                const containsReport = Object.values(curDashboardConfig?.sections ?? {})
-                    .flat()
-                    .some((report) => report.id === reportAction?.report.id);
-                curDashboardConfig = {
-                    ...curDashboardConfig,
-                    sections: Object.fromEntries(Object.entries(curDashboardConfig?.sections ?? {}).map(([sectionKey, reports]) => [
-                        sectionKey,
-                        containsReport
-                            ? reports.map((report) => {
-                                return {
-                                    report,
-                                    ...(reportAction?.report.id === report.id
-                                        ? reportAction?.report
-                                        : dashboard[report.id]),
-                                    _id: report.id,
-                                    id: report.id,
-                                };
-                            })
-                            : [
-                                ...(reports ?? []),
-                                {
-                                    report: reportAction?.report,
-                                    ...dashboard[reportAction?.report.id],
-                                    id: reportAction?.report.id,
-                                    _id: reportAction?.report.id,
-                                },
-                            ],
-                    ])),
-                };
-            }
-            dashboardConfigContext({
-                type: 'UPDATE_DASHBOARD',
-                id: dashboardName,
-                data: curDashboardConfig,
-            });
-            setIsLoading(false);
-            return curDashboardConfig;
-        }
-        if (!fetchFromServer &&
-            curDashboardConfig &&
-            curDashboardConfig.newQueries) {
-            setIsLoading(false);
-            return curDashboardConfig;
-        }
-        if (!client || !client.publicKey || !client.organizationId) {
-            return curDashboardConfig;
-        }
-        if (dashboardName === null || dashboardName === undefined)
-            return curDashboardConfig;
-        try {
-            setIsLoading(true);
-            const resp = await getDashboard(dashboardName, client);
-            // if dashboard has changed
-            if (!equal(resp, curDashboardConfig)) {
-                dashboardConfigContext({
-                    type: 'ADD_DASHBOARD',
-                    id: dashboardName,
-                    data: { ...resp },
-                });
-            }
-            setError(null);
-            return resp;
-        }
-        catch (error) {
-            setError(error);
-            console.error('Error fetching data:', error);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    }
     function isDashboardFilterLoading(filterName) {
+        if (!dashboardName)
+            return true;
         return dashboardFilters[dashboardName]?.[filterName]?.loading;
     }
     return {
-        data: loading ? null : dashboardConfig[dashboardName],
-        dashboardFilters: dashboardFilters[dashboardName] !== undefined
+        data: loading || !dashboardName
+            ? null
+            : (dashboardConfig[dashboardName]?.config ?? null),
+        dashboardFilters: dashboardName && dashboardFilters[dashboardName] !== undefined
             ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
             : null,
         isLoading: loading,
         isDashboardFilterLoading,
-        error,
         reload: handleReload,
     };
 };
+export const useDashboards = () => {
+    const { dashboardConfig, dashboardConfigDispatch } = useContext(DashboardConfigContext);
+    const { loadFiltersForDashboard, dispatch: dashboardFiltersDispatch } = useContext(DashboardFiltersContext);
+    const [client, isLoading] = useContext(ClientContext);
+    const dashboards = useMemo(() => {
+        return Object.values(dashboardConfig).map((dashboard) => {
+            return {
+                name: dashboard.config.name,
+                id: dashboard.config.dashboardId,
+                reports: Object.values(dashboard.config.sections ?? {}).flat(),
+            };
+        });
+    }, [dashboardConfig]);
+    const createDashboard = async ({ name, filters, dateFilter, }) => {
+        if (!client)
+            return;
+        dashboardConfigDispatch({
+            type: 'UPDATE_DASHBOARD',
+            id: name,
+            data: {
+                config: {
+                    dashboardId: name,
+                    name,
+                    filters,
+                    dateFilter,
+                },
+                loading: true,
+            },
+        });
+        const body = {
+            newDashboardName: name.trim(),
+            filters,
+            dateFilter,
+            name: name.trim(),
+            task: 'edit-dashboard',
+            clientId: client.clientId,
+        };
+        try {
+            const response = await fetch(client.queryEndpoint, {
+                method: 'POST',
+                headers: {
+                    ...client.queryHeaders,
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ metadata: body }),
+            });
+            const updated = await response.json();
+            dashboardConfigDispatch({
+                type: 'UPDATE_DASHBOARD',
+                id: name,
+                data: { config: updated.data.dashboard, loading: false },
+            });
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    const updateDashboard = async (name, { newName, filters, dateFilter, }) => {
+        if (!client)
+            return;
+        const dashboard = dashboardConfig[name]?.config;
+        dashboardConfigDispatch({
+            type: 'DELETE_DASHBOARD',
+            id: name,
+        });
+        dashboardFiltersDispatch({
+            type: 'DELETE_DASHBOARD_FILTERS',
+            dashboardName: name,
+        });
+        const body = {
+            newDashboardName: newName.trim(),
+            filters,
+            dateFilter,
+            name: name.trim(),
+            task: 'edit-dashboard',
+            clientId: client.clientId,
+        };
+        try {
+            const response = await fetch(client.queryEndpoint, {
+                method: 'POST',
+                headers: {
+                    ...client.queryHeaders,
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ metadata: body }),
+            });
+            const updated = await response.json();
+            dashboardConfigDispatch({
+                type: 'ADD_DASHBOARD',
+                id: updated.data.dashboard.name,
+                data: {
+                    ...dashboard,
+                    ...updated.data.dashboard,
+                },
+            });
+            const updatedDateFilter = updated.data.dashboard.dateFilter
+                ? {
+                    ...updated.data.dashboard.dateFilter,
+                    dashboardName: updated.data.dashboard.name,
+                    preset: updated.data.dashboard.dateFilter.primaryRange,
+                    filterType: DashboardFilterType.Date,
+                    dateField: [
+                        ...new Map(Object.values(dashboardConfig[updated.data.dashboard.name]?.config
+                            .sections ?? {})
+                            .flat()
+                            .map((report) => {
+                            const key = JSON.stringify(report.dateField);
+                            return [key, report.dateField];
+                        })).values(),
+                    ],
+                    startDate: PRIMARY_RANGE[updated.data.dashboard.dateFilter.primaryRange?.value ??
+                        'LAST_30_DAYS'].start,
+                    endDate: PRIMARY_RANGE[updated.data.dashboard.dateFilter.primaryRange?.value ??
+                        'LAST_30_DAYS'].end,
+                }
+                : undefined;
+            loadFiltersForDashboard(updated.data.dashboard.name, [
+                ...(updatedDateFilter ? [updatedDateFilter] : []),
+                ...(updated.data.dashboard.filters ?? []),
+            ]);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    const deleteDashboard = async (name) => {
+        if (!client)
+            return;
+        await fetch(client.queryEndpoint, {
+            method: 'POST',
+            headers: {
+                ...client.queryHeaders,
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                metadata: {
+                    task: 'delete-dashboard',
+                    clientId: client.clientId,
+                    databaseType: client.databaseType,
+                    name,
+                },
+            }),
+        });
+        dashboardConfigDispatch({
+            type: 'DELETE_DASHBOARD',
+            id: name,
+        });
+    };
+    return {
+        dashboards: isLoading ? null : dashboards,
+        isLoading,
+        createDashboard,
+        updateDashboard,
+        deleteDashboard,
+    };
+};

package/dist/esm/hooks/useExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAwD/C,eAAO,MAAM,SAAS,cACT,MAAM;uCAOmB,aAAa,KAAK,WAAW;;;;;;;CA2LlE,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAwD/C,eAAO,MAAM,SAAS,cACT,MAAM;uCAOmB,aAAa,KAAK,WAAW;;;;;;;CAqMlE,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;CAC5B"}

package/dist/esm/hooks/useExport.js

@@ -51,11 +51,18 @@ sectionField, } = {}) => {
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const [dashboard] = useContext(DashboardContext);
     const specificDashboardFilters = useMemo(() => {
-        //FIXME: Pretty sure this won't work with multiple dashboards
-        Object.values(dashboardFilters).map((dashboardFilter) => {
+        if (!reportId) {
+            return [];
+        }
+        const dashboardName = dashboard[reportId]?.dashboardName;
+        if (!dashboardName || !dashboardFilters[dashboardName]) {
+            return [];
+        }
+        // @ts-ignore
+        return Object.values(dashboardFilters[dashboardName]).map((dashboardFilter) => {
             return dashboardFilter.filter;
         });
-    }, [dashboardFilters]);
+    }, [dashboardFilters, dashboard, reportId]);
     // const [theme] = useContext(ThemeContext);
     const [client] = useContext(ClientContext);
     const [isLoading, setIsLoading] = useState(false);
@@ -70,8 +77,8 @@ sectionField, } = {}) => {
             setIsLoading(true);
             const resp = await getExportData(client, specificDashboardFilters, reportId);
             downloadCSV({
-                rows: resp.rows,
-                fields: resp.columns,
+                rows: resp.pivot && resp.pivotRows ? resp.pivotRows : resp.rows,
+                fields: resp.pivot && resp.pivotColumns ? resp.pivotColumns : resp.columns,
                 name: resp.name,
             });
             setIsLoading(false);

package/dist/esm/hooks/useOnClickOutside.d.ts

@@ -1,3 +1,3 @@
-declare const useOnClickOutside: (ref: React.RefObject<HTMLDivElement>, handler: (event: any) => void) => void;
+declare const useOnClickOutside: (ref: React.RefObject<HTMLDivElement>, handler: (event: any) => void, listening?: boolean) => void;
 export default useOnClickOutside;
 //# sourceMappingURL=useOnClickOutside.d.ts.map

package/dist/esm/hooks/useOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,QAChB,MAAM,SAAS,CAAC,cAAc,CAAC,mBACjB,GAAG,KAAG,IAAI,SAkB9B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,QAChB,MAAM,SAAS,CAAC,cAAc,CAAC,mBACjB,GAAG,KAAG,IAAI,cACjB,OAAO,SAqBpB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/hooks/useOnClickOutside.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-const useOnClickOutside = (ref, handler) => {
+const useOnClickOutside = (ref, handler, listening) => {
     useEffect(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
@@ -7,14 +7,18 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event);
         };
-        // document.addEventListener('click', listener);
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
+        if (listening !== false) {
+            document.addEventListener('mousedown', listener);
+            document.addEventListener('touchstart', listener);
+        }
+        else {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        }
         return () => {
-            // document.removeEventListener('click', listener);
             document.removeEventListener('mousedown', listener);
             document.removeEventListener('touchstart', listener);
         };
-    }, [ref, handler]);
+    }, [ref, handler, listening]);
 };
 export default useOnClickOutside;

package/dist/esm/index.d.ts

@@ -14,7 +14,7 @@ export type { ReportBuilderProps } from './ReportBuilder';
 export { default as ChartEditor } from './ChartEditor';
 export type { ChartEditorProps } from './ChartEditor';
 export { quillFormat as format } from './utils/valueFormatter';
-export { useDashboard, useReports } from './hooks/useDashboard';
+export { useDashboard, useReports, useDashboards } from './hooks/useDashboard';
 export { useQuill, usePivot } from './hooks/useQuill';
 export { useExport } from './hooks/useExport';
 export { useMemoizedRows } from './hooks/useFormat';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChF,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,EACN,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EACV,6BAA6B,EAC7B,qBAAqB,EACrB,SAAS,GACV,MAAM,wCAAwC,CAAC;AAChD,YAAY,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChF,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,EACN,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EACV,6BAA6B,EAC7B,qBAAqB,EACrB,SAAS,GACV,MAAM,wCAAwC,CAAC;AAChD,YAAY,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/index.js

@@ -7,7 +7,7 @@ export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
 export { default as ReportBuilder } from './ReportBuilder';
 export { default as ChartEditor } from './ChartEditor';
 export { quillFormat as format } from './utils/valueFormatter';
-export { useDashboard, useReports } from './hooks/useDashboard';
+export { useDashboard, useReports, useDashboards } from './hooks/useDashboard';
 export { useQuill, usePivot } from './hooks/useQuill';
 export { useExport } from './hooks/useExport';
 export { useMemoizedRows } from './hooks/useFormat';

package/dist/esm/internals/ReportBuilder/PivotModal.js

@@ -914,11 +914,11 @@ export function generatePivotTableInMemory(pivot, data, dateRange, isComparison,
             let value;
             const nextRowValue = isDateField(pivot.rowFieldType || '')
                 ? // @ts-ignore
-                    uniqueRows[rowIndex + 1] ?? endOfDay(rowDateRange.end)
+                    (uniqueRows[rowIndex + 1] ?? endOfDay(rowDateRange.end))
                 : null;
             const compRowValue = compUniqueRows[rowIndex];
             const compNextRowValue = isDateField(pivot.rowFieldType || '')
-                ? compUniqueRows[rowIndex + 1] ?? endOfDay(compRowDateRange.end)
+                ? (compUniqueRows[rowIndex + 1] ?? endOfDay(compRowDateRange.end))
                 : null;
             if (pivot.columnField) {
                 const columnDateRange = getDateRange(dateRange, pivot.columnField, data);
@@ -1136,7 +1136,7 @@ export function generatePivotTableInMemory(pivot, data, dateRange, isComparison,
                                 index === 1
                                 ? `comparison Count`
                                 : isDateField(pivot.columnFieldType || '')
-                                    ? COL_DATE_MAP[getDateString(column, dateRange, dateBucket)] ?? 'comparison'
+                                    ? (COL_DATE_MAP[getDateString(column, dateRange, dateBucket)] ?? 'comparison')
                                     : `comparison ${snakeAndCamelCaseToTitleCase(columnName)}`,
                     field: `comparison_${columnName}`,
                 };

package/dist/esm/lib/utils.d.ts

@@ -7,4 +7,5 @@ export declare const isValueInArray: (value: any, array: any[]) => boolean;
 export declare const stringIsNumeric: (str: string | undefined) => boolean;
 export declare const stringEndsWithNumber: (str: string) => boolean;
 export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+export declare const createDebounce: (func: any, delay: number) => (...args: any) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/esm/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,qBAAqB,EAAE,cAClB,CAAC;AAEnB,eAAO,MAAM,eAAe,QAAS,MAAM,EAAE,WACO,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,GAAG,EAMlE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,OAOzD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,SAAS,KAAG,OAEzD,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAS,MAAM,KAAG,OAElD,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC1D,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAUtB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,qBAAqB,EAAE,cAClB,CAAC;AAEnB,eAAO,MAAM,eAAe,QAAS,MAAM,EAAE,WACO,CAAC;AAErD,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,GAAG,EAMlE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,GAAG,SAAS,GAAG,EAAE,KAAG,OAOzD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,SAAS,KAAG,OAEzD,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAS,MAAM,KAAG,OAElD,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC1D,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAUtB;AAED,eAAO,MAAM,cAAc,SAAU,GAAG,SAAS,MAAM,eAEpC,GAAG,SAIrB,CAAC"}

package/dist/esm/lib/utils.js

@@ -33,3 +33,10 @@ export function mergeRefs(refs) {
         });
     };
 }
+export const createDebounce = (func, delay) => {
+    let timeoutId;
+    return (...args) => {
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => func(...args), delay);
+    };
+};

package/dist/esm/models/Dashboard.d.ts

@@ -4,11 +4,16 @@ export type DashboardConfig = {
     dashboardId: string;
     name: string;
     filters: DashboardStringFilter[];
-    dateFilter: DashboardDateFilter;
+    dateFilter?: DashboardDateFilter;
     customFiltersEnabled?: boolean;
     sections?: {
         [key: string]: QuillReport[];
     };
     newQueries?: QuillReport[];
 };
+export type Dashboard = {
+    id: string;
+    name: string;
+    reports: QuillReport[];
+};
 //# sourceMappingURL=Dashboard.d.ts.map

package/dist/esm/models/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/models/Dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,EAAE,CAAC;KAC9B,CAAC;IACF,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/models/Dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,EAAE,CAAC;KAC9B,CAAC;IACF,UAAU,CAAC,EAAE,WAAW,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC"}

package/dist/esm/utils/astFilterProcessing.js

@@ -281,7 +281,7 @@ const queryPatterns = [
             WHERE transaction_date >= DATEADD(day, -90, GETDATE())
           `,
                     value: function (astWhere) {
-                        return -astWhere.right?.args?.value[1]?.value ?? null;
+                        return -astWhere.right?.args?.value[1]?.value;
                     },
                     unit: function (astWhere) {
                         return astWhere.right?.args?.value[0]?.column?.expr?.value ?? null;
@@ -390,7 +390,7 @@ const queryPatterns = [
             WHERE transaction_date >= DATEADD(day, -90, CURRENT_DATE)
           `,
                     value: function (astWhere) {
-                        return -astWhere.right?.args?.value[1]?.value ?? null;
+                        return -astWhere.right?.args?.value[1]?.value;
                     },
                     unit: function (astWhere) {
                         return astWhere.right?.args?.value[0]?.column?.expr?.value ?? null;
@@ -597,7 +597,7 @@ const queryPatterns = [
             WHERE transaction_date >= DATEADD(DAY, -90, CURRENT_DATE())
           `,
                     value: function (astWhere) {
-                        return -astWhere.right?.args?.value[1]?.value ?? null;
+                        return -astWhere.right?.args?.value[1]?.value;
                     },
                     unit: function (astWhere) {
                         return astWhere.right?.args?.value[0]?.column.toLowerCase() ?? null;

package/dist/esm/utils/columnProcessing.js

@@ -133,10 +133,10 @@ export function convertPostgresColumn(field) {
             jsType = 'string';
     }
     return {
-        label: 'field' in field
+        label: ('field' in field
             ? snakeAndCamelCaseToTitleCase(field.field)
-            : snakeAndCamelCaseToTitleCase(field.name),
-        field: 'field' in field ? field.field : field.name,
+            : snakeAndCamelCaseToTitleCase(field.name)) ?? '',
+        field: ('field' in field ? field.field : field.name) ?? '',
         format,
         fieldType,
         dataTypeID: field.dataTypeID,
@@ -316,7 +316,7 @@ export const getYAxisFields = (report) => {
         }
         else {
             if (curDateFilter?.comparison &&
-                curDateFilter.comparisonRange.value !== 'NO_COMPARISON') {
+                curDateFilter.comparisonRange?.value !== 'NO_COMPARISON') {
                 const comparisonYAxisFields = report.yAxisFields?.map((field) => {
                     return {
                         ...field,

package/dist/esm/utils/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const MAX_COLUMN_ROWS_LIMIT = 500;
-export declare const QUILL_SERVER = "https://quill-344421.uc.r.appspot.com";
 export declare const MAX_PIVOT_UNIQUE_VALUES = 250;
+export declare const QUILL_SERVER: string;
+export declare const QUILL_QUERY_ENDPOINT: string;
 //# sourceMappingURL=constants.d.ts.map

package/dist/esm/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,YAAY,0CAA0C,CAAC;AACpE,eAAO,MAAM,uBAAuB,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,YAAY,QACiD,CAAC;AAC3E,eAAO,MAAM,oBAAoB,QACa,CAAC"}

package/dist/esm/utils/constants.js

@@ -1,3 +1,4 @@
 export const MAX_COLUMN_ROWS_LIMIT = 500;
-export const QUILL_SERVER = 'https://quill-344421.uc.r.appspot.com';
 export const MAX_PIVOT_UNIQUE_VALUES = 250;
+export const QUILL_SERVER = process.env.QUILL_SERVER_HOST ?? 'https://quill-344421.uc.r.appspot.com';
+export const QUILL_QUERY_ENDPOINT = process.env.QUILL_QUERY_ENDPOINT ?? '/cloud';

package/dist/esm/utils/dataFetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AA8EvD,wBAAsB,OAAO,CAC3B,MAAM,EAAE,mBAAmB,EAC3B,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,EACf,UAAU,CAAC,EAAE,MAAM,EACnB,WAAW,CAAC,EAAE,WAAW,gBAqJ1B;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,mBAAmB,EAC3B,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,EACf,WAAW,CAAC,EAAE,WAAW,gBAiC1B;AAED,wBAAsB,aAAa,CACjC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,CAAC,EAAE,GAAG,GACb,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAmB5C"}
+{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AA8EvD,wBAAsB,OAAO,CAC3B,MAAM,EAAE,mBAAmB,EAC3B,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,EACf,UAAU,CAAC,EAAE,MAAM,EACnB,WAAW,CAAC,EAAE,WAAW,gBAqJ1B;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,mBAAmB,EAC3B,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,EACf,WAAW,CAAC,EAAE,WAAW,gBA+B1B;AAED,wBAAsB,aAAa,CACjC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,CAAC,EAAE,GAAG,GACb,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAmB5C"}