@quillsql/react 2.15.2 → 2.15.4

package/dist/cjs/components/Chart/PieChart.d.ts

@@ -1,79 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { QuillTheme } from '../../QuillProvider';
-import { AxisFormat } from '../../Dashboard';
-export type ValueFormatter = {
-    (value: number): string;
-};
-declare const iconVariantValues: readonly ["simple", "light", "shadow", "solid", "outlined"];
-export type IconVariant = (typeof iconVariantValues)[number];
-export type HorizontalPosition = 'left' | 'right';
-export type VerticalPosition = 'top' | 'bottom';
-export type ButtonVariant = 'primary' | 'secondary' | 'light';
-declare const deltaTypeValues: readonly ["increase", "moderateIncrease", "decrease", "moderateDecrease", "unchanged"];
-export type DeltaType = (typeof deltaTypeValues)[number];
-declare const sizeValues: readonly ["xs", "sm", "md", "lg", "xl"];
-export type Size = (typeof sizeValues)[number];
-declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
-export type Color = (typeof colorValues)[number];
-declare const justifyContentValues: readonly ["start", "end", "center", "between", "around", "evenly"];
-export type JustifyContent = (typeof justifyContentValues)[number];
-declare const alignItemsValues: readonly ["start", "end", "center", "baseline", "stretch"];
-export type AlignItems = (typeof alignItemsValues)[number];
-export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
-export declare const defaultValueFormatter: ValueFormatter;
-export declare const sumNumericArray: (arr: number[]) => number;
-export declare const parseData: (data: any[], colors: string[], categoryKey: string, valueKey: string) => any;
-export declare const parseLabelInput: (labelInput: string | undefined, valueFormatter: ValueFormatter, data: any[], category: string) => string;
-export declare const ChartTooltipFrame: ({ children, theme, }: {
-    children: React.ReactNode;
-    theme: QuillTheme;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface ChartTooltipRowProps {
-    value: string;
-    rawValue?: string;
-    valueKey?: string;
-    valueKeyLabel?: string;
-    name: string;
-    color: Color;
-    theme: any;
-}
-export declare const ChartTooltipRow: ({ value, rawValue, valueKey, valueKeyLabel, name, theme, }: ChartTooltipRowProps) => import("react/jsx-runtime").JSX.Element;
-export interface DonutChartTooltipProps {
-    active: boolean | undefined;
-    payload: any;
-    valueFormatter: ValueFormatter;
-    theme: any;
-    yAxisFields?: {
-        field: string;
-        label: string;
-        format: AxisFormat;
-    }[];
-}
-export declare const DonutChartTooltip: ({ active, payload, valueFormatter, theme, yAxisFields, }: DonutChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
-type DonutChartVariant = 'donut' | 'pie';
-export interface DonutChartProps extends React.HTMLAttributes<HTMLDivElement> {
-    category?: string;
-    index?: string;
-    colors?: any[];
-    colorMap?: any;
-    data: any[];
-    variant?: DonutChartVariant;
-    valueFormatter?: ValueFormatter;
-    label?: string;
-    showLabel?: boolean;
-    showAnimation?: boolean;
-    showTooltip?: boolean;
-    containerStyle?: CSSProperties;
-    className?: string;
-    theme?: any;
-    onClickChartElement?: (e: any) => void;
-    yAxisFields?: {
-        field: string;
-        label: string;
-        format: AxisFormat;
-    }[];
-    showLegend?: boolean;
-}
-declare const PieChartWrapper: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;
-export default PieChartWrapper;
-//# sourceMappingURL=PieChart.d.ts.map

package/dist/cjs/components/Chart/PieChart.d.ts.map

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

package/dist/cjs/components/Chart/PieChart.js

@@ -1,289 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DonutChartTooltip = exports.ChartTooltipRow = exports.ChartTooltipFrame = exports.parseLabelInput = exports.parseData = exports.sumNumericArray = exports.defaultValueFormatter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const recharts_1 = require("recharts");
-const color_1 = require("../../utils/color");
-const util_1 = require("../ReportBuilder/util");
-const valueFormatter_1 = require("../../utils/valueFormatter");
-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',
-];
-const defaultValueFormatter = (value) => (value * 1).toFixed(1) + '%';
-exports.defaultValueFormatter = defaultValueFormatter;
-const sumNumericArray = (arr) => arr.reduce((prefixSum, num) => prefixSum + num, 0);
-exports.sumNumericArray = sumNumericArray;
-const parseData = (data, colors, categoryKey, valueKey) => {
-    const maxItems = 20;
-    const slicedData = (0, util_1.deepCopy)(data).slice(0, maxItems);
-    const totalValue = slicedData.reduce((acc, dataPoint) => 
-    // Big(acc)
-    //   .add(Big(Number(dataPoint[valueKey]) ?? 0))
-    //   .toNumber(),
-    acc + parseFloat(dataPoint[valueKey] ?? '0'), 0);
-    slicedData.forEach((dataPoint) => {
-        const rawValue = parseFloat(dataPoint[valueKey] ?? '0');
-        dataPoint[valueKey] = totalValue
-            ? (rawValue * 100) / totalValue
-            : data.length > maxItems
-                ? 100 / (maxItems + 1)
-                : 100 / slicedData.length; // if totalValue is 0, divide datapoints evenly
-        dataPoint[`raw_${valueKey}`] = parseFloat(rawValue.toFixed(2));
-    });
-    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) => 
-        // Big(acc)
-        //   .add(Big(Number(dataPoint[valueKey])) ?? 0)
-        //   .toNumber(),
-        acc + parseFloat(dataPoint[valueKey] ?? '0'), 0);
-        const otherColor = colors[colors.length - 1];
-        const normalizedOtherSum = totalValue
-            ? (otherSum * 100) / totalValue
-            : 100 / (maxItems + 1); // if totalValue is 0, divide datapoints evenly
-        parsedData.push({
-            [categoryKey]: 'Other',
-            [valueKey]: normalizedOtherSum,
-            [`raw_${valueKey}`]: parseFloat(otherSum.toFixed(2)),
-            color: otherColor,
-            fill: otherColor,
-        });
-    }
-    return parsedData;
-};
-exports.parseData = parseData;
-const calculateDefaultLabel = (data, category) => (0, exports.sumNumericArray)(data.map((dataPoint) => dataPoint[category]));
-const parseLabelInput = (labelInput, valueFormatter, data, category) => labelInput
-    ? labelInput
-    : valueFormatter(calculateDefaultLabel(data, category));
-exports.parseLabelInput = parseLabelInput;
-const ChartTooltipFrame = ({ children, theme, }) => ((0, jsx_runtime_1.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 }));
-exports.ChartTooltipFrame = ChartTooltipFrame;
-const ChartTooltipRow = ({ value, rawValue, valueKey, valueKeyLabel, name, 
-// color,
-theme, }) => ((0, jsx_runtime_1.jsxs)("div", { style: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 2,
-        minWidth: 150,
-        position: 'relative',
-    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                width: '100%',
-                // paddingLeft: '24px',
-            }, children: (0, jsx_runtime_1.jsxs)("span", { style: {
-                    flex: 1,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                }, children: [(0, jsx_runtime_1.jsx)("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            marginRight: '24px',
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            minWidth: '60px',
-                        }, children: name }), (0, jsx_runtime_1.jsx)("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            minWidth: '40px',
-                            textAlign: 'right',
-                        }, children: value })] }) }), (rawValue || valueKey) && ((0, jsx_runtime_1.jsx)("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                width: '100%',
-                // paddingLeft: '24px',
-                justifyContent: 'space-between',
-            }, children: (0, jsx_runtime_1.jsxs)("span", { style: {
-                    flex: 1,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                }, children: [(0, jsx_runtime_1.jsx)("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            marginRight: '24px',
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            minWidth: '60px',
-                        }, children: valueKeyLabel || valueKey }), (0, jsx_runtime_1.jsx)("p", { style: {
-                            marginTop: 0,
-                            marginBottom: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            minWidth: '40px',
-                            textAlign: 'right',
-                        }, children: rawValue })] }) }))] }));
-exports.ChartTooltipRow = ChartTooltipRow;
-const DonutChartTooltip = ({ active, payload, valueFormatter, theme, yAxisFields, }) => {
-    if (active && payload[0]) {
-        const payloadRow = payload[0];
-        const rawValue = payloadRow.payload[`raw_${payloadRow.dataKey}`];
-        const field = yAxisFields?.find((f) => f.field === payloadRow.dataKey);
-        const formattedRawValue = (0, valueFormatter_1.quillFormat)({
-            value: rawValue?.toString() || '',
-            format: field?.format || 'string',
-        });
-        return ((0, jsx_runtime_1.jsx)(exports.ChartTooltipFrame, { theme: theme, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    paddingLeft: '1rem',
-                    paddingRight: '1rem',
-                    paddingTop: '8px',
-                    paddingBottom: '8px',
-                }, children: (0, jsx_runtime_1.jsx)(exports.ChartTooltipRow, { value: valueFormatter(payloadRow.value), rawValue: rawValue ? formattedRawValue : undefined, valueKey: payloadRow.dataKey, valueKeyLabel: field?.label, name: payloadRow.name, color: payloadRow.payload.color, theme: theme }) }) }));
-    }
-    return null;
-};
-exports.DonutChartTooltip = DonutChartTooltip;
-const renderCustomizedLabel = ({ cx, cy, name, midAngle, outerRadius, percent, tooltipPayload, theme, yAxisFields, }) => {
-    const RADIAN = Math.PI / 180;
-    const radius = outerRadius + 25;
-    const x = cx + radius * Math.cos(-midAngle * RADIAN);
-    const y = cy + radius * Math.sin(-midAngle * RADIAN);
-    const category = tooltipPayload?.[0]?.dataKey;
-    const rawValue = tooltipPayload?.[0]?.payload?.[`raw_${category}`];
-    const displayValue = rawValue
-        ? `${rawValue}`
-        : `${(percent * 100).toFixed(0)}%`;
-    const isRightSide = x > cx;
-    const isTopSide = y < cy;
-    const field = yAxisFields?.find((f) => f.field === tooltipPayload?.[0]?.dataKey);
-    const formattedDisplayValue = (0, valueFormatter_1.quillFormat)({
-        value: displayValue?.toString() || '',
-        format: field?.format || 'string',
-    });
-    // Calculate consistent left alignment position
-    const padding = 10;
-    let textX;
-    if (isRightSide) {
-        // Right side: start text at x + padding
-        textX = x + padding;
-    }
-    else {
-        // Left side: estimate text width and position so text starts at x - padding - textWidth
-        const longestText = name.length > displayValue.length ? name : displayValue;
-        const estimatedTextWidth = longestText.length * 7; // Rough estimate, adjust as needed
-        textX = x - padding - estimatedTextWidth;
-    }
-    return ((0, jsx_runtime_1.jsx)("g", { children: isTopSide ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("text", { x: textX, y: y - 8, fill: theme?.secondaryTextColor, textAnchor: "start", dominantBaseline: "central", fontSize: theme?.fontSize || '14px', fontWeight: "500", fontFamily: theme?.fontFamily, children: name }), (0, jsx_runtime_1.jsx)("text", { x: textX, y: y + 8, fill: theme?.secondaryTextColor, textAnchor: "start", dominantBaseline: "central", fontSize: theme?.fontSize || '14px', fontWeight: "400", fontFamily: theme?.fontFamily, children: formattedDisplayValue })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("text", { x: textX, y: y + 8, fill: theme?.secondaryTextColor, textAnchor: "start", dominantBaseline: "central", fontSize: theme?.fontSize || '14px', fontWeight: "400", fontFamily: theme?.fontFamily, children: formattedDisplayValue }), (0, jsx_runtime_1.jsx)("text", { x: textX, y: y - 8, fill: theme?.secondaryTextColor, textAnchor: "start", dominantBaseline: "central", fontSize: theme?.fontSize || '14px', fontWeight: "500", fontFamily: theme?.fontFamily, children: name })] })) }));
-};
-const PieChartWrapper = react_1.default.forwardRef((props, ref) => {
-    const { category = 'pct_of_the_total', index = 'status', data, colors = [], colorMap = {}, variant = 'donut', valueFormatter = exports.defaultValueFormatter, className, containerStyle, theme, onClickChartElement, yAxisFields, showLegend = false, ...other } = props;
-    const isDonut = variant == 'donut';
-    if (!data || data.length === 0) {
-        return ((0, jsx_runtime_1.jsx)("div", { style: {
-                display: 'flex',
-                flex: '1 0 auto',
-                // height: '100%',
-                margin: 'auto',
-                justifyContent: 'center',
-                alignItems: 'center',
-                fontSize: 13,
-                fontFamily: theme?.fontFamily,
-                color: theme.secondaryTextColor,
-                ...containerStyle,
-            }, className: className, children: "No results" }));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, style: {
-            width: '100%',
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            boxSizing: 'content-box',
-            ...containerStyle,
-        }, ...other, children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", minWidth: 0, minHeight: 0, children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, { children: [(0, jsx_runtime_1.jsx)(recharts_1.Pie, { data: (0, exports.parseData)(data, (colorMap[category] &&
-                            colorMap[category]['primary'] &&
-                            (0, color_1.generateArrayFromColor)(colorMap[category]['primary'], data.length)) ??
-                            (colors.length >= data.length
-                                ? colors
-                                : (0, color_1.generateArrayFromColor)(colors.slice(0, 2), data.length)), index, category), cx: "50%", cy: "50%", startAngle: 90, endAngle: -270, innerRadius: isDonut ? (showLegend ? '50%' : '70%') : '0%', outerRadius: showLegend ? '70%' : '100%', paddingAngle: 0, dataKey: category, nameKey: index, isAnimationActive: true, onClick: onClickChartElement, labelLine: false, label: showLegend
-                            ? (props) => renderCustomizedLabel({ ...props, theme, yAxisFields })
-                            : undefined }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { wrapperStyle: {
-                            outline: 'none',
-                        }, content: ({ active, payload }) => {
-                            return ((0, jsx_runtime_1.jsx)(exports.DonutChartTooltip, { active: active, payload: payload, valueFormatter: valueFormatter, theme: theme, yAxisFields: yAxisFields }));
-                        } })] }) }) }));
-});
-exports.default = PieChartWrapper;

