@quillsql/react 2.13.4 → 2.13.6

package/dist/cjs/hooks/useDashboard.js

@@ -1,14 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboard = exports.useReports = void 0;
+exports.useDashboards = exports.useDashboard = exports.useReports = void 0;
 const react_1 = require("react");
 const Context_1 = require("../Context");
-const dashboard_1 = require("../utils/dashboard");
 const dateRangePickerUtils_1 = require("../DateRangePicker/dateRangePickerUtils");
-const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+const Filter_1 = require("../models/Filter");
 const useReports = () => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const reloadReport = (id) => {
@@ -31,17 +27,19 @@ const useReports = () => {
 };
 exports.useReports = useReports;
 const useDashboard = (dashboardName) => {
-    const [dashboardConfig, dashboardConfigContext] = (0, react_1.useContext)(Context_1.DashboardConfigContext);
+    const { dashboardConfig, loadDashboard } = (0, react_1.useContext)(Context_1.DashboardConfigContext);
     const { dashboardFilters, loadFiltersForDashboard } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
-    const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
-    const loading = (0, react_1.useMemo)(() => isLoading ||
+    //TODO: handle error states
+    // const [error, setError] = useState<any>(null);
+    const [, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
+    const loading = (0, react_1.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');
@@ -52,7 +50,7 @@ const useDashboard = (dashboardName) => {
                             ...dateFilter,
                             dateField: [
                                 ...new Map(Object.values(dashboardConfig[overrideDashboardName ?? dashboardName]
-                                    ?.sections ?? {})
+                                    ?.config.sections ?? {})
                                     .flat()
                                     .map((report) => {
                                     const key = JSON.stringify(report.dateField);
@@ -66,16 +64,29 @@ 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 ??
+            dateRangePickerUtils_1.COMPARISON_RANGE[dashboard?.dateFilter?.defaultComparisonRange ??
+                'NO_COMPARISON']({
+                start: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
+                end: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
+            })?.start;
+        const comparisonRangeEnd = dashboard?.dateFilter?.comparisonRange?.endDate ??
+            dateRangePickerUtils_1.COMPARISON_RANGE[dashboard?.dateFilter?.defaultComparisonRange ??
+                'NO_COMPARISON']({
+                start: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
+                end: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter?.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
+            })?.end;
         const dateFilter = dashboard?.dateFilter
             ? {
                 ...dashboard?.dateFilter,
-                startDate: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS']?.start,
-                endDate: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS']?.end,
-                filterType: 'date_range',
+                startDate: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS'].start,
+                endDate: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ?? 'LAST_30_DAYS'].end,
+                filterType: Filter_1.DashboardFilterType.Date,
                 dateField: [
                     ...new Map(Object.values(dashboard?.sections ?? {})
                         .flat()
@@ -86,28 +97,15 @@ 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 ??
-                            dateRangePickerUtils_1.COMPARISON_RANGE[dashboard?.dateFilter
-                                .defaultComparisonRange ??
-                                'NO_COMPARISON']({
-                                start: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.start,
-                                end: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.end,
-                            })?.start,
-                        endDate: dashboard?.dateFilter.comparsionRange?.endDate ??
-                            dateRangePickerUtils_1.COMPARISON_RANGE[dashboard?.dateFilter
-                                .defaultComparisonRange ??
-                                'NO_COMPARISON']({
-                                start: dateRangePickerUtils_1.PRIMARY_RANGE[dashboard?.dateFilter.primaryRange?.value ??
-                                    'LAST_30_DAYS']?.start,
-                                end: dateRangePickerUtils_1.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,
             }
@@ -118,102 +116,178 @@ 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 (0, dashboard_1.getDashboard)(dashboardName, client);
-            // if dashboard has changed
-            if (!(0, fast_deep_equal_1.default)(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,
     };
 };
 exports.useDashboard = useDashboard;
+const useDashboards = () => {
+    const { dashboardConfig, dashboardConfigDispatch } = (0, react_1.useContext)(Context_1.DashboardConfigContext);
+    const { loadFiltersForDashboard, dispatch: dashboardFiltersDispatch } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const [client, isLoading] = (0, react_1.useContext)(Context_1.ClientContext);
+    const dashboards = (0, react_1.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: Filter_1.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: dateRangePickerUtils_1.PRIMARY_RANGE[updated.data.dashboard.dateFilter.primaryRange?.value ??
+                        'LAST_30_DAYS'].start,
+                    endDate: dateRangePickerUtils_1.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,
+    };
+};
+exports.useDashboards = useDashboards;

package/dist/cjs/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/cjs/hooks/useExport.js

@@ -57,11 +57,18 @@ sectionField, } = {}) => {
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
     const specificDashboardFilters = (0, react_1.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] = (0, react_1.useContext)(Context_1.ClientContext);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -76,8 +83,8 @@ sectionField, } = {}) => {
             setIsLoading(true);
             const resp = await getExportData(client, specificDashboardFilters, reportId);
             (0, csv_1.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/cjs/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/cjs/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/cjs/hooks/useOnClickOutside.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const useOnClickOutside = (ref, handler) => {
+const useOnClickOutside = (ref, handler, listening) => {
     (0, react_1.useEffect)(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
@@ -9,14 +9,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]);
 };
 exports.default = useOnClickOutside;

package/dist/cjs/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/cjs/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/cjs/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calculation = exports.ThemeContext = exports.downloadCSV = exports.useVirtualTables = exports.useAskQuill = exports.useMemoizedRows = exports.useExport = exports.usePivot = exports.useQuill = exports.useReports = exports.useDashboard = exports.format = exports.ChartEditor = exports.ReportBuilder = exports.SchemaListComponent = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
+exports.Calculation = exports.ThemeContext = exports.downloadCSV = exports.useVirtualTables = exports.useAskQuill = exports.useMemoizedRows = exports.useExport = exports.usePivot = exports.useQuill = exports.useDashboards = exports.useReports = exports.useDashboard = exports.format = exports.ChartEditor = exports.ReportBuilder = exports.SchemaListComponent = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
 // src/index.ts
 var Dashboard_1 = require("./Dashboard");
 Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
@@ -25,6 +25,7 @@ Object.defineProperty(exports, "format", { enumerable: true, get: function () {
 var useDashboard_1 = require("./hooks/useDashboard");
 Object.defineProperty(exports, "useDashboard", { enumerable: true, get: function () { return useDashboard_1.useDashboard; } });
 Object.defineProperty(exports, "useReports", { enumerable: true, get: function () { return useDashboard_1.useReports; } });
+Object.defineProperty(exports, "useDashboards", { enumerable: true, get: function () { return useDashboard_1.useDashboards; } });
 var useQuill_1 = require("./hooks/useQuill");
 Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
 Object.defineProperty(exports, "usePivot", { enumerable: true, get: function () { return useQuill_1.usePivot; } });

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

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

package/dist/cjs/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/cjs/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/cjs/lib/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.stringEndsWithNumber = exports.stringIsNumeric = exports.isValueInArray = exports.removeValueFromArray = exports.sumNumericArray = exports.defaultValueFormatter = void 0;
+exports.createDebounce = exports.mergeRefs = exports.stringEndsWithNumber = exports.stringIsNumeric = exports.isValueInArray = exports.removeValueFromArray = exports.sumNumericArray = exports.defaultValueFormatter = void 0;
 const defaultValueFormatter = (value) => value.toString();
 exports.defaultValueFormatter = defaultValueFormatter;
 const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
@@ -43,3 +43,11 @@ function mergeRefs(refs) {
     };
 }
 exports.mergeRefs = mergeRefs;
+const createDebounce = (func, delay) => {
+    let timeoutId;
+    return (...args) => {
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => func(...args), delay);
+    };
+};
+exports.createDebounce = createDebounce;

package/dist/cjs/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/cjs/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/cjs/utils/astFilterProcessing.js

@@ -284,7 +284,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;
@@ -393,7 +393,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;
@@ -600,7 +600,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/cjs/utils/columnProcessing.js

@@ -136,10 +136,10 @@ function convertPostgresColumn(field) {
             jsType = 'string';
     }
     return {
-        label: 'field' in field
+        label: ('field' in field
             ? (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field.field)
-            : (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field.name),
-        field: 'field' in field ? field.field : field.name,
+            : (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field.name)) ?? '',
+        field: ('field' in field ? field.field : field.name) ?? '',
         format,
         fieldType,
         dataTypeID: field.dataTypeID,
@@ -324,7 +324,7 @@ 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,