@quillsql/admin 1.7.1 → 1.7.2

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

@@ -1,104 +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 filter_1 = require("../../utils/filter");
-const QuillMultiSelectWithCombo_1 = require("../QuillMultiSelectWithCombo");
-const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
-const QuillDateRangePicker_1 = require("./DateRangePicker/QuillDateRangePicker");
-const useAdmin_1 = require("../../hooks/useAdmin");
-const dateRangePickerUtils_1 = require("./DateRangePicker/dateRangePickerUtils");
-function DashboardFilter({ filter, onChangeFilter, isLoading, disabled, containerStyle, }) {
-    const { theme } = (0, useAdmin_1.useAdmin)().state;
-    const preset = (0, react_1.useMemo)(() => {
-        if (('preset' in filter || 'primaryRange' in filter) &&
-            'startDate' in filter &&
-            'endDate' in filter) {
-            if (!filter.preset && !filter.primaryRange)
-                return '';
-            if (!filter.startDate || !filter.endDate)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            const presetRange = filter.presetRanges?.find((range) => range.value === (filter.preset?.value ?? filter.primaryRange.value)) ?? filter_1.PRIMARY_RANGE[filter.preset?.value ?? filter.primaryRange.value];
-            if (!presetRange)
-                return filter.preset?.value ?? filter.primaryRange.value;
-            // if (
-            //   presetRange.startDate !== filter.startDate ||
-            //   presetRange.endDate !== filter.endDate
-            // ) {
-            //   return '';
-            // }
-            return filter.preset?.value ?? filter.primaryRange.value;
-        }
-        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)(QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, { label: filter.label, value: filter.values ?? [], onChange: (e) => {
-                        if (Array.isArray(e.target.value) &&
-                            e.target.value.length === 0) {
-                            onChangeFilter(filter, undefined);
-                            return;
-                        }
-                        onChangeFilter(filter, e.target.value);
-                    }, options: [
-                        ...(filter.options
-                            ? filter.options.map((elem) => ({
-                                label: elem[filter.labelField],
-                                value: elem[filter.field],
-                            }))
-                            : []),
-                    ], width: 200, isLoading: isLoading, disabled: disabled, mimicReactSelect: true }) }));
-        }
-        return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { 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, mimicReactSelect: true }) }));
-    }
-    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)(QuillDateRangePicker_1.QuillDateRangePicker, { 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)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { 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, mimicReactSelect: true })] }))] }) }));
-    }
-    return null;
-}

package/dist/cjs/components/InternalDashboard/DashboardLoadingComponent.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const DashboardLoadingComponent: ({ containerStyle, chartContainerStyle, LoadingComponent, }: {
-    containerStyle?: CSSProperties;
-    chartContainerStyle?: CSSProperties;
-    LoadingComponent?: () => JSX.Element;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DashboardLoadingComponent.d.ts.map

package/dist/cjs/components/InternalDashboard/DashboardLoadingComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardLoadingComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/DashboardLoadingComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,eAAO,MAAM,yBAAyB,GAAI,4DAIvC;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,4CA6BA,CAAC"}

package/dist/cjs/components/InternalDashboard/DashboardLoadingComponent.js

@@ -1,22 +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.DashboardLoadingComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ChartSkeleton_1 = __importDefault(require("./ChartSkeleton"));
-const DashboardLoadingComponent = ({ containerStyle, chartContainerStyle, LoadingComponent = ChartSkeleton_1.default, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle, overflow: 'hidden' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    width: '100%',
-                    marginBottom: 25,
-                    height: 66,
-                }, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(auto-fill,minmax(400px, 1fr))',
-                    gridTemplateRows: `repeat(${170}px)`,
-                    gap: 40,
-                }, children: Array.from({ length: 4 }).map((_, index) => ((0, jsx_runtime_1.jsx)("div", { style: chartContainerStyle, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}, index) }, index))) })] }));
-};
-exports.DashboardLoadingComponent = DashboardLoadingComponent;

