@quillsql/react 2.10.31 → 2.10.32

package/dist/cjs/utils/color.js

@@ -0,0 +1,251 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectColor = void 0;
+const colorValues = [
+    'red',
+    'orange',
+    'amber',
+    'yellow',
+    'lime',
+    'green',
+    'emerald',
+    'teal',
+    'cyan',
+    'sky',
+    'blue',
+    'indigo',
+    'violet',
+    'purple',
+    'fuchsia',
+    'pink',
+    'rose',
+];
+/**
+ * Selects a color from the list of colors based on the element's index. If
+ * the element is a comparison range, it will select the color and then
+ * transform it to be grayscale.
+ * @param element the chart element to select the color for
+ * @param colors a list of colors to choose from
+ * @param index the index of this element in colors
+ */
+function selectColor(element, colors, index) {
+    if (!element?.field)
+        return 'gray';
+    const isComparison = element.field.includes('comparison_');
+    const color = colors[index % colors.length] ?? '';
+    if (!isComparison) {
+        return color;
+    }
+    // If the element is a comparison, make the color grayscale.
+    if (Object.keys(COLOR_TO_HEX).includes(color)) {
+        const colorHex = COLOR_TO_HEX[color];
+        const rgbArray = hexToRGB(colorHex);
+        return toGrayscale(rgbArray);
+    }
+    // If the element is already hex, make it grayscale
+    if (color?.startsWith('#')) {
+        const rgbArray = hexToRGB(color);
+        return toGrayscale(rgbArray);
+    }
+    return 'gray'; // unknown color, fallback on gray
+}
+exports.selectColor = selectColor;
+/**
+ * Transform a hex string to an RGB array.
+ *
+ * Examples:
+ * - #8661f2   -> [134, 97, 242]
+ * - #1661ea2e -> [22, 97, 234, 46]
+ *
+ * TODO: Add support for triplet-style hex codes like this:
+ * - #123 -> #112233 -> [17, 34, 51]
+ */
+function hexToRGB(hex) {
+    // Matches 3-4 pairs of hex digits with an optional leading `#` character
+    const regex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;
+    const result = regex.exec(hex);
+    if (result) {
+        return [
+            parseInt(result[1], 16), // index 0 is whole string, then ()'s
+            parseInt(result[2], 16),
+            parseInt(result[3], 16),
+            ...(result[4] ? [parseInt(result[4], 16)] : []), // <- alpha channel
+        ];
+    }
+    // try 'RGB[A](0, 0, 0[, 0])' style colors, matching on digits (with decimals)
+    const rgba = hex.match(/[0-9.]+/g);
+    if (rgba) {
+        return [
+            Number(rgba[0]),
+            Number(rgba[1]),
+            Number(rgba[2]),
+            ...(rgba[3] ? [Number(rgba[3])] : []),
+        ];
+    }
+    return [128, 128, 128]; // unknown color, return 'gray'
+}
+/**
+ * Converts an RGB object to grayscale.
+ *
+ * This implementation uses the luminosity method (same as GIMP's grayscale
+ * algorithm) to convert colors with proportions relative to what the human
+ * eye can percieve. This lets us maximize the visual difference between
+ * different shades of gray.
+ */
+function toGrayscale(rgba) {
+    if (rgba.length < 3)
+        return 'rbg(128, 128, 128)';
+    let sum = 0;
+    sum += Number(rgba[0] * 0.89);
+    sum += Number(rgba[1] * 1.77);
+    sum += Number(rgba[2] * 0.33);
+    const avg = (sum / 3).toFixed(2);
+    return `rgb(${avg}, ${avg}, ${avg})`;
+}
+/**
+ * A comprehensive map of all the CSS named-colors that modern browsers will
+ * recognize, and converts them into their hex values.
+ */
+const COLOR_TO_HEX = {
+    aliceblue: '#f0f8ff',
+    antiquewhite: '#faebd7',
+    aqua: '#00ffff',
+    aquamarine: '#7fffd4',
+    azure: '#f0ffff',
+    beige: '#f5f5dc',
+    bisque: '#ffe4c4',
+    black: '#000000',
+    blanchedalmond: '#ffebcd',
+    blue: '#0000ff',
+    blueviolet: '#8a2be2',
+    brown: '#a52a2a',
+    burlywood: '#deb887',
+    cadetblue: '#5f9ea0',
+    chartreuse: '#7fff00',
+    chocolate: '#d2691e',
+    coral: '#ff7f50',
+    cornflowerblue: '#6495ed',
+    cornsilk: '#fff8dc',
+    crimson: '#dc143c',
+    cyan: '#00ffff',
+    darkblue: '#00008b',
+    darkcyan: '#008b8b',
+    darkgoldenrod: '#b8860b',
+    darkgray: '#a9a9a9',
+    darkgreen: '#006400',
+    darkkhaki: '#bdb76b',
+    darkmagenta: '#8b008b',
+    darkolivegreen: '#556b2f',
+    darkorange: '#ff8c00',
+    darkorchid: '#9932cc',
+    darkred: '#8b0000',
+    darksalmon: '#e9967a',
+    darkseagreen: '#8fbc8f',
+    darkslateblue: '#483d8b',
+    darkslategray: '#2f4f4f',
+    darkturquoise: '#00ced1',
+    darkviolet: '#9400d3',
+    deeppink: '#ff1493',
+    deepskyblue: '#00bfff',
+    dimgray: '#696969',
+    dodgerblue: '#1e90ff',
+    firebrick: '#b22222',
+    floralwhite: '#fffaf0',
+    forestgreen: '#228b22',
+    fuchsia: '#ff00ff',
+    gainsboro: '#dcdcdc',
+    ghostwhite: '#f8f8ff',
+    gold: '#ffd700',
+    goldenrod: '#daa520',
+    gray: '#808080',
+    green: '#008000',
+    greenyellow: '#adff2f',
+    honeydew: '#f0fff0',
+    hotpink: '#ff69b4',
+    indianred: '#cd5c5c',
+    indigo: '#4b0082',
+    ivory: '#fffff0',
+    khaki: '#f0e68c',
+    lavender: '#e6e6fa',
+    lavenderblush: '#fff0f5',
+    lawngreen: '#7cfc00',
+    lemonchiffon: '#fffacd',
+    lightblue: '#add8e6',
+    lightcoral: '#f08080',
+    lightcyan: '#e0ffff',
+    lightgoldenrodyellow: '#fafad2',
+    lightgrey: '#d3d3d3',
+    lightgreen: '#90ee90',
+    lightpink: '#ffb6c1',
+    lightsalmon: '#ffa07a',
+    lightseagreen: '#20b2aa',
+    lightskyblue: '#87cefa',
+    lightslategray: '#778899',
+    lightsteelblue: '#b0c4de',
+    lightyellow: '#ffffe0',
+    lime: '#00ff00',
+    limegreen: '#32cd32',
+    linen: '#faf0e6',
+    magenta: '#ff00ff',
+    maroon: '#800000',
+    mediumaquamarine: '#66cdaa',
+    mediumblue: '#0000cd',
+    mediumorchid: '#ba55d3',
+    mediumpurple: '#9370d8',
+    mediumseagreen: '#3cb371',
+    mediumslateblue: '#7b68ee',
+    mediumspringgreen: '#00fa9a',
+    mediumturquoise: '#48d1cc',
+    mediumvioletred: '#c71585',
+    midnightblue: '#191970',
+    mintcream: '#f5fffa',
+    mistyrose: '#ffe4e1',
+    moccasin: '#ffe4b5',
+    navajowhite: '#ffdead',
+    navy: '#000080',
+    oldlace: '#fdf5e6',
+    olive: '#808000',
+    olivedrab: '#6b8e23',
+    orange: '#ffa500',
+    orangered: '#ff4500',
+    orchid: '#da70d6',
+    palegoldenrod: '#eee8aa',
+    palegreen: '#98fb98',
+    paleturquoise: '#afeeee',
+    palevioletred: '#d87093',
+    papayawhip: '#ffefd5',
+    peachpuff: '#ffdab9',
+    peru: '#cd853f',
+    pink: '#ffc0cb',
+    plum: '#dda0dd',
+    powderblue: '#b0e0e6',
+    purple: '#800080',
+    rebeccapurple: '#663399',
+    red: '#ff0000',
+    rosybrown: '#bc8f8f',
+    royalblue: '#4169e1',
+    saddlebrown: '#8b4513',
+    salmon: '#fa8072',
+    sandybrown: '#f4a460',
+    seagreen: '#2e8b57',
+    seashell: '#fff5ee',
+    sienna: '#a0522d',
+    silver: '#c0c0c0',
+    skyblue: '#87ceeb',
+    slateblue: '#6a5acd',
+    slategray: '#708090',
+    snow: '#fffafa',
+    springgreen: '#00ff7f',
+    steelblue: '#4682b4',
+    tan: '#d2b48c',
+    teal: '#008080',
+    thistle: '#d8bfd8',
+    tomato: '#ff6347',
+    turquoise: '#40e0d0',
+    violet: '#ee82ee',
+    wheat: '#f5deb3',
+    white: '#ffffff',
+    whitesmoke: '#f5f5f5',
+    yellow: '#ffff00',
+    yellowgreen: '#9acd32',
+};

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

