@quillsql/react 2.12.30 → 2.12.32

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { QuillReport } from '../../Dashboard';
+import { QuillReport } from '../../models/Report';
 import { QuillTheme } from '../../QuillProvider';
 export type DataLoaderChildProps = {
     isLoading: boolean;
@@ -9,10 +9,10 @@ export type DataLoaderChildProps = {
         field: string;
         direction: string;
     }) => void;
-    data?: any;
+    data: QuillReport;
 };
-export default function DataLoader({ id, children, filters, }: {
-    id: string;
+export default function DataLoader({ item, children, filters, }: {
+    item: any;
     filters?: any;
     children: ({ isLoading, error, onPageChange, onSortChange, data, }: DataLoaderChildProps) => JSX.Element;
 }): JSX.Element;
@@ -29,11 +29,11 @@ type ColorMapType = {
 export type ChartDataLoaderChildProps = {
     isLoading: boolean;
     error?: string;
-    data?: any;
+    data: QuillReport;
     dateBucket?: string;
 };
-export declare const ChartDataLoader: ({ id, children, dateBucket, additionalProcessing, filters, }: {
-    id: string;
+export declare const ChartDataLoader: ({ item, children, dateBucket, additionalProcessing, filters, }: {
+    item: any;
     dateBucket?: string | undefined;
     mapColorsToFields?: ((_report: QuillReport, _theme: QuillTheme) => ColorMapType) | undefined;
     additionalProcessing?: any;

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

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,EAAE,EACF,QAAQ,EACR,OAAO,GACR,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA4Hd;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;QAOtB,MAAM;;mCAGC,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;cAChB,GAAG;wDAMV,yBAAyB,KAAK,WAAW;MAC1C,WAgEH,CAAC"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAuB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmCjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,CAAC,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CACzC,GAAG,GAAG,CAAC,OAAO,CA4Id;AAED,KAAK,YAAY,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe;UAOpB,GAAG;;mCAGE,WAAW,UACZ,UAAU,KACf,YAAY;2BACM,GAAG;cAChB,GAAG;wDAMV,yBAAyB,KAAK,WAAW;MAC1C,WAsEH,CAAC"}

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

@@ -8,14 +8,34 @@ const Context_1 = require("../../Context");
 const report_1 = require("../../utils/report");
 const paginationProcessing_1 = require("../../utils/paginationProcessing");
 const tableProcessing_1 = require("../../utils/tableProcessing");
-function DataLoader({ id, children, filters, }) {
+const constructReportFromItem = (item) => {
+    return {
+        ...report_1.EMPTY_REPORT,
+        id: item._id,
+        name: item.name,
+        dashboardName: item.dashboardName,
+        rows: [],
+        columns: [],
+        chartType: item.chartType,
+        dateField: item.dateField,
+        pivot: item.pivot,
+        xAxisLabel: item.xAxisLabel,
+        xAxisField: item.xAxisField,
+        xAxisFormat: item.xAxisFormat,
+        yAxisFields: item.yAxisFields,
+        order: item.order,
+        compareRows: item.compareRows,
+        filtersApplied: item.filtersApplied,
+    };
+};
+function DataLoader({ item, children, filters, }) {
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const { dispatch, dashboard } = (0, react_1.useContext)(Context_1.DashboardContext);
+    const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [previousPage, setPreviousPage] = (0, react_1.useState)(0);
-    const [report, setReport] = (0, react_1.useState)(dashboard[id]);
+    const [report, setReport] = (0, react_1.useState)(dashboard[item._id] ?? constructReportFromItem(item));
     const [additionalProcessing, setAdditionProcessing] = (0, react_1.useState)({
         page: paginationProcessing_1.DEFAULT_PAGINATION,
     });
@@ -36,7 +56,7 @@ function DataLoader({ id, children, filters, }) {
         }
     };
     const onSortChange = (sort) => {
-        if ((0, paginationProcessing_1.shouldSortInMemory)(paginationProcessing_1.DEFAULT_PAGINATION, report.rowCount, report.pivot)) {
+        if ((0, paginationProcessing_1.shouldSortInMemory)(paginationProcessing_1.DEFAULT_PAGINATION, report.rowCount, !!report.pivot)) {
             return;
         }
         const updatedProcessing = { page: paginationProcessing_1.DEFAULT_PAGINATION, sort };
@@ -57,7 +77,11 @@ function DataLoader({ id, children, filters, }) {
                 if (resetRows) {
                     tempRows = paginatedRows.rows;
                 }
-                setReport({ ...report, rows: tempRows });
+                const convertedReport = (0, report_1.convertInternalReportToReport)({
+                    ...report,
+                    rows: tempRows,
+                });
+                setReport(convertedReport);
                 setAdditionProcessing(updatedProcessing);
                 setTimeout(() => {
                     setLoading(false);
@@ -70,71 +94,82 @@ function DataLoader({ id, children, filters, }) {
         }
     };
     const fetchReportHelper = async (useReportTask = true, processing) => {
-        if (!(0, Chart_1.didFiltersChange)(dashboard[id], filters) &&
+        if (dashboard[item._id] &&
+            !(0, Chart_1.didFiltersChange)(dashboard[item._id], filters) &&
             !loading &&
-            !dashboard[id].triggerReload) {
+            // @ts-ignore
+            !dashboard[item._id].triggerReload) {
             setLoading(false);
-            setReport(dashboard[id]);
+            const convertedReport = (0, report_1.convertInternalReportToReport)(
+            // @ts-ignore
+            dashboard[item._id]);
+            setReport(convertedReport);
             return;
         }
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(id, client, useReportTask, filters, processing, undefined, customFields);
+        const { report, error } = await (0, report_1.fetchReport)(item._id, client, useReportTask, filters, processing, undefined, customFields);
         dispatch({
             type: 'UPDATE_DASHBOARD_ITEM',
-            id: id,
+            id: item._id,
             data: { ...report, triggerReload: false },
         });
-        setReport(report);
+        const convertedReport = (0, report_1.convertInternalReportToReport)(report);
+        setReport(convertedReport);
         setAdditionProcessing(processing);
         setError(error);
         setLoading(false);
     };
     (0, react_1.useEffect)(() => {
         fetchReportHelper(true, additionalProcessing);
-    }, [filters, id]);
+    }, [filters, item._id]);
     (0, react_1.useEffect)(() => {
-        if (dashboard[id] && dashboard[id].triggerReload) {
+        // @ts-ignore
+        if (dashboard[item._id] && dashboard[item._id].triggerReload) {
             fetchReportHelper(true, additionalProcessing);
         }
-    }, [dashboard[id]]);
+    }, [dashboard[item._id]]);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
             isLoading: loading,
             error,
             onPageChange,
             onSortChange,
-            data: report ?? undefined,
+            data: report,
         }) }));
 }
 exports.default = DataLoader;
 // The same data-loader pattern as above, but with special logic for charts
 // At some point these may be able to get merged into one function.
-const ChartDataLoader = ({ id, children, dateBucket, additionalProcessing, filters, }) => {
-    const { dispatch, dashboard } = (0, react_1.useContext)(Context_1.DashboardContext);
+const ChartDataLoader = ({ item, children, dateBucket, additionalProcessing, filters, }) => {
+    const [dashboard, dispatch] = (0, react_1.useContext)(Context_1.DashboardContext);
     const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(undefined);
     const [localDateBucket, setLocalDateBucket] = (0, react_1.useState)(undefined);
     const [localAdditionalProcessing, setLocalAdditionalProcessing] = (0, react_1.useState)();
-    const [report, setReport] = (0, react_1.useState)(dashboard[id]);
+    const [report, setReport] = (0, react_1.useState)(dashboard[item._id] ?? constructReportFromItem(item));
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [customFields] = (0, react_1.useContext)(Context_1.CustomFieldContext);
     const fetchReportHelper = async (useReportTask = true) => {
-        if (!(0, Chart_1.didFiltersChange)(dashboard[id], filters) &&
-            !dashboard[id].triggerReload &&
+        const tempReport = dashboard[item._id];
+        if (tempReport &&
+            !(0, Chart_1.didFiltersChange)(tempReport, filters) &&
+            !tempReport.triggerReload &&
             dateBucket === localDateBucket &&
             additionalProcessing?.last === localAdditionalProcessing?.last) {
             setLoading(false);
-            setReport(dashboard[id]);
+            const convertedReport = (0, report_1.convertInternalReportToReport)(tempReport);
+            setReport(convertedReport);
             return;
         }
         setLoading(true);
-        const { report, error } = await (0, report_1.fetchReport)(id, client, useReportTask, filters, additionalProcessing, dateBucket, customFields);
+        const { report, error } = await (0, report_1.fetchReport)(item._id, client, useReportTask, filters, additionalProcessing, dateBucket, customFields);
         dispatch({
             type: 'UPDATE_DASHBOARD_ITEM',
-            id: id,
+            id: item._id,
             data: { ...report, triggerReload: false },
         });
-        setReport(report);
+        const convertedReport = (0, report_1.convertInternalReportToReport)(report);
+        setReport(convertedReport);
         setLocalDateBucket(dateBucket);
         setLocalAdditionalProcessing(additionalProcessing);
         setError(error);
@@ -143,15 +178,16 @@ const ChartDataLoader = ({ id, children, dateBucket, additionalProcessing, filte
     (0, react_1.useEffect)(() => {
         setInitialLoad(false);
         fetchReportHelper();
-    }, [filters, id, dateBucket, additionalProcessing]);
+    }, [filters, item._id, dateBucket, additionalProcessing]);
     (0, react_1.useEffect)(() => {
-        if (dashboard[id] && dashboard[id].triggerReload) {
+        const tempReport = dashboard[item._id];
+        if (tempReport && tempReport.triggerReload) {
             fetchReportHelper();
         }
-    }, [dashboard[id]]);
+    }, [dashboard[item._id]]);
     return children({
         isLoading: loading || initialLoad,
-        data: report ?? undefined,
+        data: report,
         error,
         dateBucket,
     });

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

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

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

@@ -4,29 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const dateRangePickerUtils_1 = require("../../DateRangePicker/dateRangePickerUtils");
-const valueFormatter_1 = require("../../utils/valueFormatter");
 const ChartError_1 = __importDefault(require("../Chart/ChartError"));
 const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
 const hooks_1 = require("../../hooks");
-const useQuill_1 = require("../../hooks/useQuill");
 function QuillMetricComponent({ report, onClick, error, isLoading, }) {
     const theme = (0, hooks_1.useTheme)();
     const dateFilter = report?.filtersApplied?.find((filter) => filter.filterType == 'date_range');
-    const [rows, setRows] = (0, react_1.useState)(report?.rows ?? []);
-    const pivotData = (0, useQuill_1.usePivot)(report.id);
-    (0, react_1.useEffect)(() => {
-        if (pivotData.data) {
-            setRows(pivotData.data.rows);
-        }
-        else if (report?.rows) {
-            setRows(report.rows);
-        }
-        else {
-            setRows([]);
-        }
-    }, [pivotData?.data?.rows, report?.rows]);
     const primaryMetricLabel = report?.filtersApplied?.date_range?.preset?.label;
     const comparisonKey = report?.filtersApplied?.date_range?.comparisonRange?.value;
     const comparisonLabel = dateRangePickerUtils_1.COMPARISON_OPTIONS.find((opt) => opt.value === comparisonKey)?.text;
@@ -35,6 +19,7 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
             boxSizing: 'content-box',
             borderRadius: 8,
             paddingBottom: isLoading ? 0 : 30,
+            width: '100%',
         }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                 width: '100%',
                 height: '100%',
@@ -55,7 +40,7 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                                 justifyContent: 'space-between',
                                 boxSizing: 'content-box',
                                 paddingBottom: 5,
-                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            }, children: [onClick && ((0, jsx_runtime_1.jsx)("div", { style: {
                                         fontFamily: theme.fontFamily,
                                         color: theme.primaryTextColor,
                                         boxSizing: 'content-box',
@@ -67,7 +52,7 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                                         display: 'block',
                                         maxWidth: '100%',
                                         overflow: 'hidden',
-                                    }, children: report?.name }), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    }, children: report?.name })), onClick && report?.name ? ((0, jsx_runtime_1.jsx)("div", { style: {
                                         fontFamily: theme.fontFamily,
                                         color: theme.primaryTextColor,
                                         boxSizing: 'content-box',
@@ -80,7 +65,8 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                                     }, children: 'view report →' })) : null] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
                                 maxHeight: '78px',
                                 height: '100%',
-                            } })) : error ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : rows?.length === 0 || rows[0][report.xAxisField] === null ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                            } })) : error ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : report.rows?.length === 0 ||
+                            report.rows[0][report.xAxisField] === null ? ((0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flex: '1 0 auto',
                                 height: '100%',
@@ -117,19 +103,9 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                                             gap: 4,
                                             alignItems: 'baseline',
                                             marginRight: 'auto',
-                                        }, children: [(0, jsx_runtime_1.jsx)("span", { children: rows.length > 0 &&
-                                                    (0, valueFormatter_1.valueFormatter)({
-                                                        value: rows[0][report.xAxisField] ?? 0,
-                                                        field: report.xAxisField,
-                                                        fields: [
-                                                            {
-                                                                field: report.xAxisField,
-                                                                format: report.xAxisFormat,
-                                                                label: report.xAxisLabel,
-                                                                _id: report.id || 'dummy',
-                                                            },
-                                                        ],
-                                                    }) }), dateFilter?.comparison && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                        }, children: [(0, jsx_runtime_1.jsx)("span", { children: (report.rows.length > 0 &&
+                                                    report.rows[0][report.xAxisField]) ??
+                                                    0 }), dateFilter?.comparison && ((0, jsx_runtime_1.jsx)("span", { style: {
                                                     fontSize: 13,
                                                     fontWeight: '500',
                                                     fontFamily: theme?.fontFamily,
@@ -148,19 +124,9 @@ function QuillMetricComponent({ report, onClick, error, isLoading, }) {
                                                     fontWeight: '500',
                                                     fontFamily: theme?.fontFamily,
                                                     color: theme?.secondaryTextColor,
-                                                }, children: rows.length > 0 &&
-                                                    (0, valueFormatter_1.valueFormatter)({
-                                                        value: rows[0][`comparison_${report.xAxisField}`] ?? 0,
-                                                        field: report.xAxisField,
-                                                        fields: [
-                                                            {
-                                                                field: report.xAxisField,
-                                                                format: report.xAxisFormat,
-                                                                label: report.xAxisLabel,
-                                                                _id: report.id || 'dummy',
-                                                            },
-                                                        ],
-                                                    }) }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                                }, children: (report.rows.length > 0 &&
+                                                    report.rows[0][`comparison_${report.xAxisField}`]) ??
+                                                    0 }), (0, jsx_runtime_1.jsx)("span", { style: {
                                                     fontSize: 13,
                                                     fontWeight: '500',
                                                     fontFamily: theme?.fontFamily,

package/dist/cjs/components/Dashboard/TableComponent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { QuillReport } from '../../Dashboard';
+import { QuillReport } from '../../models/Report';
 export default function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }: {
     report: QuillReport;
     onClick?: (report: QuillReport) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,GAAG,GAAG,CAAC,OAAO,CAyId"}
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/TableComponent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,GAAG,GAAG,CAAC,OAAO,CAwGd"}

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

@@ -6,48 +6,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const QuillTable_1 = __importDefault(require("../QuillTable"));
-const valueFormatter_1 = require("../../utils/valueFormatter");
 const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
 const ChartError_1 = __importDefault(require("../Chart/ChartError"));
 const hooks_1 = require("../../hooks");
 const useExport_1 = require("../../hooks/useExport");
-const useQuill_1 = require("../../hooks/useQuill");
 function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }) {
     const theme = (0, hooks_1.useTheme)();
     const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
     const { downloadCSV } = (0, useExport_1.useExport)(report?.id);
-    const pivotData = (0, useQuill_1.usePivot)(report.id);
-    const [rows, setRows] = (0, react_1.useState)(report?.rows ?? []);
-    const [columns, setColumns] = (0, react_1.useState)(report?.columns ?? report?.yAxisFields ?? []);
-    (0, react_1.useEffect)(() => {
-        if (!report.rows || !report.columns) {
-            return;
-        }
-        if (report.pivot !== null && pivotData.data) {
-            setRows(pivotData.data.rows);
-            setColumns(pivotData.data.columns);
-        }
-        else {
-            setRows(report?.rows ?? []);
-            setColumns(report?.columns ?? report?.yAxisFields ?? []);
-        }
-    }, [pivotData, report]);
     (0, react_1.useEffect)(() => {
         if (!isLoading) {
             setInitialLoad(false);
         }
     }, [isLoading]);
-    const formattedRows = rows.map((row) => {
-        return columns.reduce((formattedRow, column) => {
-            // Apply the format function to each field in the row
-            const formattedValue = (0, valueFormatter_1.quillFormat)({
-                value: row[column.field],
-                format: column.format,
-            });
-            formattedRow[column.field] = formattedValue;
-            return formattedRow;
-        }, {});
-    });
     return ((0, jsx_runtime_1.jsxs)("div", { style: { cursor: 'pointer' }, onClick: () => onClick && onClick(report), children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                     display: 'flex',
                     flexDirection: 'row',
@@ -83,7 +54,7 @@ function QuillTableComponent({ report, onClick, isLoading, error, rowCount, onPa
                 } })) : error ? ((0, jsx_runtime_1.jsx)("div", { style: {
                     width: '100%',
                     height: '400px',
-                }, children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { isLoading: isLoading, rows: formattedRows ?? [], rowCount: rowCount, columns: columns, rowsPerPage: 10, containerStyle: {
+                }, children: (0, jsx_runtime_1.jsx)(ChartError_1.default, { errorMessage: error }) })) : ((0, jsx_runtime_1.jsx)(QuillTable_1.default, { isLoading: isLoading, rows: report.rows ?? [], rowCount: rowCount, columns: report.columns, rowsPerPage: 10, containerStyle: {
                     width: '100%',
                     height: '400px',
                 }, downloadCSV: () => {

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

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

package/dist/cjs/components/QuillMultiSelectWithCombo.js

@@ -28,6 +28,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const hooks_1 = require("../hooks");
 const react_1 = __importStar(require("react"));
 const Context_1 = require("../Context");
+/**
+ * Helper function for displaying option labels
+ */
+function displaySelectedOptionLabels({ options, value, }) {
+    if (!value || !value.length) {
+        return 'Select';
+    }
+    const matchingOptions = options.filter((elem) => value.includes(elem.value));
+    if (!matchingOptions.length) {
+        return 'Select';
+    }
+    return matchingOptions
+        .map((elem) => elem.label)
+        .join(', ');
+}
 /**
  * A robust select component that implements the new minimal Select interface.
  */
@@ -126,7 +141,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
                             width: '100%',
                             textAlign: 'left',
                             zIndex: 1,
-                        }, children: value && value.length > 0 ? value.join(', ') : 'Select' }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && ((0, jsx_runtime_1.jsxs)("div", { ref: modalRef, style: {
+                        }, children: displaySelectedOptionLabels({ options, value }) }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && ((0, jsx_runtime_1.jsxs)("div", { ref: modalRef, style: {
                     position: 'absolute',
                     width: '100%',
                     display: 'flex',

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

@@ -1 +1 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAMtD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CAgPtB"}
+{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAYtD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CAoPtB"}

package/dist/cjs/components/QuillSelectWithCombo.js

@@ -37,8 +37,11 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
     const [showModal, setShowModal] = (0, react_1.useState)(false);
     const modalRef = (0, react_1.useRef)(null);
     const [searchQuery, setSearchQuery] = react_1.default.useState('');
-    const [filteredItems, setFilteredItems] = react_1.default.useState(options.slice(0, 20));
+    const [filteredItems, setFilteredItems] = react_1.default.useState([]);
     (0, hooks_1.useOnClickOutside)(modalRef, () => setShowModal(false));
+    (0, react_1.useEffect)(() => {
+        setFilteredItems(options.slice(0, 20));
+    }, [options]);
     const handleSearchChange = (value) => {
         setSearchQuery(value);
         const curFilteredItems = value === ''

package/dist/cjs/components/ReportBuilder/FilterModal.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
-import { Filter } from '../../models/Filter';
+import { Filter, Operator } from '../../models/Filter';
 interface FilterModalProps {
     schema: any;
     filter?: Filter;
     fieldValuesMap: {
         [key: string]: string[];
+    } | {
+        [key: string]: {
+            [key: string]: string[];
+        };
     };
+    customOperatorOptions?: OperatorOptionsMap;
     onSubmitFilter: (filter: Filter) => void;
     onDeleteFilter: () => void;
     ButtonComponent: React.ComponentType<any>;
@@ -14,9 +19,12 @@ interface FilterModalProps {
     SecondaryButtonComponent?: React.ComponentType<any>;
     MultiSelectComponent: React.ComponentType<any>;
 }
+type OperatorOptionsMap = {
+    [key: string]: Operator[];
+};
 /**
  * Modal for adding, editing, and deleting Filters
  */
-export default function FilterModal({ schema, filter, fieldValuesMap, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element;
+export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilterModal.d.ts.map

package/dist/cjs/components/ReportBuilder/FilterModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAUP,MAAM,qBAAqB,CAAC;AAK7B,UAAU,gBAAgB;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;IAC5C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAWD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,2CAstBlB"}
+{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,UAAU,gBAAgB;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,2CAwvBlB"}