@quillsql/react 2.12.41 → 2.12.42

package/dist/cjs/utils/aggregate.js

@@ -1,428 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.aggregate = exports.aggregate2 = exports.whatIsProbablyTheType = void 0;
-// @ts-nocheck
-const dateRangePickerUtils_1 = require("../DateRangePicker/dateRangePickerUtils");
-const ReportBuilder_1 = require("../ReportBuilder");
-const date_fns_1 = require("date-fns");
-function findTimePeriod(dateFilter) {
-    if (!dateFilter) {
-        return null;
-    }
-    if (!dateFilter.initialRange &&
-        !dateFilter.startDate &&
-        !dateFilter.endDate) {
-        return null;
-    }
-    if (!dateFilter.startDate && dateFilter.endDate) {
-        return 'year';
-    }
-    let time_span;
-    if (dateFilter.initialRange) {
-        if (dateFilter.initialRange === 'LAST_90_DAYS') {
-            time_span = 1000 * 60 * 60 * 24 * 90;
-        }
-        else if (dateFilter.initialRange === 'LAST_30_DAYS') {
-            time_span = 1000 * 60 * 60 * 24 * 30;
-        }
-        else if (dateFilter.initialRange === 'THIS_MONTH') {
-            const now = new Date();
-            const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-            time_span = now - startOfMonth;
-        }
-        else if (dateFilter.initialRange === 'THIS_WEEK') {
-            const today = new Date();
-            time_span = new Date(today.setDate(today.getDate() - today.getDay()));
-        }
-        else if (dateFilter.initialRange === 'ALL_TIME') {
-            return 'year';
-        }
-    }
-    else {
-        time_span = Math.abs(dateFilter.startDate - dateFilter.endDate);
-    }
-    if (time_span < 1000 * 60 * 60 * 24 * 12) {
-        return 'day';
-    }
-    else if (time_span < 1000 * 60 * 60 * 24 * 7 * 12) {
-        return 'week';
-    }
-    else if (time_span < 1000 * 60 * 60 * 24 * 30 * 16) {
-        return 'month';
-    }
-    else
-        return 'year';
-}
-function whatIsProbablyTheType(data, fieldName) {
-    const counts = {
-        date: 0,
-        number: 0,
-        string: 0,
-    };
-    for (const item of data) {
-        const value = item[fieldName];
-        if (value === undefined || value === null || Number.isNaN(value)) {
-            continue; // Skip if undefined, null, or NaN
-        }
-        if (typeof value === 'number') {
-            counts.number += 1;
-        }
-        else if (typeof value === 'string') {
-            // Check if the string is a date first
-            const date = new Date(value);
-            if (!Number.isNaN(date.getTime()) && date.toISOString() === value) {
-                counts.date += 1;
-                continue; // Move on to next iteration if it's a date
-            }
-            // Then, check if the string can be cast to a number
-            const numberValue = parseFloat(value);
-            if (!Number.isNaN(numberValue) && value.trim() !== '') {
-                counts.number += 1;
-            }
-            else {
-                counts.string += 1;
-            }
-        }
-    }
-    const maxType = Object.keys(counts).reduce((a, b) => counts[a] > counts[b] ? a : b);
-    return maxType;
-}
-exports.whatIsProbablyTheType = whatIsProbablyTheType;
-function aggregate2(dashboardItem, bucketFields, dateFilter) {
-    const timePeriod = findTimePeriod(dateFilter);
-    const rows = dashboardItem.rows;
-    const xAxisLabel = timePeriod;
-    const xAxisField = timePeriod;
-    if (!bucketFields.length || !rows.length)
-        return { ...dashboardItem, bucketedRows: [] };
-    if (dashboardItem.fields &&
-        (0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find((field) => field.name === bucketFields[0].field)) === 'string') {
-        const stringField = bucketFields[0].field;
-        const aggregation = {};
-        const aggregatedArray;
-        // let aggregatedArray;
-        // if (rows.length > 0) {
-        rows.forEach((row) => {
-            const strValue = row[stringField];
-            if (!aggregation[strValue]) {
-                aggregation[strValue] = {
-                    [dashboardItem.yAxisFields[0].field]: 0,
-                };
-            }
-            // Sum up the amounts (or any other field) for each unique string
-            aggregation[strValue][dashboardItem.yAxisFields[0].field] += parseFloat(row[dashboardItem.yAxisFields[0].field]);
-        });
-        // Convert the object to an array
-        aggregatedArray = Object.keys(aggregation).map((str) => ({
-            [stringField]: str,
-            [dashboardItem.yAxisFields[0].field]: aggregation[str][dashboardItem.yAxisFields[0].field].toFixed(2),
-        }));
-        return {
-            ...dashboardItem,
-            xAxisField: stringField,
-            xAxisLabel: stringField,
-            bucketedRows: aggregatedArray,
-        };
-    }
-    else if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find((field) => field.name === bucketFields[0].field)) === 'date') {
-        const dateField = bucketFields[0].field;
-        let xAxisFormat;
-        switch (timePeriod) {
-            case 'week':
-                xAxisFormat = 'MMM_dd-MMM_dd';
-                break;
-            case 'month':
-                xAxisFormat = 'MMM_yyyy'; // Eg: "Sep 2023"
-                break;
-            case 'year':
-                xAxisFormat = 'yyyy'; // Eg: "2023"
-                break;
-            default:
-                xAxisFormat = 'MMM_dd_yyyy'; // Default to full date, Eg: "Sep 05, 2023"
-                break;
-        }
-        const aggregation = {};
-        // TODO MAKE WORK WITH MULTIPLE Y AXIS FIELDS
-        rows.forEach((row) => {
-            const date = new Date(row[dateField]);
-            let formattedDate;
-            switch (timePeriod) {
-                case 'day': {
-                    formattedDate = new Date(date.getFullYear(), date.getMonth(), date.getDate()).toISOString();
-                    break;
-                }
-                case 'week': {
-                    const weekStart = new Date(date);
-                    weekStart.setDate(date.getDate() - date.getDay()); // subtract the number of days since Sunday
-                    formattedDate = weekStart.toISOString();
-                    break;
-                }
-                case 'month': {
-                    formattedDate = new Date(date.getFullYear(), date.getMonth(), 1).toISOString();
-                    break;
-                }
-                case 'year': {
-                    formattedDate = new Date(date.getFullYear(), 0, 1).toISOString();
-                    break;
-                }
-                default:
-                    throw new Error('Unsupported aggregation period');
-            }
-            if (!aggregation[formattedDate]) {
-                aggregation[formattedDate] = {
-                    [dashboardItem.yAxisFields[0].field]: 0,
-                };
-            }
-            // Sum the spend amounts for each period
-            aggregation[formattedDate][dashboardItem.yAxisFields[0].field] +=
-                parseFloat(row.amount);
-        });
-        // Convert the object to an array and format the spend amounts
-        const aggregatedArray = Object.keys(aggregation).length
-            ? Object.keys(aggregation)
-                .map((date) => ({
-                [timePeriod]: date,
-                [dashboardItem.yAxisFields[0].field]: aggregation[date][dashboardItem.yAxisFields[0].field].toFixed(2),
-            }))
-                .sort((a, b) => new Date(a[timePeriod]) - new Date(b[timePeriod]))
-            : [];
-        return {
-            ...dashboardItem,
-            xAxisField,
-            xAxisLabel,
-            xAxisFormat,
-            bucketedRows: aggregatedArray,
-        };
-    }
-    else {
-        return dashboardItem;
-    }
-}
-exports.aggregate2 = aggregate2;
-function aggregate(dashboardItem, bucketFields, dateFilter) {
-    const timePeriod = dateFilter && Object.keys(dateFilter).length
-        ? findTimePeriod(dateFilter)
-        : 'month';
-    const rows = dashboardItem.rows;
-    const compareRows = dashboardItem.compareRows;
-    const fields = dashboardItem.fields || dashboardItem.columns;
-    const xAxisLabel = timePeriod;
-    const xAxisField = timePeriod;
-    if (!rows.length) {
-        return { ...dashboardItem, bucketedRows: [] };
-    }
-    if (!bucketFields.length) {
-        //TODO: allow comparison for nonbucketed
-        return { ...dashboardItem, bucketedRows: [] };
-    }
-    if ((0, ReportBuilder_1.getPostgresBasicType)(fields.find((field) => field.name === bucketFields[0].field)) === 'string') {
-        const stringField = bucketFields[0].field;
-        const aggregation = {};
-        rows.forEach((row) => {
-            const strValue = row[stringField];
-            if (!aggregation[strValue]) {
-                aggregation[strValue] = {};
-                dashboardItem.yAxisFields.forEach((yAxisField) => {
-                    aggregation[strValue][yAxisField.field] = 0;
-                });
-            }
-            // Sum up the amounts (or any other field) for each unique string
-            dashboardItem.yAxisFields.forEach((yAxisField) => {
-                aggregation[strValue][yAxisField.field] += parseFloat(row[yAxisField.field] ?? '0.0');
-            });
-        });
-        const aggregatedArray = Object.keys(aggregation).map((key) => {
-            return {
-                [stringField]: key,
-                ...aggregation[key],
-            };
-        });
-        return {
-            ...dashboardItem,
-            xAxisField: stringField,
-            xAxisLabel: stringField,
-            bucketedRows: aggregatedArray,
-        };
-    }
-    else if ((0, ReportBuilder_1.getPostgresBasicType)(dashboardItem.fields.find((field) => field.name === bucketFields[0].field)) === 'date') {
-        const dateField = bucketFields[0].field;
-        let interval;
-        let xAxisFormat;
-        switch (timePeriod) {
-            case 'week':
-                xAxisFormat = 'MMM_dd-MMM_dd';
-                interval = { weeks: 1 };
-                break;
-            case 'month':
-                xAxisFormat = 'MMM_yyyy'; // Eg: "Sep 2023"
-                interval = { months: 1 };
-                break;
-            case 'year':
-                xAxisFormat = 'yyyy'; // Eg: "2023"
-                interval = { years: 1 };
-                break;
-            default:
-                xAxisFormat = 'MMM_dd_yyyy'; // Default to full date, Eg: "Sep 05, 2023"
-                interval = { days: 1 };
-                break;
-        }
-        const aggregation = {};
-        rows.sort((a, b) => new Date(a[dateField]) - new Date(b[dateField]));
-        const firstEntryDate = dateFilter?.startDate || new Date(rows[0][dateField]);
-        let formattedDate;
-        switch (timePeriod) {
-            case 'day': {
-                formattedDate = (0, date_fns_1.startOfDay)(firstEntryDate);
-                break;
-            }
-            case 'week': {
-                formattedDate = (0, date_fns_1.startOfWeek)(firstEntryDate, { weekStartsOn: 1 });
-                break;
-            }
-            case 'month': {
-                formattedDate = (0, date_fns_1.startOfMonth)(firstEntryDate);
-                break;
-            }
-            case 'year': {
-                formattedDate = (0, date_fns_1.startOfYear)(firstEntryDate);
-                break;
-            }
-            default:
-                throw new Error('Unsupported aggregation period');
-        }
-        let iteratedDate = new Date(formattedDate);
-        const endDate = dateFilter?.endDate || new Date();
-        while (iteratedDate <= endDate) {
-            aggregation[iteratedDate] = {};
-            dashboardItem.yAxisFields.forEach((yAxisField) => {
-                aggregation[iteratedDate][yAxisField.field] = 0;
-            });
-            iteratedDate = (0, date_fns_1.add)(iteratedDate, interval);
-        }
-        // TODO MAKE WORK WITH MULTIPLE Y AXIS FIELDS
-        rows.forEach((row) => {
-            const date = (0, date_fns_1.parse)(row[dateField], 'yyyy-MM-dd', new Date());
-            let formattedDate;
-            switch (timePeriod) {
-                case 'day': {
-                    formattedDate = (0, date_fns_1.startOfDay)(date);
-                    break;
-                }
-                case 'week': {
-                    formattedDate = (0, date_fns_1.startOfWeek)(date, { weekStartsOn: 1 });
-                    break;
-                }
-                case 'month': {
-                    formattedDate = (0, date_fns_1.startOfMonth)(date);
-                    break;
-                }
-                case 'year': {
-                    formattedDate = (0, date_fns_1.startOfYear)(date);
-                    break;
-                }
-                default:
-                    throw new Error('Unsupported aggregation period');
-            }
-            if (!aggregation[formattedDate]) {
-                aggregation[formattedDate] = {};
-                dashboardItem.yAxisFields.forEach((yAxisField) => {
-                    aggregation[formattedDate][yAxisField.field] = 0;
-                });
-            }
-            // Sum the amounts for each field and period
-            dashboardItem.yAxisFields.forEach((yAxisField) => {
-                aggregation[formattedDate][yAxisField.field] += parseFloat(row[yAxisField.field]);
-            });
-        });
-        // Convert the object to an array and format the spend amounts
-        const aggregatedArray = Object.keys(aggregation).length
-            ? Object.keys(aggregation)
-                .map((date) => ({
-                [timePeriod]: date,
-                [dashboardItem.yAxisFields[0].field]: aggregation[date][dashboardItem.yAxisFields[0].field].toFixed(2),
-            }))
-                .sort((a, b) => new Date(a[timePeriod]) - new Date(b[timePeriod]))
-            : [];
-        if (dateFilter &&
-            dateFilter.comparison &&
-            dateFilter.comparisonRange.value !== 'NO_COMPARISON' &&
-            dashboardItem.compareRows) {
-            const offset = dateRangePickerUtils_1.COMPARISON_OPTIONS.find((option) => {
-                return option.value === dateFilter.comparisonRange.value;
-            })?.offset;
-            aggregatedArray.forEach((row) => {
-                dashboardItem.yAxisFields.forEach((yAxisField) => {
-                    row[yAxisField.field + '2'] = 0;
-                });
-                row[xAxisField + '2'] = (0, date_fns_1.sub)(new Date(row[timePeriod]), offset).toISOString();
-            });
-            compareRows.sort((a, b) => new Date(a[dateField]) - new Date(b[dateField]));
-            compareRows.forEach((row, index) => {
-                let date = (0, date_fns_1.parse)(row[dateField], 'yyyy-MM-dd', new Date());
-                date = (0, date_fns_1.add)(date, offset);
-                let formattedDate;
-                switch (timePeriod) {
-                    case 'day': {
-                        formattedDate = (0, date_fns_1.startOfDay)(date);
-                        break;
-                    }
-                    case 'week': {
-                        formattedDate = (0, date_fns_1.startOfWeek)(date, { weekStartsOn: 1 });
-                        break;
-                    }
-                    case 'month': {
-                        formattedDate = (0, date_fns_1.startOfMonth)(date);
-                        break;
-                    }
-                    case 'year': {
-                        formattedDate = (0, date_fns_1.startOfYear)(date);
-                        break;
-                    }
-                    default:
-                        throw new Error('Unsupported aggregation period');
-                }
-                // Sum the amounts for each field and period
-                if (bucketFields?.length) {
-                    dashboardItem.yAxisFields.forEach((yAxisField) => {
-                        const correctBucketIndex = aggregatedArray.findIndex((row) => {
-                            return row[timePeriod] === formattedDate;
-                        });
-                        if (correctBucketIndex >= 0) {
-                            if (!aggregatedArray[correctBucketIndex][yAxisField.field + '2']) {
-                                aggregatedArray[correctBucketIndex][yAxisField.field + '2'] = 0;
-                            }
-                            aggregatedArray[correctBucketIndex][yAxisField.field + '2'] +=
-                                parseFloat(row[yAxisField.field]);
-                            if (!aggregatedArray[correctBucketIndex][xAxisField + '2']) {
-                                aggregatedArray[correctBucketIndex][xAxisField + '2'] =
-                                    new Date(row[dateField]);
-                            }
-                        }
-                    });
-                }
-                else {
-                    dashboardItem.yAxisFields.forEach((yAxisField) => {
-                        if (aggregatedArray.length - 1 >= index) {
-                            if (!aggregatedArray[index][yAxisField.field + '2']) {
-                                aggregatedArray[index][yAxisField.field + '2'] = 0;
-                            }
-                            aggregatedArray[index][yAxisField.field + '2'] += parseFloat(row[yAxisField.field]);
-                            aggregatedArray[index][xAxisField + '2'] = new Date(row[dateField]);
-                        }
-                    });
-                }
-            });
-        }
-        return {
-            ...dashboardItem,
-            xAxisField,
-            xAxisLabel,
-            xAxisFormat,
-            bucketedRows: aggregatedArray,
-        };
-    }
-    else {
-        return dashboardItem;
-    }
-}
-exports.aggregate = aggregate;

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

