@quillsql/react 2.15.2 → 2.15.4

package/dist/esm/utils/axisFormatter.d.ts

@@ -1,19 +0,0 @@
-import { AxisFormat } from '../Dashboard';
-type Field = {
-    field: string;
-    format: AxisFormat;
-};
-type Props = {
-    value: string | number | boolean | undefined | null;
-    field: string | undefined | null;
-    fields: Field[];
-};
-/**
- * Pretty-prints the given values to their nice-looking string form.
- *
- * The axis formatter will print a shorter version of the valueFormatter, which
- * fits nicely along the X or Y axes.
- */
-export declare const axisFormatter: ({ value, field, fields }: Props) => string;
-export {};
-//# sourceMappingURL=axisFormatter.d.ts.map

package/dist/esm/utils/axisFormatter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"axisFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/axisFormatter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,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;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,0BAA0B,KAAK,KAAG,MA4C/D,CAAC"}

package/dist/esm/utils/axisFormatter.js

@@ -1,212 +0,0 @@
-import { endOfWeek, format, getWeek, isValid, startOfWeek } from 'date-fns';
-import { utcToZonedTime } from 'date-fns-tz';
-/**
- * Pretty-prints the given values to their nice-looking string form.
- *
- * The axis formatter will print a shorter version of the valueFormatter, which
- * fits nicely along the X or Y axes.
- */
-export const axisFormatter = ({ 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 '';
-    // try to handle this value using the associated formatType handler
-    const formatType = fieldInfo.format;
-    switch (formatType) {
-        case 'percent':
-            return formatPercent(value);
-        case 'dollar_amount':
-            return formatDollarAmount(value);
-        case 'whole_number':
-            return formatWholeNumber(value);
-        case 'two_decimal_places':
-            return formatDecimal2(value);
-        case 'one_decimal_place':
-            return formatDecimal1(value);
-        case 'string':
-            return formatString(value);
-        case 'yyyy':
-            return format_YYYY(value);
-        case 'MMM_dd':
-            return format_MMM_dd(value);
-        case 'MMM_yyyy':
-            return format_MMM_yyyy(value);
-        case 'MMM_dd_yyyy':
-            return format_MMM_dd_yyyy(value);
-        // not sure what this is
-        // case 'MMM_ww_yyyy':
-        //   return format_MMM_ww_yyyy(value);
-        case 'hh_ap_pm':
-            return format_hh_ap_pm(value);
-        case 'MMM_dd-MMM_dd':
-            return format_MMM_dd_MMM_dd(value);
-        case 'MMM_dd_hh:mm_ap_pm':
-            return format_MMM_dd_hh_mm_ap_pm(value);
-        case 'wo, yyyy':
-            return format_wo_yyyy(value);
-        default:
-            return formatString(value);
-    }
-};
-/**
- * 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();
-};
-const formatterDecimal2 = new Intl.NumberFormat('en-US', {
-    style: 'decimal',
-    maximumFractionDigits: 2,
-});
-/**
- * Formats the value as a number with two decimal places.
- */
-const formatDecimal2 = (value) => {
-    return formatterDecimal2.format(Number(value));
-};
-const formatterDecimal1 = new Intl.NumberFormat('en-US', {
-    style: 'decimal',
-    maximumFractionDigits: 1,
-});
-/**
- * Formats the value as a number with one decimal place.
- */
-const formatDecimal1 = (value) => {
-    return formatterDecimal1.format(Number(value));
-};
-// Formats large numbers like 12345.67 ->  $12K
-const formatterBigDollars = new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-    minimumSignificantDigits: 1,
-    maximumSignificantDigits: 2,
-    notation: 'compact',
-    compactDisplay: 'short',
-});
-// Formats to dollars like 1234.56 -> $1235
-const formatterDollar = new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-    maximumFractionDigits: 0,
-});
-/**
- * Formats the value as a (rounded) currency amount in dollars.  If value is
- * zero, returns '$0' with no cents. If value is greater than or equal to 1000,
- * it will not show cents and shorten the value with a suffix such as K
- * (for thousands) or M (for millions).
- *
- * @example format(1,234,567) => "$1.2M"
- * @example format(1234.567) => "$1.2K"
- * @example format(5000) => "$5K"
- * @example format(123.45) => "$123"
- * @example format(0.00) => "$0"
- */
-const formatDollarAmount = (value) => {
-    const num = Number(value ?? 0);
-    if (num >= 1000 || num === 0) {
-        return formatterBigDollars.format(num);
-    }
-    else {
-        return formatterDollar.format(num);
-    }
-};
-const formatterBigWholeNumber = new Intl.NumberFormat('en-US', {
-    minimumSignificantDigits: 1,
-    maximumSignificantDigits: 2,
-    maximumFractionDigits: 0,
-    notation: 'compact',
-    compactDisplay: 'short',
-});
-/**
- * Formats the value as a (rounded) integer.
- *
- * @example format(1234.567) => "1.2K"
- */
-const formatWholeNumber = (value) => {
-    return formatterBigWholeNumber.format(Number(value));
-};
-/**
- * Formats the value as a percentage.
- *
- * @example format(0.1234) => "12%"
- * @example format(0.99) => "99%"
- *
- * 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) => "120K%"
- * @example format(99) => "9.9K%"
- */
-const formatPercent = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        style: 'percent',
-        minimumSignificantDigits: 2,
-        maximumSignificantDigits: 2,
-        notation: 'compact',
-        compactDisplay: 'short',
-    });
-    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 = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    return format(utcDate, fmt);
-};
-const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
-const format_MMM_dd = (value) => _getUTCDateHelper(value, 'dd MMM');
-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 = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    const monday = startOfWeek(utcDate, { weekStartsOn: 1 });
-    const sunday = endOfWeek(utcDate, { weekStartsOn: 1 });
-    // Check if start and end are in the same month
-    if (format(monday, 'MMM') === format(sunday, 'MMM')) {
-        return `${format(monday, 'MMM dd')} - ${format(sunday, 'dd')}`;
-    }
-    else {
-        return `${format(monday, 'MMM dd')} - ${format(sunday, 'MMM dd')}`;
-    }
-};
-// const format_MMM_ww_yyyy = (value: any) => {
-//   const utcDate: Date = utcToZonedTime(new Date(value), 'UTC');
-//   if (!isValid(utcDate)) return 'Invalid date';
-//   const startOfWeekDate = startOfWeek(utcDate, { weekStartsOn: 1 });
-//   const endOfWeekDate = endOfWeek(utcDate, { weekStartsOn: 1 });
-//   const month = format(utcDate, 'MMM');
-//   const startDay = format(startOfWeekDate, 'd');
-//   const endDay = format(endOfWeekDate, 'd');
-//   const year = format(utcDate, 'yyyy');
-//   return `${month}, ${startDay}-${endDay}, ${year}`;
-// };
-const format_MMM_dd_hh_mm_ap_pm = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    const formatStr = utcDate.getMinutes() === 0 ? 'MMM do h a' : 'MMM do h:mm a';
-    const res = format(utcDate, formatStr);
-    return res.slice(0, -2) + res.slice(-2).toLowerCase();
-};
-const format_wo_yyyy = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    return `${getWeek(utcDate)},${utcDate.getFullYear()}`;
-};

