@quillsql/react 2.10.31 → 2.10.33

package/dist/esm/PieChart.js

@@ -0,0 +1,533 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable react/display-name */
+// @ts-nocheck
+import React, { useRef, useState, useEffect } from 'react';
+import { Pie, PieChart, ResponsiveContainer, Tooltip, Legend } from 'recharts';
+// const data = [
+//   {
+//     name: 'Project Nile',
+//     pct_of_the_total: 0.208266213458027,
+//   },
+//   {
+//     name: 'GA_Columbus',
+//     pct_of_the_total: 0.102192710707096,
+//   },
+//   {
+//     name: 'IN_Indianapolis',
+//     pct_of_the_total: 0.0965229750772778,
+//   },
+//   {
+//     name: 'MO_St Louis',
+//     pct_of_the_total: 0.0732235559304729,
+//   },
+//   {
+//     name: 'AL_Birmingham',
+//     pct_of_the_total: 0.0555956813239389,
+//   },
+//   {
+//     name: 'FL_Fort Myers',
+//     pct_of_the_total: 0.0479532568651074,
+//   },
+//   {
+//     name: 'GA_Macon',
+//     pct_of_the_total: 0.0431507654834117,
+//   },
+//   {
+//     name: 'NC_Charlotte',
+//     pct_of_the_total: 0.034166792944838,
+//   },
+//   {
+//     name: 'AL_Montgomery',
+//     pct_of_the_total: 0.0298663023800594,
+//   },
+//   {
+//     name: 'TN_Memphis',
+//     pct_of_the_total: 0.0292140477651036,
+//   },
+//   {
+//     name: 'SC_Greenville',
+//     pct_of_the_total: 0.0288115667542858,
+//   },
+//   {
+//     name: 'SC_Columbia',
+//     pct_of_the_total: 0.0285805316472631,
+//   },
+//   {
+//     name: 'NC_Fayetteville',
+//     pct_of_the_total: 0.0279000448849207,
+//   },
+//   {
+//     name: 'SC_Spartanburg',
+//     pct_of_the_total: 0.0260196308313896,
+//   },
+//   {
+//     name: 'NC_Greensboro',
+//     pct_of_the_total: 0.0169521323221251,
+//   },
+//   {
+//     name: 'FL_Orlando',
+//     pct_of_the_total: 0.0167433815522564,
+//   },
+//   {
+//     name: 'FL_Tampa',
+//     pct_of_the_total: 0.0155513189530513,
+//   },
+//   {
+//     name: 'NC_Raleigh',
+//     pct_of_the_total: 0.0154308010765727,
+//   },
+//   {
+//     name: 'FL_Jacksonville',
+//     pct_of_the_total: 0.0152275224173022,
+//   },
+//   {
+//     name: 'GA_LaGrange',
+//     pct_of_the_total: 0.00867900369362145,
+//   },
+//   {
+//     name: 'GA_Augusta',
+//     pct_of_the_total: 0.0084582649800033,
+//   },
+//   {
+//     name: 'TX_San Antonio',
+//     pct_of_the_total: 0.00682971823492258,
+//   },
+//   {
+//     name: 'FL_North Port',
+//     pct_of_the_total: 0.00637954051173961,
+//   },
+//   {
+//     name: 'No Portfolio',
+//     pct_of_the_total: 0.00522734435854761,
+//   },
+// ];
+const useOnWindowResize = (handler, initialWindowSize) => {
+    const [windowSize, setWindowSize] = useState(initialWindowSize);
+    useEffect(() => {
+        const handleResize = () => {
+            setWindowSize(window.innerWidth);
+            handler();
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, [handler, windowSize]);
+};
+const ChartLegend = (categories, colors) => {
+    const legendRef = useRef(null);
+    //   useOnWindowResize(() => {
+    //     const calculateHeight = (height: number | undefined) =>
+    //       height
+    //         ? Number(height) + 20 // 20px extra padding
+    //         : 60; // default height
+    //     setLegendHeight(calculateHeight(legendRef.current?.clientHeight));
+    //   });
+    return (_jsx("div", { ref: legendRef, className: "qq-flex qq-items-center qq-justify-end", children: _jsx(Legend
+        // @ts-ignore
+        , { 
+            // @ts-ignore
+            categories: categories, colors: colors }) }));
+};
+const iconVariantValues = [
+    'simple',
+    'light',
+    'shadow',
+    'solid',
+    'outlined',
+];
+const deltaTypeValues = [
+    'increase',
+    'moderateIncrease',
+    'decrease',
+    'moderateDecrease',
+    'unchanged',
+];
+const sizeValues = ['xs', 'sm', 'md', 'lg', 'xl'];
+const colorValues = [
+    'slate',
+    'gray',
+    'zinc',
+    'neutral',
+    'stone',
+    'red',
+    'orange',
+    'amber',
+    'yellow',
+    'lime',
+    'green',
+    'emerald',
+    'teal',
+    'cyan',
+    'sky',
+    'blue',
+    'indigo',
+    'violet',
+    'purple',
+    'fuchsia',
+    'pink',
+    'rose',
+];
+const justifyContentValues = [
+    'start',
+    'end',
+    'center',
+    'between',
+    'around',
+    'evenly',
+];
+const alignItemsValues = [
+    'start',
+    'end',
+    'center',
+    'baseline',
+    'stretch',
+];
+export const defaultValueFormatter = (value) => (value * 1).toFixed(1) + '%';
+export const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
+// export const parseData = (data: any[], colors: any[]) =>
+//   data.map((dataPoint: any, idx: number) => {
+//     const baseColor = idx < colors.length ? colors[idx] : BaseColors.Gray;
+//     const hexCode = hexColors[baseColor ?? BaseColors.Gray];
+//     return {
+//       ...dataPoint,
+//       color: colors[idx],
+//       fill: colors[idx],
+//     };
+//   });
+// @ts-ignore
+export const parseData = (data, colors, categoryKey, valueKey) => {
+    const maxItems = 20;
+    const slicedData = data.slice(0, maxItems);
+    let totalValue = slicedData.reduce((acc, dataPoint) => acc + Number(dataPoint[valueKey]), 0);
+    if (totalValue !== 100) {
+        slicedData.forEach(dataPoint => {
+            dataPoint[valueKey] = (Number(dataPoint[valueKey]) * 100) / totalValue;
+        });
+        totalValue = 100;
+    }
+    const parsedData = slicedData.map((dataPoint, idx) => {
+        const baseColor = idx < colors.length ? colors[idx] : colors[colors.length - 1];
+        return {
+            ...dataPoint,
+            color: baseColor,
+            fill: baseColor,
+        };
+    });
+    if (data.length > maxItems) {
+        const otherData = data.slice(maxItems);
+        const otherSum = otherData.reduce((acc, dataPoint) => acc + Number(dataPoint[valueKey]), 0);
+        const otherColor = colors[colors.length - 1];
+        const normalizedOtherSum = (otherSum * 100) / totalValue;
+        parsedData.push({
+            [categoryKey]: 'Other',
+            [valueKey]: normalizedOtherSum,
+            color: otherColor,
+            fill: otherColor,
+        });
+    }
+    return parsedData;
+};
+const calculateDefaultLabel = (data, category) => sumNumericArray(data.map(dataPoint => dataPoint[category]));
+export const parseLabelInput = (labelInput, valueFormatter, data, category) => labelInput
+    ? labelInput
+    : valueFormatter(calculateDefaultLabel(data, category));
+export const ChartTooltipFrame = ({ children, theme, }) => (_jsx("div", { style: {
+        borderStyle: 'solid',
+        borderColor: theme?.borderColor || '#E5E7EB',
+        borderWidth: 1,
+        background: theme?.backgroundColor || '#ffffff',
+        fontSize: theme?.fontSize || '14px',
+        borderRadius: '6px',
+        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    }, children: children }));
+export const ChartTooltipRow = ({ value, name, color, theme, }) => (_jsxs("div", { style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        minWidth: 120,
+        // minHeight: 27,
+        // margin: '0 2rem',
+    }, children: [_jsxs("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                // margin: '0 0.5rem',
+                // minWidth: 120,
+            }, children: [_jsx("span", { style: {
+                        background: color,
+                        borderWidth: 2,
+                        borderStyle: 'solid',
+                        borderColor: 'white',
+                        height: '8px',
+                        width: '8px',
+                        boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+                        borderRadius: '9999px',
+                        marginRight: 5,
+                    } }), _jsx("p", { 
+                    // className={twMerge(
+                    //   'font-medium tabular-nums text-right whitespace-nowrap',
+                    //   'text-[#212121] !important'
+                    // )}
+                    style: {
+                        marginTop: 0,
+                        marginBottom: 0,
+                        fontFamily: theme?.fontFamily,
+                        color: theme?.primaryTextColor,
+                        paddingTop: 2,
+                        paddingBottom: 2,
+                        fontSize: theme?.fontSizeSmall || '14px',
+                        fontWeight: theme?.fontWeightMedium || '500',
+                    }, children: value })] }), _jsx("p", { style: {
+                marginTop: 0,
+                marginBottom: 0,
+                fontFamily: theme?.fontFamily,
+                color: theme?.secondaryTextColor,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                textAlign: 'right',
+                fontSize: theme?.fontSizeSmall || '14px',
+                fontWeight: theme?.fontWeightNormal || '400',
+            }, children: name })] }));
+export const DonutChartTooltip = ({ active, payload, valueFormatter, theme, }) => {
+    if (active && payload[0]) {
+        const payloadRow = payload[0];
+        return (_jsx(ChartTooltipFrame, { theme: theme, children: _jsx("div", { 
+                //   style={{ transform: 'translateX(-120px)' }}
+                // className={twMerge('qq-px-4', 'qq-py-2')}
+                style: {
+                    paddingLeft: '1rem',
+                    paddingRight: '1rem',
+                    paddingTop: '8px',
+                    paddingBottom: '8px',
+                }, children: _jsx(ChartTooltipRow, { value: valueFormatter(payloadRow.value), name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
+    }
+    return null;
+};
+// @ts-ignore
+export function findComplementaryAndAnalogousColors(color1, color2) {
+    // Calculate the hue of the first color
+    const color1HSL = rgbToHsl(hexToRgb(color1));
+    const color2HSL = rgbToHsl(hexToRgb(color2));
+    const color1Hue = color1HSL.h;
+    // Calculate the complementary color of the first color
+    const complementaryHue = (color1Hue + 180) % 360;
+    const complementaryColor = hslToRgb({
+        h: complementaryHue,
+        s: color1HSL.s,
+        l: color1HSL.l,
+    });
+    // Find an analogous hue to the first color
+    const analogousHue1 = (color1Hue + 30) % 360;
+    const analogousHue2 = (color1Hue - 30 + 360) % 360;
+    // Convert the analogous hues back to RGB colors
+    const analogousColor1 = hslToRgb({
+        h: analogousHue1,
+        s: color1HSL.s,
+        l: color1HSL.l,
+    });
+    const analogousColor2 = hslToRgb({
+        h: analogousHue2,
+        s: color1HSL.s,
+        l: color1HSL.l,
+    });
+    // Calculate the average hue between the two colors
+    const avgHue = (color1HSL.h + color2HSL.h) / 2;
+    // Generate a new HSL object with the average hue and the same saturation and lightness as color1
+    const analogousHsl = { h: avgHue, s: color1HSL.s, l: color1HSL.l };
+    return [
+        color1,
+        color2,
+        rgbToHex(hslToRgb(analogousHsl)),
+        // rgbToHex(complementaryColor),
+        // rgbToHex(analogousColor1),
+        // rgbToHex(analogousColor2),
+    ];
+}
+// @ts-ignore
+function hexToRgb(hex) {
+    const r = parseInt(hex.substring(1, 3), 16);
+    const g = parseInt(hex.substring(3, 5), 16);
+    const b = parseInt(hex.substring(5, 7), 16);
+    return { r, g, b };
+}
+// @ts-ignore
+function rgbToHex(rgb) {
+    const rHex = rgb.r.toString(16).padStart(2, '0');
+    const gHex = rgb.g.toString(16).padStart(2, '0');
+    const bHex = rgb.b.toString(16).padStart(2, '0');
+    return `#${rHex}${gHex}${bHex}`;
+}
+// @ts-ignore
+function rgbToHsl(rgb) {
+    const r = rgb.r / 255;
+    const g = rgb.g / 255;
+    const b = rgb.b / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0, s = 0, l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return { h: h * 360, s: s * 100, l: l * 100 };
+}
+// @ts-ignore
+function hslToRgb(hsl) {
+    const h = hsl.h / 360;
+    const s = hsl.s / 100;
+    const l = hsl.l / 100;
+    let r, g, b;
+    if (s === 0) {
+        r = g = b = l;
+    }
+    else {
+        // @ts-ignore
+        const hue2rgb = (p, q, t) => {
+            if (t < 0)
+                t += 1;
+            if (t > 1)
+                t -= 1;
+            if (t < 1 / 6)
+                return p + (q - p) * 6 * t;
+            if (t < 1 / 2)
+                return q;
+            if (t < 2 / 3)
+                return p + (q - p) * (2 / 3 - t) * 6;
+            return p;
+        };
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return {
+        r: Math.round(r * 255),
+        g: Math.round(g * 255),
+        b: Math.round(b * 255),
+    };
+}
+// @ts-ignore
+function generateColorGradientSteps(n, colors) {
+    const numColors = colors.length;
+    // If there are fewer than two colors, return the original array
+    if (numColors < 2) {
+        return colors;
+    }
+    // Initialize the output array with the first color
+    const output = [colors[0]];
+    // Calculate the number of gradient steps between each pair of colors
+    const stepsPerPair = Math.floor(n / (numColors - 1));
+    // Generate the gradient steps for each pair of colors
+    for (let i = 1; i < numColors; i++) {
+        const color1 = colors[i - 1];
+        const color2 = colors[i];
+        const gradientSteps = generateGradientSteps(color1, color2, stepsPerPair);
+        output.push(...gradientSteps);
+    }
+    // If there are remaining steps, add the last color as a stopgap measure
+    while (output.length < n) {
+        output.push(colors[numColors - 1]);
+    }
+    return output;
+}
+//@ts-ignore
+function generateGradientSteps(color1, color2, n) {
+    // Convert the colors to RGB objects
+    const rgb1 = hexToRgb(color1);
+    const rgb2 = hexToRgb(color2);
+    // Calculate the RGB color difference between the two colors
+    const diffR = rgb2.r - rgb1.r;
+    const diffG = rgb2.g - rgb1.g;
+    const diffB = rgb2.b - rgb1.b;
+    // Calculate the RGB gradient step size between the two colors
+    const stepR = diffR / (n + 1);
+    const stepG = diffG / (n + 1);
+    const stepB = diffB / (n + 1);
+    // Generate the RGB gradient steps
+    const gradientSteps = [];
+    for (let i = 1; i <= n; i++) {
+        const r = Math.round(rgb1.r + stepR * i);
+        const g = Math.round(rgb1.g + stepG * i);
+        const b = Math.round(rgb1.b + stepB * i);
+        gradientSteps.push(rgbToHex({ r, g, b }));
+    }
+    return gradientSteps;
+}
+const PieChartWrapper = React.forwardRef((props, ref) => {
+    const { category = 'pct_of_the_total', index = 'status', data, colors = [], variant = 'donut', valueFormatter = defaultValueFormatter, label, showLabel = true, showAnimation = true, showTooltip = true, className, containerStyle, theme, ...other } = props;
+    const isDonut = variant == 'donut';
+    const parsedLabelInput = parseLabelInput(label, valueFormatter, data, category);
+    if (!data || data.length === 0) {
+        return (_jsx("div", { style: {
+                display: 'flex',
+                flex: '1 0 auto',
+                height: '100%',
+                margin: 'auto',
+                justifyContent: 'center',
+                alignItems: 'center',
+                fontSize: 13,
+                color: theme.secondaryTextColor,
+            }, children: "No results found for specified time period." }));
+    }
+    // const newColors = generateColorGradientSteps(
+    //   data.length,
+    //   findComplementaryAndAnalogousColors(colors[0], colors[1])
+    // );
+    return (_jsx("div", { ref: ref, style: {
+            ...containerStyle,
+            width: '100%',
+            // height: '100%',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            boxSizing: 'content-box',
+        }, ...other, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(PieChart, { children: [_jsx(Pie
+                    //   style={{ transform: 'translateX(-120px)' }}
+                    , { 
+                        //   style={{ transform: 'translateX(-120px)' }}
+                        data: parseData(data, colors.length >= data.length
+                            ? colors
+                            : generateColorGradientSteps(Math.min(21, data.length), [
+                                ...findComplementaryAndAnalogousColors(colors[0], colors[1]),
+                                ...colors.slice(2),
+                            ]), index, category), cx: "50%", cy: "50%", startAngle: 90, endAngle: -270, innerRadius: isDonut ? '70%' : '0%', outerRadius: "100%", paddingAngle: 0, dataKey: category, nameKey: index, isAnimationActive: true }), _jsx(Tooltip, { wrapperStyle: {
+                            outline: 'none',
+                        }, content: ({ active, payload }) => (_jsx(DonutChartTooltip, { active: active, payload: payload, valueFormatter: valueFormatter, theme: theme })) })] }) }) }));
+});
+function Legend2({ payload, colors }) {
+    return (_jsx("div", { children: payload.map((item, idx) => {
+            if (idx > 9) {
+                return null;
+            }
+            return (_jsxs("div", { children: [_jsx("div", { style: {
+                            height: 8,
+                            width: 8,
+                            borderRadius: 8,
+                            background: colors[idx],
+                            marginRight: 8,
+                            marginTop: 2,
+                        } }), _jsx("div", { style: {
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            display: 'block',
+                            maxWidth: 120,
+                        }, children: item.value })] }, item.value));
+        }) }));
+}
+export default PieChartWrapper;

package/dist/esm/QuillProvider.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+interface BaseQuillProviderProps {
+    publicKey: string;
+    environment?: string;
+    theme?: QuillTheme;
+    children?: React.ReactNode;
+}
+interface WithOrganizationId extends BaseQuillProviderProps {
+    organizationId: string;
+    queryEndpoint?: never;
+    queryHeaders?: never;
+}
+interface WithQueryEndpoint extends BaseQuillProviderProps {
+    organizationId?: string;
+    queryEndpoint: string;
+    queryHeaders: object;
+    withCredentials?: boolean;
+}
+type QuillProviderProps = WithOrganizationId | WithQueryEndpoint;
+export interface QuillTheme {
+    fontFamily: string;
+    backgroundColor: string;
+    primaryTextColor: string;
+    secondaryTextColor: string;
+    chartLabelFontFamily: string;
+    chartLabelColor: string;
+    chartTickColor: string;
+    chartColors: string[];
+    borderColor: string;
+    primaryButtonColor?: string;
+    secondaryButtonColor?: string;
+    borderWidth: number;
+    buttonFontWeight?: number;
+    labelFontWeight?: number;
+    fontSize?: number;
+    loadingStateBackgroundColor?: string;
+}
+export declare const defaultQuillTheme: {
+    fontFamily: string;
+    backgroundColor: string;
+    primaryTextColor: string;
+    secondaryTextColor: string;
+    chartLabelFontFamily: string;
+    chartLabelColor: string;
+    chartTickColor: string;
+    chartColors: string[];
+    borderColor: string;
+    primaryButtonColor: string;
+    secondaryButtonColor: string;
+    borderWidth: number;
+    labelFontWeight: number;
+    fontSize: number;
+    loadingStateBackgroundColor: string;
+    hoverBackgroundColor: string;
+};
+declare const QuillProvider: ({ organizationId, publicKey, queryEndpoint, queryHeaders, environment, children, theme, withCredentials, }: QuillProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default QuillProvider;
+//# sourceMappingURL=QuillProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuillProvider.d.ts","sourceRoot":"","sources":["../../src/QuillProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,sBAAsB;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAED,UAAU,iBAAkB,SAAQ,sBAAsB;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,KAAK,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAEjE,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAwB7B,CAAC;AAEF,QAAA,MAAM,aAAa,+GAShB,kBAAkB,4CAcpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/QuillProvider.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextProvider } from './Context';
+export const defaultQuillTheme = {
+    fontFamily: 'Inter; Helvetica',
+    backgroundColor: '#FFFFFF',
+    primaryTextColor: '#364153',
+    secondaryTextColor: '#6C727F',
+    chartLabelFontFamily: 'Inter; Helvetica',
+    chartLabelColor: '#666666',
+    chartTickColor: '#CCCCCC',
+    chartColors: [
+        '#4E80EE',
+        '#E14F62',
+        '#55B5A6',
+        '#E9A23B',
+        '#6466E9',
+        '#55B685',
+    ],
+    borderColor: '#E5E7EB',
+    primaryButtonColor: '#364153',
+    secondaryButtonColor: '#384151',
+    borderWidth: 1,
+    labelFontWeight: 500,
+    fontSize: 14,
+    loadingStateBackgroundColor: '#F9F9FA',
+    hoverBackgroundColor: '#F4F4F5',
+};
+const QuillProvider = ({ organizationId, publicKey, queryEndpoint = 'https://quill-344421.uc.r.appspot.com/cloud', queryHeaders, environment, children, theme = defaultQuillTheme, withCredentials = false, }) => {
+    return (_jsx(ContextProvider, { initialTheme: theme, publicKey: publicKey, environment: environment, customerId: organizationId, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials, children: children }));
+};
+export default QuillProvider;

package/dist/esm/ReportBuilder.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Pivot } from './internals/ReportBuilder/PivotModal';
+import { SelectComponentProps, TextInputComponentProps, ButtonComponentProps, ModalComponentProps, HeaderProps, LabelProps, TextProps, DeleteButtonProps, PopoverComponentProps } from './components/UiComponents';
+interface ReportBuilderProps {
+    onChangeQuery: (query: string) => void;
+    onChangeData: (data: object[]) => void;
+    onChangeColumns: (columns: object[]) => void;
+    onChangeLoading?: (loading: boolean) => void;
+    onChangeFields?: (fields: object[]) => void;
+    onChangePivot?: (pivot: Pivot | null, columns: object[] | null, rows: object[] | null) => void;
+    onDateFilterChange?: (dateRange: (string | Date)[]) => void;
+    onError: (error: string) => void;
+    Select?: (props: SelectComponentProps) => JSX.Element;
+    TextInput?: (props: TextInputComponentProps) => JSX.Element;
+    Button?: (props: ButtonComponentProps) => JSX.Element;
+    SecondaryButton?: (props: ButtonComponentProps) => JSX.Element;
+    Header?: (props: HeaderProps) => JSX.Element;
+    Label?: (props: LabelProps) => JSX.Element;
+    Text?: (props: TextProps) => JSX.Element;
+    DeleteButton?: (props: DeleteButtonProps) => JSX.Element;
+    Modal?: (props: ModalComponentProps) => JSX.Element;
+    Popover?: (props: PopoverComponentProps) => JSX.Element;
+    showTableFormatOptions?: boolean;
+    showDateFieldOptions?: boolean;
+    showAccessControlOptions?: boolean;
+    tagStyle?: React.CSSProperties;
+    tableName: string;
+    dateColumn: string;
+    selectedTagBorderColor?: string;
+    chartBuilderEnabled?: boolean;
+    containerStyle?: React.CSSProperties;
+    destinationDashboard?: string;
+    chartBuilderTitle?: string;
+    chartBuilderButtonLabel?: string;
+    editSQLEnabled?: boolean;
+    navigateToSQLEditor?: (sqlQuery: string) => void;
+}
+export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeColumns, onChangeLoading, onChangePivot, onDateFilterChange, onChangeFields, onError, TextInput, containerStyle, Select, Button, SecondaryButton, Header, Label, DeleteButton, Text, Modal, Popover, showTableFormatOptions, showDateFieldOptions, showAccessControlOptions, tagStyle, tableName, dateColumn, selectedTagBorderColor, chartBuilderEnabled, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, editSQLEnabled, navigateToSQLEditor, }: ReportBuilderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function getPostgresBasicType(column: any): string | undefined;
+export {};
+//# sourceMappingURL=ReportBuilder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilder.d.ts","sourceRoot":"","sources":["../../src/ReportBuilder.tsx"],"names":[],"mappings":"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"}