package/dist/cjs/components/Dashboard/ChartComponent.d.ts

@@ -1,3 +0,0 @@
-import { QuillReportProps } from '../../Dashboard';
-export default function QuillChartComponent({ report, onClick, hoverActions, children, isLoading, }: QuillReportProps): JSX.Element;
-//# sourceMappingURL=ChartComponent.d.ts.map

package/dist/cjs/components/Dashboard/ChartComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/ChartComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuGhC"}

package/dist/cjs/components/Dashboard/ChartComponent.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = QuillChartComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ChartSkeleton_1 = __importDefault(require("../Chart/ChartSkeleton"));
-const Context_1 = require("../../Context");
-function QuillChartComponent({ report, onClick, hoverActions, children, isLoading, }) {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `quill-chart-${report?.id}`, onClick: () => onClick && onClick(report), style: {
-            cursor: onClick ? 'pointer' : 'default',
-            boxSizing: 'content-box',
-            height: '100%',
-            minHeight: 400,
-            borderRadius: 8,
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    width: '100%',
-                    height: '100%',
-                    boxSizing: 'content-box',
-                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                        width: '100%',
-                        height: '100%',
-                        boxSizing: 'content-box',
-                    }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            justifyContent: 'space-between',
-                            height: '100%',
-                            boxSizing: 'content-box',
-                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    justifyContent: 'space-between',
-                                    boxSizing: 'content-box',
-                                    paddingBottom: 20,
-                                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                            fontFamily: theme?.fontFamily,
-                                            color: theme?.primaryTextColor,
-                                            boxSizing: 'content-box',
-                                            fontSize: 18,
-                                            fontWeight: '500',
-                                            textOverflow: 'ellipsis',
-                                            padding: 0,
-                                            whiteSpace: 'nowrap',
-                                            display: 'block',
-                                            maxWidth: '100%',
-                                            overflow: 'hidden',
-                                        }, children: report?.name }), hoverActions && ((0, jsx_runtime_1.jsx)("div", { className: `quill-chart-${report?.id}-actions`, children: hoverActions(report) }))] }), isLoading ? ((0, jsx_runtime_1.jsx)(ChartSkeleton_1.default, { containerStyle: {
-                                    height: '100%',
-                                } })) : ((0, jsx_runtime_1.jsx)("div", { style: {
-                                    padding: 0,
-                                    height: '100%',
-                                    boxSizing: 'content-box',
-                                }, children: children }))] }) }) }), (0, jsx_runtime_1.jsx)("style", { children: `
-        .quill-chart-${report?.id}-actions {
-          opacity: 0;
-          pointer-events: none;
-        }
-        .quill-chart-${report?.id}:hover .quill-chart-${report?.id}-actions {
-          opacity: 1;
-          pointer-events: all;
-        }
-      ` })] }, report?.name));
-}