@@ -0,0 +1,2 @@
+export declare function hashCode(s: string): number;
+//# sourceMappingURL=crypto.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"crypto.d.ts","sourceRoot":"","sources":["../../../src/utils/crypto.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,UAKjC"}

package/dist/cjs/utils/crypto.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hashCode = void 0;
+function hashCode(s) {
+    return s.split('').reduce(function (a, b) {
+        a = (a << 5) - a + b.charCodeAt(0);
+        return a & a;
+    }, 0);
+}
+exports.hashCode = hashCode;

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

@@ -0,0 +1,6 @@
+export declare const downloadCSV: (data: {
+    rows: any[];
+    fields?: any[];
+    name?: string;
+}) => void;
+//# sourceMappingURL=csv.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"csv.d.ts","sourceRoot":"","sources":["../../../src/utils/csv.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,SAAU;IAChC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,SA4FA,CAAC"}

package/dist/cjs/utils/csv.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCSV = void 0;
+const valueFormatterCSV_1 = require("./valueFormatterCSV");
+const downloadCSV = (data) => {
+    const { rows, fields, name } = data;
+    // report.rows
+    if (rows && !rows.length) {
+        return;
+    }
+    // if table chart, use columns and valueFormatter
+    if (fields) {
+        const newRows = [];
+        for (let i = 0; i < rows.length; i++) {
+            const newRow = {};
+            Object.keys(rows[i]).forEach((field) => (newRow[field] = (0, valueFormatterCSV_1.valueFormatterCSV)({
+                value: rows[i][field],
+                field: field,
+                fields: fields,
+            })));
+            newRows.push(newRow);
+        }
+        const fieldsProcessed = fields?.map((col) => {
+            return {
+                label: col.field,
+                _id: col.field,
+                field: col.field,
+                format: 'percent',
+            };
+        });
+        const csvRows = [];
+        // Header row
+        csvRows.push(fields?.map((col) => col.label || col.field).join(','));
+        // Data rows
+        for (const row of newRows) {
+            const values = fieldsProcessed.map((field) => {
+                let value = JSON.stringify(row[field.label] ?? '');
+                if (value.includes('\\"')) {
+                    value = value.replaceAll('\\"', '""');
+                }
+                return value;
+            });
+            csvRows.push(values.join(','));
+        }
+        // Create CSV string and create a 'blob' with it
+        const csvString = csvRows.join('\r\n');
+        const csvBlob = new Blob([csvString], { type: 'text/csv' });
+        // Create a download link and click it
+        const downloadLink = document.createElement('a');
+        downloadLink.download = `${name}.csv`;
+        downloadLink.href = URL.createObjectURL(csvBlob);
+        downloadLink.style.display = 'none';
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+        document.body.removeChild(downloadLink);
+        return;
+    }
+    const json = rows; // JSON data passed as a prop
+    const fieldsProcessed = Object.keys(json[0]); // Assumes all objects have same keys
+    const csvRows = [];
+    // Header row
+    csvRows.push(fieldsProcessed.join(','));
+    // Data rows
+    for (const row of json) {
+        const values = fieldsProcessed.map((field) => JSON.stringify(row[field] || ''));
+        csvRows.push(values.join(','));
+    }
+    // Create CSV string and create a 'blob' with it
+    const csvString = csvRows.join('\r\n');
+    const csvBlob = new Blob([csvString], { type: 'text/csv' });
+    // Create a download link and click it
+    const downloadLink = document.createElement('a');
+    downloadLink.download = `${name}.csv`;
+    downloadLink.href = URL.createObjectURL(csvBlob);
+    downloadLink.style.display = 'none';
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+    document.body.removeChild(downloadLink);
+};
+exports.downloadCSV = downloadCSV;

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

