@quillsql/react 2.10.4 → 2.10.6

package/dist/cjs/Chart.d.ts

@@ -8,7 +8,7 @@ interface BaseChartProps {
     isAnimationActive?: boolean;
     hideXAxis?: boolean;
     hideYAxis?: boolean;
-    hideCartesionGrid?: boolean;
+    hideCartesianGrid?: boolean;
 }
 interface WithChartId extends BaseChartProps {
     chartId: string;
@@ -35,6 +35,6 @@ interface WithConfig extends BaseChartProps {
     config: DashboardItem | any;
 }
 type ChartProps = WithChartId | WithConfig;
-declare const Chart: ({ chartId, config, colors, containerStyle, query, SelectComponent, dateRangeFilterDisabled, isAnimationActive, hideXAxis, hideYAxis, hideCartesionGrid, }: ChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chart: ({ chartId, config, colors, containerStyle, query, SelectComponent, dateRangeFilterDisabled, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, }: ChartProps) => import("react/jsx-runtime").JSX.Element;
 export default Chart;
 //# sourceMappingURL=Chart.d.ts.map

package/dist/cjs/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AAyBA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAgF3C,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AA2hBF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AA2BA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAyE3C,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AAodF,eAAe,KAAK,CAAC"}

package/dist/cjs/Chart.js

@@ -19,6 +19,8 @@ const valueFormatter_1 = require("./utils/valueFormatter");
 const LineChart_1 = __importDefault(require("./components/Chart/LineChart"));
 const BarChart_1 = __importDefault(require("./components/Chart/BarChart"));
 const merge_1 = require("./utils/merge");
+const ChartSkeleton_1 = __importDefault(require("./components/Chart/ChartSkeleton"));
+const ChartError_1 = __importDefault(require("./components/Chart/ChartError"));
 // @ts-ignore
 function sumByKey(arr, key) {
     // @ts-ignore
@@ -72,13 +74,7 @@ function didFiltersChange(dashboardItem, filters) {
     }
     return !isEquivalent(dashboardItem.filtersApplied, filters);
 }
-function hashCode(s) {
-    return s.split('').reduce(function (a, b) {
-        a = (a << 5) - a + b.charCodeAt(0);
-        return a & a;
-    }, 0);
-}
-const Chart = ({ chartId, config, colors, containerStyle, query, SelectComponent, dateRangeFilterDisabled = false, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesionGrid = false, }) => {
+const Chart = ({ chartId, config, colors, containerStyle, query, SelectComponent, dateRangeFilterDisabled = false, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) => {
     const { dispatch, dashboard } = (0, react_1.useContext)(Context_1.DashboardContext);
     const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
     // eslint-disable-next-line no-unused-vars
@@ -91,9 +87,9 @@ const Chart = ({ chartId, config, colors, containerStyle, query, SelectComponent
                 ? theme.chartColors
                 : ['#4E80EE', '#E14F62', '#55B5A6', '#E9A23B', '#6466E9', '#55B685'];
     }, [colors]);
-    return ((0, jsx_runtime_1.jsx)(ChartUpdater, { config: config, dispatch: dispatch, dashboard: dashboard, chartId: chartId, containerStyle: containerStyle, colors: chartColors, client: client, theme: theme, dashboardFilters: dashboardFilters, query: query, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesionGrid: hideCartesionGrid, dateRangeFilterDisabled: dateRangeFilterDisabled }));
+    return ((0, jsx_runtime_1.jsx)(ChartUpdater, { config: config, dispatch: dispatch, dashboard: dashboard, chartId: chartId, containerStyle: containerStyle, colors: chartColors, client: client, theme: theme, dashboardFilters: dashboardFilters, query: query, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, dateRangeFilterDisabled: dateRangeFilterDisabled }));
 };
-const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, dispatch, client, theme, dashboardFilters, isAnimationActive, hideXAxis, hideYAxis, hideCartesionGrid, dateRangeFilterDisabled, }) => {
+const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, dispatch, client, theme, dashboardFilters, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, dateRangeFilterDisabled, }) => {
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [isComparison, setIsComparison] = (0, react_1.useState)(false);
     const [bucketData, setBucketData] = (0, react_1.useState)(null);
@@ -105,13 +101,14 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
             }
             try {
                 setLoading(true);
-                const yoloFilters = Object.values(dashboardFilters).length
+                // Remove extra fields on each filter so we don't confuse the backend.
+                const allowDateRange = !dateRangeFilterDisabled;
+                const minimalFilters = Object.values(dashboardFilters).length
                     ? Object.values(dashboardFilters)
-                        .filter((f) => !dateRangeFilterDisabled || f.filterType !== 'date_range')
+                        .filter((f) => allowDateRange || f.filterType !== 'date_range')
                         .map((filter) => {
                         const newFilter = { ...filter };
                         if (newFilter.filterType === 'date_range') {
-                            // filter.field = chartDateFilter?.field;
                             delete newFilter['field'];
                             delete newFilter['options'];
                             delete newFilter['selectedValue'];
@@ -125,16 +122,15 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
                         ...(client.customerId && { orgId: client.customerId }),
                         clientId: client.publicKey,
                         task: 'item',
-                        filters: yoloFilters,
+                        filters: minimalFilters,
                     },
                 };
                 const cloudBody = {
                     id: chartId,
-                    filters: yoloFilters,
+                    filters: minimalFilters,
                 };
                 const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'omit', hostedBody, cloudBody);
-                if (resp) {
-                    setLoading(false);
+                if (resp && resp.name !== 'error') {
                     setIsComparison(!!resp.compareRows?.length);
                     if (resp.compareRows) {
                         (0, merge_1.mergeComparisonRange)(resp);
@@ -148,6 +144,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
                         },
                     });
                 }
+                setLoading(false);
             }
             catch (e) {
                 console.log('Error fetching chart: ', e);
@@ -227,17 +224,12 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
             : null;
     }, [pivotTable]);
     if (!config && (!dashboard[chartId] || loading)) {
-        return ((0, jsx_runtime_1.jsx)("div", { style: {
-                ...containerStyle,
-                boxSizing: 'content-box',
-                height: '100%',
-            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    height: containerStyle?.height,
-                    width: '100%',
-                    boxSizing: 'content-box',
-                    borderRadius: 8,
-                    overflow: 'hidden',
-                }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [(0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: theme?.loadingStateBackgroundColor || '#F9F9FA' }), (0, jsx_runtime_1.jsx)("defs", { fill: theme?.loadingStateBackgroundColor || '#F9F9FA', children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "skeletonGradient", x1: "0%", y1: "0%", x2: "10%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "#FEFEFE" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "rgba(255,255,255,0)" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x1", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x2", from: "-50%", to: "150%", dur: "2s", repeatCount: "indefinite" })] }) }), (0, jsx_runtime_1.jsx)("rect", { width: "50%", height: "100%", fill: "url(#skeletonGradient)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "x", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }) })] }) }) }));
+        if (loading) {
+            return (0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: containerStyle });
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)(ChartError_1.default, { containerStyle: containerStyle });
+        }
     }
     // TODO: Figure out if we can use ?? to coalesce these into the variable.
     const chartTypes = [config?.chartType, dashboard[chartId]?.chartType];
@@ -265,7 +257,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
     }
     if (chartTypes.includes('table')) {
         const data = dashboard[chartId] ? dashboard[chartId] : config;
-        return ((0, jsx_runtime_1.jsx)(Table_1.SpecialTable, { rows: pivotTable?.rows ?? data.rows ?? [], columns: pivotTable?.columns ?? data.yAxisFields ?? data.columns, height: '400px', containerStyle: {
+        return ((0, jsx_runtime_1.jsx)(Table_1.SpecialTable, { rows: pivotTable?.rows ?? data.rows ?? [], columns: pivotTable?.columns ?? data.columns ?? data.yAxisFields, height: '400px', containerStyle: {
                 ...containerStyle,
             }, theme: theme, isTableChart: true, name: data.name }));
     }
@@ -335,7 +327,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
                 ? config.xAxisFormat
                 : bucketData
                     ? bucketData.xAxisFormat
-                    : dashboard[chartId].xAxisFormat, containerStyle: containerStyle, comparison: dateFilter?.comparison, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesionGrid: hideCartesionGrid }));
+                    : dashboard[chartId].xAxisFormat, containerStyle: containerStyle, comparison: dateFilter?.comparison, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid }));
     }
     if (chartTypes.includes('metric')) {
         const data = dashboard[chartId] ? dashboard[chartId] : config;
@@ -378,6 +370,6 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
             ? config.xAxisFormat
             : bucketData
                 ? bucketData.xAxisFormat
-                : dashboard[chartId].xAxisFormat, containerStyle: containerStyle, theme: theme, comparison: dateFilter?.comparison, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesionGrid: hideCartesionGrid }));
+                : dashboard[chartId].xAxisFormat, containerStyle: containerStyle, theme: theme, comparison: dateFilter?.comparison, isAnimationActive: isAnimationActive, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid }));
 };
 exports.default = Chart;