package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.d.ts

@@ -1,37 +0,0 @@
-import { ChangeEvent } from 'react';
-export interface DateRangePickerComponentProps {
-    preset: string;
-    label?: string;
-    selectWidth?: number;
-    dateRange: {
-        startDate?: Date;
-        endDate?: Date;
-    };
-    presetOptions: {
-        label: string;
-        value: string;
-    }[];
-    onChangeDateRange: ({ startDate, endDate, }: {
-        startDate: Date;
-        endDate: Date;
-    }) => void;
-    onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
-    hidePreset?: boolean;
-    disabled?: boolean;
-}
-export type DateRange = {
-    startDate: Date;
-    endDate: Date;
-};
-export type DateRangePickerOption = {
-    value: string;
-    text: string;
-    startDate?: Date;
-    endDate?: Date;
-    dayInterval?: number;
-};
-/**
- * The fallback date range picked used in <Dashboard/>.
- */
-export declare function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, selectWidth, hidePreset, disabled, }: DateRangePickerComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QuillDateRangePicker.d.ts.map

package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuillDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAA+B,MAAM,OAAO,CAAC;AAmBxE,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,IAAI,CAAA;KAAE,CAAC;IAChD,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,iBAAiB,EAAE,CAAC,EAClB,SAAS,EACT,OAAO,GACR,EAAE;QACD,SAAS,EAAE,IAAI,CAAC;QAChB,OAAO,EAAE,IAAI,CAAC;KACf,KAAK,IAAI,CAAC;IACX,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,GACT,EAAE,6BAA6B,2CAyJ/B"}

package/dist/cjs/components/InternalDashboard/DateRangePicker/QuillDateRangePicker.js

