@quillsql/react 2.12.52 → 2.13.0

package/dist/cjs/hooks/useDashboard.js

@@ -1,9 +1,14 @@
 "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;
 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 useReports = () => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const reloadReport = (id) => {
@@ -27,110 +32,193 @@ const useReports = () => {
 exports.useReports = useReports;
 const useDashboard = (dashboardName) => {
     const [dashboardConfig, dashboardConfigContext] = (0, react_1.useContext)(Context_1.DashboardConfigContext);
-    // if (dashboardName === undefined || dashboardName === null) {
-    //   throw new Error('useDashboard requires a dashboard name parameter');
-    // }
+    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 [dashboardFilters, setDashboardFilters] = (0, react_1.useState)(null);
-    const [dashboardFiltersLoading, setDashboardFiltersLoading] = (0, react_1.useState)(true);
     const loading = (0, react_1.useMemo)(() => isLoading ||
         isClientLoading ||
         (dashboardConfig[dashboardName] &&
             !dashboardConfig[dashboardName]?.sections), [isLoading, isClientLoading, dashboardConfig, dashboardName]);
-    const handleReload = async (overrideDashboardName, fetchFromServer = false) => {
-        await Promise.allSettled([
-            getDashboardFilters(overrideDashboardName ?? dashboardName),
-            getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer),
+    const handleReload = async (overrideDashboardName, fetchFromServer = false, reportAction, overrideFilters) => {
+        if (!fetchFromServer && isLoading)
+            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');
+            loadFiltersForDashboard(dashboardName, [
+                ...(dateFilter
+                    ? [
+                        {
+                            ...dateFilter,
+                            dateField: [
+                                ...new Map(Object.values(dashboardConfig[overrideDashboardName ?? dashboardName]
+                                    ?.sections ?? {})
+                                    .flat()
+                                    .map((report) => {
+                                    const key = JSON.stringify(report.dateField);
+                                    return [key, report.dateField];
+                                })).values(),
+                            ],
+                        },
+                    ]
+                    : []),
+                ...(overrideFilters.filters.filter((f) => f.filterType !== 'date_range') ?? []),
+            ], overrideFilters.editedFilterLabel);
+            return;
+        }
+        const dashboard = await getDashboards(overrideDashboardName ?? dashboardName, fetchFromServer, reportAction);
+        if (!fetchFromServer &&
+            Object.keys(dashboardFilters[dashboardName] ?? {}).length)
+            return;
+        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',
+                dateField: [
+                    ...new Map(Object.values(dashboard?.sections ?? {})
+                        .flat()
+                        .map((report) => {
+                        const key = JSON.stringify(report.dateField);
+                        return [key, report.dateField];
+                    })).values(),
+                ],
+                preset: dashboard?.dateFilter.primaryRange,
+                dashboardName: overrideDashboardName ?? dashboardName,
+                comparisonRange: dashboard?.dateFilter.comparison
+                    ? {
+                        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,
+                    }
+                    : undefined,
+            }
+            : undefined;
+        // Append dateFilter to the filters unless it's undefined
+        loadFiltersForDashboard(dashboardName, [
+            ...(dateFilter ? [dateFilter] : []),
+            ...(dashboard?.filters ?? []),
         ]);
     };
-    async function getDashboards(dashboardName, fetchFromServer = false) {
-        if (!fetchFromServer && dashboardConfig) {
+    async function getDashboards(dashboardName, fetchFromServer = false, reportAction) {
+        const curDashboardConfig = dashboardConfig[dashboardName];
+        if (!fetchFromServer && curDashboardConfig?.sections) {
+            if (reportAction?.action === 'delete') {
+                dashboardConfigContext({
+                    type: 'UPDATE_DASHBOARD',
+                    id: dashboardName,
+                    data: {
+                        ...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 ?? report._id) === reportAction?.report.id);
+                dashboardConfigContext({
+                    type: 'UPDATE_DASHBOARD',
+                    id: dashboardName,
+                    data: {
+                        ...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,
+                                    },
+                                ],
+                        ])),
+                    },
+                });
+            }
             setIsLoading(false);
-            return;
+            return curDashboardConfig;
         }
-        const curDashboardConfig = dashboardConfig[dashboardName];
         if (!fetchFromServer &&
             curDashboardConfig &&
             curDashboardConfig.newQueries) {
             setIsLoading(false);
-            return;
+            return curDashboardConfig;
         }
-        setIsLoading(true);
-        if (!client || !client.publicKey || !client.customerId) {
-            return;
+        if (!client || !client.publicKey || !client.organizationId) {
+            return curDashboardConfig;
         }
         if (dashboardName === null || dashboardName === undefined)
-            return;
+            return curDashboardConfig;
         try {
+            setIsLoading(true);
             const resp = await (0, dashboard_1.getDashboard)(dashboardName, client);
-            dashboardConfigContext({
-                type: 'ADD_DASHBOARD',
-                id: dashboardName,
-                data: { ...resp },
-            });
-            setIsLoading(false);
+            // 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(null);
-            setIsLoading(false);
             setError(error);
             console.error('Error fetching data:', error);
         }
-    }
-    async function getDashboardFilters(dashboardName) {
-        setDashboardFiltersLoading(true);
-        if (!client || !client.publicKey || !client.customerId) {
-            return;
-        }
-        if (dashboardName === null || dashboardName === undefined)
-            return;
-        try {
-            const resp = await (0, dashboard_1.getDashboardFilters)(dashboardName, client);
-            setDashboardFilters(resp);
-        }
-        catch (error) {
-            console.error('Error fetching data:', error);
-        }
         finally {
-            setDashboardFiltersLoading(false);
+            setIsLoading(false);
         }
     }
-    useEffectAwaitingLoad(() => {
-        getDashboards(dashboardName, true);
-    }, [dashboardName, client], isClientLoading);
+    function isDashboardFilterLoading(filterName) {
+        return dashboardFilters[dashboardName]?.[filterName]?.loading;
+    }
     return {
         data: loading ? null : dashboardConfig[dashboardName],
-        dashboardFilters: dashboardFilters,
+        dashboardFilters: dashboardFilters[dashboardName] !== undefined
+            ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
+            : null,
         isLoading: loading,
-        isDashboardFiltersLoading: dashboardFiltersLoading,
+        isDashboardFilterLoading,
         error,
         reload: handleReload,
     };
 };
 exports.useDashboard = useDashboard;
-function useEffectAwaitingLoad(effectCallback, dependencies, isLoading) {
-    const latestEffectRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        let isEffectCanceled = false;
-        const waitForLoading = async () => {
-            while (isLoading) {
-                await new Promise((resolve) => setTimeout(resolve, 16)); // Wait for 16ms (roughly one frame at 60fps)
-                if (isEffectCanceled)
-                    return;
-            }
-        };
-        const effectPromise = waitForLoading().then(() => {
-            if (!isEffectCanceled) {
-                effectCallback();
-            }
-        });
-        latestEffectRef.current = effectPromise;
-        return () => {
-            isEffectCanceled = true;
-            latestEffectRef.current = null;
-        };
-    }, [...dependencies, isLoading]);
-}

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