@@ -1,17 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare const colStartClasses: string[];
-export interface CalendarProps {
-    enableYearPagination: boolean;
-    anchorDate: Date;
-    setStartOfCurrMonth: Dispatch<SetStateAction<Date | null>>;
-    startDate: Date | null;
-    endDate: Date | null;
-    minDate: Date | null;
-    maxDate: Date | null;
-    onDateClick: (date: Date) => void;
-    locale: Locale;
-    theme: any;
-}
-export declare function Calendar({ enableYearPagination, anchorDate, setStartOfCurrMonth, startDate, endDate, minDate, maxDate, onDateClick, locale, theme, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-export default Calendar;
-//# sourceMappingURL=Calendar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAiBlE,eAAO,MAAM,eAAe,UAQ3B,CAAC;AAkWF,MAAM,WAAW,aAAa;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,IAAI,CAAC;IACjB,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,wBAAgB,QAAQ,CAAC,EACvB,oBAAoB,EACpB,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,aAAa,2CA6Bf;AAED,eAAe,QAAQ,CAAC"}

package/dist/esm/DateRangePicker/Calendar.js

@@ -1,164 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { add, eachDayOfInterval, endOfMonth, format, isSaturday, isSunday, nextSaturday, previousSunday, startOfMonth, } from 'date-fns';
-import { ArrowLeftHeadIcon, ArrowRightHeadIcon } from '../assets';
-import { capitalize, getDateStyles, getWeekdays } from './dateRangePickerUtils';
-export const colStartClasses = [
-    '',
-    'col-start-2',
-    'col-start-3',
-    'col-start-4',
-    'col-start-5',
-    'col-start-6',
-    'col-start-7',
-];
-const CalendarHeader = ({ enableYearPagination, anchorDate, setStartOfCurrMonth, locale, theme, }) => {
-    const firstDayOfMonth = startOfMonth(anchorDate);
-    const handlePaginationClick = (type) => {
-        switch (type) {
-            case 'nextMonth':
-                setStartOfCurrMonth(add(firstDayOfMonth, { months: 1 }));
-                break;
-            case 'prevMonth':
-                setStartOfCurrMonth(add(firstDayOfMonth, { months: -1 }));
-                break;
-            case 'nextYear':
-                setStartOfCurrMonth(add(firstDayOfMonth, { years: 1 }));
-                break;
-            case 'prevYear':
-                setStartOfCurrMonth(add(firstDayOfMonth, { years: -1 }));
-                break;
-        }
-    };
-    const displayedTitle = capitalize(format(firstDayOfMonth, 'MMMM yyyy', { locale }), locale);
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: '0.125rem',
-            paddingTop: '0.25rem',
-            paddingBottom: '0.25rem',
-        }, children: [_jsx("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '0.25rem',
-                }, children: _jsx("button", { style: {
-                        borderStyle: 'solid',
-                        borderBottomWidth: 1,
-                        borderBottomColor: theme?.borderColor || '#E5E7EB',
-                        background: theme?.backgroundColor || 'white',
-                        borderWidth: 1,
-                        fontFamily: theme?.fontFamily,
-                        borderColor: theme?.borderColor || '#E5E7EB',
-                        display: 'inline-flex',
-                        padding: '0.25rem',
-                        marginRight: '0.0625rem',
-                        fontSize: '14px',
-                        fontWeight: 500,
-                        borderRadius: '0.25rem',
-                        boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-                        outline: enableYearPagination ? 'none' : '2px solid transparent',
-                        outlineOffset: '2px',
-                        cursor: 'pointer',
-                    }, type: "button", name: "prevMonth", onClick: () => handlePaginationClick('prevMonth'), children: _jsx(ArrowLeftHeadIcon, { style: {
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            color: theme?.primaryTextColor || '#364153',
-                        }, "aria-hidden": "true" }) }) }), _jsx("h2", { style: {
-                    color: theme?.textColor || '#364153',
-                    fontSize: '14px',
-                    fontFamily: theme?.fontFamily,
-                    fontWeight: '700',
-                }, children: displayedTitle }), _jsx("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    marginRight: '0.25rem',
-                    marginLeft: '0.25rem',
-                }, children: _jsx("button", { style: {
-                        borderStyle: 'solid',
-                        borderBottomWidth: 1,
-                        borderBottomColor: theme?.borderColor || '#E5E7EB',
-                        background: theme?.backgroundColor || 'white',
-                        borderWidth: 1,
-                        borderColor: theme?.borderColor || '#E5E7EB',
-                        fontFamily: theme?.fontFamily,
-                        display: 'inline-flex',
-                        padding: '0.25rem',
-                        marginRight: '0.0625rem',
-                        fontSize: '14px',
-                        fontWeight: 500,
-                        borderRadius: '0.25rem',
-                        boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-                        outline: enableYearPagination ? 'none' : '2px solid transparent',
-                        outlineOffset: '2px',
-                        cursor: 'pointer',
-                    }, type: "button", name: "nextMonth", onClick: () => handlePaginationClick('nextMonth'), children: _jsx(ArrowRightHeadIcon, { style: {
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            color: theme?.primaryTextColor || '#364153',
-                        }, "aria-hidden": "true" }) }) })] }));
-};
-const CalendarBody = ({ anchorDate, selectedStartDate, selectedEndDate, onDateClick, minDate, maxDate, locale, theme, }) => {
-    const [hoveredDate, setHoveredDate] = useState();
-    const firstDayOfDisplayedMonth = startOfMonth(anchorDate);
-    const lastDayOfDisplayedMonth = endOfMonth(anchorDate);
-    const weekdays = getWeekdays(locale).map((dayName) => capitalize(dayName, locale));
-    const displayedDates = eachDayOfInterval({
-        start: isSunday(firstDayOfDisplayedMonth)
-            ? firstDayOfDisplayedMonth
-            : previousSunday(firstDayOfDisplayedMonth),
-        end: isSaturday(lastDayOfDisplayedMonth)
-            ? lastDayOfDisplayedMonth
-            : nextSaturday(lastDayOfDisplayedMonth),
-    });
-    const isDateDisabled = (date, minDate, maxDate, firstDayDisplayedMonth, lastDayDisplayedMonth) => {
-        const isDateInDisplayedMonth = date >= firstDayDisplayedMonth && date <= lastDayDisplayedMonth;
-        return ((minDate !== null && date < minDate) ||
-            (maxDate !== null && date > maxDate) ||
-            !isDateInDisplayedMonth);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
-                    color: theme?.primaryTextColor || '#364153',
-                    textAlign: 'center',
-                    fontSize: '0.75rem',
-                    fontWeight: '500',
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',
-                }, children: weekdays.map((dayName) => (_jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' }, children: _jsx("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            width: '100%',
-                            height: '2.25rem',
-                            fontFamily: theme?.fontFamily,
-                        }, children: dayName }) }, dayName))) }), _jsx("div", { style: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',
-                    paddingBottom: 8,
-                }, children: displayedDates.map((date) => {
-                    const isCurrentDateDisabled = isDateDisabled(date, minDate, maxDate, firstDayOfDisplayedMonth, lastDayOfDisplayedMonth);
-                    return (_jsx("div", { style: { width: '100%' }, children: _jsx("button", { style: {
-                                border: 'none',
-                                height: '1.5rem',
-                                display: 'flex',
-                                width: '100%',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                fontFamily: theme?.fontFamily,
-                                ...getDateStyles(theme, date, selectedStartDate, selectedEndDate, hoveredDate, isCurrentDateDisabled),
-                            }, type: "button", onClick: () => {
-                                onDateClick(date);
-                            }, onPointerEnter: () => setHoveredDate?.(date), onPointerLeave: () => setHoveredDate?.(undefined), 
-                            // className={twMerge(fontSize.sm)}
-                            disabled: isCurrentDateDisabled, children: _jsx("time", { dateTime: format(date, 'yyyy-MM-dd', { locale }), children: format(date, 'd', { locale }) }) }) }, date.toString()));
-                }) })] }));
-};
-export function Calendar({ enableYearPagination, anchorDate, setStartOfCurrMonth, startDate, endDate, minDate, maxDate, onDateClick, locale, theme, }) {
-    return (_jsxs("div", { style: {
-            paddingLeft: '0.75rem',
-            paddingRight: '0.75rem',
-            paddingTop: '0.25rem',
-            paddingBottom: '0.25rem',
-        }, children: [_jsx(CalendarHeader, { enableYearPagination: enableYearPagination, anchorDate: anchorDate, setStartOfCurrMonth: setStartOfCurrMonth, locale: locale, theme: theme }), _jsx(CalendarBody, { anchorDate: anchorDate, selectedStartDate: startDate, selectedEndDate: endDate, onDateClick: onDateClick, minDate: minDate, maxDate: maxDate, locale: locale, theme: theme })] }));
-}
-export default Calendar;

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