@@ -0,0 +1,12 @@
+import { DashboardItem } from '../Dashboard';
+/**
+ * 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
+ */
+export declare function cleanDashboardItem(item: {
+    [key: string]: any;
+} | undefined, dashboardFilters: any): DashboardItem;
+//# sourceMappingURL=dashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/utils/dashboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA6B7C;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,SAAS,EACxC,gBAAgB,EAAE,GAAG,GACpB,aAAa,CAmCf"}

package/dist/cjs/utils/dashboard.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanDashboardItem = void 0;
+const valueFormatter_1 = require("./valueFormatter");
+const PivotModal_1 = require("../internals/ReportBuilder/PivotModal");
+const defaultDashboardItem = {
+    id: '',
+    name: '',
+    dashboardName: '',
+    rows: [],
+    compareRows: [],
+    columns: [],
+    chartType: '',
+    dateField: null,
+    pivot: null,
+    primaryAggregation: '',
+    comparisonAggregation: '',
+    aggregationPercentChange: '',
+    yAxisFields: [],
+    xAxisLabel: '',
+    xAxisField: '',
+    xAxisFormat: 'string',
+    order: -1,
+    filtersApplied: {},
+};
+/**
+ * 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, dashboardFilters) {
+    // console.log(item);
+    if (!item)
+        return defaultDashboardItem;
+    if (!item.rows)
+        return {
+            ...defaultDashboardItem,
+            id: item._id,
+            name: item.name,
+        };
+    const pivotTable = getPivotTable(item, dashboardFilters);
+    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, dashboardFilters, config = undefined) {
+    if (!itemInfo)
+        return [];
+    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/dataFetcher.d.ts

@@ -0,0 +1,3 @@
+export declare function getData(client: any, cloudQueryEndpoint: string, noCred: RequestCredentials, hostedRequestBody: any, cloudRequestBody: any, method?: string): Promise<any>;
+export declare function getDataFromCloud(client: any, cloudQueryEndpoint: string, cloudRequestBody: any, method?: string): Promise<any>;
+//# sourceMappingURL=dataFetcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAEA,wBAAsB,OAAO,CAC3B,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBA8ChB;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBA+BhB"}

package/dist/cjs/utils/dataFetcher.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDataFromCloud = exports.getData = void 0;
+// this function gets the data either from the self hosted endpoint or
+// our cloud server
+async function getData(client, cloudQueryEndpoint, noCred, hostedRequestBody, cloudRequestBody, method = 'POST') {
+    try {
+        if (client.queryEndpoint) {
+            // self hosted
+            const resp = await fetch(client.queryEndpoint, {
+                method: 'POST',
+                headers: {
+                    ...client.queryHeaders,
+                    'Content-Type': 'application/json',
+                },
+                credentials: client.withCredentials ? 'include' : noCred,
+                body: JSON.stringify(hostedRequestBody),
+            });
+            const responseJson = await resp.json();
+            if (responseJson.error) {
+                return { success: false, errorMessage: responseJson.error };
+            }
+            let result;
+            if (responseJson.data?.data) {
+                result = {
+                    ...responseJson.data.data,
+                    rows: responseJson?.data.queries?.queryResults[0]?.rows,
+                    compareRows: responseJson?.data.queries?.queryResults[1]?.rows,
+                };
+            }
+            else {
+                result = {
+                    ...responseJson.data,
+                    rows: responseJson?.queries?.queryResults[0]?.rows,
+                    compareRows: responseJson?.queries?.queryResults[1]?.rows,
+                };
+            }
+            return result;
+        }
+        else {
+            // cloud
+            return await getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method);
+        }
+    }
+    catch (e) {
+        console.error('Failed to parse JSON:', e);
+        return null;
+    }
+}
+exports.getData = getData;
+async function getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method = 'POST') {
+    const environment = client?.environment;
+    const host = process?.env?.QUILL_SERVER_HOST ?? 'https://quill-344421.uc.r.appspot.com';
+    const url = `${host}/${cloudQueryEndpoint}`;
+    const resp = await fetch(url, {
+        method,
+        headers: {
+            Authorization: 'Bearer ',
+            ...(environment ? { environment } : {}), // Remember to provide the actual token
+            'Content-Type': 'application/json',
+            environment: environment || undefined,
+        },
+        body: method === 'POST'
+            ? JSON.stringify({
+                ...cloudRequestBody,
+                ...{
+                    publicKey: client?.publicKey,
+                    orgId: client?.customerId,
+                },
+            })
+            : null,
+    });
+    try {
+        return await resp.json();
+    }
+    catch (e) {
+        console.error('Failed to parse JSON:', e);
+        return null;
+    }
+}
+exports.getDataFromCloud = getDataFromCloud;

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

@@ -0,0 +1,10 @@
+/**
+ * Converts the comparison range label to match the date filter range if the
+ * comparison range is dynamic (ie. "Previous Period" -> "Previous 6 months").
+ */
+export declare function convertComparisonRange(primaryRange: string, comparisonRange: string): string;
+/**
+ * Returns whether the xAxisFormat is a date format.
+ */
+export declare function isDateFormat(xAxisFormat: string): boolean;
+//# sourceMappingURL=dates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,UASxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,WAY/C"}