@quillsql/react 2.10.30 → 2.10.31

package/dist/esm/DateRangePicker/Calendar.js

@@ -1,167 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
-// import { twMerge } from 'tailwind-merge';
-import { add, eachDayOfInterval, endOfMonth, format, isSaturday, isSunday, nextSaturday, previousSunday, startOfMonth, } from 'date-fns';
-import { BaseColorContext } from '../contexts';
-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 color = useContext(BaseColorContext);
-    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":";AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAuBvC,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,6FA4PpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/DateRangePicker/DateRangePicker.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/display-name */
-// @ts-nocheck
-import React, { useRef, useState } from 'react';
-import { startOfMonth, startOfToday } from 'date-fns';
-import { enUS } from 'date-fns/locale';
-import { BaseColorContext, HoveredValueContext, SelectedValueContext, } from '../contexts';
-import { useSelectOnKeyDown } from '../hooks';
-import { getEndDateByDropdownValue, getStartDateByDropdownValue, parseEndDate, parseStartDate, } from './dateRangePickerUtils';
-import Calendar from './Calendar';
-import DateRangePickerButton from './DateRangePickerButton';
-import { DropdownItem } from '../components/Dropdown';
-import Modal from '../components/Modal';
-const DateRangePicker = React.forwardRef((props, ref) => {
-    const { dateRange, preset, onChangeDateRange, onChangePreset, presetOptions, enableDropdown = true, options, minDate = null, maxDate = null, placeholder = 'Select', dropdownPlaceholder = 'Select', disabled = false, color = 'blue', enableYearPagination = false, locale = enUS, className, theme, ...other } = props;
-    const TODAY = startOfToday();
-    const calendarRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const [selectedValue, setSelectedValue] = useState([
-        dateRange[0],
-        dateRange[1],
-        preset || null,
-    ]);
-    const [startOfCurrMonth, setStartOfCurrMonth] = useState(null);
-    const [showCalendar, setShowCalendar] = useState(false);
-    const [showDropdown, setShowDropdown] = useState(false);
-    const [startDateInCalendar, setStartDateInCalendar] = useState(null);
-    const [endDateInCalendar, setEndDateInCalendar] = useState(null);
-    // const dropdownOptions = [
-    //   {
-    //     value: 'placeholder',
-    //     text: dropdownPlaceholder,
-    //   },
-    //   ...(options ?? defaultOptions),
-    // ];
-    const selectedDropdownValue = selectedValue
-        ? selectedValue[2] ?? null
-        : null;
-    const selectedStartDate = selectedValue
-        ? parseStartDate(selectedValue[0], minDate, selectedDropdownValue, presetOptions)
-        : null;
-    const selectedEndDate = selectedValue
-        ? parseEndDate(selectedValue[1], maxDate, selectedDropdownValue, presetOptions)
-        : null;
-    const anchorDate = startOfCurrMonth ?? selectedEndDate ?? selectedStartDate ?? TODAY;
-    const handleDateClick = (date) => {
-        if (!startDateInCalendar) {
-            setStartDateInCalendar(date);
-            return;
-        }
-        if (startDateInCalendar && !endDateInCalendar) {
-            setEndDateInCalendar(date);
-            onChangeDateRange([startDateInCalendar, date]);
-            // onChangePreset(null);
-            setSelectedValue([startDateInCalendar, date, null]);
-            return;
-        }
-        // if (!selectedStartDate) {
-        //   console.log('1');
-        //   onChangeDateRange([date, selectedEndDate]);
-        //   onChangePreset(null);
-        //   setSelectedValue([date, selectedEndDate, null]);
-        // } else if (selectedStartDate && !selectedEndDate) {
-        //   console.log('2');
-        //   if (date < selectedStartDate) {
-        //     console.log('3');
-        //     onChangeDateRange?.([date, selectedEndDate]);
-        //     onChangePreset(null);
-        //     setSelectedValue([date, selectedEndDate, null]);
-        //     // Selection complete
-        //   } else {
-        //     console.log('4');
-        //     onChangeDateRange([selectedStartDate, date]);
-        //     onChangePreset(null);
-        //     setSelectedValue([selectedStartDate, date, null]);
-        //     setShowCalendar(false);
-        //   }
-        // } else if (selectedStartDate && selectedEndDate) {
-        //   console.log('5: ', { selectedStartDate, selectedEndDate });
-        //   onChangeDateRange([date, null]);
-        //   onChangePreset(null);
-        //   setSelectedValue([date, null, null]);
-        // }
-    };
-    const handleCalendarKeyDown = (e) => {
-        if (e.key === 'Escape') {
-            e.preventDefault();
-            setShowCalendar(false);
-        }
-    };
-    const handleDropdownOptionClick = (dropdownValue) => {
-        if (!dropdownValue) {
-            return;
-        }
-        if (dropdownValue == 'placeholder') {
-            setSelectedValue([null, null, null]);
-            // onChangeDateRange([null, null]);
-            onChangePreset(null);
-            setShowDropdown(false);
-            return;
-        }
-        if (dropdownValue == selectedDropdownValue) {
-            setShowDropdown(false);
-            return;
-        }
-        const selectedStartDate = getStartDateByDropdownValue(dropdownValue, presetOptions);
-        const selectedEndDate = getEndDateByDropdownValue(dropdownValue, presetOptions);
-        setSelectedValue([selectedStartDate, selectedEndDate, dropdownValue]);
-        // onChangeDateRange([selectedStartDate, selectedEndDate]);
-        onChangePreset(presetOptions?.find((elem) => elem.value === dropdownValue));
-        setStartOfCurrMonth(startOfMonth(selectedEndDate));
-        setShowDropdown(false);
-    };
-    const [hoveredDropdownValue, handleDropdownKeyDown] = useSelectOnKeyDown(handleDropdownOptionClick, presetOptions.map((option) => option.value), showDropdown, setShowDropdown, selectedDropdownValue);
-    return (_jsx(BaseColorContext.Provider, { value: color, children: _jsxs("div", { ref: ref, style: { position: 'relative', width: '100%' }, ...other, children: [_jsx(DateRangePickerButton, { value: [selectedStartDate, selectedEndDate, selectedDropdownValue], options: presetOptions, placeholder: placeholder, disabled: disabled, calendarRef: calendarRef, showCalendar: showCalendar, setShowCalendar: setShowCalendar, onCalendarKeyDown: handleCalendarKeyDown, enableDropdown: enableDropdown, dropdownRef: dropdownRef, showDropdown: showDropdown, setShowDropdown: setShowDropdown, onDropdownKeyDown: handleDropdownKeyDown, locale: locale, dropdownPlaceholder: dropdownPlaceholder, theme: theme }), _jsx(Modal, { theme: theme, showModal: showCalendar, setShowModal: setShowCalendar, parentRef: calendarRef, width: 288, maxHeight: "fit-content", children: _jsx(Calendar, { enableYearPagination: enableYearPagination, anchorDate: anchorDate, 
-                        // setAnchorDate={setAnchorDate}
-                        startDate: startDateInCalendar, endDate: endDateInCalendar, minDate: minDate, maxDate: maxDate, onDateClick: handleDateClick, locale: locale, setStartOfCurrMonth: setStartOfCurrMonth, theme: theme }) }), _jsx(Modal, { showModal: showDropdown, setShowModal: setShowDropdown, parentRef: dropdownRef, theme: theme, children: _jsx(SelectedValueContext.Provider, { value: {
-                            selectedValue: selectedDropdownValue,
-                            handleValueChange: handleDropdownOptionClick,
-                        }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue: hoveredDropdownValue }, children: presetOptions.map(({ value, text }, index) => (_jsx(DropdownItem, { value: value, text: text, theme: theme, lastItem: presetOptions.length - 1 === index }, value))) }) }) })] }) }));
-});
-export default DateRangePicker;

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