package/dist/esm/utils/client.d.ts

@@ -1,20 +0,0 @@
-import { Client, QuillTenant } from '../models/Client';
-import { EventTracking } from '../QuillProvider';
-export declare const EMPTY_CLIENT: Client;
-export declare function fetchClient(publicKey: string, queryEndpoint: string, withCredentials: boolean | undefined, getToken: () => Promise<string>, eventTracking: EventTracking | null, queryHeaders?: HeadersInit, includeTenants?: boolean): Promise<Client & {
-    allTenantTypes?: QuillTenant[];
-}>;
-export declare function getClientTenantIds({ queryEndpoint, queryHeaders, withCredentials, tenant, clientId, getToken, }: {
-    queryEndpoint: string;
-    queryHeaders?: HeadersInit;
-    withCredentials?: boolean;
-    tenant: QuillTenant & {
-        id: string;
-    };
-    clientId: string;
-    getToken: () => Promise<string>;
-}): Promise<{
-    id: string;
-    tenantIds: any;
-}>;
-//# sourceMappingURL=client.d.ts.map

package/dist/esm/utils/client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/utils/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAEF,wBAAsB,WAAW,CAC/B,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,EACrB,eAAe,qBAAQ,EACvB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,EAC/B,aAAa,EAAE,aAAa,GAAG,IAAI,EACnC,YAAY,CAAC,EAAE,WAAW,EAC1B,cAAc,UAAQ,GACrB,OAAO,CAAC,MAAM,GAAG;IAAE,cAAc,CAAC,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC,CA+DtD;AAED,wBAAsB,kBAAkB,CAAC,EACvC,aAAa,EACb,YAAY,EACZ,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACjC;;;GAuCA"}

package/dist/esm/utils/client.js

