@quillsql/react 2.9.3 → 2.9.4

package/dist/{utils/colorToHex.js → cjs/utils/color.js}

@@ -1,4 +1,112 @@
-export const COLOR_TO_HEX = {
+"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',
@@ -54,7 +162,7 @@ export const COLOR_TO_HEX = {
     greenyellow: '#adff2f',
     honeydew: '#f0fff0',
     hotpink: '#ff69b4',
-    'indianred ': '#cd5c5c',
+    indianred: '#cd5c5c',
     indigo: '#4b0082',
     ivory: '#fffff0',
     khaki: '#f0e68c',

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/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,gBAkChB;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBAgChB"}

package/dist/cjs/utils/dataFetcher.js

@@ -0,0 +1,68 @@
+"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') {
+    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),
+        });
+        try {
+            const responseJson = await resp.json();
+            const result = {
+                ...responseJson.data,
+                rows: responseJson?.queries?.queryResults[0]?.rows,
+                compareRows: responseJson?.queries?.queryResults[1]?.rows
+            };
+            return result;
+        }
+        catch (e) {
+            console.error('Failed to parse JSON:', e);
+            return null;
+        }
+    }
+    else {
+        // cloud
+        return await getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method);
+    }
+}
+exports.getData = getData;
+async function getDataFromCloud(client, cloudQueryEndpoint, cloudRequestBody, method = 'POST') {
+    const environment = client?.environment;
+    const resp = await fetch(`https://quill-344421.uc.r.appspot.com/${cloudQueryEndpoint}`, 
+    // `http://localhost:8080/${cloudQueryEndpoint}`,
+    {
+        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.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"}

package/dist/cjs/utils/dates.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDateFormat = exports.convertComparisonRange = void 0;
+/**
+ * Converts the comparison range label to match the date filter range if the
+ * comparison range is dynamic (ie. "Previous Period" -> "Previous 6 months").
+ */
+function convertComparisonRange(primaryRange, comparisonRange) {
+    if (comparisonRange !== 'Previous Period')
+        return comparisonRange;
+    if (!primaryRange)
+        return comparisonRange;
+    if (primaryRange === 'All time')
+        return comparisonRange;
+    const primaryRangeSuffix = primaryRange
+        .replace('Last ', '')
+        .replace('This ', '');
+    return `Previous ${primaryRangeSuffix}`;
+}
+exports.convertComparisonRange = convertComparisonRange;
+/**
+ * Returns whether the xAxisFormat is a date format.
+ */
+function isDateFormat(xAxisFormat) {
+    const DATE_FORMATS = [
+        'yyyy',
+        'MMM_yyyy',
+        'MMM_dd_yyyy',
+        'hh_ap_pm',
+        'MMM_dd-MMM_dd',
+        'MMM_dd_hh:mm_ap_pm',
+        'wo, yyyy',
+    ];
+    const isDate = DATE_FORMATS.includes(xAxisFormat);
+    return isDate;
+}
+exports.isDateFormat = isDateFormat;

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

@@ -0,0 +1 @@
+{"version":3,"file":"downloadCSV.d.ts","sourceRoot":"","sources":["../../../src/utils/downloadCSV.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CAAC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,QA2B3E"}

package/dist/cjs/utils/downloadCSV.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCSV = void 0;
+// @ts-nocheck
+function downloadCSV(rows, filename) {
+    const json = rows;
+    const fields = Object.keys(json[0]);
+    const csvRows = [];
+    // Header row
+    csvRows.push(fields.join(','));
+    // Data rows
+    for (const row of json) {
+        const values = fields.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 = `${filename}.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/getDomain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDomain.d.ts","sourceRoot":"","sources":["../../../src/utils/getDomain.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,CA8BtE"}

package/dist/cjs/utils/getDomain.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Calculates the adjusted domain for numeric values in the specified fields of the given data.
+ * @param data - The data containing numeric fields.
+ * @param  fields - The fields to consider for domain calculation.
+ * @returns - An array representing the adjusted domain [min, max].
+ */
+function getDomain(data, fields) {
+    const fieldsArray = fields.map((elem) => elem.field);
+    const numericValues = [];
+    data.forEach((item) => {
+        fieldsArray.forEach((field) => {
+            let value = item[field];
+            // Try to cast the value to a number
+            const numericValue = parseFloat(value);
+            if (!isNaN(numericValue)) {
+                value = numericValue;
+            }
+            if (typeof value === 'number') {
+                numericValues.push(value);
+            }
+        });
+    });
+    const [minValue, maxValue] = numericValues.reduce(([min, max], value) => [Math.min(min, value), Math.max(max, value)], [Infinity, -Infinity]);
+    const adjustedMin = Math.min(minValue, 0);
+    const padding = Math.round(0.2 * (maxValue - minValue));
+    const adjustedMax = maxValue + padding;
+    return [adjustedMin, adjustedMax];
+}
+exports.default = getDomain;

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

@@ -0,0 +1 @@
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/utils/merge.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,QAG7C"}

package/dist/cjs/utils/merge.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeComparisonRange = void 0;
+function mergeComparisonRange(resp) {
+    mergeForwards(resp);
+    // mergeBackwards(resp); // uncomment to switch back and forth
+}
+exports.mergeComparisonRange = mergeComparisonRange;
+function mergeForwards(resp) {
+    const compRows = resp.compareRows;
+    let j = 0;
+    for (let i = 0; i < resp.rows.length; i++) {
+        if (j < compRows.length) {
+            for (const [key, value] of Object.entries(compRows[j])) {
+                resp.rows[i][`comparison_${key}`] = value;
+            }
+        }
+        j++;
+    }
+    while (j < compRows.length) {
+        const obj = {};
+        for (const [key, value] of Object.entries(compRows[j])) {
+            obj[`comparison_${key}`] = value;
+        }
+        resp.rows.push(obj);
+        j++;
+    }
+}
+// eslint-disable-next-line no-unused-vars
+function mergeBackwards(resp) {
+    const compRows = resp.compareRows;
+    let j = compRows.length - 1;
+    for (let i = resp.rows.length - 1; i >= 0; i--) {
+        if (j >= 0) {
+            for (const [key, value] of Object.entries(compRows[j])) {
+                resp.rows[i][`comparison_${key}`] = value;
+            }
+        }
+        j--;
+    }
+    while (j >= 0) {
+        const obj = {};
+        for (const [key, value] of Object.entries(compRows[j])) {
+            obj[`comparison_${key}`] = value;
+        }
+        resp.rows.push(obj);
+        j--;
+    }
+}

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

@@ -0,0 +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,OA+B5B,CAAC"}

package/dist/cjs/utils/valueFormatter.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.valueFormatter = void 0;
+const date_fns_1 = require("date-fns");
+const date_fns_tz_1 = require("date-fns-tz");
+/**
+ * Pretty-prints the given values to their nice-looking string form.
+ */
+const valueFormatter = ({ value, field, fields, }) => {
+    if (field === undefined || field === null)
+        return '';
+    if (value === undefined || value === null)
+        return '';
+    const fieldInfo = fields.find((f) => f.field === field);
+    if (!fieldInfo)
+        return '';
+    const HANDLERS = {
+        percent: formatPercent,
+        dollar_amount: formatDollarAmount,
+        dollar_cents: formatDollarCents,
+        whole_number: formatWholeNumber,
+        one_decimal_place: formatOneDecimalPlace,
+        two_decimal_places: formatTwoDecimalPlaces,
+        string: formatString,
+        yyyy: format_YYYY,
+        MMM_yyyy: format_MMM_yyyy,
+        MMM_dd_yyyy: format_MMM_dd_yyyy,
+        hh_ap_pm: format_hh_ap_pm,
+        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
+        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
+        'wo, yyyy': format_wo_yyyy,
+    };
+    // try to handle this value using the associated formatType handler
+    const formatType = fieldInfo.format;
+    if (Object.keys(HANDLERS).includes(formatType)) {
+        return HANDLERS[formatType](value);
+    }
+    return value.toString(); // by default make this value a string
+};
+exports.valueFormatter = valueFormatter;
+/**
+ * HELPER FUNCTION DEFINITIONS
+ **/
+/**
+ * Formats the value as a string using the built-in converstion.
+ */
+const formatString = (value) => value.toString();
+/**
+ * Formats the value as a (rounded) currency amount in dollars.
+ *
+ * eg. @example format(1234.567) => "$1,235"
+ */
+const formatDollarAmount = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        maximumFractionDigits: 0,
+    });
+    return formatter.format(Number(value ?? 0));
+};
+/**
+ * Formats the value as a (rounded) currency amount in dollars and cents.
+ *
+ * @example format(1234.567) => "$1,234.57"
+ */
+const formatDollarCents = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+    return formatter.format(Number(value ?? 0));
+};
+/**
+ * Formats the value as a (rounded) integer.
+ *
+ * @example format(1234.567) => "1,235"
+ */
+const formatWholeNumber = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        maximumFractionDigits: 0,
+    });
+    return formatter.format(Number(value));
+};
+/**
+ * Formats the value as a number rounded to exactly one decimal place.
+ *
+ * @example format(1234.567) => "1,234.6"
+ */
+const formatOneDecimalPlace = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        minimumFractionDigits: 1,
+        maximumFractionDigits: 1,
+    });
+    return formatter.format(Number(value));
+};
+/**
+ * Formats the value as a number rounded to exactly two decimal places.
+ *
+ * @example format(1234.567) => "1,234.57"
+ */
+const formatTwoDecimalPlaces = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+    return formatter.format(Number(value));
+};
+/**
+ * Formats the value as a percentage.
+ *
+ * @example format(0.1234) => "12.34%"
+ * @example format(0.99) => "99.00%"
+ *
+ * NOTE: This function expects that the value is already a percentage value, and
+ * does not try to guess whether the percentage is represented as a whole number
+ * or a decimal.
+ *
+ * @example format(1234.567) => "123,456.70%"
+ * @example format(99) => "9,900.00%"
+ */
+const formatPercent = (value) => {
+    const formatter = new Intl.NumberFormat('en-US', {
+        style: 'percent',
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    });
+    return formatter.format(Number(value));
+};
+// Converts the value to a UTC date with the given format string. If the
+// resulting date is invalid, it returns "Invalid date".
+const _getUTCDateHelper = (value, fmt) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    return (0, date_fns_1.format)(utcDate, fmt);
+};
+const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
+const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
+const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
+const format_MMM_dd_yyyy = (value) => _getUTCDateHelper(value, 'dd MMM yyyy');
+const format_MMM_dd_MMM_dd = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    const monday = (0, date_fns_1.startOfWeek)(utcDate, { weekStartsOn: 1 });
+    const sunday = (0, date_fns_1.endOfWeek)(utcDate, { weekStartsOn: 1 });
+    // Check if start and end are in the same month
+    if ((0, date_fns_1.format)(monday, 'MMM') === (0, date_fns_1.format)(sunday, 'MMM')) {
+        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'dd')}`;
+    }
+    else {
+        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'MMM dd')}`;
+    }
+};
+const format_MMM_dd_hh_mm_ap_pm = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    const formatStr = utcDate.getMinutes() === 0 ? 'MMM do h a' : 'MMM do h:mm a';
+    const res = (0, date_fns_1.format)(utcDate, formatStr);
+    return res.slice(0, -2) + res.slice(-2).toLowerCase();
+};
+const format_wo_yyyy = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    return `${(0, date_fns_1.getWeek)(utcDate)},${utcDate.getFullYear()}`;
+};

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

@@ -0,0 +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,OA+B5B,CAAC"}

package/dist/cjs/utils/valueFormatterCSV.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.valueFormatterCSV = void 0;
+const date_fns_1 = require("date-fns");
+const date_fns_tz_1 = require("date-fns-tz");
+/**
+ * Formats a value to CSV-format.
+ */
+const valueFormatterCSV = ({ value, field, fields, }) => {
+    if (field === undefined || field === null)
+        return '';
+    if (value === undefined || value === null)
+        return '';
+    const fieldInfo = fields.find((f) => f.field === field);
+    if (!fieldInfo)
+        return '';
+    const HANDLERS = {
+        percent: formatPercent,
+        dollar_amount: formatDollarAmount,
+        dollar_cents: formatDollarCents,
+        whole_number: formatWholeNumber,
+        one_decimal_place: formatOneDecimalPlace,
+        two_decimal_places: formatTwoDecimalPlaces,
+        string: formatString,
+        yyyy: format_YYYY,
+        MMM_yyyy: format_MMM_yyyy,
+        MMM_dd_yyyy: format_MMM_dd_yyyy,
+        hh_ap_pm: format_hh_ap_pm,
+        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
+        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
+        'wo, yyyy': format_wo_yyyy,
+    };
+    // try to handle this value using the associated formatType handler
+    const formatType = fieldInfo.format;
+    if (Object.keys(HANDLERS).includes(formatType)) {
+        return HANDLERS[formatType](value);
+    }
+    return value.toString(); // by default make this value a string
+};
+exports.valueFormatterCSV = valueFormatterCSV;
+/**
+ * HELPER FUNCTION DEFINITIONS
+ */
+const formatString = (value) => value.toString();
+const formatDollarAmount = (value) => Number(value ?? 0);
+const formatDollarCents = (value) => Number(value ?? 0);
+const formatWholeNumber = (value) => Math.round(Number(value));
+const formatOneDecimalPlace = (value) => Number(value).toFixed(1);
+const formatTwoDecimalPlaces = (value) => Number(value).toFixed(2);
+const formatPercent = (value) => {
+    const absoluteValue = isNaN(Number(value)) ? 0 : Math.abs(Number(value));
+    if (absoluteValue < 1.0) {
+        return Number(value);
+    }
+    return Number(value) / 100.0;
+};
+const _getUTCDateHelper = (value, fmt) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    return (0, date_fns_1.format)(utcDate, fmt);
+};
+const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
+const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
+const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
+const format_MMM_dd_yyyy = (value) => _getUTCDateHelper(value, 'dd MMM yyyy');
+const format_MMM_dd_MMM_dd = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    const monday = (0, date_fns_1.startOfWeek)(utcDate, { weekStartsOn: 1 });
+    const sunday = (0, date_fns_1.endOfWeek)(utcDate, { weekStartsOn: 1 });
+    // Check if start and end are in the same month
+    if ((0, date_fns_1.format)(monday, 'MMM') === (0, date_fns_1.format)(sunday, 'MMM')) {
+        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'dd')}`;
+    }
+    else {
+        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'MMM dd')}`;
+    }
+};
+const format_MMM_dd_hh_mm_ap_pm = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    const formatStr = utcDate.getMinutes() === 0 ? 'MMM do h a' : 'MMM do h:mm a';
+    const res = (0, date_fns_1.format)(utcDate, formatStr);
+    return res.slice(0, -2) + res.slice(-2).toLowerCase();
+};
+const format_wo_yyyy = (value) => {
+    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
+    if (!(0, date_fns_1.isValid)(utcDate))
+        return 'Invalid date';
+    return `${(0, date_fns_1.getWeek)(utcDate)},${utcDate.getFullYear()}`;
+};