@quillsql/react 2.10.31 → 2.10.32

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/getDomain.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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].
+ */
+export default function getDomain(data: any[], fields: any[]): number[];
+//# sourceMappingURL=getDomain.d.ts.map

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

@@ -0,0 +1,2 @@
+export declare function mergeComparisonRange(resp: any): void;
+//# sourceMappingURL=merge.d.ts.map

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/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

@@ -0,0 +1,27 @@
+type Field = {
+    _id: string;
+    label: string;
+    field: string;
+    format: 'percent';
+};
+type Props = {
+    value: any;
+    field: string | undefined | null;
+    fields: Field[];
+};
+export declare const DATE_FORMAT_TYPES: string[];
+/**
+ * Pretty-prints the given values to their nice-looking string form.
+ */
+export declare const valueFormatter: ({ value, field, fields }: Props) => string;
+export declare const quillFormat: ({ value, format, }: {
+    value: any;
+    format: string;
+}) => string;
+export declare const compareValues: (a: {
+    [key: string]: any;
+}, b: {
+    [key: string]: any;
+}, column: string) => number;
+export {};
+//# sourceMappingURL=valueFormatter.d.ts.map

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,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6BAA8B,KAAK,KAAG,MAwChE,CAAC;AAEF,eAAO,MAAM,WAAW;WAIf,GAAG;YACF,MAAM;MACZ,MAoCH,CAAC;AAmJF,eAAO,MAAM,aAAa;;;;WAGhB,MAAM,KACb,MA2BF,CAAC"}

package/dist/cjs/utils/valueFormatter.js

@@ -0,0 +1,252 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compareValues = exports.quillFormat = exports.valueFormatter = exports.DATE_FORMAT_TYPES = void 0;
+const date_fns_1 = require("date-fns");
+const date_fns_tz_1 = require("date-fns-tz");
+exports.DATE_FORMAT_TYPES = [
+    'yyyy',
+    'MMM_yyyy',
+    'MMM_dd_yyyy',
+    'hh_ap_pm',
+    'MMM_dd-MMM_dd',
+    'MMM_dd_hh:mm_ap_pm',
+    'wo, yyyy',
+];
+/**
+ * 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)) {
+        // if bigquery date type, we have to pull the value out of the json
+        if (exports.DATE_FORMAT_TYPES.includes(formatType) &&
+            typeof value === 'object' &&
+            value.value) {
+            return HANDLERS[formatType](value.value);
+        }
+        return HANDLERS[formatType](value);
+    }
+    return formatString(value); // by default make this value a string
+};
+exports.valueFormatter = valueFormatter;
+const quillFormat = ({ value, format, }) => {
+    if (value === undefined || value === null)
+        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 = format;
+    if (HANDLERS[formatType]) {
+        // if bigquery date type, we have to pull the value out of the json
+        if (exports.DATE_FORMAT_TYPES.includes(formatType) &&
+            typeof value === 'object' &&
+            value.value) {
+            return HANDLERS[formatType](value.value);
+        }
+        return HANDLERS[formatType](value);
+    }
+    return formatString(value); // by default make this value a string
+};
+exports.quillFormat = quillFormat;
+/**
+ * HELPER FUNCTION DEFINITIONS
+ **/
+/**
+ * Formats the value as a string using the built-in converstion.
+ */
+const formatString = (value) => {
+    if (typeof value === 'object') {
+        return JSON.stringify(value);
+    }
+    return value.toString();
+};
+/**
+ * Formats the value as a (rounded) currency amount in dollars.
+ *
+ * eg. @example format(1234.567) => "$1,235"
+ */
+const formatterDollar = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    maximumFractionDigits: 0,
+});
+const formatDollarAmount = (value) => {
+    return formatterDollar.format(Number(value ?? 0));
+};
+/**
+ * Formats the value as a (rounded) currency amount in dollars and cents.
+ *
+ * @example format(1234.567) => "$1,234.57"
+ */
+const formatterCentsDollar = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
+const formatDollarCents = (value) => {
+    return formatterCentsDollar.format(Number(value ?? 0));
+};
+/**
+ * Formats the value as a (rounded) integer.
+ *
+ * @example format(1234.567) => "1,235"
+ */
+const wholeNumberFormatter = new Intl.NumberFormat('en-US', {
+    maximumFractionDigits: 0,
+});
+const formatWholeNumber = (value) => {
+    return wholeNumberFormatter.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 formatterTwoDecimalPlaces = new Intl.NumberFormat('en-US', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
+const formatTwoDecimalPlaces = (value) => {
+    return formatterTwoDecimalPlaces.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 formatterPercent = new Intl.NumberFormat('en-US', {
+    style: 'percent',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
+const formatPercent = (value) => {
+    return formatterPercent.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) => {
+    return _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()}`;
+};
+const compareValues = (a, b, column) => {
+    const valueA = a[column];
+    const valueB = b[column];
+    // Null checks
+    if (valueA === null && valueB === null) {
+        return 0; // Both values are null, consider them equal
+    }
+    else if (valueA === null) {
+        return -1; // ValueA is null, consider it smaller
+    }
+    else if (valueB === null) {
+        return 1; // ValueB is null, consider it smaller
+    }
+    // For numbers
+    if (!isNaN(valueA) && !isNaN(valueB)) {
+        return valueA - valueB;
+    }
+    // For dates
+    const dateA = new Date(valueA);
+    const dateB = new Date(valueB);
+    if (!isNaN(dateA.getTime()) && !isNaN(dateB.getTime())) {
+        return dateA.getTime() - dateB.getTime();
+    }
+    // For strings
+    return valueA.localeCompare(valueB);
+};
+exports.compareValues = compareValues;

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

@@ -0,0 +1,17 @@
+export type Field = {
+    _id: string;
+    label: string;
+    field: string;
+    format: 'percent';
+};
+type Props = {
+    value: string | number | boolean | undefined | null;
+    field: string | undefined | null;
+    fields: Field[];
+};
+/**
+ * Formats a value to CSV-format.
+ */
+export declare const valueFormatterCSV: ({ value, field, fields, }: Props) => string | number | boolean;
+export {};
+//# sourceMappingURL=valueFormatterCSV.d.ts.map

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,MAAM,MAAM,KAAK,GAAG;IAClB,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,99 @@
+"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 formatString(value); // by default make this value a string
+};
+exports.valueFormatterCSV = valueFormatterCSV;
+/**
+ * HELPER FUNCTION DEFINITIONS
+ */
+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));
+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()}`;
+};

package/dist/esm/BarList.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface YAxisField {
+    label: string;
+    field: string;
+    chartType?: string;
+}
+export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: object[];
+    valueFormatter?: any;
+    color?: string;
+    showAnimation?: boolean;
+    xAxisField: string;
+    yAxisFields: YAxisField[];
+    containerStyle: any;
+    xAxisFormat: string;
+    colors: string[];
+    theme: any;
+}
+export declare function hexToRgbaWith10PercentAlpha(hex: any): string;
+declare const BarList: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
+export default BarList;
+//# sourceMappingURL=BarList.d.ts.map

package/dist/esm/BarList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../../src/BarList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqExC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;CACZ;AAYD,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAED,QAAA,MAAM,OAAO,qFA6dX,CAAC;AAEH,eAAe,OAAO,CAAC"}