@quillsql/react 2.14.13 → 2.14.14

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

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { ClientContext, DashboardFiltersContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } from '../../Context';
+import { ClientContext, DashboardFiltersContext, EventTrackingContext, FetchContext, ReportFiltersContext, ReportsContext, SchemaDataContext, TenantContext, } 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';
@@ -169,6 +169,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
     const { reports, reportsDispatch, fetchIndividualReport } = useContext(ReportsContext);
     const { reportFilters } = useContext(ReportFiltersContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const contextFilters = useMemo(() => {
         return dashboardName
             ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
@@ -182,7 +183,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
     const chartReport = useMemo(() => {
         const report = (dashboardName ? dashboard : reports)[item.id];
         if (report) {
-            return convertInternalReportToReport(mergeComparisonRange(report), contextFilters);
+            return convertInternalReportToReport(mergeComparisonRange(report), contextFilters, eventTracking);
         }
         else {
             return constructReportFromItem(item);
@@ -234,6 +235,17 @@ export default function DataLoader({ item, children, filters, userFilters, addit
             if (e instanceof Error && e.name === 'AbortError') {
                 return;
             }
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching row count',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'DataLoader',
+                    function: 'fetchRowCount',
+                },
+            });
         }
         finally {
             if (fetchReportRowCountRequestId === rowCountRequestId.current) {
@@ -301,6 +313,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                     comparisonPivotQuery,
                     getPivotRowCount: false,
                     getToken,
+                    eventTracking,
                 });
                 updateTableRowsAbortController.current = null;
                 if (paginatedRows.error) {
@@ -337,6 +350,17 @@ export default function DataLoader({ item, children, filters, userFilters, addit
             }
             catch (e) {
                 console.log(e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error fetching table rows',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'DataLoader',
+                        function: 'updateTableRows',
+                    },
+                });
             }
             finally {
                 if (fetchUpdateTableRowsRequestId === updateTableRowsRequestId.current) {
@@ -373,6 +397,7 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                     rowCountOnly: false,
                     abortSignal: rowsAbortController.current.signal,
                     getToken,
+                    eventTracking,
                 });
                 addReport({
                     ...fetchedReport,
@@ -403,6 +428,17 @@ export default function DataLoader({ item, children, filters, userFilters, addit
                 }
                 catch (e) {
                     setError(e.message ?? 'Error fetching report');
+                    eventTracking?.logError?.({
+                        type: 'bug', // TODO: determine type
+                        severity: 'high',
+                        message: 'Error fetching report',
+                        errorMessage: e.message,
+                        errorStack: e.stack,
+                        errorData: {
+                            caller: 'DataLoader',
+                            function: 'fetchReportHelper',
+                        },
+                    });
                 }
             }
             if (!item.pivot) {
@@ -414,6 +450,17 @@ export default function DataLoader({ item, children, filters, userFilters, addit
             if (e instanceof Error && e.name === 'AbortError') {
                 return;
             }
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching report',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'DataLoader',
+                    function: 'fetchReportHelper',
+                },
+            });
             throw e;
         }
         finally {
@@ -480,6 +527,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     const { reports, fetchIndividualReport } = useContext(ReportsContext);
     const { getToken } = useContext(FetchContext);
+    const { eventTracking } = useContext(EventTrackingContext);
     const { reportFilters } = useContext(ReportFiltersContext);
     const { tenants, flags } = useContext(TenantContext);
     const contextFilters = useMemo(() => {
@@ -503,7 +551,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
         if (!report) {
             return constructReportFromItem(item);
         }
-        return convertInternalReportToReport(mergeComparisonRange(report), contextFilters);
+        return convertInternalReportToReport(mergeComparisonRange(report), contextFilters, eventTracking);
     }, [
         (dashboardName ? dashboard : reports)[item.id],
         reportFilters,
@@ -539,6 +587,7 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
                     customFields: schemaData.customFields,
                     abortSignal: fetchReportAbortController.current.signal,
                     getToken,
+                    eventTracking,
                 });
                 addReport({
                     ...report,
@@ -569,6 +618,17 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
                     setError(undefined);
                 }
                 catch (e) {
+                    eventTracking?.logError?.({
+                        type: 'bug', // TODO: determine type
+                        severity: 'high',
+                        message: 'Error fetching report',
+                        errorMessage: e.message,
+                        errorStack: e.stack,
+                        errorData: {
+                            caller: 'ChartDataLoader',
+                            function: 'fetchReportHelper',
+                        },
+                    });
                     setError(e.message ?? 'Error fetching report');
                 }
             }
@@ -577,6 +637,17 @@ export const ChartDataLoader = ({ item, children, dateBucket, additionalProcessi
             if (e instanceof Error && e.name === 'AbortError') {
                 return;
             }
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error fetching report',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ChartDataLoader',
+                    function: 'fetchReportHelper',
+                },
+            });
             setError(e.message ?? 'Error fetching report');
         }
         finally {

package/dist/esm/components/Dashboard/util.d.ts

@@ -1,7 +1,8 @@
 import { QuillProviderClient } from '../../models/Client';
+import { EventTracking } from '../../QuillProvider';
 export declare function validateTemplatesAgainstFilters(filters: any[], templates: any[]): {
     valid: boolean;
     error: string;
 };
-export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: QuillProviderClient, dashboardData: any, getToken: () => Promise<string>): Promise<any>;
+export declare function addTemplatesToDashboard(name: any, newTemplates: any[], client: QuillProviderClient, dashboardData: any, getToken: () => Promise<string>, eventTracking: EventTracking | null): Promise<any>;
 //# sourceMappingURL=util.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAK1D,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,GAAG,EAAE,EACd,SAAS,EAAE,GAAG,EAAE,GACf;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiCnC;AAGD,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,GAAG,EAAE,EACnB,MAAM,EAAE,mBAAmB,EAC3B,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC,GAAG,CAAC,CA8Cd"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKpD,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,GAAG,EAAE,EACd,SAAS,EAAE,GAAG,EAAE,GACf;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiCnC;AAGD,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,GAAG,EAAE,EACnB,MAAM,EAAE,mBAAmB,EAC3B,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAC/B,aAAa,EAAE,aAAa,GAAG,IAAI,GAClC,OAAO,CAAC,GAAG,CAAC,CAyDd"}

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

@@ -36,7 +36,7 @@ export function validateTemplatesAgainstFilters(filters, templates) {
     }
 }
 // TODO: Outdated, revisit and retest
-export async function addTemplatesToDashboard(name, newTemplates, client, dashboardData, getToken) {
+export async function addTemplatesToDashboard(name, newTemplates, client, dashboardData, getToken, eventTracking) {
     try {
         const { publicKey, tenants } = client;
         if (tenants) {
@@ -81,5 +81,16 @@ export async function addTemplatesToDashboard(name, newTemplates, client, dashbo
     }
     catch (error) {
         console.error('Error while updating dashboard:', error);
+        eventTracking?.logError?.({
+            type: 'bug', // TODO: determine type
+            severity: 'high',
+            message: 'Error while updating dashboard',
+            errorMessage: error.message,
+            errorStack: error.stack,
+            errorData: {
+                caller: 'addTemplatesToDashboard',
+                function: 'addTemplatesToDashboard',
+            },
+        });
     }
 }

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

@@ -31,7 +31,8 @@ export interface TableComponentProps {
 interface QuillTableComponentProps extends TableComponentProps {
     hideLabels?: boolean;
     disableSort?: boolean;
+    overrideInMemortSort?: boolean;
 }
-export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }: QuillTableComponentProps): import("react/jsx-runtime").JSX.Element;
+export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, overrideInMemortSort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }: QuillTableComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=QuillTable.d.ts.map

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,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,2CA+e1B"}
+{"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;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,oBAAoB,EACpB,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,GACZ,EAAE,wBAAwB,2CA+e1B"}

package/dist/esm/components/QuillTable.js

@@ -3,7 +3,7 @@ import { useContext, useEffect, useState } from 'react';
 import { compareValues } from '../utils/valueFormatter';
 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, hideLabels, disableSort, }) {
+export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, overrideInMemortSort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
     const [activeRows, setActiveRows] = useState([]);
     const [maxPage, setMaxPage] = useState(1);
     const [sortColumn, setSortColumn] = useState(sort?.field || '');
@@ -28,7 +28,7 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
         }
         else {
             const sortedRows = [...rows];
-            if (sortColumn) {
+            if (sortColumn && !overrideInMemortSort) {
                 sortedRows.sort((a, b) => {
                     const result = compareValues(a, b, sortColumn);
                     return sortDirection === 'asc' ? result : -result;

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

@@ -1 +1 @@
-{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAiBpE,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,cAAc,EACd,eAAe,EACf,MAAM,EACN,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,GACzC,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IACV,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACrC,2CAgUA"}
+{"version":3,"file":"AddColumnModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddColumnModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAiBpE,OAAO,EAGL,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAM,EACN,cAAc,EACd,eAAe,EACf,MAAM,EACN,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,MAAM,EACN,sBAAoD,EACpD,gBAAwC,GACzC,EAAE;IACD,MAAM,EAAE,CACN,SAAS,EAAE,kBAAkB,EAAE,EAC/B,UAAU,EAAE,mBAAmB,EAAE,KAC9B,IAAI,CAAC;IACV,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EACd,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,GAAG,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,sBAAsB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC1C,gBAAgB,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACrC,2CAuUA"}

package/dist/esm/components/ReportBuilder/AddColumnModal.js

@@ -9,6 +9,7 @@ import { JoinType, } from '../../models/ReportBuilder';
 export default function AddColumnModal({ onSave, selectedTables, selectedColumns, schema, schemaLoading, foreignKeyMap, TextInputComponent, SelectColumn, SecondaryButton, Button, ColumnSearchEmptyState = QuillColumnSearchEmptyState, LoadingComponent = QuillLoadingComponent, }) {
     const [primaryTable, setPrimaryTable] = useState(selectedTables[0]?.name);
     const [search, setSearch] = useState('');
+    const [initialLoad, setInitialLoad] = useState(true);
     const textInputContainerRef = useRef(null);
     const [modalSelectedColumns, setModalSelectedColumns] = useState(selectedColumns.map((col) => `${col.table}.${col.field}`));
     const columnOptions = useMemo(() => {
@@ -66,6 +67,11 @@ export default function AddColumnModal({ onSave, selectedTables, selectedColumns
         const remainingColumns = columnOptions.filter((col) => !modalSelectedColumns.includes(col));
         setOrderedColumnNames([...modalSelectedColumns, ...remainingColumns]);
     }, [columnOptions]);
+    useEffect(() => {
+        if (!schemaLoading && initialLoad) {
+            setTimeout(() => setInitialLoad(false), 200); // This artificial load prevents a flash as searchResults gets populated from empty array
+        }
+    }, [schemaLoading]);
     const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates,
     }));
@@ -98,7 +104,7 @@ export default function AddColumnModal({ onSave, selectedTables, selectedColumns
                     alignItems: 'center',
                     marginTop: 2,
                     marginBottom: 6,
-                }, children: _jsx(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value) }) }), schemaLoading ? (_jsx(LoadingComponent, {})) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: orderedColumnNames, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
+                }, children: _jsx(TextInputComponent, { id: 'add_column_search_bar', value: search, placeholder: 'Search...', width: 400, onChange: (e) => setSearch(e.target.value) }) }), schemaLoading || initialLoad ? (_jsx(LoadingComponent, {})) : (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: orderedColumnNames, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,

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

@@ -0,0 +1,48 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps } from '../UiComponents';
+interface AddColumnsProps {
+    reportBuilder: ReportBuilder;
+    ModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string;
+        children: React.ReactNode;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    DraggableColumnComponent?: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    SelectColumnComponent?: (props: {
+        label: string;
+        isSelected: boolean;
+        setSelected: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    ColumnSearchEmptyState?: () => JSX.Element;
+    LoadingComponent?: () => JSX.Element;
+    ColumnDisplay?: React.ReactNode;
+    ModalTrigger?: React.ReactNode;
+    Modal?: React.ReactNode;
+}
+export declare const AddColumns: ({ reportBuilder, ModalComponent, ButtonComponent, DraggableColumnComponent, TextInputComponent, SelectColumnComponent, SecondaryButtonComponent, ColumnSearchEmptyState, LoadingComponent, ColumnDisplay, ModalTrigger, Modal, }: AddColumnsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColumnComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ColumnComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAML,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,eAAe;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QACvB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;QAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IAEN,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE;YAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;SAAE,KAAK,GAAG,CAAC,OAAO,CAAC;KAC5E,KAAK,GAAG,CAAC,OAAO,CAAC;IAElB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE;QACjC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC3C,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAsID,eAAO,MAAM,UAAU,qOAkCpB,eAAe,4CAQjB,CAAC"}

package/dist/esm/components/ReportBuilder/ColumnComponent.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EMPTY_REPORT_BUILDER_STATE } from '../../models/ReportBuilder';
+import { MemoizedModal, MemoizedSecondaryButton, QuillColumnSearchEmptyState, QuillLoadingComponent, QuillTextInput, } from '../UiComponents';
+import AddColumnModal from './AddColumnModal';
+import DraggableColumns from './DraggableColumns';
+import { QuillDraggableColumn, QuillSelectColumn } from './ui';
+const ColumnsDisplayWrapper = ({ reportBuilder, DraggableColumnComponent, }) => {
+    return (_jsx(DraggableColumns, { columns: reportBuilder.columns, DraggableColumnComponent: DraggableColumnComponent, onColumnOrderChange: reportBuilder.handleColumnsChange, loading: reportBuilder.loading }));
+};
+const ModalTriggerWrapper = ({ reportBuilder, ButtonComponent, }) => {
+    return (_jsx(ButtonComponent, { onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddColumnModal');
+            }
+        }, label: "Select columns", disabled: reportBuilder.loading }));
+};
+const ModalWrapper = ({ reportBuilder, ModalComponent, TextInputComponent, SelectColumnComponent, SecondaryButtonComponent, ButtonComponent, ColumnSearchEmptyState, LoadingComponent, }) => {
+    return (_jsx(ModalComponent, { isOpen: reportBuilder.openPopover === 'AddColumnModal', setIsOpen: (isOpen) => {
+            if (!isOpen) {
+                // delay onClose callback so onClick no-ops
+                setTimeout(() => {
+                    reportBuilder.setOpenPopover(null);
+                }, 100);
+            }
+        }, title: "Select columns", children: _jsx(AddColumnModal, { onSave: (tables, columns) => {
+                reportBuilder.handleMultiStateChange({
+                    state: {
+                        ...EMPTY_REPORT_BUILDER_STATE,
+                        tables,
+                        columns,
+                    },
+                    fetchData: true,
+                });
+                reportBuilder.setOpenPopover(null);
+            }, selectedTables: reportBuilder.tables, selectedColumns: reportBuilder.columns, schema: reportBuilder.filteredSchema, foreignKeyMap: reportBuilder.foreignKeyMap, schemaLoading: reportBuilder.schemaData.isSchemaLoading, TextInputComponent: TextInputComponent, SelectColumn: SelectColumnComponent, SecondaryButton: SecondaryButtonComponent, Button: ButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent }) }));
+};
+export const AddColumns = ({ reportBuilder, ModalComponent = MemoizedModal, ButtonComponent = MemoizedSecondaryButton, DraggableColumnComponent = QuillDraggableColumn, TextInputComponent = QuillTextInput, SelectColumnComponent = QuillSelectColumn, SecondaryButtonComponent = MemoizedSecondaryButton, ColumnSearchEmptyState = QuillColumnSearchEmptyState, LoadingComponent = QuillLoadingComponent, ColumnDisplay = (_jsx(ColumnsDisplayWrapper, { reportBuilder: reportBuilder, DraggableColumnComponent: DraggableColumnComponent })), ModalTrigger = (_jsx(ModalTriggerWrapper, { reportBuilder: reportBuilder, ButtonComponent: SecondaryButtonComponent })), Modal = (_jsx(ModalWrapper, { reportBuilder: reportBuilder, ModalComponent: ModalComponent, TextInputComponent: TextInputComponent, SelectColumnComponent: SelectColumnComponent, SecondaryButtonComponent: SecondaryButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent, ButtonComponent: ButtonComponent })), }) => {
+    return (_jsxs("div", { children: [ColumnDisplay, ModalTrigger, Modal] }));
+};

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

@@ -0,0 +1,65 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps, SelectComponentProps } from '../UiComponents';
+interface AddFiltersProps {
+    reportBuilder: ReportBuilder;
+    FilterDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    TabsComponent?: (props: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value: string;
+        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    FilterPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        filterLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    MultiSelectComponent?: (props: {
+        label?: string;
+        width: number;
+        value: string[];
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
+            target: {
+                value: (string | null)[];
+            };
+        }) => void;
+    }) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+}
+export declare const AddFilters: ({ reportBuilder, TabsComponent, FilterPopoverComponent, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, PopoverComponent, FilterDisplay, PopoverTrigger, Popover, }: AddFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterComponent.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ReportBuilder/FilterComponent.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FilterStack from './FilterStack';
+import FilterModal from './FilterModal';
+import { QuillTabs, QuillTextInput, MemoizedButton, MemoizedSecondaryButton, MemoizedPopover, } from '../UiComponents';
+import { QuillFilterPopover } from './ui';
+import { QuillSelectComponent } from '../QuillSelect';
+import { QuillMultiSelectComponentWithCombo } from '../QuillMultiSelectWithCombo';
+const FilterDisplayWrapper = ({ reportBuilder, FilterStack, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, }) => {
+    return reportBuilder.filterStack.length > 0 ? (_jsx("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: _jsx(FilterStack, { client: reportBuilder.client, filterStack: reportBuilder.filterStack, handleFilterStackChange: reportBuilder.handleFilterStackChange, schemaData: reportBuilder.schemaData, uniqueValues: reportBuilder.unfilteredUniqueValues, uniqueValuesIsLoading: reportBuilder.unfilteredUniqueValuesIsLoading, tables: reportBuilder.tables, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, actionsEnabled: !reportBuilder.loading, dashboardName: reportBuilder.destinationDashboard, getToken: reportBuilder.getToken, reportBuilderColumns: reportBuilder.columns }) })) : null;
+};
+const PopoverTriggerWrapper = ({ reportBuilder, SecondaryButtonComponent, }) => {
+    return (_jsx(SecondaryButtonComponent, { disabled: reportBuilder.columns.length === 0 || reportBuilder.loading, onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddFilterPopover');
+            }
+        }, label: 'Add filter' }));
+};
+const PopoverWrapper = ({ reportBuilder, PopoverComponent, FilterModal, ButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, }) => {
+    return (_jsx("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddFilterPopover' && { top: 12 }),
+        }, children: _jsx(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddFilterPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add filter", popoverChildren: _jsx(FilterModal, { schema: reportBuilder.filteredSchema, tables: reportBuilder.tables.map((table) => table.name), fieldValuesMap: reportBuilder.filteredUniqueValues ??
+                    reportBuilder.unfilteredUniqueValues, fieldValuesMapIsLoading: reportBuilder.filteredUniqueValuesIsLoading ||
+                    reportBuilder.unfilteredUniqueValuesIsLoading, onSubmitFilter: (filter) => {
+                    reportBuilder.setOpenPopover(null);
+                    reportBuilder.handleFilterInsertion(filter);
+                }, hideTableName: reportBuilder.tables.length === 1, onDeleteFilter: () => { }, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, reportBuilderColumns: reportBuilder.columns }) }) }));
+};
+export const AddFilters = ({ reportBuilder, TabsComponent = QuillTabs, FilterPopoverComponent = QuillFilterPopover, ButtonComponent = MemoizedButton, SecondaryButtonComponent = MemoizedSecondaryButton, SelectComponent = QuillSelectComponent, TextInputComponent = QuillTextInput, MultiSelectComponent = QuillMultiSelectComponentWithCombo, PopoverComponent = MemoizedPopover, FilterDisplay = (_jsx(FilterDisplayWrapper, { reportBuilder: reportBuilder, FilterStack: FilterStack, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), PopoverTrigger = (_jsx(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = (_jsx(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, FilterModal: FilterModal, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), }) => {
+    return (_jsxs("div", { children: [FilterDisplay, _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] })] }));
+};

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

@@ -0,0 +1,42 @@
+import { ReportBuilder } from '../../hooks/useReportBuilder';
+import { TextInputComponentProps } from '../UiComponents';
+interface AddLimitProps {
+    reportBuilder: ReportBuilder;
+    LimitDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    LimitPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        limitLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+}
+export declare const AddLimit: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, TextInputComponent, PopoverComponent, LimitPopoverComponent, LimitDisplay, PopoverTrigger, Popover, }: AddLimitProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LimitComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LimitComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/LimitComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACL,uBAAuB,EAIxB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,aAAa;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,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,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QACzB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;KAClC,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;QACrC,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;QACjC,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KAC3D,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB;AAsHD,eAAO,MAAM,QAAQ,sKAmClB,aAAa,4CAkBf,CAAC"}

package/dist/esm/components/ReportBuilder/LimitComponent.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MemoizedButton, MemoizedSecondaryButton, MemoizedPopover, } from '../UiComponents';
+import { AddLimitPopover, LimitSentence } from './AddLimitPopover';
+import { QuillTextInput } from '../UiComponents';
+import { QuillLimitPopover } from './ui';
+const LimitDisplayWrapper = ({ reportBuilder, LimitSentence, setOpenPopover, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, }) => {
+    return reportBuilder.limit ? (_jsx("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: _jsx(LimitSentence, { limit: reportBuilder.limit?.value || 0, setOpenPopover: setOpenPopover, LimitPopover: LimitPopover, EditPopover: EditPopover, handleDelete: () => {
+                reportBuilder.onLimitChange(null, false);
+                setOpenPopover(null);
+            }, onSave: (limit) => {
+                reportBuilder.onLimitChange(limit, false);
+                setOpenPopover(null);
+            }, TextInput: TextInput, Button: Button, SecondaryButton: SecondaryButton, disabled: reportBuilder.loading }) })) : null;
+};
+const PopoverTriggerWrapper = ({ reportBuilder, SecondaryButtonComponent, }) => {
+    return (_jsx(SecondaryButtonComponent, { disabled: reportBuilder.columns.length === 0 || reportBuilder.loading, onClick: () => {
+            if (!reportBuilder.openPopover) {
+                reportBuilder.setOpenPopover('AddLimitPopover');
+            }
+        }, label: 'Add limit' }));
+};
+const PopoverWrapper = ({ reportBuilder, PopoverComponent, AddLimitPopover, TextInputComponent, ButtonComponent, SecondaryButtonComponent, }) => {
+    return (_jsx("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddLimitPopover' && { top: 12 }),
+        }, children: _jsx(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddLimitPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add limit", popoverChildren: _jsx(AddLimitPopover, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, onSave: (limit) => {
+                    reportBuilder.onLimitChange(limit, false);
+                    reportBuilder.setOpenPopover(null);
+                } }) }) }));
+};
+export const AddLimit = ({ reportBuilder, ButtonComponent = MemoizedButton, SecondaryButtonComponent = MemoizedSecondaryButton, TextInputComponent = QuillTextInput, PopoverComponent = MemoizedPopover, LimitPopoverComponent = QuillLimitPopover, LimitDisplay = reportBuilder.limit ? (_jsx(LimitDisplayWrapper, { reportBuilder: reportBuilder, LimitSentence: LimitSentence, setOpenPopover: reportBuilder.setOpenPopover, LimitPopover: LimitPopoverComponent, EditPopover: AddLimitPopover, TextInput: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent })) : null, PopoverTrigger = (_jsx(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = (_jsx(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, AddLimitPopover: AddLimitPopover, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent })), }) => {
+    return (_jsxs("div", { children: [LimitDisplay, !reportBuilder.limit && (_jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] }))] }));
+};