@quillsql/react 2.13.1 → 2.13.3

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

@@ -4,7 +4,7 @@ import { didFiltersChange } from '../../Chart';
 import { ClientContext, DashboardContext, SchemaDataContext, } from '../../Context';
 import { convertInternalReportToReport, EMPTY_INTERNAL_REPORT, fetchReport, fetchReportRowCount, } from '../../utils/report';
 import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from '../../utils/paginationProcessing';
-import { fetchResultsByReport } from '../../utils/tableProcessing';
+import { fetchResultsByReport, } from '../../utils/tableProcessing';
 const constructReportFromItem = (item) => {
     return {
         ...EMPTY_INTERNAL_REPORT,
@@ -25,38 +25,69 @@ const constructReportFromItem = (item) => {
         filtersApplied: item.filtersApplied,
     };
 };
-export default function DataLoader({ item, children, filters, }) {
+function filterValuesEquivalent(filters1, filters2) {
+    if (filters1.length !== filters2.length) {
+        return false;
+    }
+    // The two filters arrays aren't necessarily in the same order
+    // we can build two dictionaries of [label, filter] and compare them
+    const mappedFilters1 = filters1.reduce((acc, filter) => {
+        acc[filter.label] = filter;
+        return acc;
+    }, {});
+    const mappedFilters2 = filters2.reduce((acc, filter) => {
+        acc[filter.label] = filter;
+        return acc;
+    }, {});
+    for (const key in mappedFilters1) {
+        if (mappedFilters1[key].selectedValue !==
+            mappedFilters2[key]?.selectedValue ||
+            mappedFilters1[key].values !== mappedFilters2[key]?.values ||
+            mappedFilters1[key].field !== mappedFilters2[key]?.field ||
+            mappedFilters1[key].label !== mappedFilters2[key]?.label ||
+            mappedFilters1[key].table !== mappedFilters2[key]?.table ||
+            mappedFilters1[key].filterType !== mappedFilters2[key]?.filterType ||
+            mappedFilters1[key].startDate !== mappedFilters2[key]?.startDate ||
+            mappedFilters1[key].endDate !== mappedFilters2[key]?.endDate ||
+            mappedFilters1[key].comparisonRange !==
+                mappedFilters2[key]?.comparisonRange) {
+            return false;
+        }
+    }
+    return true;
+}
+export default function DataLoader({ item, children, filters, additionalProcessing: defaultAdditionalProcessing, }) {
     const [client] = useContext(ClientContext);
     const [dashboard, dispatch] = useContext(DashboardContext);
     const [schemaData] = useContext(SchemaDataContext);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(undefined);
     const [previousPage, setPreviousPage] = useState(0);
-    const [report, setReport] = useState(dashboard[item._id] ?? constructReportFromItem(item));
-    const [additionalProcessing, setAdditionProcessing] = useState({
-        page: DEFAULT_PAGINATION,
-    });
+    const [report, setReport] = useState(dashboard[item.id] ?? constructReportFromItem(item));
+    const [additionalProcessing, setAdditionProcessing] = useState(defaultAdditionalProcessing);
     const previousFilters = useRef(null);
-    const [rowCount, setRowCount] = useState(dashboard[item._id]?.rowCount ?? 0);
+    const [rowCount, setRowCount] = useState(dashboard[item.id]?.rowCount ?? 0);
     const [rowCountIsLoading, setRowCountIsLoading] = useState(false);
     const fetchRowCount = async (processing) => {
         if (!client || !filters) {
             return;
         }
         setRowCountIsLoading(true);
-        const rowCount = await fetchReportRowCount(item._id, client, true, filters, processing, schemaData.customFields);
-        dispatch({
-            type: 'UPDATE_DASHBOARD_ITEM',
-            id: item._id,
-            data: { rowCount },
-        });
-        setRowCount(rowCount);
+        const rowCount = await fetchReportRowCount(item.id, client, true, filters, processing, schemaData.customFields);
+        if (rowCount) {
+            dispatch({
+                type: 'UPDATE_DASHBOARD_ITEM',
+                id: item.id,
+                data: { rowCount },
+            });
+            setRowCount(rowCount);
+        }
         setRowCountIsLoading(false);
     };
     const onPageChange = (page) => {
         if (additionalProcessing &&
             additionalProcessing.page &&
-            shouldFetchMore(DEFAULT_PAGINATION, page, previousPage)) {
+            shouldFetchMore(additionalProcessing.page, page, previousPage)) {
             const newPagination = { ...additionalProcessing.page, page };
             const updatedProcessing = {
                 ...additionalProcessing,
@@ -86,7 +117,7 @@ export default function DataLoader({ item, children, filters, }) {
             setLoading(true);
             try {
                 const updatedProcessing = { ...additionalProcessing, ...processing };
-                const paginatedRows = await fetchResultsByReport(report.id, client, updatedProcessing, filters, schemaData.customFields);
+                const paginatedRows = await fetchResultsByReport(report.id, client, updatedProcessing, filters, schemaData.customFields, true);
                 if (paginatedRows.error) {
                     throw new Error('Error fetching chart');
                 }
@@ -108,26 +139,26 @@ export default function DataLoader({ item, children, filters, }) {
         if (!client || !filters) {
             return;
         }
-        if (dashboard[item._id] &&
-            !didFiltersChange(dashboard[item._id], filters) &&
+        if (dashboard[item.id] &&
+            !didFiltersChange(dashboard[item.id], filters) &&
             !loading &&
             // @ts-ignore
-            !dashboard[item._id].triggerReload) {
+            !dashboard[item.id].triggerReload) {
             setLoading(false);
             const convertedReport = convertInternalReportToReport(
             // @ts-ignore
-            dashboard[item._id]);
+            dashboard[item.id]);
             setReport(convertedReport);
             return;
         }
         setLoading(true);
-        const { report: fetchedReport, error } = await fetchReport(item._id, client, true, filters, processing, undefined, schemaData.customFields);
-        fetchRowCount(processing);
+        const { report: fetchedReport, error } = await fetchReport(item.id, client, true, filters, processing, undefined, schemaData.customFields, true);
         dispatch({
             type: 'ADD_DASHBOARD_ITEM',
-            id: item._id,
-            data: { ...fetchedReport, triggerReload: false },
+            id: item.id,
+            data: { ...fetchedReport, triggerReload: false, rowCount: 0 }, // rowCount 0 indicates it's still loading if row length is nonzero
         });
+        fetchRowCount(processing);
         const convertedReport = convertInternalReportToReport(fetchedReport);
         setReport(convertedReport);
         setAdditionProcessing(processing);
@@ -143,50 +174,21 @@ export default function DataLoader({ item, children, filters, }) {
             return;
         }
         previousFilters.current = filters;
+        setPreviousPage(0);
         fetchReportHelper(additionalProcessing);
-    }, [filters, item._id]);
-    function filterValuesEquivalent(filters1, filters2) {
-        if (filters1.length !== filters2.length) {
-            return false;
-        }
-        // The two filters arrays aren't necessarily in the same order
-        // we can build two dictionaries of [label, filter] and compare them
-        const mappedFilters1 = filters1.reduce((acc, filter) => {
-            acc[filter.label] = filter;
-            return acc;
-        }, {});
-        const mappedFilters2 = filters2.reduce((acc, filter) => {
-            acc[filter.label] = filter;
-            return acc;
-        }, {});
-        for (const key in mappedFilters1) {
-            if (mappedFilters1[key].selectedValue !==
-                mappedFilters2[key]?.selectedValue ||
-                mappedFilters1[key].values !== mappedFilters2[key]?.values ||
-                mappedFilters1[key].field !== mappedFilters2[key]?.field ||
-                mappedFilters1[key].label !== mappedFilters2[key]?.label ||
-                mappedFilters1[key].table !== mappedFilters2[key]?.table ||
-                mappedFilters1[key].filterType !== mappedFilters2[key]?.filterType ||
-                mappedFilters1[key].startDate !== mappedFilters2[key]?.startDate ||
-                mappedFilters1[key].endDate !== mappedFilters2[key]?.endDate) {
-                return false;
-            }
-        }
-        return true;
-    }
+    }, [filters, item.id]);
     useEffect(() => {
-        // @ts-ignore
-        if (dashboard[item._id] && dashboard[item._id].triggerReload) {
+        if (dashboard[item.id]?.triggerReload) {
             fetchReportHelper(additionalProcessing);
         }
-    }, [dashboard[item._id]]);
+    }, [dashboard[item.id]]);
     return (_jsx(_Fragment, { children: children({
             isLoading: loading,
             error,
             onPageChange,
             onSortChange,
             data: report,
-            rowCount,
+            rowCount: report.pivot ? report.rowCount : rowCount,
             rowCountIsLoading,
         }) }));
 }
@@ -198,36 +200,37 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(undefined);
     const [localDateBucket, setLocalDateBucket] = useState(undefined);
-    const [localAdditionalProcessing, setLocalAdditionalProcessing] = useState();
-    const [report, setReport] = useState(dashboard[item._id] ?? constructReportFromItem(item));
+    const [report, setReport] = useState(dashboard[item.id] ?? constructReportFromItem(item));
     const [client] = useContext(ClientContext);
     const [schemaData] = useContext(SchemaDataContext);
+    const previousFilters = useRef(null);
     const fetchReportHelper = async (useReportTask = true) => {
         if (!client || !filters) {
             return;
         }
-        const tempReport = dashboard[item._id];
+        const tempReport = dashboard[item.id];
         if (tempReport &&
             !didFiltersChange(tempReport, filters) &&
             !tempReport.triggerReload &&
-            dateBucket === localDateBucket &&
-            additionalProcessing?.last === localAdditionalProcessing?.last) {
+            dateBucket === localDateBucket) {
             setLoading(false);
             const convertedReport = convertInternalReportToReport(tempReport);
             setReport(convertedReport);
             return;
         }
         setLoading(true);
-        const { report, error } = await fetchReport(item._id, client, useReportTask, filters, additionalProcessing, dateBucket, schemaData.customFields);
+        const { report, error } = await fetchReport(item.id, client, useReportTask, filters, {
+            ...additionalProcessing,
+            ...(item.pivot ? {} : { page: DEFAULT_PAGINATION }),
+        }, dateBucket, schemaData.customFields);
         dispatch({
             type: 'ADD_DASHBOARD_ITEM',
-            id: item._id,
+            id: item.id,
             data: { ...report, triggerReload: false },
         });
         const convertedReport = convertInternalReportToReport(report);
         setReport(convertedReport);
         setLocalDateBucket(dateBucket);
-        setLocalAdditionalProcessing(additionalProcessing);
         setError(error);
         setLoading(false);
     };
@@ -235,15 +238,20 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
         if (!filters) {
             return;
         }
+        if (previousFilters.current &&
+            filterValuesEquivalent(previousFilters.current, filters)) {
+            return;
+        }
+        previousFilters.current = filters;
         setInitialLoad(false);
         fetchReportHelper();
-    }, [filters, item._id, dateBucket, additionalProcessing]);
+    }, [filters, item.id, dateBucket]);
     useEffect(() => {
-        const tempReport = dashboard[item._id];
+        const tempReport = dashboard[item.id];
         if (tempReport && tempReport.triggerReload) {
             fetchReportHelper();
         }
-    }, [dashboard[item._id]]);
+    }, [dashboard[item.id]]);
     return children({
         isLoading: loading || initialLoad,
         data: report,

package/dist/esm/components/Dashboard/MetricComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+MhC"}
+{"version":3,"file":"MetricComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/MetricComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA2NhC"}

package/dist/esm/components/Dashboard/MetricComponent.js

@@ -10,8 +10,8 @@ export default function QuillMetricComponent({ report, onClick, error, isLoading
     const primaryMetricLabel = report?.filtersApplied?.date_range?.preset?.label;
     const comparisonKey = report?.filtersApplied?.date_range?.comparisonRange?.value;
     const comparisonLabel = COMPARISON_OPTIONS.find((opt) => opt.value === comparisonKey)?.text;
-    return (_jsx("div", { onClick: () => onClick && !error && onClick(report), style: {
-            cursor: error || !onClick ? 'default' : 'pointer',
+    return (_jsx("div", { onClick: () => onClick && onClick(report), style: {
+            cursor: !onClick ? 'default' : 'pointer',
             boxSizing: 'content-box',
             borderRadius: 8,
             paddingBottom: isLoading ? 0 : 30,
@@ -51,7 +51,18 @@ export default function QuillMetricComponent({ report, onClick, error, isLoading
                                 }, children: report?.name })) }), isLoading ? (_jsx(ChartSkeleton, { containerStyle: {
                                 maxHeight: '78px',
                                 height: '100%',
-                            } })) : error ? (_jsx("div", { children: _jsx(ChartError, { errorMessage: error }) })) : report.rows?.length === 0 ||
+                            } })) : error ? (_jsx(ChartError, { errorMessage: error, containerStyle: {
+                                display: 'flex',
+                                flex: '1 0 auto',
+                                height: '80%',
+                                margin: 'auto',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                fontSize: 13,
+                                color: theme?.secondaryTextColor,
+                                maxWidth: '100%',
+                                width: '100%',
+                            } })) : report.rows?.length === 0 ||
                             report.rows[0][report.xAxisField] === null ? (_jsx("div", { style: {
                                 display: 'flex',
                                 flex: '1 0 auto',

package/dist/esm/components/Dashboard/TableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,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,GAAG,GAAG,CAAC,OAAO,CA0Fd"}
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,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,GAAG,GAAG,CAAC,OAAO,CAkGd"}

package/dist/esm/components/Dashboard/TableComponent.js

@@ -10,11 +10,17 @@ export default function QuillTableComponent({ report, onClick, isLoading, error,
     const [theme] = useContext(ThemeContext);
     const [initialLoad, setInitialLoad] = useState(true);
     const { downloadCSV } = useExport(report?.id);
+    const [page, setPage] = useState(0);
     useEffect(() => {
         if (!isLoading) {
             setInitialLoad(false);
         }
     }, [isLoading]);
+    useEffect(() => {
+        if (rowCountIsLoading) {
+            setPage(0);
+        }
+    }, [rowCountIsLoading]);
     return (_jsxs("div", { style: { cursor: error || !onClick ? 'default' : 'pointer' }, onClick: () => onClick && onClick(report), children: [_jsx("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
@@ -47,7 +53,8 @@ export default function QuillTableComponent({ report, onClick, isLoading, error,
                     downloadCSV();
                 }, onPageChange: (page) => {
                     onPageChange && onPageChange(page);
+                    setPage(page);
                 }, onSortChange: (sort) => {
                     onSortChange && onSortChange(sort);
-                }, currentPage: report?.pagination?.page, sort: report?.sort }))] }, report?.name));
+                }, currentPage: report?.pagination?.page ?? page, sort: report?.sort }))] }, report?.name));
 }

