@quillsql/react 2.10.4 → 2.10.6

package/dist/cjs/utils/dashboard.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanDashboardItem = void 0;
+const react_1 = require("react");
+const valueFormatter_1 = require("./valueFormatter");
+const PivotModal_1 = require("../internals/ReportBuilder/PivotModal");
+const Context_1 = require("../Context");
+/**
+ * Returns a cleaned version of the dashboard item we store in state. We clean
+ * the dashboard item so that we aren't exposing unnecessary details to the
+ * client and also so that we can give the developer using our items a stable
+ * interface to build amazing dashboards on top of.
+ * @param item
+ */
+function cleanDashboardItem(item) {
+    if (!item)
+        return undefined;
+    const pivotTable = getPivotTable(item);
+    const { primaryAggregation, comparisonAggregation, aggregationPercentChange, } = getAggragations(pivotTable, item);
+    return {
+        id: item._id,
+        name: item.name,
+        dashboardName: item.dashboardName,
+        rows: item.rows,
+        compareRows: item.compareRows,
+        columns: item.columns,
+        chartType: item.chartType,
+        dateField: item.dateField,
+        pivot: item.pivot,
+        primaryAggregation,
+        comparisonAggregation,
+        aggregationPercentChange,
+        yAxisFields: extractPivotedYAxis(pivotTable, item),
+        xAxisLabel: item.xAxisLabel,
+        xAxisField: item.xAxisField,
+        xAxisFormat: item.xAxisFormat,
+        order: item.order,
+        filtersApplied: item.filtersApplied,
+    };
+}
+exports.cleanDashboardItem = cleanDashboardItem;
+/**
+ * Extracts the aggregations from the item, if any.
+ */
+function getAggragations(pivotTable, item) {
+    const yAxisFields = extractPivotedYAxis(pivotTable, item);
+    const rows = extractPivotedData(pivotTable, item);
+    // extract the aggragation for the primary range.
+    const mainKey = yAxisFields[0]?.field ?? item.pivot?.valueField;
+    const primary = mainKey
+        ? rows.reduce((sum, row) => sum + parseFloat(row[mainKey]), 0)
+        : 0;
+    // extract the aggragation for the comparison range, if applicable.
+    const compKey = yAxisFields[1]?.field ?? item.pivot?.valueField;
+    const comparison = compKey
+        ? rows.reduce((sum, row) => sum + parseFloat(row[compKey]), 0)
+        : 0;
+    return {
+        primaryAggregation: formatAggragation(item, primary),
+        comparisonAggregation: formatAggragation(item, comparison),
+        aggregationPercentChange: formatPercentageWithSign(comparison, primary),
+    };
+}
+/**
+ * Applies a valueFormatter to the given value based on the format in the item.
+ */
+function formatAggragation(item, value) {
+    if (!value)
+        return undefined;
+    return (0, valueFormatter_1.valueFormatter)({
+        value,
+        field: item.pivot?.valueField,
+        fields: item.yAxisFields,
+    });
+}
+/**
+ * Formats the percentage change from a to b with the sign included.
+ */
+function formatPercentageWithSign(a, b) {
+    const formatter = new Intl.NumberFormat('en-US', {
+        style: 'percent',
+        signDisplay: 'exceptZero',
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+    return formatter.format(Number(b - a));
+}
+/**
+ * Extract and transform the data from itemInfo.
+ */
+function getPivotTable(itemInfo, config = undefined) {
+    if (!itemInfo)
+        return [];
+    const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    const dateFilter = Object.values(dashboardFilters ?? {}).find((filter) => filter.filterType == 'date_range');
+    const pivot = itemInfo?.pivot || config?.pivot;
+    const data = itemInfo ? itemInfo : config;
+    return pivot && data?.rows
+        ? (0, PivotModal_1.generatePivotTable)(pivot, JSON.parse(JSON.stringify(data.rows)), // deep copy
+        dateFilter?.startDate
+            ? [dateFilter?.startDate, dateFilter?.endDate, null]
+            : [null, null, null], Boolean(dateFilter?.comparisonRange?.startDate), -1, dateFilter?.comparisonRange?.startDate
+            ? [
+                dateFilter?.comparisonRange.startDate,
+                dateFilter?.comparisonRange.endDate,
+                null,
+            ]
+            : [null, null, null])
+        : null;
+}
+/**
+ * Returns the data list based on whether the table is pivoted and if there is
+ * a config value passed into this component.
+ */
+function extractPivotedData(pivotTable, item, config = undefined) {
+    if (pivotTable)
+        return pivotTable.rows;
+    if (config) {
+        if (config.bucketedRows.length > 0)
+            return config.bucketedRows;
+        return config.rows;
+    }
+    return item.rows;
+}
+/**
+ * Extracts the yAxis from the pivot table, if one exists.
+ */
+function extractPivotedYAxis(pivotTable, itemInfo, config = undefined) {
+    if (!pivotTable)
+        return [];
+    const pivot = itemInfo?.pivot || config?.pivot;
+    const yAxisFields = config ? config.yAxisFields : itemInfo?.yAxisFields;
+    const pivotTableYAxis = yAxisFields
+        ? (0, PivotModal_1.generatePivotTableYAxis)(pivot, pivotTable.columns, yAxisFields?.[0]?.format)
+        : null;
+    const fields = pivotTableYAxis
+        ? pivotTableYAxis
+        : config
+            ? config.yAxisFields
+            : itemInfo.yAxisFields;
+    if (fields.length == 1) {
+        const sampleField = fields[0];
+        fields[fields.length] = {
+            ...sampleField,
+            field: `comparison_${sampleField.field}`,
+            label: `comparison ${sampleField.label}`,
+        };
+    }
+    return fields;
+}

package/dist/cjs/utils/styles.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+export type StyleInput = string | CSSProperties | undefined;
+export type StyleProps = {
+    className: string;
+} | {
+    style: CSSProperties;
+} | {};
+/**
+ * Converts the given styles to a props object that can be passed directly into
+ * a jsx/tsx component. Converts to className if styles is a string, otherwise
+ * treats it as CSSProperties.
+ *
+ * Example:
+ * <div {...styleToProps(containerStyle)}>...</div>
+ */
+export declare function styleToProps(styles: StyleInput): StyleProps;
+//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;AAC5D,MAAM,MAAM,UAAU,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,GAAG,EAAE,CAAC;AAE/E;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,UAAU,GAAG,UAAU,CAO3D"}

package/dist/cjs/utils/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styleToProps = void 0;
+/**
+ * Converts the given styles to a props object that can be passed directly into
+ * a jsx/tsx component. Converts to className if styles is a string, otherwise
+ * treats it as CSSProperties.
+ *
+ * Example:
+ * <div {...styleToProps(containerStyle)}>...</div>
+ */
+function styleToProps(styles) {
+    if (!styles)
+        return {};
+    if (typeof styles === 'string') {
+        return { className: styles };
+    }
+    return { style: styles };
+}
+exports.styleToProps = styleToProps;

package/dist/cjs/utils/valueFormatter.d.ts

@@ -12,6 +12,6 @@ type Props = {
 /**
  * Pretty-prints the given values to their nice-looking string form.
  */
-export declare const valueFormatter: ({ value, field, fields, }: Props) => string | number | boolean;
+export declare const valueFormatter: ({ value, field, fields, }: Props) => string;
 export {};
 //# sourceMappingURL=valueFormatter.d.ts.map

package/dist/cjs/utils/valueFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8BAIxB,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OAgC5B,CAAC"}
+{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8BAIxB,KAAK,KAAG,MA+BV,CAAC"}

package/dist/cjs/utils/valueFormatter.js

@@ -22,7 +22,6 @@ const valueFormatter = ({ value, field, fields, }) => {
         one_decimal_place: formatOneDecimalPlace,
         two_decimal_places: formatTwoDecimalPlaces,
         string: formatString,
-        interval: formatInterval,
         yyyy: format_YYYY,
         MMM_yyyy: format_MMM_yyyy,
         MMM_dd_yyyy: format_MMM_dd_yyyy,
@@ -36,7 +35,7 @@ const valueFormatter = ({ value, field, fields, }) => {
     if (Object.keys(HANDLERS).includes(formatType)) {
         return HANDLERS[formatType](value);
     }
-    return value.toString(); // by default make this value a string
+    return formatString(value); // by default make this value a string
 };
 exports.valueFormatter = valueFormatter;
 /**
@@ -45,22 +44,12 @@ exports.valueFormatter = valueFormatter;
 /**
  * Formats the value as a string using the built-in converstion.
  */
-const formatString = (value) => value.toString();
-/**
- * Formats the value as an interval.
- */
-const INTERVALS = [
-    'years',
-    'months',
-    'days',
-    'hours',
-    'minutes',
-    'seconds',
-];
-const formatInterval = (interval) => INTERVALS.map((component) => interval[component])
-    .filter((value) => value !== undefined && value !== null)
-    .map((value, index) => `${value} ${INTERVALS[index]}`)
-    .join(', ');
+const formatString = (value) => {
+    if (typeof value === 'object') {
+        return JSON.stringify(value);
+    }
+    return value.toString();
+};
 /**
  * Formats the value as a (rounded) currency amount in dollars.
  *

package/dist/cjs/utils/valueFormatterCSV.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valueFormatterCSV.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatterCSV.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8BAI3B,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OAgC5B,CAAC"}
+{"version":3,"file":"valueFormatterCSV.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatterCSV.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8BAI3B,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA+B5B,CAAC"}

package/dist/cjs/utils/valueFormatterCSV.js

@@ -22,7 +22,6 @@ const valueFormatterCSV = ({ value, field, fields, }) => {
         one_decimal_place: formatOneDecimalPlace,
         two_decimal_places: formatTwoDecimalPlaces,
         string: formatString,
-        interval: formatInterval,
         yyyy: format_YYYY,
         MMM_yyyy: format_MMM_yyyy,
         MMM_dd_yyyy: format_MMM_dd_yyyy,
@@ -36,13 +35,18 @@ const valueFormatterCSV = ({ value, field, fields, }) => {
     if (Object.keys(HANDLERS).includes(formatType)) {
         return HANDLERS[formatType](value);
     }
-    return value.toString(); // by default make this value a string
+    return formatString(value); // by default make this value a string
 };
 exports.valueFormatterCSV = valueFormatterCSV;
 /**
  * HELPER FUNCTION DEFINITIONS
  */
-const formatString = (value) => value.toString();
+const formatString = (value) => {
+    if (typeof value === 'object') {
+        return JSON.stringify(value);
+    }
+    return value.toString();
+};
 const formatDollarAmount = (value) => Number(value ?? 0);
 const formatDollarCents = (value) => Number(value ?? 0);
 const formatWholeNumber = (value) => Math.round(Number(value));
@@ -93,15 +97,3 @@ const format_wo_yyyy = (value) => {
         return 'Invalid date';
     return `${(0, date_fns_1.getWeek)(utcDate)},${utcDate.getFullYear()}`;
 };
-const INTERVALS = [
-    'years',
-    'months',
-    'days',
-    'hours',
-    'minutes',
-    'seconds',
-];
-const formatInterval = (interval) => INTERVALS.map((component) => interval[component])
-    .filter((value) => value !== undefined && value !== null)
-    .map((value, index) => `${value} ${INTERVALS[index]}`)
-    .join(', ');

package/dist/esm/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/esm/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/esm/Chart.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-nocheck
 import { useState, useEffect, useContext, useMemo } from 'react';
 import { aggregate } from './utils/aggregate';
@@ -14,6 +14,8 @@ import { valueFormatter } from './utils/valueFormatter';
 import LineChart from './components/Chart/LineChart';
 import BarChart from './components/Chart/BarChart';
 import { mergeComparisonRange } from './utils/merge';
+import ChartSkeleton from './components/Chart/ChartSkeleton';
+import ChartError from './components/Chart/ChartError';
 // @ts-ignore
 function sumByKey(arr, key) {
     // @ts-ignore
@@ -67,13 +69,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 } = useContext(DashboardContext);
     const { dashboardFilters } = useContext(DashboardFiltersContext);
     // eslint-disable-next-line no-unused-vars
@@ -86,9 +82,9 @@ const Chart = ({ chartId, config, colors, containerStyle, query, SelectComponent
                 ? theme.chartColors
                 : ['#4E80EE', '#E14F62', '#55B5A6', '#E9A23B', '#6466E9', '#55B685'];
     }, [colors]);
-    return (_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 (_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] = useState(false);
     const [isComparison, setIsComparison] = useState(false);
     const [bucketData, setBucketData] = useState(null);
@@ -100,13 +96,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'];
@@ -120,16 +117,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 getData(client, 'itempost', 'omit', hostedBody, cloudBody);
-                if (resp) {
-                    setLoading(false);
+                if (resp && resp.name !== 'error') {
                     setIsComparison(!!resp.compareRows?.length);
                     if (resp.compareRows) {
                         mergeComparisonRange(resp);
@@ -143,6 +139,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
                         },
                     });
                 }
+                setLoading(false);
             }
             catch (e) {
                 console.log('Error fetching chart: ', e);
@@ -222,17 +219,12 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
             : null;
     }, [pivotTable]);
     if (!config && (!dashboard[chartId] || loading)) {
-        return (_jsx("div", { style: {
-                ...containerStyle,
-                boxSizing: 'content-box',
-                height: '100%',
-            }, children: _jsx("div", { style: {
-                    height: containerStyle?.height,
-                    width: '100%',
-                    boxSizing: 'content-box',
-                    borderRadius: 8,
-                    overflow: 'hidden',
-                }, children: _jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [_jsx("rect", { width: "100%", height: "100%", fill: theme?.loadingStateBackgroundColor || '#F9F9FA' }), _jsx("defs", { fill: theme?.loadingStateBackgroundColor || '#F9F9FA', children: _jsxs("linearGradient", { id: "skeletonGradient", x1: "0%", y1: "0%", x2: "10%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(255,255,255,0)" }), _jsx("stop", { offset: "50%", stopColor: "#FEFEFE" }), _jsx("stop", { offset: "100%", stopColor: "rgba(255,255,255,0)" }), _jsx("animate", { attributeName: "x1", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "x2", from: "-50%", to: "150%", dur: "2s", repeatCount: "indefinite" })] }) }), _jsx("rect", { width: "50%", height: "100%", fill: "url(#skeletonGradient)", children: _jsx("animate", { attributeName: "x", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }) })] }) }) }));
+        if (loading) {
+            return _jsx(ChartSkeleton, { containerStyle: containerStyle });
+        }
+        else {
+            return _jsx(ChartError, { containerStyle: containerStyle });
+        }
     }
     // TODO: Figure out if we can use ?? to coalesce these into the variable.
     const chartTypes = [config?.chartType, dashboard[chartId]?.chartType];