@@ -1,103 +0,0 @@
-import { quillFetch } from './dataFetcher';
-export const EMPTY_CLIENT = {
-    name: '',
-    _id: '',
-    databaseType: '',
-    clerkOrgId: '',
-};
-export async function fetchClient(publicKey, queryEndpoint, withCredentials = false, getToken, eventTracking, queryHeaders, includeTenants = false) {
-    let result = EMPTY_CLIENT;
-    let clientTenantIds = [];
-    try {
-        const json = await quillFetch({
-            client: {
-                clientId: publicKey,
-                queryEndpoint,
-                queryHeaders,
-                withCredentials: !!withCredentials,
-            },
-            task: 'client',
-            metadata: {
-                clientId: publicKey,
-            },
-            getToken,
-        });
-        result = json.data?.data?.client || json.data?.client;
-        if (!result) {
-            throw new Error('No client found');
-        }
-        clientTenantIds = includeTenants
-            ? await Promise.all(result?.allTenantTypes?.map(async (tenant) => {
-                return await getClientTenantIds({
-                    queryEndpoint,
-                    queryHeaders,
-                    withCredentials,
-                    tenant,
-                    clientId: publicKey,
-                    getToken,
-                });
-            }))
-            : [];
-    }
-    catch (error) {
-        console.error('ERROR:', error);
-        eventTracking?.logError?.({
-            type: 'bug', // TODO: determine type
-            severity: 'high',
-            message: 'Error fetching client',
-            errorMessage: error.message,
-            errorStack: error.stack,
-            errorData: {
-                caller: 'fetchClient',
-                function: 'fetchClient',
-            },
-        });
-        throw error;
-    }
-    return {
-        ...result,
-        allTenantTypes: result?.allTenantTypes?.map((tenant) => ({
-            ...tenant,
-            tenantIds: clientTenantIds?.find((clientTenant) => clientTenant.id === tenant.id)
-                ?.tenantIds || [],
-        })),
-    };
-}
-export async function getClientTenantIds({ queryEndpoint, queryHeaders, withCredentials, tenant, clientId, getToken, }) {
-    if (tenant.scope === 'database') {
-        return {
-            id: tenant.id,
-            tenantIds: [],
-        };
-    }
-    const data = await quillFetch({
-        client: {
-            clientId: clientId,
-            queryEndpoint,
-            queryHeaders,
-            withCredentials: !!withCredentials,
-        },
-        task: 'tenant-query',
-        metadata: {
-            tenantId: tenant.id,
-            clientId: clientId,
-        },
-        getToken,
-    });
-    if (!data.data?.rows || !data.data?.fields) {
-        return {
-            id: tenant.id,
-            tenantIds: [],
-        };
-    }
-    const tenantFieldDataType = data.data.fields.find((field) => field.name === tenant.tenantField)?.dataTypeID;
-    const isNumber = [20, 21, 23, 700, 701, 1700].includes(tenantFieldDataType);
-    return {
-        id: tenant.id,
-        tenantIds: data.data.rows.map((row) => ({
-            id: isNumber ? Number(row[tenant.tenantField]) : row[tenant.tenantField],
-            flag: row['quill_flag'],
-            label: row['quill_label'],
-        })),
-    };
-}

package/dist/esm/utils/color.d.ts