package/dist/esm/components/QuillMultiSelectWithCombo.d.ts

@@ -2,7 +2,7 @@ import { MultiSelectComponentProps } from './UiComponents';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
     value: string;
     onChange: (e: string) => void;

package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAiC3E;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,2CA4U3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAwDpB,CAAC"}
+{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAiC3E;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,2CAiV3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAwDpB,CAAC"}

package/dist/esm/components/QuillMultiSelectWithCombo.js

@@ -21,7 +21,7 @@ function displaySelectedOptionLabels({ options, value, }) {
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, }) {
+export function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, disabled, }) {
     const [theme] = useContext(ThemeContext);
     const [selectedOptions, setSelectedOptions] = useState([]);
     const [showModal, setShowModal] = useState(false);
@@ -124,8 +124,12 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
           .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
+          .quill-select-button:disabled {
+            cursor: not-allowed;
+            background: ${theme?.hoverBackgroundColor};
+          }
         ` }), _jsx("span", { style: {
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',

package/dist/esm/components/QuillSelect.js

@@ -63,8 +63,8 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                 }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` 
             .quill-select-button { background: ${theme?.backgroundColor}; } 
             .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
-            .quill-select-button:disabled {
-              opacity: 0.5;
+            .quill-select-button:disabled, {
+              background: ${theme?.hoverBackgroundColor};
               cursor: not-allowed;
             }        
           ` }), _jsx("span", { style: {
@@ -91,7 +91,7 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                     fontFamily: theme?.fontFamily,
                     maxHeight: '50vh',
                     overflow: 'scroll',
-                }, children: [!isLoading && !hideEmptyOption && (_jsxs("button", { style: {
+                }, children: [!isLoading && (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'space-between',

package/dist/esm/components/QuillSelectWithCombo.d.ts

@@ -2,5 +2,5 @@ import { SelectComponentProps } from './UiComponents';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QuillSelectWithCombo.d.ts.map

package/dist/esm/components/QuillSelectWithCombo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,2CA8QtB"}
+{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CAyRtB"}

package/dist/esm/components/QuillSelectWithCombo.js

@@ -7,7 +7,7 @@ import { ListboxTextInput } from './QuillMultiSelectWithCombo';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, }) {
+export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, }) {
     const [theme] = useContext(ThemeContext);
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
@@ -90,7 +90,15 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }` }), _jsx("span", { style: {
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` 
+          .quill-select-button { background: ${theme?.backgroundColor}; }
+          .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
+          .quill-select-button:disabled { 
+            cursor: not-allowed;
+            background: ${theme?.hoverBackgroundColor}; 
+          }
+
+        ` }), _jsx("span", { style: {
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
@@ -117,7 +125,9 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     fontSize: 14,
                 }, children: [options && options.length > 20 && !isLoading && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
                             setSearchQuery(value);
-                        } })), searchQuery === '' && !isLoading && !hideEmptyOption && (_jsxs("button", { style: {
+                        } })), searchQuery === '' &&
+                        !isLoading &&
+                        (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'space-between',

package/dist/esm/components/QuillTable.d.ts

@@ -8,7 +8,7 @@ export interface TableComponentProps {
         label: string;
         field: string;
     }[];
-    currentPage?: number;
+    currentPage: number;
     sort?: {
         field: string;
         direction: string;

package/dist/esm/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,CAAC,EAAE,MAAM,CAAC;IACrB,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,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,GACb,EAAE,mBAAmB,2CAwdrB"}
+{"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,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,GACb,EAAE,mBAAmB,2CA+drB"}

package/dist/esm/components/QuillTable.js

@@ -5,7 +5,6 @@ import { ThemeContext } from '../Context';
 import { QuillLoadingComponent } from './UiComponents';
 export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, }) {
     const [activeRows, setActiveRows] = useState([]);
-    const [pageIndex, setPageIndex] = useState(currentPage || 0);
     const [maxPage, setMaxPage] = useState(1);
     const [sortColumn, setSortColumn] = useState(sort?.field || '');
     const [sortDirection, setSortDirection] = useState(sort?.direction || 'desc');
@@ -21,8 +20,8 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
             return;
         }
         setIsPaginating(true);