@@ -1,294 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuillDateRangePicker = QuillDateRangePicker;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const date_fns_1 = require("date-fns");
-const useAdmin_1 = require("../../../hooks/useAdmin");
-const QuillSelectWithCombo_1 = require("../../QuillSelectWithCombo");
-const UiComponents_1 = require("../../UiComponents");
-/**
- * The fallback date range picked used in <Dashboard/>.
- */
-function QuillDateRangePicker({ dateRange, onChangeDateRange, presetOptions, onChangePreset, preset, label, selectWidth, hidePreset, disabled, }) {
-    const { client, theme } = (0, useAdmin_1.useAdmin)().state;
-    const [anchorStartDate, setAnchorStartDate] = (0, react_1.useState)(getAnchorStartDate(dateRange.startDate, dateRange.endDate));
-    const [anchorEndDate, setAnchorEndDate] = (0, react_1.useState)(getAnchorEndDate(dateRange.startDate, dateRange.endDate));
-    const [localStartDate, setLocalStartDate] = (0, react_1.useState)(dateRange.startDate);
-    const [localEndDate, setLocalEndDate] = (0, react_1.useState)(dateRange.endDate);
-    const [localPreset, setLocalPreset] = (0, react_1.useState)(preset);
-    const [showModal, setShowModal] = (0, react_1.useState)(false);
-    const modalRef = (0, react_1.useRef)(null);
-    const buttonRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        setLocalEndDate(dateRange.endDate);
-        setLocalStartDate(dateRange.startDate);
-        setLocalPreset(preset || '');
-    }, [dateRange.startDate, dateRange.endDate, preset]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            gap: 12,
-            alignItems: 'flex-end',
-            flexWrap: 'wrap',
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: 270 }, ref: modalRef, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
-                            fontSize: 14,
-                            color: theme?.secondaryTextColor,
-                            fontFamily: theme?.fontFamily,
-                            paddingBottom: 5,
-                            fontWeight: 600,
-                        }, children: label })), (0, jsx_runtime_1.jsxs)("button", { style: {
-                            width: '100%',
-                            display: 'flex',
-                            alignItems: 'center',
-                            borderColor: theme?.borderColor,
-                            fontFamily: theme?.fontFamily,
-                            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,
-                            opacity: disabled ? 0.5 : 1,
-                        }, disabled: disabled, ref: buttonRef, onClick: () => setShowModal((showModal) => !showModal), className: "quill-date-range-picker-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill-date-range-picker-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; } 
-          .quill-date-range-picker-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }` }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }), localStartDate && (0, date_fns_1.format)(localStartDate, 'MMM dd, yyyy'), localStartDate ? ' - ' : 'Pick a date', localEndDate && (0, date_fns_1.format)(localEndDate, 'MMM dd, yyyy')] }), showModal && ((0, jsx_runtime_1.jsx)(UiComponents_1.QuillPortal, { anchorRef: buttonRef, showModal: showModal, setShowModal: setShowModal, children: (0, jsx_runtime_1.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 }) }))] }), !hidePreset && ((0, jsx_runtime_1.jsx)(QuillSelectWithCombo_1.QuillSelectComponentWithCombo, { options: client?.featureFlags?.['hideAllTime']
-                    ? presetOptions
-                        .filter((option) => option.value !== 'ALL_TIME')
-                        .map((option) => ({
-                        label: option.label,
-                        value: option.value,
-                    }))
-                    : presetOptions.map((option) => ({
-                        label: option.label,
-                        value: option.value,
-                    })), disabled: disabled, value: localPreset ?? 'ALL_TIME', onChange: (e) => {
-                    onChangePreset(e);
-                    setLocalPreset(e.target.value);
-                }, width: selectWidth ?? 200, hideEmptyOption: true, mimicReactSelect: true }))] }));
-}
-function CalendarRow({ theme, anchorStartDate, anchorEndDate, setAnchorStartDate, setAnchorEndDate, localStartDate, localEndDate, setLocalStartDate, setLocalEndDate, updateDateFilter, setLocalPreset, }) {
-    const firstMonthDisplayedDates = (0, date_fns_1.eachDayOfInterval)({
-        start: (0, date_fns_1.startOfWeek)(anchorStartDate),
-        end: (0, date_fns_1.endOfWeek)((0, date_fns_1.endOfMonth)(anchorStartDate)),
-    });
-    const secondMonthDisplayedDates = (0, date_fns_1.eachDayOfInterval)({
-        start: (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfMonth)(anchorEndDate)),
-        end: (0, date_fns_1.endOfWeek)(anchorEndDate),
-    });
-    const incrementAnchorDates = () => {
-        setAnchorStartDate((0, date_fns_1.startOfMonth)((0, date_fns_1.addMonths)(anchorStartDate, 1)));
-        setAnchorEndDate((0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(anchorEndDate, 1)));
-    };
-    const decrementAnchorDates = () => {
-        setAnchorStartDate((0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(anchorStartDate, 1)));
-        setAnchorEndDate((0, date_fns_1.endOfMonth)((0, date_fns_1.subMonths)(anchorEndDate, 1)));
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', zIndex: 100, marginTop: 12 }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                display: 'flex',
-                flexDirection: 'row',
-                border: `1px solid ${theme.borderColor}`,
-                borderRadius: 6,
-                boxShadow: '0px 2px 6px #e7e7e7',
-                backgroundColor: theme.backgroundColor,
-            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        padding: 12,
-                        // border: "1px solid #e7e7e7",
-                        // borderRadius: 6,
-                        // boxShadow: "0px 2px 6px #e7e7e7",
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                position: 'relative',
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                                height: 40,
-                                marginBottom: 10,
-                            }, children: [(0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("style", { children: `
-                .quill-calendar-button { 
-                  background-color: ${theme.backgroundColor}; 
-                } 
-                .quill-calendar-button:hover { 
-                  background-color: ${theme.hoverBackgroundColor}; 
-                }
-                .quill-calendar-button svg { 
-                  fill: ${theme.chartLabelColor}; 
-                }
-                .quill-calendar-button:hover svg { 
-                  fill: ${theme.hoverTextColor}; 
-                }
-              ` }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "24px", width: "24px", children: (0, jsx_runtime_1.jsx)("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        fontSize: 14,
-                                        color: theme.primaryTextColor,
-                                        fontWeight: 600,
-                                    }, children: (0, date_fns_1.format)(anchorStartDate, 'MMM yyyy') })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                display: 'grid',
-                                gridTemplateColumns: 'repeat(7, 1fr)',
-                                rowGap: 8,
-                            }, children: firstMonthDisplayedDates.map((date) => ((0, jsx_runtime_1.jsx)(DayPicker, { theme: theme, date: date, localStartDate: localStartDate, localEndDate: localEndDate, setLocalStartDate: setLocalStartDate, setLocalEndDate: setLocalEndDate, setLocalPreset: setLocalPreset, updateDateFilter: updateDateFilter }, 'first-' + date.toISOString()))) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        padding: 12,
-                        // border: "1px solid #e7e7e7",
-                        // borderRadius: 6,
-                        // boxShadow: "0px 2px 6px #e7e7e7",
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                position: 'relative',
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                                height: 40,
-                                marginBottom: 10,
-                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        fontSize: 14,
-                                        color: theme.primaryTextColor,
-                                        fontWeight: 600,
-                                    }, children: (0, date_fns_1.format)(anchorEndDate, 'MMM yyyy') }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("style", { children: `
-                .quill-calendar-button { 
-                  background-color: ${theme.backgroundColor}; 
-                } 
-                .quill-calendar-button:hover { 
-                  background-color: ${theme.hoverBackgroundColor}; 
-                }
-                .quill-calendar-button svg { 
-                  fill: ${theme.chartLabelColor}; 
-                }
-                .quill-calendar-button:hover svg { 
-                  fill: ${theme.hoverTextColor}; 
-                }
-              ` }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "24px", width: "24px", children: (0, jsx_runtime_1.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" }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                display: 'grid',
-                                gridTemplateColumns: 'repeat(7, 1fr)',
-                                rowGap: 8,
-                            }, children: secondMonthDisplayedDates.map((date) => ((0, jsx_runtime_1.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 = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localStartDate || 0)) === 0;
-    const isEndDate = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localEndDate || 0)) === 0;
-    const isBetweenStartAndEnd = (0, date_fns_1.isBefore)(date, localEndDate || 0) && (0, date_fns_1.isAfter)(date, localStartDate || 0);
-    const isBeginningOfWeek = (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfWeek)(date), date) === 0;
-    const isEndOfWeek = (0, date_fns_1.differenceInDays)((0, date_fns_1.endOfWeek)(date), date) === 0;
-    return ((0, jsx_runtime_1.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('');
-            }
-            if (localStartDate && localEndDate && (0, date_fns_1.isAfter)(date, localStartDate)) {
-                setLocalEndDate(date);
-                updateDateFilter({
-                    startDate: localStartDate,
-                    endDate: date,
-                });
-                setLocalPreset('');
-            }
-            if (localStartDate && localEndDate && (0, date_fns_1.isBefore)(date, localStartDate)) {
-                setLocalStartDate(date);
-                updateDateFilter({
-                    startDate: date,
-                    endDate: localEndDate,
-                });
-                setLocalPreset('');
-            }
-            if (localStartDate &&
-                localEndDate &&
-                (0, date_fns_1.differenceInDays)((0, date_fns_1.startOfDay)(date), (0, date_fns_1.startOfDay)(localStartDate)) === 0) {
-                setLocalStartDate(undefined);
-                setLocalEndDate(undefined);
-            }
-        }, children: (0, date_fns_1.format)(date, 'd') }));
-}
-function getAnchorStartDate(startDate, endDate) {
-    if (!startDate && !endDate) {
-        return (0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(new Date(), 1));
-    }
-    if (startDate && !endDate) {
-        return (0, date_fns_1.startOfMonth)(startDate);
-    }
-    if (!startDate && endDate) {
-        return (0, date_fns_1.startOfMonth)((0, date_fns_1.subMonths)(endDate, 1));
-    }
-    if (startDate && endDate) {
-        return (0, date_fns_1.startOfMonth)(startDate);
-    }
-    return new Date();
-}
-function getAnchorEndDate(startDate, endDate) {
-    if (!startDate && !endDate) {
-        return (0, date_fns_1.endOfMonth)(new Date());
-    }
-    if (startDate && !endDate) {
-        return (0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(startDate, 1));
-    }
-    if (!startDate && endDate) {
-        return (0, date_fns_1.endOfMonth)(endDate);
-    }
-    if (startDate && endDate) {
-        return (0, date_fns_1.endOfMonth)((0, date_fns_1.addMonths)(startDate, 1));
-    }
-    return new Date();
-}

package/dist/cjs/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.d.ts

@@ -1,85 +0,0 @@
-import { DateRangePickerOption } from './QuillDateRangePicker';
-export declare const getWeekdays: (locale: Locale) => string[];
-export declare const capitalize: (s: string, locale: Locale) => string;
-export declare const getStartDateByDropdownValue: (dropdownValue: string | null | undefined, dropdownOptions?: DateRangePickerOption[]) => Date | null;
-export declare const getEndDateByDropdownValue: (dropdownValue: string | null | undefined, dropdownOptions?: DateRangePickerOption[]) => Date;
-export declare const parseStartDate: (startDate: Date | null | undefined, minDate: Date | null | undefined, selectedDropdownValue: string | null | undefined, dropdownOptions: DateRangePickerOption[]) => Date | null;
-export declare const parseEndDate: (endDate: Date | null | undefined, maxDate: Date | null | undefined, selectedDropdownValue: string | null | undefined, dropdownOptions: DateRangePickerOption[]) => Date | null;
-/**
- * A simple date range that spans from start to end.
- */
-type QuillDateRange = {
-    startDate: Date;
-    endDate: Date;
-};
-/**
- * A simple map between the primary range key and the QuillDateRange for that
- * key ending on today.
- */
-export declare const PRIMARY_RANGE: {
-    [key: string]: QuillDateRange | {
-        startDate: undefined;
-        endDate: undefined;
-    };
-};
-/**
- * Maps between the keys of primary range and the short code.
- */
-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
- * comparison range) and returns a QuillDateRange based on that key and date.
- */
-export declare const COMPARISON_RANGE: {
-    readonly PREV_PERIOD: ({ startDate, endDate }: QuillDateRange) => {
-        startDate: Date;
-        endDate: Date;
-    };
-    readonly PREV_7_DAYS: ({ startDate }: QuillDateRange) => {
-        startDate: Date;
-        endDate: Date;
-    };
-    readonly PREV_30_DAYS: ({ startDate }: QuillDateRange) => {
-        startDate: Date;
-        endDate: Date;
-    };
-    readonly PREV_90_DAYS: ({ startDate }: QuillDateRange) => {
-        startDate: Date;
-        endDate: Date;
-    };
-    readonly NO_COMPARISON: () => null;
-};
-export type ComparisonRangeKey = keyof typeof COMPARISON_RANGE;
-export declare const defaultOptionsV2: {
-    value: string;
-    label: string;
-    startDate: Date | undefined;
-    endDate: Date | undefined;
-}[];
-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;
-    value: string;
-    startDate?: Date;
-    endDate?: Date;
-}[]) => {
-    startDate: Date | undefined;
-    endDate: Date | undefined;
-} | {
-    startDate: null;
-    endDate: 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;
-export {};
-//# sourceMappingURL=dateRangePickerUtils.d.ts.map

package/dist/cjs/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.d.ts.map

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