package/dist/cjs/components/Dashboard/DashboardFilter.d.ts

@@ -1,56 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { type DateRangePickerComponentProps } from '../../DateRangePicker/QuillDateRangePicker';
-import { QuillTheme } from '../../QuillProvider';
-import { InternalDashboardFilter as Filters } from '../../models/Filter';
-type SelectComponentType = ({ label, value, options, onChange, width, isLoading, hideEmptyOption, disabled, }: {
-    value: string | null | undefined;
-    label?: string | undefined;
-    width: number;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    isLoading?: boolean;
-    hideEmptyOption?: boolean;
-    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    disabled?: boolean;
-}) => JSX.Element;
-type MultiSelectComponentType = ({ label, value, options, onChange, width, isLoading, disabled, }: {
-    value: (string | null)[];
-    label?: string | undefined;
-    width: number;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    isLoading?: boolean;
-    onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
-        target: {
-            value: (string | null)[];
-        };
-    }) => void;
-    disabled?: boolean;
-}) => JSX.Element;
-type DateRangePickerComponentType = ({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, selectWidth, disabled, }: DateRangePickerComponentProps) => JSX.Element;
-interface DashboardFilterProps {
-    filter: Filters;
-    onChangeFilter: (filter: Filters, value?: string | (string | null)[] | {
-        startDate: Date;
-        endDate: Date;
-    } | {
-        preset: string;
-    }, comparison?: {
-        value: string;
-        text: string;
-    }) => void;
-    SelectComponent: SelectComponentType | React.MemoExoticComponent<SelectComponentType>;
-    MultiSelectComponent: MultiSelectComponentType | React.MemoExoticComponent<MultiSelectComponentType>;
-    DateRangePickerComponent: DateRangePickerComponentType | React.MemoExoticComponent<DateRangePickerComponentType>;
-    theme: QuillTheme;
-    isLoading?: boolean;
-    disabled?: boolean;
-    containerStyle?: CSSProperties;
-}
-export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, MultiSelectComponent, DateRangePickerComponent, theme, isLoading, disabled, containerStyle, }: DashboardFilterProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=DashboardFilter.d.ts.map

