@quillsql/react 2.13.47 → 2.13.48

package/dist/cjs/Table.js

@@ -11,6 +11,7 @@ const Filter_1 = require("./models/Filter");
 const paginationProcessing_1 = require("./utils/paginationProcessing");
 const DataLoader_1 = __importDefault(require("./components/Dashboard/DataLoader"));
 const TableComponent_1 = __importDefault(require("./components/Dashboard/TableComponent"));
+const useDashboard_1 = require("./hooks/useDashboard");
 /**
  * ### Quill Table
  *
@@ -45,16 +46,16 @@ const TableComponent_1 = __importDefault(require("./components/Dashboard/TableCo
 const Table = ({ TableComponent = TableComponent_1.default, ...props }) => {
     const data = props;
     const [dashboard] = (0, react_1.useContext)(Context_1.DashboardContext);
-    const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
-    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const { reports,
-    // reportsDispatch, 
-    // fetchIndividualReport 
-     } = (0, react_1.useContext)(Context_1.ReportsContext);
-    const report = (0, react_1.useMemo)(() => reports[props.reportId ?? ''], [reports, props.reportId]);
-    const { 
-    // reportFiltersDispatch, 
-    reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { dashboardFilters, dashboardCustomFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const [client, clientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
+    const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
+    const { allReportsById } = (0, useDashboard_1.useAllReports)();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const report = (0, react_1.useMemo)(() => {
+        return props.reportId ? allReportsById[props.reportId] : null;
+    }, [allReportsById[props.reportId ?? '']]);
+    const { reportFilters, customReportFilters, reportFiltersDispatch, } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { reports, fetchIndividualReport, reportsDispatch, } = (0, react_1.useContext)(Context_1.ReportsContext);
     const specificReportFilters = (0, react_1.useMemo)(() => {
         return Object.values(reportFilters[props.reportId ?? ''] ??
             (dashboard[report?.dashboardName ?? '']?.[report?.id ?? '']
@@ -66,16 +67,73 @@ const Table = ({ TableComponent = TableComponent_1.default, ...props }) => {
     //   return specificReportFilters.find((f) => f.filterType === 'date_range');
     // }, [specificReportFilters]);
     const userFilters = (0, react_1.useMemo)(() => {
-        return props.filters?.filter((f) => f.filterType !== Filter_1.FilterType.Date);
+        return (props.filters?.filter((f) => f.filterType !== Filter_1.FilterType.Date)?.map(Filter_1.convertCustomFilter) ?? []).concat(customReportFilters[props.reportId ?? ''] ?? dashboardCustomFilters[report?.dashboardName ?? ''] ?? []);
     }, [props.filters]);
+    const fetchReportHelper = async () => {
+        if (!client || !props.reportId) {
+            return;
+        }
+        setLoading(true);
+        try {
+            await fetchIndividualReport({
+                reportId: props.reportId,
+                initiator: 'Table',
+                fetchRows: false,
+                dashboardFilters: specificReportFilters,
+                customFilters: customReportFilters[props.reportId] ?? dashboardCustomFilters[report?.dashboardName ?? ''],
+                // dateBucket,
+                customFields: schemaData.customFields,
+            });
+        }
+        catch (error) {
+            console.log('Error fetching chart: ' + error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    // TODO: move this into a hook for all report scope operations
+    (0, react_1.useEffect)(() => {
+        if (props.reportId === undefined || props.reportId === '' || clientLoading) {
+            return;
+        }
+        if (report) {
+            if (dashboardFilters[report.dashboardName]) {
+                reportFiltersDispatch({
+                    type: 'ADD_REPORT_FILTERS',
+                    id: props.reportId,
+                    data: Object.values(dashboardFilters[report.dashboardName] ?? {}).map((f) => ({
+                        filter: f.filter,
+                        loading: false,
+                    }))
+                });
+            }
+            reportsDispatch({
+                type: 'ADD_REPORT',
+                id: props.reportId,
+                data: report,
+            });
+            setLoading(false);
+        }
+        else if (!reports[props.reportId]) {
+            fetchReportHelper();
+            return;
+        }
+        setLoading(false);
+    }, [
+        !!report,
+        dashboardFilters,
+        clientLoading,
+        !reports[props.reportId ?? ''],
+    ]);
     const [page, setPage] = (0, react_1.useState)(0);
     if ('rows' in data && 'columns' in data) {
-        return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { hideCSVDownloadButton: data.hideCSVDownloadButton, columns: data.columns, rows: data.rows, className: data.className, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, isLoading: data.isLoading, downloadCSV: data.downloadCSV, currentPage: page, onPageChange: setPage }));
+        return ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { hideCSVDownloadButton: data.hideCSVDownloadButton, columns: data.columns, rows: data.rows, className: data.className, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, isLoading: data.isLoading || loading, downloadCSV: data.downloadCSV, currentPage: page, onPageChange: setPage }));
     }
     if (!client || !report) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { item: report, filters: specificReportFilters, userFilters: userFilters?.map(Filter_1.convertCustomFilter), additionalProcessing: {
+    return ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { item: report, filters: specificReportFilters, userFilters: userFilters, additionalProcessing: {
             page: paginationProcessing_1.DEFAULT_PAGINATION,
         }, children: ({ isLoading, error, onPageChange, onSortChange, data, rowCount, rowCountIsLoading, }) => (0, jsx_runtime_1.jsx)(TableComponent, { report: data, isLoading: isLoading, error: error, rowCount: rowCount ?? data?.rowCount ?? data?.rows?.length ?? 0, rowCountIsLoading: rowCountIsLoading, onPageChange: (page) => onPageChange(page), onSortChange: (sort) => onSortChange(sort), hideName: true }) }));
 };

package/dist/cjs/components/Chart/GaugeChart.js

@@ -43,7 +43,7 @@ const react_1 = require("react");
 require("d3-transition");
 const axisFormatter_1 = require("../../utils/axisFormatter");
 function GaugeChart({ data, xAxisField, xAxisFormat, containerStyle, colors, isAnimationActive = true, }) {
-    const percentage = parseFloat(data[0][xAxisField]) || 0;
+    const percentage = parseFloat(data[0]?.[xAxisField]) || 0;
     const normalizedPercentage = ['whole_number', 'two_decimal_places'].includes(xAxisFormat)
         ? Math.max(Math.min(percentage / 100, 1), 0)
         : Math.max(Math.min(percentage, 1), 0);

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

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA+KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA8Vd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAiLP,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAajD,OAAO,EACL,oBAAoB,EAErB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA+KF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,oBAAoB,EAAE,2BAA2B,EACjD,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA2Vd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,eAAe,iHASzB;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,KACf,YAAY,CAAC;IAClB,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC9C,KAAG,GAAG,CAAC,OAiLP,CAAC"}

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

@@ -104,42 +104,63 @@ function userFilterValuesEquivalent(filters1, filters2) {
     }
     return true;
 }
-function tenantsEquivalent(tenants1, tenants2) {
-    if (!tenants1 && !tenants2) {
-        return true;
-    }
-    if (tenants1?.length !== tenants2?.length) {
-        return false;
-    }
-    if (!tenants1 || !tenants2) {
-        return false;
-    }
-    // The two tenant arrays aren't necessarily in the same order
-    // we can build two dictionaries of [foreignKey, tenantIds] and compare them
-    // if they are arrays of strings or numbers, we can just compare them directly
-    if ((typeof tenants1[0] === 'string' && typeof tenants2[0] === 'string') ||
-        (typeof tenants1[0] === 'number' && typeof tenants2[0] === 'number')) {
-        return (0, fast_deep_equal_1.default)(tenants1, tenants2);
-    }
-    if ((typeof tenants1[0] === 'string' && typeof tenants2[0] !== 'string') ||
-        (typeof tenants1[0] === 'number' && typeof tenants2[0] !== 'number')) {
-        return false;
-    }
-    const mappedTenants1 = tenants1.reduce((acc, tenant) => {
-        acc[tenant.tenantField] = tenant.tenantIds;
-        return acc;
-    }, {});
-    const mappedTenants2 = tenants2.reduce((acc, tenant) => {
-        acc[tenant.tenantField] = tenant.tenantIds;
-        return acc;
-    }, {});
-    for (const key in mappedTenants1) {
-        if (!(0, fast_deep_equal_1.default)(mappedTenants1[key], mappedTenants2[key])) {
-            return false;
-        }
-    }
-    return true;
-}
+// function tenantsEquivalent(
+//   tenants1:
+//     | { tenantField: string; tenantIds: (string | number)[] }[]
+//     | (string | number)[],
+//   tenants2:
+//     | { tenantField: string; tenantIds: (string | number)[] }[]
+//     | (string | number)[],
+// ): boolean {
+//   if (!tenants1 && !tenants2) {
+//     return true;
+//   }
+//   if (tenants1?.length !== tenants2?.length) {
+//     return false;
+//   }
+//   if (!tenants1 || !tenants2) {
+//     return false;
+//   }
+//   // The two tenant arrays aren't necessarily in the same order
+//   // we can build two dictionaries of [foreignKey, tenantIds] and compare them
+//   // if they are arrays of strings or numbers, we can just compare them directly
+//   if (
+//     (typeof tenants1[0] === 'string' && typeof tenants2[0] === 'string') ||
+//     (typeof tenants1[0] === 'number' && typeof tenants2[0] === 'number')
+//   ) {
+//     return equal(tenants1, tenants2);
+//   }
+//   if (
+//     (typeof tenants1[0] === 'string' && typeof tenants2[0] !== 'string') ||
+//     (typeof tenants1[0] === 'number' && typeof tenants2[0] !== 'number')
+//   ) {
+//     return false;
+//   }
+//   const mappedTenants1 = (
+//     tenants1 as { tenantField: string; tenantIds: (string | number)[] }[]
+//   ).reduce(
+//     (acc, tenant) => {
+//       acc[tenant.tenantField] = tenant.tenantIds;
+//       return acc;
+//     },
+//     {} as { [key: string]: (string | number)[] },
+//   );
+//   const mappedTenants2 = (
+//     tenants2 as { tenantField: string; tenantIds: (string | number)[] }[]
+//   ).reduce(
+//     (acc, tenant) => {
+//       acc[tenant.tenantField] = tenant.tenantIds;
+//       return acc;
+//     },
+//     {} as { [key: string]: (string | number)[] },
+//   );
+//   for (const key in mappedTenants1) {
+//     if (!equal(mappedTenants1[key], mappedTenants2[key])) {
+//       return false;
+//     }
+//   }
+//   return true;
+// }
 function customFieldsEquivalent(customFields1, customFields2) {
     return (0, fast_deep_equal_1.default)(customFields1, customFields2);
 }
@@ -304,17 +325,15 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     });
                 }
                 else {
-                    if (isPivotPagination) {
-                        reportsDispatch({
-                            type: 'UPDATE_REPORT',
-                            id: item.id,
-                            data: {
-                                [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
-                                loadingRows: false,
-                                filtersApplied: userFilters,
-                            },
-                        });
-                    }
+                    reportsDispatch({
+                        type: 'UPDATE_REPORT',
+                        id: item.id,
+                        data: {
+                            [isPivotPagination ? 'pivotRows' : 'rows']: updatedRows,
+                            loadingRows: false,
+                            filtersApplied: userFilters,
+                        },
+                    });
                 }
                 setAdditionalProcessing(updatedProcessing);
             }
@@ -411,9 +430,9 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         if (schemaData.isSchemaLoading ||
             (filterValuesEquivalent(previousFilters.current ?? contextFilters, filters) &&
                 userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
+                // tenantsEquivalent(previousTenants.current ?? [], tenants ?? []) &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length || rowsAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows !== undefined || rowsAbortController.current))) {
             if (!rowsAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -428,7 +447,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
         filters,
         userFilters,
         item.id,
-        tenants,
+        // tenants,
         schemaData.customFields,
         schemaData.isSchemaLoading,
     ]);
@@ -571,10 +590,10 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
             // previousFilters.current ?? contextFilters,
             previousFilters.current ?? [], filters) &&
                 userFilterValuesEquivalent(previousUserFilters.current ?? [], userFilters ?? []) &&
-                tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
+                // tenantsEquivalent(tenants ?? [], previousTenants.current ?? []) &&
                 previousDateBucket.current === dateBucket &&
                 customFieldsEquivalent(previousCustomFields.current, schemaData.customFields) &&
-                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length || fetchReportAbortController.current))) {
+                ((dashboardName ? dashboard : reports)[item.id]?.rows?.length !== undefined || fetchReportAbortController.current))) {
             if (!fetchReportAbortController.current && !schemaData.isSchemaLoading)
                 setLoading(false);
             return;
@@ -590,7 +609,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         userFilters,
         item.id,
         dateBucket,
-        tenants,
+        // tenants,
         schemaData.customFields,
         schemaData.isSchemaLoading,
     ]);

package/dist/cjs/components/QuillTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,GACZ,EAAE,wBAAwB,2CAsf1B"}
+{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,GACZ,EAAE,wBAAwB,2CA8e1B"}

package/dist/cjs/components/QuillTable.js

@@ -112,7 +112,7 @@ function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, cur
         }, className: className, children: (0, jsx_runtime_1.jsx)("div", { style: {
                 height: '100%',
                 width: '100%',
-                overflow: 'flex',
+                overflow: 'auto',
                 borderRadius: 6,
                 border: '1px solid #E7E7E7',
                 padding: 0,
@@ -127,68 +127,66 @@ function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, cur
                     width: '100%',
                     height: '100%',
                     minHeight: '260px',
-                }, children: [(0, jsx_runtime_1.jsx)("div", { className: "thead-container", style: {
-                            width: '100%',
-                            background: 'white',
-                        }, children: (0, jsx_runtime_1.jsx)("div", { className: "thead", children: (0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
-                                    display: 'flex',
-                                    flex: '1 0 auto',
-                                    minWidth: '100px',
-                                    boxSizing: 'border-box',
-                                    marginBottom: '-1px',
-                                }, children: columns &&
-                                    columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => {
-                                            toggleSort(column);
-                                            e.stopPropagation();
-                                        }, style: {
-                                            boxSizing: 'border-box',
-                                            flex: '150 0 auto',
-                                            minWidth: '50px',
-                                            width: '150px',
-                                            position: 'relative',
-                                            cursor: 'pointer',
-                                            background: 'rgb(249, 250, 251)',
-                                            borderRight: index + 1 === columns.length
-                                                ? '0px solid #E7E7E7'
-                                                : '1px solid #E7E7E7',
-                                            borderBottom: '1px solid #E7E7E7',
-                                            whiteSpace: 'nowrap',
-                                            alignItems: 'center',
-                                            overflowX: 'visible',
-                                            margin: '0px',
-                                            textOverflow: 'ellipsis',
-                                            minHeight: '36px',
-                                            userSelect: 'none',
-                                            paddingLeft: 16,
-                                            paddingRight: 16,
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { overflow: 'auto', flexGrow: 1 }, children: (0, jsx_runtime_1.jsxs)("div", { style: { minWidth: '100%', display: 'inline-block' }, children: [(0, jsx_runtime_1.jsx)("div", { className: "thead", style: {
+                                        position: 'sticky',
+                                        top: 0,
+                                        zIndex: 1,
+                                        background: 'white',
+                                    }, children: (0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
                                             display: 'flex',
-                                            flexDirection: 'row',
-                                            justifyContent: 'space-between',
-                                        }, children: [(0, jsx_runtime_1.jsx)("div", { "aria-haspopup": "dialog", "aria-expanded": "false", "aria-controls": "mantine-r6-dropdown", style: {
-                                                    // fontFamily:
-                                                    //   'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-                                                    WebkitTapHighlightColor: 'transparent',
-                                                    fontFamily: theme?.fontFamily,
-                                                    // color: 'rgb(55, 65, 81)',
-                                                    color: theme?.primaryTextColor,
-                                                    textDecoration: 'none',
-                                                    fontSize: theme?.fontSizeSmall || '14px',
-                                                    fontWeight: theme?.fontWeightMedium || '500',
-                                                    lineHeight: '20px', // 1.25rem * 16px = 20px
-                                                    textOverflow: 'ellipsis',
+                                            flex: '1 0 auto',
+                                            minWidth: '100px',
+                                            boxSizing: 'border-box',
+                                            marginBottom: '-1px', // avoid double border
+                                        }, children: columns &&
+                                            columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => {
+                                                    toggleSort(column);
+                                                    e.stopPropagation();
+                                                }, style: {
+                                                    boxSizing: 'border-box',
+                                                    flex: '150 0 auto',
+                                                    minWidth: '50px',
+                                                    width: '150px',
+                                                    position: 'relative',
+                                                    cursor: 'pointer',
+                                                    background: 'rgb(249, 250, 251)',
+                                                    borderRight: index + 1 === columns.length
+                                                        ? '0px solid #E7E7E7'
+                                                        : '1px solid #E7E7E7',
+                                                    borderBottom: '1px solid #E7E7E7',
                                                     whiteSpace: 'nowrap',
-                                                    overflow: 'hidden',
-                                                }, children: hideLabels || !column.label
-                                                    ? column.field
-                                                    : column.label }), column.field === sortColumn && ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.primaryTextColor, height: "14px", width: "14px", style: {
-                                                    transform: sortDirection === 'desc'
-                                                        ? 'rotate(180deg)'
-                                                        : undefined,
-                                                }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 3a.75.75 0 01.75.75v10.638l3.96-4.158a.75.75 0 111.08 1.04l-5.25 5.5a.75.75 0 01-1.08 0l-5.25-5.5a.75.75 0 111.08-1.04l3.96 4.158V3.75A.75.75 0 0110 3z", clipRule: "evenodd" }) }))] }, 'sqlcol' + index))) }) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
-                            overflow: 'auto',
-                            flexGrow: 1,
-                            position: 'relative',
-                        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { minWidth: '100%' }, children: [(isPaginating || isLoading) && ((0, jsx_runtime_1.jsx)("div", { className: className, style: { position: 'absolute', width: '100%' }, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
+                                                    alignItems: 'center',
+                                                    overflowX: 'visible',
+                                                    margin: '0px',
+                                                    textOverflow: 'ellipsis',
+                                                    minHeight: '36px',
+                                                    userSelect: 'none',
+                                                    paddingLeft: 16,
+                                                    paddingRight: 16,
+                                                    display: 'flex',
+                                                    flexDirection: 'row',
+                                                    justifyContent: 'space-between',
+                                                }, children: [(0, jsx_runtime_1.jsx)("div", { "aria-haspopup": "dialog", "aria-expanded": "false", "aria-controls": "mantine-r6-dropdown", style: {
+                                                            // fontFamily:
+                                                            //   'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
+                                                            WebkitTapHighlightColor: 'transparent',
+                                                            fontFamily: theme?.fontFamily,
+                                                            // color: 'rgb(55, 65, 81)',
+                                                            color: theme?.primaryTextColor,
+                                                            textDecoration: 'none',
+                                                            fontSize: theme?.fontSizeSmall || '14px',
+                                                            fontWeight: theme?.fontWeightMedium || '500',
+                                                            lineHeight: '20px', // 1.25rem * 16px = 20px
+                                                            textOverflow: 'ellipsis',
+                                                            whiteSpace: 'nowrap',
+                                                            overflow: 'hidden',
+                                                        }, children: hideLabels || !column.label
+                                                            ? column.field
+                                                            : column.label }), column.field === sortColumn && ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.primaryTextColor, height: "14px", width: "14px", style: {
+                                                            transform: sortDirection === 'desc'
+                                                                ? 'rotate(180deg)'
+                                                                : undefined,
+                                                        }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 3a.75.75 0 01.75.75v10.638l3.96-4.158a.75.75 0 111.08 1.04l-5.25 5.5a.75.75 0 01-1.08 0l-5.25-5.5a.75.75 0 111.08-1.04l3.96 4.158V3.75A.75.75 0 0110 3z", clipRule: "evenodd" }) }))] }, 'sqlcol' + index))) }) }), (isPaginating || isLoading) && ((0, jsx_runtime_1.jsx)("div", { className: className, style: { position: 'absolute', width: '100%' }, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
                                     (columns && columns.length === 0) ? ((0, jsx_runtime_1.jsx)("div", { style: {
                                         padding: '30px 0',
                                         display: isPaginating || isLoading ? 'none' : 'flex',

package/dist/cjs/components/UiComponents.d.ts

@@ -231,6 +231,6 @@ export declare const QuillToolTip: ({ children, text, enabled, containerStyle, t
     containerStyle?: CSSProperties;
     textStyle?: CSSProperties;
     displayBelow?: boolean;
-}) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export declare const QuillChartBuilderCheckboxComponent: ({ isChecked, label, onChange, disabled, containerStyle, }: CheckboxComponentProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiComponents.d.ts.map

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

@@ -14,6 +14,7 @@ export declare const useDashboard: (dashboardName: string | null, customFilters?
     }, overrideFilters?: {
         filters: DashboardFilter[];
         editedFilterLabel?: string;
+        refetchReports?: boolean;
     }) => Promise<void>;
     setSectionOrder: (sectionOrder: {
         section: string;
@@ -53,13 +54,12 @@ export declare const useDashboards: () => {
         dashboardOwners: string[];
         dateFilter?: DashboardFilter;
     }) => Promise<void>;
-    updateDashboard: (name: string, { newName, filters, dateFilter, customFilters, tenantKeys, sectionOrder, }: {
+    updateDashboard: (name: string, { newName, filters, dateFilter, customFilters, tenantKeys, }: {
         newName: string;
         filters: DashboardFilter[];
         dateFilter?: DashboardFilter;
         customFilters?: InternalFilter[];
         tenantKeys?: string[];
-        sectionOrder: string[];
     }) => Promise<void>;
     deleteDashboard: (name: string) => Promise<void>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,eAAe,EAEf,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,YAAY,kBACR,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CAyLc,MAAM;qCAvJ1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B;oCA2E0C;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAC,EAAE;CAkFtG,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAe/B,mBAAmB;CAmB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAkBzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEA4BrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;KAC9B;4BAuDO,MAAM,8EAQT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,EAAE,MAAM,EAAE,CAAC;KACxB;4BAkHkC,MAAM;CA+B5C,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAEL,eAAe,EAGf,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,YAAY,kBACR,MAAM,GAAG,IAAI,kBACZ,cAAc,EAAE;;;;2CAyLc,MAAM;qCAvJ1B,MAAM,4CAEf;QACb,MAAM,EAAE,WAAW,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;QACrC,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;KAC7B,oBACiB;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B;oCA4E0C;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAA;KAAC,EAAE;CAgFtG,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAAoB,MAAM;;;;yBAK5B,OAAO,CAAC,mBAAmB,CAAC;sBAgB/B,mBAAmB;CAmB7C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAkBzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;uEA8BrB;QACD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,eAAe,EAAE,MAAM,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;KAC9B;4BAsDO,MAAM,gEAOT;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;KACvB;4BA+JkC,MAAM;CA+B5C,CAAC"}