@@ -1,203 +0,0 @@
-/**
- * Generates an array of colors by interpolating between colors in the given array.
- * @param colors - The array of colors to interpolate between.
- * @param length - The desired length of the resulting array.
- */
-export declare function generateArrayFromColor(colors: string | string[], length: number): string[];
-declare const colorValues: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
-export type Color = (typeof colorValues)[number];
-/**
- * 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
- */
-export declare function selectColor(element: any, colors: string[], index: number): string;
-/**
- * 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]
- */
-export declare function hexToRGB(hex: string): number[];
-export declare function RGBToHex(rgb: number[]): string;
-export declare function namedColorToHex(color: string): string;
-/**
- * A comprehensive map of all the CSS named-colors that modern browsers will
- * recognize, and converts them into their hex values.
- */
-export declare const COLOR_TO_HEX: {
-    aliceblue: string;
-    antiquewhite: string;
-    aqua: string;
-    aquamarine: string;
-    azure: string;
-    beige: string;
-    bisque: string;
-    black: string;
-    blanchedalmond: string;
-    blue: string;
-    blueviolet: string;
-    brown: string;
-    burlywood: string;
-    cadetblue: string;
-    chartreuse: string;
-    chocolate: string;
-    coral: string;
-    cornflowerblue: string;
-    cornsilk: string;
-    crimson: string;
-    cyan: string;
-    darkblue: string;
-    darkcyan: string;
-    darkgoldenrod: string;
-    darkgray: string;
-    darkgreen: string;
-    darkkhaki: string;
-    darkmagenta: string;
-    darkolivegreen: string;
-    darkorange: string;
-    darkorchid: string;
-    darkred: string;
-    darksalmon: string;
-    darkseagreen: string;
-    darkslateblue: string;
-    darkslategray: string;
-    darkturquoise: string;
-    darkviolet: string;
-    deeppink: string;
-    deepskyblue: string;
-    dimgray: string;
-    dodgerblue: string;
-    firebrick: string;
-    floralwhite: string;
-    forestgreen: string;
-    fuchsia: string;
-    gainsboro: string;
-    ghostwhite: string;
-    gold: string;
-    goldenrod: string;
-    gray: string;
-    green: string;
-    greenyellow: string;
-    honeydew: string;
-    hotpink: string;
-    indianred: string;
-    indigo: string;
-    ivory: string;
-    khaki: string;
-    lavender: string;
-    lavenderblush: string;
-    lawngreen: string;
-    lemonchiffon: string;
-    lightblue: string;
-    lightcoral: string;
-    lightcyan: string;
-    lightgoldenrodyellow: string;
-    lightgrey: string;
-    lightgreen: string;
-    lightpink: string;
-    lightsalmon: string;
-    lightseagreen: string;
-    lightskyblue: string;
-    lightslategray: string;
-    lightsteelblue: string;
-    lightyellow: string;
-    lime: string;
-    limegreen: string;
-    linen: string;
-    magenta: string;
-    maroon: string;
-    mediumaquamarine: string;
-    mediumblue: string;
-    mediumorchid: string;
-    mediumpurple: string;
-    mediumseagreen: string;
-    mediumslateblue: string;
-    mediumspringgreen: string;
-    mediumturquoise: string;
-    mediumvioletred: string;
-    midnightblue: string;
-    mintcream: string;
-    mistyrose: string;
-    moccasin: string;
-    navajowhite: string;
-    navy: string;
-    oldlace: string;
-    olive: string;
-    olivedrab: string;
-    orange: string;
-    orangered: string;
-    orchid: string;
-    palegoldenrod: string;
-    palegreen: string;
-    paleturquoise: string;
-    palevioletred: string;
-    papayawhip: string;
-    peachpuff: string;
-    peru: string;
-    pink: string;
-    plum: string;
-    powderblue: string;
-    purple: string;
-    rebeccapurple: string;
-    red: string;
-    rosybrown: string;
-    royalblue: string;
-    saddlebrown: string;
-    salmon: string;
-    sandybrown: string;
-    seagreen: string;
-    seashell: string;
-    sienna: string;
-    silver: string;
-    skyblue: string;
-    slateblue: string;
-    slategray: string;
-    snow: string;
-    springgreen: string;
-    steelblue: string;
-    tan: string;
-    teal: string;
-    thistle: string;
-    tomato: string;
-    turquoise: string;
-    violet: string;
-    wheat: string;
-    white: string;
-    whitesmoke: string;
-    yellow: string;
-    yellowgreen: string;
-};
-/**
- * Converts an RGB color value to HSL. Conversion formula
- * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
- * Assumes r, g, and b are contained in the set [0, 255] and
- * returns h, s, and l in the set [0, 1].
- *
- * @param   Number  r       The red color value
- * @param   Number  g       The green color value
- * @param   Number  b       The blue color value
- * @return  Array           The HSL representation
- */
-export declare function rgbToHsl(r: any, g: any, b: any): number[];
-/**
- * Converts an HSL color value to RGB. Conversion formula
- * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
- * Assumes h, s, and l are contained in the set [0, 1] and
- * returns r, g, and b in the set [0, 255].
- *
- * @param   Number  h       The hue
- * @param   Number  s       The saturation
- * @param   Number  l       The lightness
- * @return  Array           The RGB representation
- */
-export declare function HSLtoRGB(h: any, s: any, l: any): number[];
-export {};
-//# sourceMappingURL=color.d.ts.map

package/dist/esm/utils/color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/utils/color.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,EACzB,MAAM,EAAE,MAAM,GACb,MAAM,EAAE,CAwBV;AA6ED,QAAA,MAAM,WAAW,mKAkBP,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,UAuBxE;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAyB9C;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,CAK9C;AAoBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,UAK5C;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IxB,CAAC;AAIF;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,YA4B9C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,YAuB9C"}