package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map

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

package/dist/cjs/components/Dashboard/DashboardFilter.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardFilter = DashboardFilter;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dateRangePickerUtils_1 = require("../../DateRangePicker/dateRangePickerUtils");
-const QuillDateRangePicker_1 = require("../../DateRangePicker/QuillDateRangePicker");
-const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
-const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
-function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, isLoading, disabled, containerStyle, }) {
-    const preset = (0, react_1.useMemo)(() => {
-        // sometimes preset is undefined when initialized, unclear if bug
-        if ( /*'preset' in filter && */'primaryRange' in filter) {
-            return filter.preset?.value ?? filter.primaryRange.value;
-        }
-        else {
-            return '';
-        }
-    }, [filter]);
-    if (filter.filterType === 'string') {
-        if (filter.stringFilterType === 'multiselect') {
-            return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(MultiSelectComponent, { label: filter.label, value: filter.values ?? [], onChange: (e) => {
-                        if (e.target.value === '' ||
-                            (Array.isArray(e.target.value) && e.target.value.length === 0)) {
-                            onChangeFilter(filter, undefined);
-                            return;
-                        }
-                        let jsonValue = e.target.value;
-                        if (typeof e.target.value === 'string') {
-                            jsonValue = e.target.value.split(',');
-                        }
-                        onChangeFilter(filter, jsonValue);
-                    }, options: [
-                        ...(filter.options
-                            ? filter.options.map((elem) => ({
-                                label: elem[filter.labelField],
-                                value: elem[filter.field],
-                            }))
-                            : []),
-                    ], width: 200, isLoading: isLoading, disabled: disabled }) }));
-        }
-        return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: filter.label, value: filter.selectedValue, onChange: (e) => {
-                    onChangeFilter(filter, e.target.value);
-                }, options: [
-                    ...(filter.options
-                        ? filter.options.map((elem) => ({
-                            label: elem[filter.labelField] ?? elem[filter.field] ?? '',
-                            value: elem[filter.field] ?? '',
-                        }))
-                        : []),
-                ], width: 200, isLoading: isLoading, disabled: disabled }) }));
-    }
-    else if (filter.filterType === 'date_range') {
-        return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'flex-end',
-                    flexWrap: 'wrap',
-                    rowGap: 8,
-                }, children: [(0, jsx_runtime_1.jsx)(DateRangePickerComponent, { label: filter.label, dateRange: { startDate: filter.startDate, endDate: filter.endDate }, preset: preset, onChangeDateRange: (value) => {
-                            onChangeFilter(filter, {
-                                startDate: value.startDate,
-                                endDate: value.endDate,
-                            });
-                        }, onChangePreset: (e) => {
-                            onChangeFilter(filter, { preset: e.target.value });
-                        }, presetOptions: filter.options?.map((option) => {
-                            return { label: option.label, value: option.value };
-                        }) ?? [], selectWidth: 200, disabled: disabled }), filter.comparison && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                    paddingLeft: 16,
-                                    paddingRight: 12,
-                                    color: theme?.secondaryTextColor,
-                                    fontFamily: theme?.fontFamily,
-                                    fontSize: 14,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    flex: 1,
-                                    whiteSpace: 'nowrap',
-                                    minWidth: 80,
-                                    justifyContent: 'center',
-                                }, children: "compared to" }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: filter.comparisonRange?.value ?? 'NO_COMPARISON', onChange: (e) => {
-                                    onChangeFilter(filter, undefined, dateRangePickerUtils_1.COMPARISON_OPTIONS.find((option) => option.value === e.target.value));
-                                }, options: dateRangePickerUtils_1.COMPARISON_OPTIONS.map((compareOption) => ({
-                                    value: compareOption.value,
-                                    label: compareOption.text,
-                                })), width: 200, hideEmptyOption: true })] }))] }) }));
-    }
-    return null;
-}

