@quillsql/react 2.10.16 → 2.10.18

package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts

@@ -0,0 +1,3 @@
+import { DateRangePickerComponentProps } from '../Dashboard';
+export declare function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, }: DateRangePickerComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuillDateRangePicker.d.ts.map

package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuillDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/QuillDateRangePicker.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAK7D,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,KAAK,GACN,EAAE,6BAA6B,2CA+H/B"}

package/dist/esm/DateRangePicker/QuillDateRangePicker.js

@@ -0,0 +1,256 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef, useState } from 'react';
+import { startOfMonth, endOfMonth, format, eachDayOfInterval, subMonths, startOfWeek, endOfWeek, differenceInDays, startOfDay, addMonths, isBefore, isAfter, } from 'date-fns';
+import { ThemeContext } from '../Context';
+import { useOnClickOutside } from '../hooks';
+import { QuillSelectComponent } from '../components/QuillSelect';
+export function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, }) {
+    const [theme] = useContext(ThemeContext);
+    const [anchorStartDate, setAnchorStartDate] = useState(getAnchorStartDate(dateRange.startDate, dateRange.endDate));
+    const [anchorEndDate, setAnchorEndDate] = useState(getAnchorEndDate(dateRange.startDate, dateRange.endDate));
+    const [localStartDate, setLocalStartDate] = useState(dateRange.startDate);
+    const [localEndDate, setLocalEndDate] = useState(dateRange.endDate);
+    const [localPreset, setLocalPreset] = useState({
+        label: preset || '',
+    });
+    const [showModal, setShowModal] = useState(false);
+    useEffect(() => {
+        setLocalEndDate(dateRange.endDate);
+        setLocalStartDate(dateRange.startDate);
+    }, [dateRange.startDate, dateRange.endDate]);
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            gap: 12,
+            alignItems: 'flex-end',
+        }, children: [_jsxs("div", { style: { position: 'relative', width: 270 }, children: [label && (_jsx("div", { style: {
+                            fontSize: 14,
+                            color: theme.primaryTextColor,
+                            fontFamily: theme.fontFamily,
+                            paddingBottom: 5,
+                            fontWeight: 600,
+                        }, children: label })), _jsxs("button", { style: {
+                            width: '100%',
+                            display: 'flex',
+                            alignItems: 'center',
+                            borderColor: theme.borderColor,
+                            fontFamily: theme.fontFamily,
+                            color: theme.primaryTextColor,
+                            padding: '8px 12px',
+                            fontSize: 14,
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 1,
+                            borderStyle: 'solid',
+                            borderRadius: 6,
+                            paddingTop: 11,
+                            paddingBottom: 11,
+                            height: 40,
+                            minHeight: 40,
+                            maxHeight: 40,
+                            gap: 10,
+                        }, onClick: () => setShowModal((showModal) => !showModal), className: "quill-date-range-picker-button", children: [_jsx("style", { children: ` .quill-date-range-picker-button { background: ${theme.backgroundColor}; } .quill-date-range-picker-button:hover { background: ${theme.hoverBackgroundColor}; }` }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", height: "15.5px", width: "15.5px", style: { marginTop: -1.5 }, children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), _jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), _jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), _jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }), localStartDate && format(localStartDate, 'MMM dd, yyyy'), localStartDate ? ' - ' : 'Pick a date', localEndDate && format(localEndDate, 'MMM dd, yyyy')] }), showModal && (_jsx(CalendarRow, { theme: theme, anchorStartDate: anchorStartDate, anchorEndDate: anchorEndDate, setAnchorStartDate: setAnchorStartDate, setAnchorEndDate: setAnchorEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, localEndDate: localEndDate, localStartDate: localStartDate, updateDateFilter: onChangeDateRange, setLocalPreset: setLocalPreset, setShowModal: setShowModal }))] }), _jsx(QuillSelectComponent, { options: presetOptions.map((option) => ({
+                    label: option.label,
+                    value: option.label,
+                })), value: localPreset?.label || '', onChange: (e) => {
+                    onChangePreset(e);
+                    setLocalPreset({ label: e });
+                }, theme: theme })] }));
+}
+function CalendarRow({ theme, anchorStartDate, anchorEndDate, setAnchorStartDate, setAnchorEndDate, localStartDate, localEndDate, setLocalStartDate, setLocalEndDate, updateDateFilter, setLocalPreset, setShowModal, }) {
+    const modalRef = useRef(null);
+    useOnClickOutside(modalRef, (e) => {
+        setShowModal(false);
+    });
+    const firstMonthDisplayedDates = eachDayOfInterval({
+        start: startOfWeek(anchorStartDate),
+        end: endOfWeek(endOfMonth(anchorStartDate)),
+    });
+    const secondMonthDisplayedDates = eachDayOfInterval({
+        start: startOfWeek(startOfMonth(anchorEndDate)),
+        end: endOfWeek(anchorEndDate),
+    });
+    const incrementAnchorDates = () => {
+        setAnchorStartDate(startOfMonth(addMonths(anchorStartDate, 1)));
+        setAnchorEndDate(endOfMonth(addMonths(anchorEndDate, 1)));
+    };
+    const decrementAnchorDates = () => {
+        setAnchorStartDate(startOfMonth(subMonths(anchorStartDate, 1)));
+        setAnchorEndDate(endOfMonth(subMonths(anchorEndDate, 1)));
+    };
+    return (_jsx("div", { ref: modalRef, style: { position: 'absolute', zIndex: 100, marginTop: 12 }, children: _jsxs("div", { style: {
+                display: 'flex',
+                flexDirection: 'row',
+                border: `1px solid ${theme.borderColor}`,
+                borderRadius: 6,
+                boxShadow: '0px 2px 6px #e7e7e7',
+                backgroundColor: theme.backgroundColor,
+            }, children: [_jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        padding: 12,
+                        // border: "1px solid #e7e7e7",
+                        // borderRadius: 6,
+                        // boxShadow: "0px 2px 6px #e7e7e7",
+                    }, children: [_jsxs("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                position: 'relative',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                height: 40,
+                                marginBottom: 10,
+                            }, children: [_jsxs("button", { onClick: decrementAnchorDates, style: {
+                                        position: 'absolute',
+                                        left: 0,
+                                        height: 32,
+                                        width: 32,
+                                        borderWidth: theme.borderWidth,
+                                        borderColor: theme.borderColor,
+                                        fontFamily: theme.fontFamily,
+                                        borderStyle: 'solid',
+                                        borderRadius: 6,
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                    }, className: "quill-calendar-button", children: [_jsx("style", { children: `.quill-calendar-button { background-color: ${theme.backgroundColor}; } .quill-calendar-button:hover { background-color: ${theme.hoverBackgroundColor}; }` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: theme.chartLabelColor, height: "24px", width: "24px", children: _jsx("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })] }), _jsx("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        fontSize: 14,
+                                        color: theme.primaryTextColor,
+                                        fontWeight: 600,
+                                    }, children: format(anchorStartDate, 'MMM yyyy') })] }), _jsx("div", { style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(7, 1fr)',
+                                rowGap: 8,
+                            }, children: firstMonthDisplayedDates.map((date) => (_jsx(DayPicker, { theme: theme, date: date, localStartDate: localStartDate, localEndDate: localEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, setLocalPreset: setLocalPreset, updateDateFilter: updateDateFilter }, 'first-' + date.toISOString()))) })] }), _jsxs("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        padding: 12,
+                        // border: "1px solid #e7e7e7",
+                        // borderRadius: 6,
+                        // boxShadow: "0px 2px 6px #e7e7e7",
+                    }, children: [_jsxs("div", { style: {
+                                display: 'flex',
+                                flexDirection: 'row',
+                                position: 'relative',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                                height: 40,
+                                marginBottom: 10,
+                            }, children: [_jsx("div", { style: {
+                                        fontFamily: theme.fontFamily,
+                                        fontSize: 14,
+                                        color: theme.primaryTextColor,
+                                        fontWeight: 600,
+                                    }, children: format(anchorEndDate, 'MMM yyyy') }), _jsxs("button", { onClick: incrementAnchorDates, style: {
+                                        position: 'absolute',
+                                        right: 0,
+                                        height: 32,
+                                        width: 32,
+                                        borderWidth: theme.borderWidth,
+                                        borderColor: theme.borderColor,
+                                        borderStyle: 'solid',
+                                        borderRadius: 6,
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                    }, className: "quill-calendar-button", children: [_jsx("style", { children: `.quill-calendar-button { background-color: ${theme.backgroundColor}; } .quill-calendar-button:hover { background-color: ${theme.hoverBackgroundColor}; }` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: theme.chartLabelColor, height: "24px", width: "24px", children: _jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })] })] }), _jsx("div", { style: {
+                                display: 'grid',
+                                gridTemplateColumns: 'repeat(7, 1fr)',
+                                rowGap: 8,
+                            }, children: secondMonthDisplayedDates.map((date) => (_jsx(DayPicker, { theme: theme, date: date, localStartDate: localStartDate, localEndDate: localEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, setLocalPreset: setLocalPreset, updateDateFilter: updateDateFilter }, 'second-' + date.toISOString()))) })] })] }) }));
+}
+function DayPicker({ date, localStartDate, setLocalStartDate, localEndDate, setLocalEndDate, updateDateFilter, setLocalPreset, theme, }) {
+    // USE ZERO FOR UNDEFINED DATES
+    const isStartDate = differenceInDays(startOfDay(date), startOfDay(localStartDate || 0)) === 0;
+    const isEndDate = differenceInDays(startOfDay(date), startOfDay(localEndDate || 0)) === 0;
+    const isBetweenStartAndEnd = isBefore(date, localEndDate || 0) && isAfter(date, localStartDate || 0);
+    const isBeginningOfWeek = differenceInDays(startOfWeek(date), date) === 0;
+    const isEndOfWeek = differenceInDays(endOfWeek(date), date) === 0;
+    return (_jsx("button", { style: {
+            height: 36,
+            width: 36,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontFamily: theme.fontFamily,
+            fontSize: 14,
+            border: 'none',
+            color: isStartDate || isEndDate ? 'white' : theme.secondaryTextColor,
+            borderTopLeftRadius: isStartDate || isEndDate || isBeginningOfWeek ? 6 : 0,
+            borderBottomLeftRadius: isStartDate || isEndDate || isBeginningOfWeek ? 6 : 0,
+            borderTopRightRadius: isStartDate || isEndDate || isEndOfWeek ? 6 : 0,
+            borderBottomRightRadius: isStartDate || isEndDate || isEndOfWeek ? 6 : 0,
+            backgroundColor: isStartDate || isEndDate
+                ? theme.primaryTextColor
+                : isBetweenStartAndEnd
+                    ? theme.hoverBackgroundColor
+                    : theme.backgroundColor,
+        }, onClick: () => {
+            if (!localStartDate) {
+                setLocalStartDate(date);
+            }
+            if (localStartDate && !localEndDate) {
+                setLocalEndDate(date);
+                updateDateFilter({
+                    startDate: localStartDate,
+                    endDate: date,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate && localEndDate && isAfter(date, localStartDate)) {
+                setLocalEndDate(date);
+                updateDateFilter({
+                    startDate: localStartDate,
+                    endDate: date,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate && localEndDate && isBefore(date, localStartDate)) {
+                setLocalStartDate(date);
+                updateDateFilter({
+                    startDate: date,
+                    endDate: localEndDate,
+                });
+                setLocalPreset({ label: '' });
+            }
+            if (localStartDate &&
+                localEndDate &&
+                differenceInDays(startOfDay(date), startOfDay(localStartDate)) === 0) {
+                setLocalStartDate(undefined);
+                setLocalEndDate(undefined);
+            }
+        }, children: format(date, 'd') }));
+}
+function getAnchorStartDate(startDate, endDate) {
+    if (!startDate && !endDate) {
+        return startOfMonth(subMonths(new Date(), 1));
+    }
+    if (startDate && !endDate) {
+        return startOfMonth(startDate);
+    }
+    if (!startDate && endDate) {
+        return startOfMonth(subMonths(endDate, 1));
+    }
+    if (startDate && endDate) {
+        return startOfMonth(startDate);
+    }
+    return new Date();
+}
+function getAnchorEndDate(startDate, endDate) {
+    if (!startDate && !endDate) {
+        return endOfMonth(new Date());
+    }
+    if (startDate && !endDate) {
+        return endOfMonth(addMonths(startDate, 1));
+    }
+    if (!startDate && endDate) {
+        return endOfMonth(endDate);
+    }
+    if (startDate && endDate) {
+        return endOfMonth(addMonths(startDate, 1));
+    }
+    return new Date();
+}

package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts

@@ -17,7 +17,10 @@ type QuillDateRange = {
  * key ending on today.
  */
 export declare const PRIMARY_RANGE: {
-    [key: string]: QuillDateRange | null;
+    [key: string]: QuillDateRange | {
+        start: undefined;
+        end: undefined;
+    };
 };
 /**
  * Maps between the keys of primary range and the short code.
@@ -25,6 +28,10 @@ export declare const PRIMARY_RANGE: {
 export declare const PRIMARY_CODES: {
     [key: keyof typeof PRIMARY_RANGE]: string;
 };
+export declare const COMPARISON_OPTIONS: {
+    value: string;
+    text: string;
+}[];
 /**
  * A helpful map between comparison range keys and a function that takes the
  * start date of the primary range (which is also the end date for our
@@ -50,9 +57,21 @@ export declare const COMPARISON_RANGE: {
     readonly NO_COMPARISON: (_: any) => null;
 };
 export type ComparisonRangeKey = keyof typeof COMPARISON_RANGE;
+export declare const defaultOptionsV2: any[];
 export declare const defaultOptions: DateRangePickerOption[];
 export declare const reportBuilderOptions: DateRangePickerOption[];
 export declare const getRangeFromPreset: (preset: string) => (string | Date | null)[];
+export declare const getRangeFromPresetOptions: (preset: string, presetOptions: {
+    label: string;
+    startDate: Date;
+    endDate: Date;
+}[]) => {
+    start: Date;
+    end: Date;
+} | {
+    start: null;
+    end: null;
+};
 export declare const getDateStyles: (theme: any, date: Date, finalStartDate: Date | null, finalEndDate: Date | null, hoveredDate: Date | undefined, isDateDisabled: boolean) => any;
 export declare const displaySelected: (selectedStartDay: Date | null, selectedEndDay: Date | null) => string | undefined;
 export declare const formatSelectedDates: (startDate: Date | null, endDate: Date | null, locale?: Locale) => string;

package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/dateRangePickerUtils.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,WAAW,WAAY,MAAM,aAKzC,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,MAAM,UAAU,MAAM,WAEnD,CAAC;AAEF,eAAO,MAAM,2BAA2B,kBACvB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,gBAU1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACrB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,SAU1C,CAAC;AAEF,eAAO,MAAM,cAAc,cACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACzB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBAWzC,CAAC;AAEF,eAAO,MAAM,YAAY,YACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACvB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBASzC,CAAC;AAEF;;GAEG;AACH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAAA;CASjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,OAAO,aAAa,GAAG,MAAM,CAAA;CAStE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;2CACG,cAAc;;;;sCAInB,cAAc;;;;uCAIb,cAAc;;;;uCAId,cAAc;;;;gCAIrB,GAAG;CACd,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE/D,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyCjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,qBAAqB,EA+BvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,6BAGhD,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,GAAG,QACJ,IAAI,kBACM,IAAI,GAAG,IAAI,gBACb,IAAI,GAAG,IAAI,eACZ,IAAI,GAAG,SAAS,kBACb,OAAO,QAgCxB,CAAC;AAkGF,eAAO,MAAM,eAAe,qBACR,IAAI,GAAG,IAAI,kBACb,IAAI,GAAG,IAAI,uBA0C5B,CAAC;AAyHF,eAAO,MAAM,mBAAmB,cACnB,IAAI,GAAG,IAAI,WACb,IAAI,GAAG,IAAI,WACX,MAAM,WAyChB,CAAC;;AAEF,yEAAyE"}
+{"version":3,"file":"dateRangePickerUtils.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/dateRangePickerUtils.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,WAAW,WAAY,MAAM,aAKzC,CAAC;AAEF,eAAO,MAAM,UAAU,MAAO,MAAM,UAAU,MAAM,WAEnD,CAAC;AAEF,eAAO,MAAM,2BAA2B,kBACvB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,gBAU1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACrB,MAAM,GAAG,IAAI,GAAG,SAAS,oBACtB,qBAAqB,EAAE,SAU1C,CAAC;AAEF,eAAO,MAAM,cAAc,cACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACzB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBAWzC,CAAC;AAEF,eAAO,MAAM,YAAY,YACd,IAAI,GAAG,IAAI,GAAG,SAAS,WACvB,IAAI,GAAG,IAAI,GAAG,SAAS,yBACT,MAAM,GAAG,IAAI,GAAG,SAAS,mBAC/B,qBAAqB,EAAE,gBASzC,CAAC;AAEF;;GAEG;AACH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;CAatE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,OAAO,aAAa,GAAG,MAAM,CAAA;CAStE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,EAqBA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;2CACG,cAAc;;;;sCAInB,cAAc;;;;uCAIb,cAAc;;;;uCAId,cAAc;;;;gCAIrB,GAAG;CACd,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,GAAG,EAiDjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyCjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,qBAAqB,EA+BvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,6BAOhD,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAC5B,MAAM,iBACC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,EAAE;;;;;;CAQnE,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,GAAG,QACJ,IAAI,kBACM,IAAI,GAAG,IAAI,gBACb,IAAI,GAAG,IAAI,eACZ,IAAI,GAAG,SAAS,kBACb,OAAO,QAgCxB,CAAC;AAkGF,eAAO,MAAM,eAAe,qBACR,IAAI,GAAG,IAAI,kBACb,IAAI,GAAG,IAAI,uBA0C5B,CAAC;AAyHF,eAAO,MAAM,mBAAmB,cACnB,IAAI,GAAG,IAAI,WACb,IAAI,GAAG,IAAI,WACX,MAAM,WAyChB,CAAC;;AAEF,yEAAyE"}

package/dist/esm/DateRangePicker/dateRangePickerUtils.js

@@ -51,8 +51,11 @@ export const PRIMARY_RANGE = {
     LAST_7_DAYS: { start: sub(startOfToday(), { days: 7 }), end: endOfToday() },
     LAST_30_DAYS: { start: sub(startOfToday(), { days: 30 }), end: endOfToday() },
     LAST_90_DAYS: { start: sub(startOfToday(), { days: 90 }), end: endOfToday() },
-    LAST_6_MONTHS: { start: sub(startOfToday(), { months: 6 }), end: endOfToday() },
-    ALL_TIME: { start: new Date(0), end: endOfToday() },
+    LAST_6_MONTHS: {
+        start: sub(startOfToday(), { months: 6 }),
+        end: endOfToday(),
+    },
+    ALL_TIME: { start: undefined, end: undefined },
 };
 /**
  * Maps between the keys of primary range and the short code.
@@ -67,6 +70,28 @@ export const PRIMARY_CODES = {
     LAST_6_MONTHS: '6m',
     ALL_TIME: 'at',
 };
+export const COMPARISON_OPTIONS = [
+    {
+        value: 'PREV_PERIOD',
+        text: 'Previous Period',
+    },
+    {
+        value: 'PREV_7_DAYS',
+        text: 'Previous 7 days',
+    },
+    {
+        value: 'PREV_30_DAYS',
+        text: 'Previous 30 days',
+    },
+    {
+        value: 'PREV_90_DAYS',
+        text: 'Previous 90 days',
+    },
+    {
+        value: 'NO_COMPARISON',
+        text: 'No comparison',
+    },
+];
 /**
  * A helpful map between comparison range keys and a function that takes the
  * start date of the primary range (which is also the end date for our
@@ -91,6 +116,56 @@ export const COMPARISON_RANGE = {
     }),
     NO_COMPARISON: (_) => null,
 };
+export const defaultOptionsV2 = [
+    {
+        value: 'THIS_WEEK',
+        label: 'This week',
+        startDate: PRIMARY_RANGE['THIS_WEEK']?.start,
+        endDate: PRIMARY_RANGE['THIS_WEEK']?.end,
+    },
+    {
+        value: 'THIS_MONTH',
+        label: 'This month',
+        startDate: PRIMARY_RANGE['THIS_MONTH']?.start,
+        endDate: PRIMARY_RANGE['THIS_MONTH']?.end,
+    },
+    {
+        value: 'THIS_YEAR',
+        label: 'This year',
+        startDate: PRIMARY_RANGE['THIS_YEAR']?.start,
+        endDate: PRIMARY_RANGE['THIS_YEAR']?.end,
+    },
+    {
+        value: 'LAST_7_DAYS',
+        label: 'Last 7 days',
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_7_DAYS']?.end,
+    },
+    {
+        value: 'LAST_30_DAYS',
+        label: 'Last 30 days',
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_30_DAYS']?.end,
+    },
+    {
+        value: 'LAST_90_DAYS',
+        label: 'Last 90 days',
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_90_DAYS']?.end,
+    },
+    {
+        value: 'LAST_6_MONTHS',
+        label: 'Last 6 months',
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        endDate: PRIMARY_RANGE['LAST_6_MONTHS']?.end,
+    },
+    {
+        value: 'ALL_TIME',
+        label: 'All time',
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+        endDate: PRIMARY_RANGE['ALL_TIME']?.end,
+    },
+];
 export const defaultOptions = [
     {
         value: 'wk',
@@ -167,7 +242,20 @@ export const reportBuilderOptions = [
 ];
 export const getRangeFromPreset = (preset) => {
     const foundPreset = defaultOptions.find((elem) => elem.value === preset);
-    return [foundPreset?.startDate || null, endOfToday(), foundPreset?.value || ''];
+    return [
+        foundPreset?.startDate || null,
+        endOfToday(),
+        foundPreset?.value || '',
+    ];
+};
+export const getRangeFromPresetOptions = (preset, presetOptions) => {
+    const foundPreset = presetOptions.find((elem) => elem.label === preset);
+    if (foundPreset) {
+        return { start: foundPreset?.startDate, end: foundPreset?.endDate };
+    }
+    else {
+        return { start: null, end: null };
+    }
 };
 export const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
     return {

package/dist/esm/QuillProvider.d.ts

@@ -51,6 +51,7 @@ export declare const defaultQuillTheme: {
     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;

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

@@ -1 +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;;;;;;;;;;;;;;;;CAuB7B,CAAC;AAEF,QAAA,MAAM,aAAa,+GAShB,kBAAkB,4CAcpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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

@@ -23,6 +23,7 @@ export const defaultQuillTheme = {
     labelFontWeight: 500,
     fontSize: 14,
     loadingStateBackgroundColor: '#F9F9FA',
+    hoverBackgroundColor: '#F4F4F5',
 };
 const QuillProvider = ({ organizationId, publicKey, queryEndpoint, 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 }));

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

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

package/dist/esm/ReportBuilder.js

@@ -7,7 +7,6 @@ import { convertPostgresColumn } from './SQLEditor';
 import { format } from 'date-fns';
 import { PivotModal, generatePivotTable, } from './internals/ReportBuilder/PivotModal';
 import { getData, getDataFromCloud } from './utils/dataFetcher';
-import { QuillDateRangePicker } from './Dashboard';
 import { getRangeFromPreset, reportBuilderOptions, } from './DateRangePicker/dateRangePickerUtils';
 import Table from './Table';
 import ChartBuilder from './ChartBuilder';

package/dist/esm/components/Dashboard/DataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAqErE"}
+{"version":3,"file":"DataLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DataLoader.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAiFrE"}

package/dist/esm/components/Dashboard/DataLoader.js

@@ -4,6 +4,7 @@ import { didFiltersChange } from '../../Chart';
 import { ClientContext, DashboardContext, DashboardFiltersContext, } from '../../Context';
 import { getData } from '../../utils/dataFetcher';
 import { mergeComparisonRange } from '../../utils/merge';
+import { valueFormatter } from '../../utils/valueFormatter';
 export default function DataLoader({ id, children }) {
     const [client, _] = useContext(ClientContext);
     const { dispatch, dashboard } = useContext(DashboardContext);
@@ -45,6 +46,16 @@ export default function DataLoader({ id, children }) {
                     if (resp.compareRows) {
                         mergeComparisonRange(resp);
                     }
+                    resp.rows = resp.rows.map((row) => {
+                        return Object.keys(row).reduce((newRow, key) => {
+                            newRow[key] = valueFormatter({
+                                value: row[key],
+                                field: key,
+                                fields: resp.columns,
+                            });
+                            return newRow;
+                        }, {});
+                    });
                     dispatch({
                         type: 'UPDATE_DASHBOARD_ITEM',
                         id: id,

package/dist/esm/components/QuillSelect.d.ts

@@ -0,0 +1,3 @@
+import { SelectComponentProps } from './UiComponents';
+export declare function QuillSelectComponent({ options, value, onChange, theme, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuillSelect.d.ts.map

package/dist/esm/components/QuillSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CAoKtB"}

package/dist/esm/components/QuillSelect.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOnClickOutside } from '../hooks';
+import { useRef, useState } from 'react';
+export function QuillSelectComponent({ options, value, onChange, theme, label, }) {
+    const [showModal, setShowModal] = useState(false);
+    const modalRef = useRef(null);
+    useOnClickOutside(modalRef, (e) => {
+        setShowModal(false);
+    });
+    return (_jsxs("div", { style: { position: 'relative', width: 200 }, children: [label && (_jsx("div", { style: {
+                    fontSize: 14,
+                    color: theme.primaryTextColor,
+                    fontFamily: theme.fontFamily,
+                    paddingBottom: 5,
+                    fontWeight: 600,
+                }, children: label })), _jsxs("button", { style: {
+                    fontFamily: theme.fontFamily,
+                    color: theme.primaryTextColor,
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    fontWeight: 'inherit',
+                    lineHeight: 'inherit',
+                    padding: '8px 12px',
+                    fontSize: 14,
+                    margin: 0,
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme.borderColor,
+                    borderRadius: 6,
+                    paddingTop: 9,
+                    paddingBottom: 9,
+                    height: 40,
+                    minHeight: 40,
+                    maxHeight: 40,
+                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), children: [_jsx("style", { children: ` .quill-select-button { background: ${theme.backgroundColor}; } .quill-select-button:hover { background: ${theme.hoverBackgroundColor}; }` }), options.find((elem) => elem.value === value)?.label || 'Select', _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { ref: modalRef, style: {
+                    position: 'absolute',
+                    width: '100%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    boxSizing: 'border-box',
+                    borderWidth: 1,
+                    borderStyle: 'solid',
+                    borderColor: theme.borderColor,
+                    borderRadius: 6,
+                    overflow: 'hidden',
+                    background: 'white',
+                    marginTop: 12,
+                    zIndex: 100,
+                    paddingTop: 6,
+                    paddingBottom: 6,
+                    paddingLeft: 6,
+                    paddingRight: 6,
+                    boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
+                    fontFamily: theme.fontFamily,
+                }, children: [_jsxs("button", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '8px 8px',
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme.fontFamily,
+                        }, className: "quill-option", onClick: () => {
+                            onChange('');
+                            setShowModal(false);
+                        }, children: [_jsx("style", { children: `
+                .quill-option {
+                  background: white;
+                }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), 'Select'] }), options.map((option) => (_jsxs("button", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '8px 8px',
+                            margin: 0,
+                            boxSizing: 'border-box',
+                            borderWidth: 0,
+                            fontSize: 14,
+                            borderStyle: 'solid',
+                            borderColor: theme.borderColor,
+                            borderRadius: 4,
+                            fontFamily: theme.fontFamily,
+                        }, className: "quill-option", onClick: () => {
+                            onChange(option.value);
+                            setShowModal(false);
+                        }, children: [_jsx("style", { children: `
+                .quill-option {
+                  background: white;
+                }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), option.label] }, option.value)))] }))] }));
+}

package/dist/esm/components/UiComponents.d.ts

@@ -9,6 +9,7 @@ export interface SelectComponentProps {
     options: Option[];
     disabled?: boolean;
     label?: string;
+    theme: any;
 }
 export interface TextInputComponentProps {
     onChange: (e: any) => void;