@@ -1,23 +0,0 @@
-import React, { Dispatch, Ref, SetStateAction } from 'react';
-import { DateRangePickerOption, DateRangePickerValue } from './DateRangePicker';
-interface DateRangePickerButtonProps {
-    value: DateRangePickerValue;
-    options: DateRangePickerOption[];
-    placeholder: string;
-    disabled: boolean;
-    calendarRef: Ref<HTMLButtonElement>;
-    showCalendar: boolean;
-    setShowCalendar: Dispatch<SetStateAction<boolean>>;
-    onCalendarKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    enableDropdown: boolean;
-    dropdownRef: Ref<HTMLButtonElement>;
-    showDropdown: boolean;
-    setShowDropdown: Dispatch<SetStateAction<boolean>>;
-    onDropdownKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    locale?: Locale;
-    dropdownPlaceholder?: string;
-    theme: any;
-}
-declare const DateRangePickerButton: ({ value, options, placeholder, disabled, calendarRef, showCalendar, setShowCalendar, onCalendarKeyDown, enableDropdown, dropdownRef, showDropdown, setShowDropdown, onDropdownKeyDown, locale, dropdownPlaceholder, theme, }: DateRangePickerButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default DateRangePickerButton;
-//# sourceMappingURL=DateRangePickerButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePickerButton.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/DateRangePickerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAIhF,UAAU,0BAA0B;IAClC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,qBAAqB,iOAiBxB,0BAA0B,4CAuM5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/DateRangePicker/DateRangePickerButton.js

@@ -1,136 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownHeadIcon, CalendarIcon } from '../assets';
-import { formatSelectedDates } from './dateRangePickerUtils';
-import { hasValue } from '../components/selectUtils';
-const DateRangePickerButton = ({ value, options, placeholder, disabled, calendarRef, showCalendar, setShowCalendar, onCalendarKeyDown, enableDropdown, dropdownRef, showDropdown, setShowDropdown, onDropdownKeyDown, locale, dropdownPlaceholder = 'Select', theme, }) => {
-    const [startDate, endDate, dropdownValue] = value;
-    const hasDateSelection = (startDate || endDate) !== null && (startDate || endDate) !== undefined;
-    const hasDropdownSelection = hasValue(dropdownValue);
-    const calendarText = hasDateSelection
-        ? formatSelectedDates(startDate, endDate, locale)
-        : placeholder;
-    const dropdownText = dropdownValue
-        ? String(options.find(option => option.value === dropdownValue)?.text)
-        : dropdownPlaceholder;
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            borderRadius: '0.375rem',
-            background: theme?.backgroundColor,
-            fontFamily: theme?.fontFamily,
-            boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        }, children: [_jsxs("button", { type: "button", style: {
-                    fontFamily: theme?.fontFamily,
-                    borderColor: theme?.borderColor || '#E5E7EB',
-                    borderStyle: 'solid',
-                    borderWidth: 1,
-                    minHeight: 38,
-                    borderRight: 'none',
-                    borderTopLeftRadius: theme?.borderRadius || 6,
-                    borderBottomLeftRadius: theme?.borderRadius || 6,
-                    color: theme?.primaryTextColor,
-                    cursor: 'pointer',
-                    display: 'flex',
-                    alignItems: 'center',
-                    // width: '100%',
-                    width: 275,
-                    maxWidth: 275,
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    background: theme?.backgroundColor,
-                    fontWeight: theme?.fontWeightMedium || '500',
-                    fontSize: theme?.fontSizeSmall || '14px',
-                    paddingLeft: 10,
-                    // borderRight: enableDropdown
-                    //   ? border.none.right
-                    //   : twMerge(borderRadius.md.right, border.sm.right),
-                }, ref: calendarRef, onClick: () => setShowCalendar(!showCalendar), 
-                // onKeyDown={onCalendarKeyDown}
-                // className={twMerge(
-                //   'qq-flex qq-items-center qq-w-full qq-truncate focus:qq-outline-none focus:qq-ring-2',
-                //   getSelectButtonColors(hasDateSelection, disabled),
-                //   enableDropdown
-                //     ? border.none.right
-                //     : twMerge(borderRadius.md.right, border.sm.right),
-                //   getColorClassNames(BaseColors.Blue, colorPalette.lightRing)
-                //     .focusRingColor,
-                //   spacing.twoXl.paddingX,
-                //   spacing.sm.paddingY,
-                //   borderRadius.md.left,
-                //   border.sm.all
-                // )}
-                disabled: disabled, children: [_jsx(CalendarIcon, { style: {
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            // marginLeft: '0.125rem',
-                            marginRight: '0.75rem',
-                        }, "aria-hidden": "true" }), _jsx("p", { style: {
-                            margin: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            fontSize: theme?.fontSizeSmall || '14px',
-                        }, children: calendarText })] }), enableDropdown ? (_jsxs("button", { type: "button", style: {
-                    // fontFamily: theme?.fontFamily,
-                    borderColor: theme?.borderColor || '#E5E7EB',
-                    borderStyle: 'solid',
-                    borderWidth: 1,
-                    cursor: 'pointer',
-                    marginLeft: -1,
-                    borderTopRightRadius: theme?.borderRadius || 6,
-                    borderBottomRightRadius: theme?.borderRadius || 6,
-                    width: 150,
-                    // width: '12rem',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    paddingLeft: 12,
-                    paddingRight: 12,
-                    display: 'inline-flex',
-                    minHeight: 38,
-                    borderTopLeftRadius: 0,
-                    borderBottomLeftRadius: 0,
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    background: theme?.backgroundColor,
-                    fontSize: theme?.fontSizeSmall || 12,
-                    // fontWeight: theme?.fontWeightMedium || '800',
-                }, ref: dropdownRef, onClick: () => setShowDropdown(!showDropdown), 
-                // className={twMerge(
-                //   'qq-inline-flex qq-justify-between qq-w-48 qq-truncate focus:qq-outline-none focus:qq-ring-2',
-                //   getSelectButtonColors(hasDropdownSelection, disabled),
-                //   getColorClassNames(BaseColors.Blue, colorPalette.lightRing)
-                //     .focusRingColor,
-                // spacing.twoXl.paddingX,
-                // spacing.sm.paddingY
-                // spacing.px.negativeMarginLeft,
-                // borderRadius.md.right,
-                // border.sm.all
-                // )}
-                onKeyDown: onDropdownKeyDown, disabled: disabled, children: [_jsx("p", { style: {
-                            margin: 0,
-                            fontFamily: theme?.fontFamily,
-                            // fontFamily: 'Avenir',
-                            color: theme?.primaryTextColor || '#364153',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            // background: 'red',
-                        }, children: dropdownText }), _jsx(ArrowDownHeadIcon, { style: {
-                            height: '20px',
-                            width: '20px',
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            marginRight: '-4px',
-                        }, "aria-hidden": "true" })] })) : null] }));
-};
-export default DateRangePickerButton;

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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}