@@ -1,39 +0,0 @@
-/// <reference types="date-fns" />
-import React from 'react';
-import { enUS } from 'date-fns/locale';
-export type Locale = typeof enUS;
-export type DateRangePickerValue = [
-    (Date | null)?,
-    (Date | null)?,
-    (string | null)?
-];
-export type DateRangePickerOption = {
-    value: string;
-    text: string;
-    startDate?: Date;
-    endDate?: Date;
-    dayInterval?: number;
-};
-export type DateRange = [Date | null, Date | null];
-export interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue'> {
-    value?: DateRangePickerValue;
-    defaultValue?: DateRangePickerValue;
-    onChangeDateRange?: (value: DateRange) => void;
-    onChangePreset?: (presetId: string) => void;
-    preset?: string;
-    dateRange?: DateRange;
-    enableDropdown?: boolean;
-    presetOptions?: DateRangePickerOption[];
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    placeholder?: string;
-    dropdownPlaceholder?: string;
-    enableYearPagination?: boolean;
-    disabled?: boolean;
-    color?: string;
-    locale?: Locale;
-    theme: any;
-}
-declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
-export default DateRangePicker;
-//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAsBvC,MAAM,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACd,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACd,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACjB,CAAC;AACF,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,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAEnD,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,eAAe,6FA6NpB,CAAC;AAEF,eAAe,eAAe,CAAC"}