package/dist/cjs/ChartBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAWhF,OAAO,EACL,KAAK,EAIN,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EAUjB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAgBnC,wBAAgB,oBAAoB,CAAC,GAAG,KAAA,OAavC;AA0DD,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAoBF,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4B5D"}
+{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAWhF,OAAO,EACL,KAAK,EAIN,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EAUjB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAgBnC,wBAAgB,oBAAoB,CAAC,GAAG,KAAA,OAavC;AAqED,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAoBF,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4B5D"}

package/dist/cjs/ChartBuilder.js

@@ -37,13 +37,9 @@ const POSTGRES_DATE_TYPES = [
     'time',
     'timetz',
 ];
-async function getReferencedTables(client, sqlQuery, dbTables) {
-    //   const parser = new Parser();
+function getTablesHelper(ast, allTables) {
     const tables = [];
     const withAliases = [];
-    const resp = await (0, dataFetcher_1.getDataFromCloud)(client, `astify`, { query: sqlQuery });
-    let ast = resp.ast;
-    ast = ast.length ? ast[0] : ast;
     if (ast.with && ast.with.length) {
         for (let i = 0; i < ast.with.length; i++) {
             withAliases.push(ast.with[i].name.value);
@@ -57,10 +53,19 @@ async function getReferencedTables(client, sqlQuery, dbTables) {
             }
         }
     }
-    const astFrom = ast?.from?.map((elem) => elem.table) || [];
+    if (ast.from && ast.from.length) {
+        for (let i = 0; i < ast.from.length; i++) {
+            if (ast.from[i].expr && ast.from[i].expr.ast) {
+                const recursiveAST = ast.from[i].expr.ast;
+                const recursiveTables = getTablesHelper(recursiveAST, allTables);
+                tables.push(...recursiveTables.map((t) => t.name));
+            }
+        }
+    }
+    const astFrom = ast?.from?.filter((t) => t.table).map((elem) => elem.table) || [];
     const astSelect = ast?.select?.from?.map((elem) => elem.table) || [];
     const tablesInQuery = [...tables, ...astFrom, ...astSelect].filter((elem) => !withAliases.includes(elem));
-    return dbTables
+    return allTables
         .filter((table) => tablesInQuery.includes(table.displayName))
         .map((table) => {
         return {
@@ -70,6 +75,10 @@ async function getReferencedTables(client, sqlQuery, dbTables) {
     })
         .filter((table) => table.columns.length > 0);
 }
+async function getReferencedTables(client, sqlQuery, dbTables) {
+    const resp = await (0, dataFetcher_1.getDataFromCloud)(client, `astify`, { query: sqlQuery });
+    return getTablesHelper(resp.ast.length ? resp.ast[0] : resp.ast, dbTables);
+}
 const AGGREGATION_TYPES = [
     { label: 'sum', value: 'sum' },
     { label: 'count', value: 'count' },
@@ -228,7 +237,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
     };
     const firstNumberColumn = columns?.find((col) => exports.numberFormatOptions.includes(col.format));
     const formEmptyState = {
-        name: '',
+        name: 'My Chart',
         dashboardName: dashboardOptions?.[0]?.label,
         columns: columns.map((col) => {
             return { ...col, label: snakeCaseToTitleCase(col.label) };
@@ -466,7 +475,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
             }
             : { clientId: publicKey }).toString();
         const resp = await (0, dataFetcher_1.getData)(client, `dashedit2?${searchParams}`, 'same-origin', hostedBody, cloudBody);
-        if (resp) {
+        if (resp && resp.name !== "error") {
             if (resp.compareRows) {
                 (0, merge_1.mergeComparisonRange)(resp);
             }

package/dist/cjs/ChartEditor.js

@@ -47,7 +47,7 @@ function ChartEditor({ isOpen, chartId, isEditMode, admin = false, destinationDa
                         filters: [],
                     };
                     const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'omit', hostedBody, cloudBody);
-                    if (resp) {
+                    if (resp && resp.name !== "error") {
                         if (resp.compareRows) {
                             (0, merge_1.mergeComparisonRange)(resp);
                         }

package/dist/cjs/Context.d.ts

@@ -1,34 +1,29 @@
 import React from 'react';
-import { QuillTheme } from './QuillProvider';
-export declare const DateFilterContext: React.Context<((() => void) | null)[]>;
-export declare const SchemaContext: React.Context<((() => void) | never[])[]>;
-export declare const ColumnsContext: React.Context<((() => void) | null)[]>;
-export declare const RowsContext: React.Context<((() => void) | null)[]>;
-export declare const SelectedSidebarIndexContext: React.Context<(number | (() => void))[]>;
-export declare const HistoryContext: React.Context<((() => void) | never[])[]>;
-export declare const SavedQueriesContext: React.Context<((() => void) | never[])[]>;
-export declare const SaveQueryModalStatusContext: React.Context<(string | (() => void))[]>;
-export declare const EditorQueryContext: React.Context<(string | (() => void))[]>;
-export declare const ThemeContext: React.Context<[QuillTheme, (theme: QuillTheme) => void]>;
-export declare const ClientContext: React.Context<((() => void) | null)[]>;
-export declare const CreateVisualizationModalVisibleContext: React.Context<(boolean | (() => void))[]>;
-export declare const ActiveVisualizationContext: React.Context<((() => void) | null)[]>;
-export declare const QueryResultsLoadingContext: React.Context<(boolean | (() => void))[]>;
-export declare const EditVisualizationModalVisibleContext: React.Context<(boolean | (() => void))[]>;
-export declare const ReportBuilderQueryContext: React.Context<(string | (() => void))[]>;
-export declare const SavedReportsQueryContext: React.Context<(string | (() => void))[]>;
-export declare const DashboardContext: React.Context<{}[]>;
-export declare const DashboardFiltersContext: React.Context<{}[]>;
-export declare const ChartDateFiltersContext: React.Context<{}[]>;
+export declare const DateFilterContext: React.Context<any>;
+export declare const SchemaContext: React.Context<any>;
+export declare const ColumnsContext: React.Context<any>;
+export declare const RowsContext: React.Context<any>;
+export declare const SelectedSidebarIndexContext: React.Context<any>;
+export declare const HistoryContext: React.Context<any>;
+export declare const SavedQueriesContext: React.Context<any>;
+export declare const SaveQueryModalStatusContext: React.Context<any>;
+export declare const EditorQueryContext: React.Context<any>;
+export declare const ThemeContext: React.Context<any>;
+export declare const ClientContext: React.Context<any>;
+export declare const CreateVisualizationModalVisibleContext: React.Context<any>;
+export declare const ActiveVisualizationContext: React.Context<any>;
+export declare const QueryResultsLoadingContext: React.Context<any>;
+export declare const EditVisualizationModalVisibleContext: React.Context<any>;
+export declare const ReportBuilderQueryContext: React.Context<any>;
+export declare const SavedReportsQueryContext: React.Context<any>;
+export declare const DashboardContext: React.Context<any>;
+export declare const DashboardFiltersContext: React.Context<any>;
+export declare const ChartDateFiltersContext: React.Context<any>;
 export declare const useChartDateFilters: () => {
     getChartDateFilterById: (id: string) => any;
     setChartDateFilter: (id: string, dateFilter: any) => void;
 };
-type ComparisonRangeContextType = {
-    value: string;
-    text: string;
-} | null;
-export declare const ComparisonRangeContext: React.Context<ComparisonRangeContextType>;
+export declare const ComparisonRangeContext: React.Context<any>;
 export declare const useDateFilter: () => {
     dateFilter: any;
     setDateFilter: any;
@@ -37,17 +32,5 @@ export declare const useComparisonRange: () => {
     comparisonRange: any;
     setComparisonRange: any;
 };
-export declare const ContextProvider: ({ children, initialTheme, publicKey, environment, authToken, customerId, userId, queryEndpoint, queryHeaders, withCredentials, }: {
-    children: any;
-    initialTheme: any;
-    publicKey: any;
-    environment: any;
-    authToken: any;
-    customerId: any;
-    userId: any;
-    queryEndpoint: any;
-    queryHeaders: any;
-    withCredentials: any;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare const ContextProvider: ({ children, initialTheme, publicKey, environment, authToken, customerId, userId, queryEndpoint, queryHeaders, withCredentials, }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Context.d.ts.map

package/dist/cjs/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAKhE,eAAO,MAAM,iBAAiB,wCAAqC,CAAC;AACpE,eAAO,MAAM,aAAa,2CAAmC,CAAC;AAC9D,eAAO,MAAM,cAAc,wCAAqC,CAAC;AACjE,eAAO,MAAM,WAAW,wCAAqC,CAAC;AAC9D,eAAO,MAAM,2BAA2B,0CAAkC,CAAC;AAC3E,eAAO,MAAM,cAAc,2CAAmC,CAAC;AAC/D,eAAO,MAAM,mBAAmB,2CAAmC,CAAC;AACpE,eAAO,MAAM,2BAA2B,0CAGtC,CAAC;AACH,eAAO,MAAM,kBAAkB,0CAAmC,CAAC;AACnE,eAAO,MAAM,YAAY,qCACF,UAAU,KAAK,IAAI,EACP,CAAC;AACpC,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAChE,eAAO,MAAM,sCAAsC,2CAGjD,CAAC;AACH,eAAO,MAAM,0BAA0B,wCAAqC,CAAC;AAC7E,eAAO,MAAM,0BAA0B,2CAAsC,CAAC;AAC9E,eAAO,MAAM,oCAAoC,2CAG/C,CAAC;AACH,eAAO,MAAM,yBAAyB,0CAAmC,CAAC;AAC1E,eAAO,MAAM,wBAAwB,0CAAmC,CAAC;AACzE,eAAO,MAAM,gBAAgB,qBAAmC,CAAC;AACjE,eAAO,MAAM,uBAAuB,qBAAmC,CAAC;AACxE,eAAO,MAAM,uBAAuB,qBAAmC,CAAC;AAExE,eAAO,MAAM,mBAAmB;iCAKM,MAAM;6BACV,MAAM,cAAc,GAAG;CAQxD,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC;AACT,eAAO,MAAM,sBAAsB,2CAElC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;CAK9B,CAAC;AAuDF,eAAO,MAAM,eAAe;;;;;;;;;;;oDAkN3B,CAAC"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,iBAAiB,oBAAwC,CAAC;AACvE,eAAO,MAAM,aAAa,oBAAwC,CAAC;AACnE,eAAO,MAAM,cAAc,oBAA0C,CAAC;AACtE,eAAO,MAAM,WAAW,oBAA0C,CAAC;AACnE,eAAO,MAAM,2BAA2B,oBAAuC,CAAC;AAChF,eAAO,MAAM,cAAc,oBAAwC,CAAC;AACpE,eAAO,MAAM,mBAAmB,oBAAwC,CAAC;AACzE,eAAO,MAAM,2BAA2B,oBAGtC,CAAC;AACH,eAAO,MAAM,kBAAkB,oBAAwC,CAAC;AACxE,eAAO,MAAM,YAAY,oBAA0C,CAAC;AACpE,eAAO,MAAM,aAAa,oBAA0C,CAAC;AACrE,eAAO,MAAM,sCAAsC,oBAGjD,CAAC;AACH,eAAO,MAAM,0BAA0B,oBAGrC,CAAC;AACH,eAAO,MAAM,0BAA0B,oBAGrC,CAAC;AACH,eAAO,MAAM,oCAAoC,oBAG/C,CAAC;AACH,eAAO,MAAM,yBAAyB,oBAAwC,CAAC;AAC/E,eAAO,MAAM,wBAAwB,oBAAwC,CAAC;AAC9E,eAAO,MAAM,gBAAgB,oBAAwC,CAAC;AACtE,eAAO,MAAM,uBAAuB,oBAAwC,CAAC;AAC7E,eAAO,MAAM,uBAAuB,oBAAwC,CAAC;AAE7E,eAAO,MAAM,mBAAmB;iCAKM,MAAM;6BACV,MAAM,cAAc,GAAG;CAQxD,CAAC;AAEF,eAAO,MAAM,sBAAsB,oBAA2B,CAAC;AAE/D,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;CAK9B,CAAC;AAuDF,eAAO,MAAM,eAAe,qIAWzB,GAAG,mDAqML,CAAC"}

package/dist/cjs/Context.js

@@ -2,13 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextProvider = exports.useComparisonRange = exports.useDateFilter = exports.ComparisonRangeContext = exports.useChartDateFilters = exports.ChartDateFiltersContext = exports.DashboardFiltersContext = exports.DashboardContext = exports.SavedReportsQueryContext = exports.ReportBuilderQueryContext = exports.EditVisualizationModalVisibleContext = exports.QueryResultsLoadingContext = exports.ActiveVisualizationContext = exports.CreateVisualizationModalVisibleContext = exports.ClientContext = exports.ThemeContext = exports.EditorQueryContext = exports.SaveQueryModalStatusContext = exports.SavedQueriesContext = exports.HistoryContext = exports.SelectedSidebarIndexContext = exports.RowsContext = exports.ColumnsContext = exports.SchemaContext = exports.DateFilterContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-nocheck
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 const react_1 = require("react");
-const QuillProvider_1 = require("./QuillProvider");
-// eslint-disable-next-line @typescript-eslint/no-empty-function
 const dummySetter = () => { };
-exports.DateFilterContext = (0, react_1.createContext)([null, dummySetter]);
+exports.DateFilterContext = (0, react_1.createContext)([[], dummySetter]);
 exports.SchemaContext = (0, react_1.createContext)([[], dummySetter]);
 exports.ColumnsContext = (0, react_1.createContext)([null, dummySetter]);
 exports.RowsContext = (0, react_1.createContext)([null, dummySetter]);
@@ -20,14 +16,20 @@ exports.SaveQueryModalStatusContext = (0, react_1.createContext)([
     dummySetter,
 ]);
 exports.EditorQueryContext = (0, react_1.createContext)(['', dummySetter]);
-exports.ThemeContext = (0, react_1.createContext)([QuillProvider_1.defaultQuillTheme, dummySetter]);
+exports.ThemeContext = (0, react_1.createContext)([null, dummySetter]);
 exports.ClientContext = (0, react_1.createContext)([null, dummySetter]);
 exports.CreateVisualizationModalVisibleContext = (0, react_1.createContext)([
     false,
     dummySetter,
 ]);
-exports.ActiveVisualizationContext = (0, react_1.createContext)([null, dummySetter]);
-exports.QueryResultsLoadingContext = (0, react_1.createContext)([false, dummySetter]);
+exports.ActiveVisualizationContext = (0, react_1.createContext)([
+    null,
+    dummySetter,
+]);
+exports.QueryResultsLoadingContext = (0, react_1.createContext)([
+    false,
+    dummySetter,
+]);
 exports.EditVisualizationModalVisibleContext = (0, react_1.createContext)([
     false,
     dummySetter,
@@ -49,7 +51,7 @@ const useChartDateFilters = () => {
     };
 };
 exports.useChartDateFilters = useChartDateFilters;
-exports.ComparisonRangeContext = (0, react_1.createContext)([null, dummySetter]);
+exports.ComparisonRangeContext = (0, react_1.createContext)(null);
 const useDateFilter = () => {
     const { dateFilter, setDateFilter } = (0, react_1.useContext)(exports.DateFilterContext);
     return { dateFilter, setDateFilter };

package/dist/cjs/Dashboard.d.ts

@@ -1,23 +1,23 @@
 import React from 'react';
 import { DateRangePickerOption } from './DateRangePicker/DateRangePicker';
-interface Option {
+interface QuillOption {
     value: string;
     label: string;
 }
 interface SelectComponentProps {
     label: string;
-    onChange: (value: string) => void;
+    onChange: (_: string) => void;
     value: string;
-    options: Option[];
+    options: QuillOption[];
 }
-type DateRange = [];
+type DateRange = Date[];
 interface DateRangePickerComponentProps {
     dateRange: DateRange;
     label: string;
-    onChangeDateRange: (value: DateRange) => void;
+    onChangeDateRange: (_: any) => void;
     selectedPreset: string;
     presetOptions: DateRangePickerOption[];
-    onChangePreset: (preset: DateRangePickerOption) => void;
+    onChangePreset: (_: any) => void;
     preset: string;
 }
 interface FilterButtonComponentProps {
@@ -30,30 +30,123 @@ interface ModalComponentProps {
     onClose: () => void;
     title: string;
 }
-interface DashboardItemData {
+export type AxisFormat = 'percent' | 'dollar_amount' | 'dollar_cents' | 'whole_number' | 'one_decimal_place' | 'two_decimal_places' | 'string' | 'yyyy' | 'MMM_yyyy' | 'MMM_dd_yyyy' | 'hh_ap_pm' | 'MMM_dd-MMM_dd' | 'MMM_dd_hh:mm_ap_pm' | 'wo, yyyy';
+/**
+ * A dashboard item represents an individual item on a dashboard.
+ *
+ * Dashboard items can be charts, metric tiles, tables, etc. and can be styled
+ * however you'd like.
+ */
+export interface DashboardItemData {
+    /** The dashboard item's unique id. */
+    id: string;
+    /** The name of the dashboard item. */
     name: string;
+    /** The name of the dashboard this item belongs to. */
+    dashboardName: string;
+    /** The rows of data returned from this item's query. */
+    rows: {
+        [key: string]: string;
+    }[];
+    /** The columns data returned from this item's query. */
+    columns: any[];
+    /** The type of this chart. */
+    chartType: string;
+    /** The table and field this chart uses for date filtering */
+    dateField: {
+        table: string;
+        field: string;
+    } | null;
+    /** The pivot used in this query */
+    pivot: {
+        title: string;
+        aggregationType: 'sum' | 'average' | 'count';
+        rowField: string;
+        rowFieldType: string;
+        columnField: string | undefined;
+        columnFieldType: string | undefined;
+        valueField: string;
+    } | null;
+    /** The formatted primary range aggregation value, if any. */
+    primaryAggregation?: string;
+    /** The formatted comparison range aggregation value, if any. */
+    comparisonAggregation?: string;
+    /** The percent change in the aggragations, if any. */
+    aggregationPercentChange?: string;
+    /** The label of the xAxis. */
+    xAxisLabel: string;
+    /** The field to use for this item's xAxis. */
+    xAxisField: string;
+    /** The format for this item's xAxis. */
+    xAxisFormat: AxisFormat;
+    /**
+     * A list of metadata about the yAxes of this item.
+     */
+    yAxisFields: {
+        /** The field for this yAxis. */
+        field: string;
+        /** The label to use for this yAxis. */
+        label: string;
+        /** The format of the data in this yAxis. */
+        format: AxisFormat;
+    }[];
+    /**
+     * The relative ordering of this dashboard item in relation to its sibling
+     * dashboard items. Ordering starts at 1 and counts up.
+     *
+     * Also note that dashboard items in the same section are first grouped by
+     * `chartType` and then each group is sorted by `order`. Currently, the first
+     * group is the `metric` items and the last group is the `table` items with
+     * the rest of the items in between.
+     */
+    order: number;
+    /**
+     * The rows of data returned from this item's query over the comparison date
+     * range as opposed to the primary date range.
+     */
+    compareRows: {
+        [key: string]: string;
+    }[];
+    /** A map of filters that have been applied to this query. */
+    filtersApplied: {
+        [key: string]: any;
+    };
 }
-interface DashboardItemProps {
+export interface DashboardItemProps {
+    dashboardItem: DashboardItemData | undefined;
+    onClickDashboardItem?: any;
     children: any;
-    dashboardItem: DashboardItemData;
 }
-interface DashboardProps {
+export interface DashboardProps {
+    /** The name of the dashboard. Must be unique. */
     name?: string;
-    containerStyle?: React.CSSProperties;
+    /**
+     * The styles for the dashboard container.
+     *
+     * This container is the parent of all the filtering buttons as well as any
+     * dashboard sections. The passed style can either be an object of React-style
+     * CSSProperties or a TailwindCSS-style classname string.
+     */
+    containerStyle?: React.CSSProperties | string;
     metricContainerStyle?: React.CSSProperties;
     chartContainerStyle?: React.CSSProperties;
     maxColumnWidth?: number;
     rowHeight?: number;
-    onClickDashboardItem?: (item: any) => void;
+    onClickDashboardItem?: (_: any) => void;
     hideFilters?: boolean;
     dateRangeFilterDisabled?: boolean;
     EmptyDashboardComponent?: () => JSX.Element;
-    FilterDropdownComponent?: (props: SelectComponentProps) => JSX.Element;
-    DashboardItemComponent?: (props: DashboardItemProps) => JSX.Element;
-    DateRangePickerComponent?: (props: DateRangePickerComponentProps) => JSX.Element;
-    FilterButtonComponent?: (props: FilterButtonComponentProps) => JSX.Element;
-    FilterModalComponent?: (props: ModalComponentProps) => JSX.Element;
-    onChangeLoading?: (isLoading: boolean) => void;
+    SelectComponent?: (_: SelectComponentProps) => JSX.Element;
+    DashboardItemComponent?: (_: DashboardItemProps) => JSX.Element;
+    DateRangePickerComponent?: (_: DateRangePickerComponentProps) => JSX.Element;
+    FilterButtonComponent?: (_: FilterButtonComponentProps) => JSX.Element;
+    FilterModalComponent?: (_: ModalComponentProps) => JSX.Element;
+    DashboardSectionComponent?: (_: any) => JSX.Element;
+    DashboardGroupComponent?: (_: any) => JSX.Element;
+    onChangeLoading?: (_: boolean) => void;
+    hideXAxis?: boolean;
+    hideYAxis?: boolean;
+    hideCartesianGrid?: boolean;
 }
 interface comparisonOption {
     value: string;
@@ -61,14 +154,11 @@ interface comparisonOption {
 }
 export declare const COMPARISON_OPTIONS: comparisonOption[];
 export declare const PRIMARY_OPTIONS: any[];
-export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, DateRangePickerComponent, theme, }: {
-    filter: any;
-    onChangeFilter: any;
-    SelectComponent: any;
-    DateRangePickerComponent: any;
-    theme: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, DateRangePickerComponent, theme, }: any): import("react/jsx-runtime").JSX.Element | null;
 export declare const QuillDateRangePicker: ({ label, dateRange, onChangeDateRange, presetOptions, preset, onChangePreset, }: DateRangePickerComponentProps) => import("react/jsx-runtime").JSX.Element;
-export default function Dashboard({ name, containerStyle, chartContainerStyle, metricContainerStyle, maxColumnWidth, rowHeight, onClickDashboardItem, hideFilters, dateRangeFilterDisabled, FilterDropdownComponent, EmptyDashboardComponent, DateRangePickerComponent, FilterButtonComponent, FilterModalComponent, onChangeLoading, DashboardItemComponent, }: DashboardProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Quill Dashboard.
+ */
+export default function Dashboard({ name, containerStyle, chartContainerStyle, metricContainerStyle, maxColumnWidth, rowHeight, onClickDashboardItem, hideFilters, dateRangeFilterDisabled, SelectComponent, EmptyDashboardComponent, DateRangePickerComponent, FilterButtonComponent, FilterModalComponent, onChangeLoading, DashboardItemComponent, DashboardSectionComponent, DashboardGroupComponent, hideXAxis, hideYAxis, hideCartesianGrid, }: DashboardProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=Dashboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkDf,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAK1E,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,EAAE,CAAC;AAEpB,UAAU,6BAA6B;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,qBAAqB,EAAE,CAAC;IACvC,cAAc,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,EAAE,iBAAiB,CAAC;CAClC;AAED,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3C,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC5C,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACvE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpE,wBAAwB,CAAC,EAAE,CACzB,KAAK,EAAE,6BAA6B,KACjC,GAAG,CAAC,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3E,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACnE,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAqBhD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,GAAG,EAShC,CAAC;AAaF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,KAAK,GACN;;;;;;CAAA,kDA4IA;AAujBD,eAAO,MAAM,oBAAoB,oFAO9B,6BAA6B,4CA0C/B,CAAC;AA6BF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,uBAA+B,EAC/B,uBAAuB,EACvB,uBAAsD,EACtD,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,GACvB,EAAE,cAAc,kDAmgChB"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"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"}