@@ -260,7 +252,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
     }
     if (chartTypes.includes('table')) {
         const data = dashboard[chartId] ? dashboard[chartId] : config;
-        return (_jsx(SpecialTable, { rows: pivotTable?.rows ?? data.rows ?? [], columns: pivotTable?.columns ?? data.yAxisFields ?? data.columns, height: '400px', containerStyle: {
+        return (_jsx(SpecialTable, { rows: pivotTable?.rows ?? data.rows ?? [], columns: pivotTable?.columns ?? data.columns ?? data.yAxisFields, height: '400px', containerStyle: {
                 ...containerStyle,
             }, theme: theme, isTableChart: true, name: data.name }));
     }
@@ -330,7 +322,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;
@@ -373,6 +365,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 }));
 };
 export default Chart;

package/dist/esm/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/esm/ChartBuilder.js

@@ -30,13 +30,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 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);
@@ -50,10 +46,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 {
@@ -63,6 +68,10 @@ async function getReferencedTables(client, sqlQuery, dbTables) {
     })
         .filter((table) => table.columns.length > 0);
 }
+async function getReferencedTables(client, sqlQuery, dbTables) {
+    const resp = await 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' },
@@ -220,7 +229,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
     };
     const firstNumberColumn = columns?.find((col) => numberFormatOptions.includes(col.format));
     const formEmptyState = {
-        name: '',
+        name: 'My Chart',
         dashboardName: dashboardOptions?.[0]?.label,
         columns: columns.map((col) => {
             return { ...col, label: snakeCaseToTitleCase(col.label) };
@@ -458,7 +467,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
             }
             : { clientId: publicKey }).toString();
         const resp = await getData(client, `dashedit2?${searchParams}`, 'same-origin', hostedBody, cloudBody);
-        if (resp) {
+        if (resp && resp.name !== "error") {
             if (resp.compareRows) {
                 mergeComparisonRange(resp);
             }

package/dist/esm/ChartEditor.js

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

package/dist/esm/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/esm/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"}