@quillsql/react 2.14.13 → 2.14.14

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

@@ -176,6 +176,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
     const { reports, reportsDispatch, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
     const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const contextFilters = (0, react_1.useMemo)(() => {
         return dashboardName
             ? Object.values(dashboardFilters[dashboardName] ?? {}).map((f) => f.filter)
@@ -189,7 +190,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
     const chartReport = (0, react_1.useMemo)(() => {
         const report = (dashboardName ? dashboard : reports)[item.id];
         if (report) {
-            return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters);
+            return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters, eventTracking);
         }
         else {
             return constructReportFromItem(item);
@@ -241,6 +242,17 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
             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) {
@@ -308,6 +320,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     comparisonPivotQuery,
                     getPivotRowCount: false,
                     getToken,
+                    eventTracking,
                 });
                 updateTableRowsAbortController.current = null;
                 if (paginatedRows.error) {
@@ -344,6 +357,17 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
             }
             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) {
@@ -380,6 +404,7 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                     rowCountOnly: false,
                     abortSignal: rowsAbortController.current.signal,
                     getToken,
+                    eventTracking,
                 });
                 addReport({
                     ...fetchedReport,
@@ -410,6 +435,17 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
                 }
                 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) {
@@ -421,6 +457,17 @@ function DataLoader({ item, children, filters, userFilters, additionalProcessing
             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 {
@@ -487,6 +534,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     const { reports, fetchIndividualReport } = (0, react_1.useContext)(Context_1.ReportsContext);
     const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
+    const { eventTracking } = (0, react_1.useContext)(Context_1.EventTrackingContext);
     const { reportFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
     const contextFilters = (0, react_1.useMemo)(() => {
@@ -510,7 +558,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
         if (!report) {
             return constructReportFromItem(item);
         }
-        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters);
+        return (0, report_1.convertInternalReportToReport)((0, merge_1.mergeComparisonRange)(report), contextFilters, eventTracking);
     }, [
         (dashboardName ? dashboard : reports)[item.id],
         reportFilters,
@@ -546,6 +594,7 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
                     customFields: schemaData.customFields,
                     abortSignal: fetchReportAbortController.current.signal,
                     getToken,
+                    eventTracking,
                 });
                 addReport({
                     ...report,
@@ -576,6 +625,17 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
                     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');
                 }
             }
@@ -584,6 +644,17 @@ const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, fil
             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/cjs/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/cjs/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/cjs/components/Dashboard/util.js

@@ -40,7 +40,7 @@ function validateTemplatesAgainstFilters(filters, templates) {
     }
 }
 // TODO: Outdated, revisit and retest
-async function addTemplatesToDashboard(name, newTemplates, client, dashboardData, getToken) {
+async function addTemplatesToDashboard(name, newTemplates, client, dashboardData, getToken, eventTracking) {
     try {
         const { publicKey, tenants } = client;
         if (tenants) {
@@ -85,5 +85,16 @@ async function addTemplatesToDashboard(name, newTemplates, client, dashboardData
     }
     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/cjs/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/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,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/cjs/components/QuillTable.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const valueFormatter_1 = require("../utils/valueFormatter");
 const Context_1 = require("../Context");
 const UiComponents_1 = require("./UiComponents");
-function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
+function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, overrideInMemortSort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, disableSort, }) {
     const [activeRows, setActiveRows] = (0, react_1.useState)([]);
     const [maxPage, setMaxPage] = (0, react_1.useState)(1);
     const [sortColumn, setSortColumn] = (0, react_1.useState)(sort?.field || '');
@@ -31,7 +31,7 @@ function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, cur
         }
         else {
             const sortedRows = [...rows];
-            if (sortColumn) {
+            if (sortColumn && !overrideInMemortSort) {
                 sortedRows.sort((a, b) => {
                     const result = (0, valueFormatter_1.compareValues)(a, b, sortColumn);
                     return sortDirection === 'asc' ? result : -result;

package/dist/cjs/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/cjs/components/ReportBuilder/AddColumnModal.js

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

package/dist/cjs/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/cjs/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/cjs/components/ReportBuilder/ColumnComponent.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddColumns = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ReportBuilder_1 = require("../../models/ReportBuilder");
+const UiComponents_1 = require("../UiComponents");
+const AddColumnModal_1 = __importDefault(require("./AddColumnModal"));
+const DraggableColumns_1 = __importDefault(require("./DraggableColumns"));
+const ui_1 = require("./ui");
+const ColumnsDisplayWrapper = ({ reportBuilder, DraggableColumnComponent, }) => {
+    return ((0, jsx_runtime_1.jsx)(DraggableColumns_1.default, { columns: reportBuilder.columns, DraggableColumnComponent: DraggableColumnComponent, onColumnOrderChange: reportBuilder.handleColumnsChange, loading: reportBuilder.loading }));
+};
+const ModalTriggerWrapper = ({ reportBuilder, ButtonComponent, }) => {
+    return ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(AddColumnModal_1.default, { onSave: (tables, columns) => {
+                reportBuilder.handleMultiStateChange({
+                    state: {
+                        ...ReportBuilder_1.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 }) }));
+};
+const AddColumns = ({ reportBuilder, ModalComponent = UiComponents_1.MemoizedModal, ButtonComponent = UiComponents_1.MemoizedSecondaryButton, DraggableColumnComponent = ui_1.QuillDraggableColumn, TextInputComponent = UiComponents_1.QuillTextInput, SelectColumnComponent = ui_1.QuillSelectColumn, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, LoadingComponent = UiComponents_1.QuillLoadingComponent, ColumnDisplay = ((0, jsx_runtime_1.jsx)(ColumnsDisplayWrapper, { reportBuilder: reportBuilder, DraggableColumnComponent: DraggableColumnComponent })), ModalTrigger = ((0, jsx_runtime_1.jsx)(ModalTriggerWrapper, { reportBuilder: reportBuilder, ButtonComponent: SecondaryButtonComponent })), Modal = ((0, jsx_runtime_1.jsx)(ModalWrapper, { reportBuilder: reportBuilder, ModalComponent: ModalComponent, TextInputComponent: TextInputComponent, SelectColumnComponent: SelectColumnComponent, SecondaryButtonComponent: SecondaryButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent, ButtonComponent: ButtonComponent })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [ColumnDisplay, ModalTrigger, Modal] }));
+};
+exports.AddColumns = AddColumns;

package/dist/cjs/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/cjs/components/ReportBuilder/FilterComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAI7D,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EAMrB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,eAAe;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC5C,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACjE,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC/B,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,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KAC3D,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,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,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,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,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACf,EAAE,CAAC;QACJ,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;YAAE,MAAM,EAAE;gBAAE,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAA;aAAE,CAAA;SAAE,KACzC,IAAI,CAAC;KACX,KAAK,GAAG,CAAC,OAAO,CAAC;IAClB,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;CACnB;AA6ID,eAAO,MAAM,UAAU,8NAyCpB,eAAe,4CAgBjB,CAAC"}

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

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddFilters = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FilterStack_1 = __importDefault(require("./FilterStack"));
+const FilterModal_1 = __importDefault(require("./FilterModal"));
+const UiComponents_1 = require("../UiComponents");
+const ui_1 = require("./ui");
+const QuillSelect_1 = require("../QuillSelect");
+const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
+const FilterDisplayWrapper = ({ reportBuilder, FilterStack, TabsComponent, FilterPopoverComponent, FilterModal, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, }) => {
+    return reportBuilder.filterStack.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddFilterPopover' && { top: 12 }),
+        }, children: (0, jsx_runtime_1.jsx)(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddFilterPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add filter", popoverChildren: (0, jsx_runtime_1.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 }) }) }));
+};
+const AddFilters = ({ reportBuilder, TabsComponent = UiComponents_1.QuillTabs, FilterPopoverComponent = ui_1.QuillFilterPopover, ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, SelectComponent = QuillSelect_1.QuillSelectComponent, TextInputComponent = UiComponents_1.QuillTextInput, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, PopoverComponent = UiComponents_1.MemoizedPopover, FilterDisplay = ((0, jsx_runtime_1.jsx)(FilterDisplayWrapper, { reportBuilder: reportBuilder, FilterStack: FilterStack_1.default, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, FilterModal: FilterModal_1.default, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), PopoverTrigger = ((0, jsx_runtime_1.jsx)(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = ((0, jsx_runtime_1.jsx)(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, FilterModal: FilterModal_1.default, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [FilterDisplay, (0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] })] }));
+};
+exports.AddFilters = AddFilters;

package/dist/cjs/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/cjs/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/cjs/components/ReportBuilder/LimitComponent.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddLimit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UiComponents_1 = require("../UiComponents");
+const AddLimitPopover_1 = require("./AddLimitPopover");
+const UiComponents_2 = require("../UiComponents");
+const ui_1 = require("./ui");
+const LimitDisplayWrapper = ({ reportBuilder, LimitSentence, setOpenPopover, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, }) => {
+    return reportBuilder.limit ? ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            marginBottom: 12,
+        }, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'relative',
+            ...(reportBuilder.openPopover === 'AddLimitPopover' && { top: 12 }),
+        }, children: (0, jsx_runtime_1.jsx)(PopoverComponent, { isOpen: reportBuilder.openPopover === 'AddLimitPopover', setIsOpen: (isOpen) => {
+                if (!isOpen) {
+                    reportBuilder.setOpenPopover(null);
+                }
+            }, popoverTitle: "Add limit", popoverChildren: (0, jsx_runtime_1.jsx)(AddLimitPopover, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, onSave: (limit) => {
+                    reportBuilder.onLimitChange(limit, false);
+                    reportBuilder.setOpenPopover(null);
+                } }) }) }));
+};
+const AddLimit = ({ reportBuilder, ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, TextInputComponent = UiComponents_2.QuillTextInput, PopoverComponent = UiComponents_1.MemoizedPopover, LimitPopoverComponent = ui_1.QuillLimitPopover, LimitDisplay = reportBuilder.limit ? ((0, jsx_runtime_1.jsx)(LimitDisplayWrapper, { reportBuilder: reportBuilder, LimitSentence: AddLimitPopover_1.LimitSentence, setOpenPopover: reportBuilder.setOpenPopover, LimitPopover: LimitPopoverComponent, EditPopover: AddLimitPopover_1.AddLimitPopover, TextInput: TextInputComponent, Button: ButtonComponent, SecondaryButton: SecondaryButtonComponent })) : null, PopoverTrigger = ((0, jsx_runtime_1.jsx)(PopoverTriggerWrapper, { reportBuilder: reportBuilder, SecondaryButtonComponent: SecondaryButtonComponent })), Popover = ((0, jsx_runtime_1.jsx)(PopoverWrapper, { reportBuilder: reportBuilder, PopoverComponent: PopoverComponent, AddLimitPopover: AddLimitPopover_1.AddLimitPopover, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent })), }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [LimitDisplay, !reportBuilder.limit && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-start',
+                }, children: [PopoverTrigger, Popover] }))] }));
+};
+exports.AddLimit = AddLimit;