-        const start = pageIndex * rowsPerPage;
-        const end = (pageIndex + 1) * rowsPerPage;
+        const start = currentPage * rowsPerPage;
+        const end = (currentPage + 1) * rowsPerPage;
         if (rowCount && onSortChange && rowCount !== rows.length) {
             setMaxPage(Math.ceil(rowCount / rowsPerPage));
             setActiveRows(rows.slice(start, end));
@@ -40,25 +39,29 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
         }
         setIsPaginating(false);
         setInitialLoad(false);
-    }, [pageIndex, rows, sortColumn, sortDirection, columns, rowCount]);
+    }, [currentPage, rows, sortColumn, sortDirection, columns, rowCount]);
+    useEffect(() => {
+        if (rows.length < (currentPage + 1) * rowsPerPage) {
+            onPageChange && onPageChange(0);
+            setMaxPage(1);
+        }
+    }, [rows]);
     const increasePage = () => {
-        if (pageIndex + 1 === maxPage) {
+        if (!rowCountIsLoading && currentPage + 1 === maxPage) {
             return;
         }
-        setPageIndex((pageIndex) => pageIndex + 1);
-        onPageChange && onPageChange(pageIndex + 1);
+        onPageChange && onPageChange(currentPage + 1);
     };
     const decreasePage = () => {
-        if (pageIndex === 0) {
+        if (currentPage === 0) {
             return;
         }
-        setPageIndex((pageIndex) => pageIndex - 1);
-        onPageChange && onPageChange(pageIndex - 1);
+        onPageChange && onPageChange(currentPage - 1);
     };
     const toggleSort = (column) => {
         if (sortColumn === column.field) {
             setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
-            setPageIndex(0);
+            onPageChange && onPageChange(0);
             if (onSortChange) {
                 onSortChange({
                     field: column.field,
@@ -69,7 +72,7 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
         else {
             setSortColumn(column.field);
             setSortDirection('desc');
-            setPageIndex(0);
+            onPageChange && onPageChange(0);
             if (onSortChange) {
                 onSortChange({
                     field: column.field,
@@ -167,7 +170,7 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
                                                             transform: sortDirection === 'desc'
                                                                 ? 'rotate(180deg)'
                                                                 : undefined,
-                                                        }, children: _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) && (_jsx("div", { className: className, children: _jsx(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
+                                                        }, children: _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) && (_jsx("div", { className: className, style: { position: 'absolute', width: '100%' }, children: _jsx(LoadingComponent, {}) })), (activeRows && activeRows.length === 0) ||
                                     (columns && columns.length === 0) ? (_jsx("div", { style: {
                                         padding: '30px 0',
                                         display: isPaginating || isLoading ? 'none' : 'flex',
@@ -263,7 +266,7 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
                                                 fontSize: 12,
                                                 fontFamily: theme?.fontFamily,
                                                 color: theme?.primaryTextColor,
-                                            }, children: [pageIndex + 1, ' of ', rowCountIsLoading && maxPage >= 30 ? 'many' : maxPage] }), _jsx("div", { style: { width: 8 } }), _jsx("button", { onClick: (e) => {
+                                            }, children: [currentPage + 1, ' of ', rowCountIsLoading && maxPage > 1 ? 'many' : maxPage] }), _jsx("div", { style: { width: 8 } }), _jsx("button", { onClick: (e) => {
                                                 decreasePage();
                                                 e.stopPropagation();
                                             }, style: {

package/dist/esm/components/ReportBuilder/FilterStack.d.ts

@@ -0,0 +1,33 @@
+import { FilterTreeNode } from '../../utils/astFilterProcessing';
+interface FilterStackProps {
+    client: any;
+    filterStack: FilterTreeNode[];
+    filterTree: FilterTreeNode | null;
+    defaultAST: any;
+    baseAst: any;
+    setBaseAst: any;
+    setFormData: any;
+    fetchSqlQuery: any;
+    schemaData: any;
+    defaultColumn: any;
+    defaultTable: any;
+    currentTable: any;
+    initialTableName: string;
+    globalUniqueValues: any;
+    globalUniqueValuesIsLoading: boolean;
+    columns: any;
+    removingFilter: any;
+    setRemovingFilter: any;
+    TabsComponent: any;
+    FilterPopoverComponent: any;
+    FilterModal: any;
+    ButtonComponent: any;
+    SecondaryButtonComponent: any;
+    SelectComponent: any;
+    TextInputComponent: any;
+    MultiSelectComponent: any;
+    actionsEnabled: boolean;
+}
+export default function FilterStack({ client, filterStack, filterTree, defaultAST, baseAst, setBaseAst, setFormData, fetchSqlQuery, schemaData, defaultColumn, defaultTable, currentTable, initialTableName, globalUniqueValues, globalUniqueValuesIsLoading, columns, removingFilter, setRemovingFilter, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, actionsEnabled, }: FilterStackProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterStack.d.ts.map

package/dist/esm/components/ReportBuilder/FilterStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStack.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterStack.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAEf,MAAM,iCAAiC,CAAC;AAUzC,UAAU,gBAAgB;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC;IACjB,aAAa,EAAE,GAAG,CAAC;IACnB,UAAU,EAAE,GAAG,CAAC;IAChB,aAAa,EAAE,GAAG,CAAC;IACnB,YAAY,EAAE,GAAG,CAAC;IAClB,YAAY,EAAE,GAAG,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,GAAG,CAAC;IACxB,2BAA2B,EAAE,OAAO,CAAC;IACrC,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,oBAAoB,EAAE,GAAG,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,cAAqB,GACtB,EAAE,gBAAgB,2CAgLlB"}