package/dist/cjs/components/Dashboard/DashboardSection.d.ts

@@ -1,6 +0,0 @@
-export interface DashboardSectionComponentProps {
-    section: string;
-    children: React.ReactNode;
-}
-export default function DashboardSection({ section, children, }: DashboardSectionComponentProps): JSX.Element;
-//# sourceMappingURL=DashboardSection.d.ts.map

package/dist/cjs/components/Dashboard/DashboardSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardSection.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,QAAQ,GACT,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAmC9C"}

package/dist/cjs/components/Dashboard/DashboardSection.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DashboardSection;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Context_1 = require("../../Context");
-function DashboardSection({ section, children, }) {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [section && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)("h1", { style: {
-                        fontSize: 22,
-                        color: theme?.primaryTextColor,
-                        fontFamily: theme?.fontFamily,
-                        fontWeight: 'bold',
-                        marginTop: 20,
-                        textAlign: 'left',
-                    }, children: section }) })), (0, jsx_runtime_1.jsx)("div", { style: {
-                    boxSizing: 'content-box',
-                    width: '100%',
-                    listStyleType: 'none',
-                    display: 'grid',
-                    gap: 40,
-                    gridTemplateColumns: 'repeat(auto-fill,minmax(400px, 1fr))',
-                    gridTemplateRows: `repeat(${170}px)`,
-                }, children: children })] }));
-}

package/dist/cjs/components/Dashboard/DashboardSectionContainer.d.ts

@@ -1,2 +0,0 @@
-export default function DashboardSectionContainer({ style, children, ...props }: any): JSX.Element;
-//# sourceMappingURL=DashboardSectionContainer.d.ts.map