@@ -1 +1 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CA6C1C,CAAC"}
+{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,SAAS,cAAe,MAAM;;;;CA2D1C,CAAC"}

package/dist/cjs/hooks/useExport.js

@@ -29,7 +29,7 @@ async function getExportData(client, dashboardFilters, reportId) {
     const hostedBody = {
         metadata: {
             dashboardItemId: reportId,
-            orgId: client.customerId || '*',
+            orgId: client.organizationId || '*',
             clientId: client.publicKey,
             task: 'item',
             databaseType: client?.databaseType,
@@ -50,6 +50,12 @@ async function getExportData(client, dashboardFilters, reportId) {
 }
 const useExport = (reportId) => {
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const specificDashboardFilters = (0, react_1.useMemo)(() => {
+        //FIXME: Pretty sure this won't work with multiple dashboards
+        Object.values(dashboardFilters).map((dashboardFilter) => {
+            return dashboardFilter.filter;
+        });
+    }, [dashboardFilters]);
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -62,7 +68,7 @@ const useExport = (reportId) => {
                 return;
             }
             setIsLoading(true);
-            const resp = await getExportData(client, dashboardFilters, reportId);
+            const resp = await getExportData(client, specificDashboardFilters, reportId);
             (0, csv_1.downloadCSV)({
                 rows: resp.rows,
                 fields: resp.columns,
@@ -75,7 +81,7 @@ const useExport = (reportId) => {
                 return;
             }
             setIsLoading(true);
-            const resp = await getExportData(client, dashboardFilters, reportId);
+            const resp = await getExportData(client, specificDashboardFilters, reportId);
             const iframe = document.createElement('iframe');
             document.body.appendChild(iframe);
             if (iframe && iframe.contentDocument && theme) {

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

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAEjC,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE;UAEtD,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,SAAS;sBACP,MAAM,KAAK,IAAI;qBAChB,MAAM,aAAa,MAAM,KAAK,IAAI;2BAEnC,WAAW,KAAK,MAAM,GAAG,SAAS,WACvC,SAAS;CAyLrB,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,MAAM;UAEX;QAAE,IAAI,EAAE,GAAG,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,SAAS;WAC7C,MAAM,GAAG,SAAS;CAoD1B,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EACL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,cACR,MAAM,eACJ;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE;UAEtD,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,SAAS;sBACP,MAAM,KAAK,IAAI;qBAChB,MAAM,aAAa,MAAM,KAAK,IAAI;2BAEnC,WAAW,KAAK,MAAM,GAAG,SAAS,WACvC,SAAS;CAmLrB,CAAC;AAEF,eAAO,MAAM,QAAQ,cACR,MAAM;UAEX;QAAE,IAAI,EAAE,GAAG,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,SAAS;WAC7C,MAAM,GAAG,SAAS;CAoD1B,CAAC"}

package/dist/cjs/hooks/useQuill.js

@@ -11,6 +11,14 @@ const dataProcessing_1 = require("../utils/dataProcessing");
 const useQuill = (reportId, pagination) => {
     const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const specificDashboardFilters = (0, react_1.useMemo)(() => {
+        if (!reportId)
+            return [];
+        const dashboardName = dashboard[reportId]?.dashboardName;
+        if (!dashboardName)
+            return [];
+        return Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter);
+    }, [dashboardFilters, reportId, dashboard]);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [data, setData] = (0, react_1.useState)(null);
@@ -76,13 +84,8 @@ const useQuill = (reportId, pagination) => {
         if (!loading && reportId && data) {
             setLoading(true);
             try {
-                const specificDashboardFilter = dashboardFilters.filter((f) => f &&
-                    reportId &&
-                    dashboard[reportId] &&
-                    // @ts-ignore
-                    dashboard[reportId].dashboardName === f.dashboardName);
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await (0, tableProcessing_1.fetchTableByReport)(reportId, client, updatedProcessing, specificDashboardFilter, schemaData.customFields);
+                const paginatedRows = await (0, tableProcessing_1.fetchResultsByReport)(reportId, client, updatedProcessing, specificDashboardFilters, schemaData.customFields);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
@@ -111,23 +114,18 @@ const useQuill = (reportId, pagination) => {
                 (0, merge_1.mergeComparisonRange)(dashboard[curReportId]);
             }
             // @ts-ignore
-            setData({ ...dashboard[curReportId] });
+            setData((0, report_1.convertInternalReportToReport)(dashboard[curReportId]));
             setLoading(false);
             return;
         }
-        const specificDashboardFilter = dashboardFilters.filter((f) => f &&
-            reportId &&
-            dashboard[curReportId] &&
-            // @ts-ignore
-            dashboard[curReportId].dashboardName === f.dashboardName);
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(curReportId, client, useReportTask, specificDashboardFilter, additionalProcessing, undefined, schemaData.customFields);
+        const { report, error } = await (0, report_1.fetchReport)(curReportId, client, useReportTask, specificDashboardFilters, additionalProcessing, undefined, schemaData.customFields);
         dispatch({
             type: 'ADD_DASHBOARD_ITEM',
             id: reportId,
             data: {
                 ...report,
-                filtersApplied: specificDashboardFilter,
+                filtersApplied: specificDashboardFilters,
                 triggerReload: false,
             },
         });
@@ -137,7 +135,9 @@ const useQuill = (reportId, pagination) => {
     };
     (0, react_1.useEffect)(() => {
         if (reportId) {
-            fetchReportHelper(reportId, pagination ? true : false, pagination);
+            fetchReportHelper(reportId, pagination ? true : false, {
+                page: pagination,
+            });
         }
     }, [reportId, dashboard]);
     (0, react_1.useEffect)(() => {

package/dist/cjs/hooks/useVirtualTables.d.ts

@@ -1,8 +1,17 @@
+import { Table } from '../models/Tables';
 export declare const useVirtualTables: () => {
-    data: import("../models/Tables").Table[];
+    data: Table[];
     isLoading: boolean;
-    reload: (client: any, caller?: string) => Promise<{
-        schema: import("../models/Tables").Table[];
+    loadingTables: {
+        [key: string]: boolean;
+    };
+    reloadAll: (client: any, caller?: string) => Promise<{
+        schema: Table[];
+        customFields: any;
+        isSchemaLoading: boolean;
+    }>;
+    refreshSome: (client: any, tables: Table[]) => Promise<{
+        schema: Table[];
         customFields: any;
         isSchemaLoading: boolean;
     }>;

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

@@ -1 +1 @@
-{"version":3,"file":"useVirtualTables.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVirtualTables.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;;qBAGS,GAAG,WAAW,MAAM;;;;;CAqBzD,CAAC"}
+{"version":3,"file":"useVirtualTables.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVirtualTables.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,eAAO,MAAM,gBAAgB;;;;;;wBAMS,GAAG,WAAW,MAAM;;;;;0BAiDf,GAAG,UAAU,KAAK,EAAE;;;;;CAqF9D,CAAC"}

package/dist/cjs/hooks/useVirtualTables.js

@@ -6,24 +6,128 @@ const Context_1 = require("../Context");
 const schema_1 = require("../utils/schema");
 const useVirtualTables = () => {
     const [schemaData, setSchemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
+    const [loadingTables, setLoadingTables] = (0, react_1.useState)({});
     const handleReload = async (client, caller) => {
         setSchemaData({ ...schemaData, isSchemaLoading: true });
+        // For each table in schemData.schema, set loadingTables[table] to true
+        setLoadingTables(schemaData.schema.reduce((acc, table) => {
+            acc[table._id] = true;
+            return acc;
+        }, {}));
         const { schemaData: schema, customFieldsByTable } = await (0, schema_1.getSchemaInfoWithCustomFields)(client, caller);
         setSchemaData({
             schema,
             customFields: customFieldsByTable,
             isSchemaLoading: false,
         });
+        setLoadingTables({});
         return {
             schema,
             customFields: customFieldsByTable,
             isSchemaLoading: false,
         };
     };
+    const handleReloadSome = async (client, tableIds, caller) => {
+        const { schemaData: schema, customFieldsByTable } = await (0, schema_1.getSchemaInfoWithCustomFields)(client, caller, tableIds);
+        // Only replace the tables that were reloaded
+        setSchemaData({
+            schema: schemaData.schema.map((table) => {
+                if (tableIds.includes(table._id)) {
+                    return schema.find((newTable) => newTable._id === table._id) || table;
+                }
+                return table;
+            }, {}),
+            customFields: customFieldsByTable,
+            isSchemaLoading: false,
+        });
+        return {
+            schema,
+            customFields: customFieldsByTable,
+            isSchemaLoading: false,
+        };
+    };
+    const handleRefreshSome = async (client, tables) => {
+        if (!client.clientId)
+            return schemaData;
+        // For each table in tableIds, set loadingTables[table] to true
+        setLoadingTables({
+            ...loadingTables,
+            ...tables.reduce((acc, table) => {
+                acc[table._id] = true;
+                return acc;
+            }, {}),
+        });
+        try {
+            const promises = tables.map(async (table) => {
+                return await fetch(`${client.queryEndpoint}?update-view`, {
+                    method: 'POST',
+                    headers: {
+                        ...client.queryHeaders,
+                        'Content-Type': 'application/json',
+                    },
+                    credentials: client.withCredentials ? 'include' : 'omit',
+                    body: JSON.stringify({
+                        metadata: {
+                            preQueries: [table.viewQuery.replace(/;/, '')],
+                            clientId: client.clientId,
+                            publicKey: client.publicKey,
+                            task: 'update-view',
+                            name: table.name,
+                            id: table._id,
+                            runQueryConfig: { getColumns: true },
+                        },
+                    }),
+                })
+                    .then((res) => res.json())
+                    .then(async (res) => {
+                    if (res.status === 'success') {
+                        return await fetch(client.queryEndpoint, {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json',
+                                ...client.queryHeaders,
+                            },
+                            body: JSON.stringify({
+                                metadata: {
+                                    preQueries: [table.viewQuery.replace(/;/, '')],
+                                    name: table.name,
+                                    customFieldInfo: table.customFieldInfo,
+                                    task: 'view',
+                                    id: table._id,
+                                    clientId: client.clientId,
+                                    runQueryConfig: { getColumns: true },
+                                    databaseType: client.databaseType,
+                                    useNewNodeSql: true,
+                                },
+                            }),
+                            credentials: client.withCredentials ? 'include' : 'omit', // If withCredentials is true, set to 'include'. Otherwise, set to 'omit'.
+                        });
+                    }
+                });
+            });
+            await Promise.all(promises);
+            return await handleReloadSome(client, tables.map((table) => table._id));
+        }
+        catch (e) {
+            console.error(e);
+            throw e;
+        }
+        finally {
+            setLoadingTables((prevLoadingTables) => {
+                const newLoadingTables = { ...prevLoadingTables };
+                tables.forEach((table) => {
+                    delete newLoadingTables[table._id];
+                });
+                return newLoadingTables;
+            });
+        }
+    };
     return {
         data: schemaData.schema,
         isLoading: schemaData.isSchemaLoading,
-        reload: handleReload,
+        loadingTables,
+        reloadAll: handleReload,
+        refreshSome: handleRefreshSome,
     };
 };
 exports.useVirtualTables = useVirtualTables;

package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts

@@ -11,6 +11,7 @@ interface PivotFormProps {
     setPivotAggregation: any;
     columns: ColumnInternal[];
     uniqueValues?: any;
+    uniqueValuesIsLoading?: boolean;
     onDelete?: any;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
@@ -22,7 +23,8 @@ interface PivotFormProps {
     PivotColumnContainer?: (props: {
         children: ReactNode;
     }) => JSX.Element;
+    isLoading?: boolean;
 }
-export default function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, columns, uniqueValues, onDelete, SecondaryButtonComponent, SelectComponent, PivotColumnContainer, }: PivotFormProps): import("react/jsx-runtime").JSX.Element;
+export default function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, columns, uniqueValues, uniqueValuesIsLoading, onDelete, SecondaryButtonComponent, SelectComponent, PivotColumnContainer, isLoading, }: PivotFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PivotForm.d.ts.map

package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotForm.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAU,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM9D,UAAU,cAAc;IACtB,aAAa,EAAE,GAAG,CAAC;IACnB,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,GAAG,CAAC;IACzB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,GAAG,CAAC;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,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;IAClB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;CACxE;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,wBAA+C,EAC/C,eAA+C,EAC/C,oBAAgD,GACjD,EAAE,cAAc,2CA4GhB"}
+{"version":3,"file":"PivotForm.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAU,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM9D,UAAU,cAAc;IACtB,aAAa,EAAE,GAAG,CAAC;IACnB,gBAAgB,EAAE,GAAG,CAAC;IACtB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,GAAG,CAAC;IACzB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,GAAG,CAAC;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,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;IAClB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,wBAA+C,EAC/C,eAA+C,EAC/C,oBAAgD,EAChD,SAAS,GACV,EAAE,cAAc,2CAuHhB"}

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

@@ -8,7 +8,7 @@ const ChartBuilder_1 = require("../../ChartBuilder");
 const pivotProcessing_1 = require("../../utils/pivotProcessing");
 const ui_1 = require("../../components/ReportBuilder/ui");
 const QuillSelectWithCombo_1 = require("../../components/QuillSelectWithCombo");
-function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, columns, uniqueValues, onDelete, SecondaryButtonComponent = ui_1.QuillSecondaryButton, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, }) {
+function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, columns, uniqueValues, uniqueValuesIsLoading, onDelete, SecondaryButtonComponent = ui_1.QuillSecondaryButton, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, isLoading, }) {
     const [allowedColumnFields, setAllowedColumnFields] = (0, react_1.useState)([]);
     const [allowedRowFields, setAllowedRowFields] = (0, react_1.useState)([]);
     const [allowedValueFields, setAllowedValueFields] = (0, react_1.useState)([]);
@@ -20,26 +20,26 @@ function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivot
     }, [columns, uniqueValues]);
     return ((0, jsx_runtime_1.jsxs)(PivotColumnContainer, { children: [(0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Row field", value: pivotRowField, onChange: (e) => {
                     setPivotRowField(e.target.value === '' ? undefined : e.target.value);
-                }, options: allowedRowFields.map((field) => {
+                }, isLoading: uniqueValuesIsLoading, options: allowedRowFields.map((field) => {
                     return {
                         label: (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field),
                         value: field,
                     };
-                }), width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Column field", value: pivotColumnField, onChange: (e) => {
+                }), disabled: isLoading, width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Column field", value: pivotColumnField, onChange: (e) => {
                     setPivotColumnField(e.target.value === '' ? undefined : e.target.value);
-                }, options: allowedColumnFields.map((field) => {
+                }, isLoading: uniqueValuesIsLoading, options: allowedColumnFields.map((field) => {
                     return {
                         label: (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field),
                         value: field,
                     };
-                }), width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Value field", value: pivotValueField, onChange: (e) => {
+                }), disabled: isLoading, width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Value field", value: pivotValueField, onChange: (e) => {
                     setPivotValueField(e.target.value === '' ? undefined : e.target.value);
-                }, options: allowedValueFields.map((field) => {
+                }, isLoading: uniqueValuesIsLoading, options: allowedValueFields.map((field) => {
                     return {
                         label: (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(field),
                         value: field,
                     };
-                }), width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Aggregation type", value: pivotAggregation, onChange: (e) => {
+                }), disabled: isLoading, width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { id: "pivot-row-field", label: "Aggregation type", value: pivotAggregation, onChange: (e) => {
                     if (e.target.value !== 'count' &&
                         pivotValueField &&
                         !ChartBuilder_1.numberFormatOptions.includes(columns.find((col) => col.field === pivotValueField)
@@ -58,10 +58,10 @@ function PivotForm({ pivotRowField, setPivotRowField, pivotColumnField, setPivot
                         }
                         return true;
                     }),
-                ], width: 200 }), (0, jsx_runtime_1.jsx)("div", { style: {
+                ], disabled: isLoading, width: 200 }), (0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     alignItems: 'flex-start',
                     flexDirection: 'column',
-                }, children: onDelete && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDelete, label: "Delete Pivot" })) })] }));
+                }, children: onDelete && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDelete, disabled: isLoading, label: "Delete Pivot" })) })] }));
 }
 exports.default = PivotForm;

package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAanB,cAAc,4CA8MhB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,sBAAsB,EAAE,GAAG,EAAE,CAAC;IAC9B,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,wBAAwB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,8QAenB,cAAc,4CAoDhB,CAAC"}
+{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAanB,cAAc,4CA6NhB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,sBAAsB,EAAE,GAAG,EAAE,CAAC;IAC9B,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,wBAAwB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,eAAe,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,8QAenB,cAAc,4CAoDhB,CAAC"}