@quillsql/react 2.12.41 → 2.12.43

package/dist/esm/utils/tableProcessing.js

@@ -1,5 +1,5 @@
 import { isTextColumnType, } from '../components/ReportBuilder/ast';
-import { convertColumnInfoToColumnInternal, convertPostgresColumn, } from './columnProcessing';
+import { convertPostgresColumn } from './columnProcessing';
 import { MAX_PIVOT_UNIQUE_VALUES } from './constants';
 import { getData } from './dataFetcher';
 import { parseValueFromBigQueryDates } from './dataProcessing';
@@ -71,21 +71,17 @@ export const getRelevantInfoFromQuery = async (columns, client, query, customFie
     let uniqueStrings = {};
     let error = undefined;
     try {
-        const convertedStringColumns = columns
-            .filter((column) => {
+        const convertedStringColumns = columns.filter((column) => {
             return isTextColumnType(column.fieldType);
-        })
-            .map((column) => convertColumnInfoToColumnInternal(column));
+        });
         const stringNames = convertedStringColumns.map((column) => column.field);
         if (stringNames.length > 0) {
             const smallStringColumns = await getCountsByColumns(convertedStringColumns, query, client, customFields);
             uniqueStrings = await getUniqueValuesByColumns(smallStringColumns, query, [], client, customFields);
         }
-        const dateColumns = columns
-            .filter((column) => {
+        const dateColumns = columns.filter((column) => {
             return column.fieldType === 'date';
-        })
-            .map((column) => convertColumnInfoToColumnInternal(column));
+        });
         if (dateColumns.length > 0) {
             dateRanges = await getDateRangeByColumns(dateColumns, query, client, customFields);
             if (dateRanges === null) {
@@ -104,7 +100,7 @@ export const getRelevantInfoFromQuery = async (columns, client, query, customFie
 };
 export const getCountsByColumns = async (columns, query, client, customFields) => {
     const stringNames = columns.map((column) => column.field);
-    const countQuery = generateCountQuery(stringNames, query, client.databaseType);
+    const countQuery = generateCountQuery(stringNames, query, client.databaseType || 'postgresql');
     try {
         const hostedBody = {
             metadata: {
@@ -174,7 +170,7 @@ export const getDateRangeByColumns = async (columns, query, client, customFields
     const columnNames = columns.map(
     // @ts-ignore
     (column) => column.field || column.name);
-    const distinctValueQuery = generateMinMaxRangeQueries(columnNames, query, client.databaseType);
+    const distinctValueQuery = generateMinMaxRangeQueries(columnNames, query, client.databaseType || 'postgresql');
     const dateRanges = await fetchDateRanges(distinctValueQuery, client, customFields);
     return dateRanges;
 };
@@ -199,8 +195,8 @@ const fetchDateRanges = async (query, client, customFields) => {
         const results = data.rows.reduce((acc, currentValue) => {
             acc[currentValue.field] = {
                 dateRange: {
-                    start: parseDateByDatabaseType(currentValue.min_range, client.databaseType),
-                    end: parseDateByDatabaseType(currentValue.max_range, client.databaseType),
+                    start: parseDateByDatabaseType(currentValue.min_range, client.databaseType || 'postgresql'),
+                    end: parseDateByDatabaseType(currentValue.max_range, client.databaseType || 'postgresql'),
                 },
             };
             return acc;

package/dist/esm/utils/valueFormatter.d.ts

@@ -1,7 +1,5 @@
 import { type AxisFormat } from '../Dashboard';
 export type Field = {
-    _id: string;
-    label: string;
     field: string;
     format: AxisFormat;
 };

package/dist/esm/utils/valueFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6BAA8B,KAAK,KAAG,MA0ChE,CAAC;AAEF,eAAO,MAAM,WAAW;WAIf,GAAG;YACF,MAAM;MACZ,MA2CH,CAAC;AAoNF,eAAO,MAAM,aAAa;;;;WAGhB,MAAM,KACb,MAkDF,CAAC"}
+{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6BAA8B,KAAK,KAAG,MA8ChE,CAAC;AAEF,eAAO,MAAM,WAAW;WAIf,GAAG;YACF,MAAM;MACZ,MAgDH,CAAC;AAoNF,eAAO,MAAM,aAAa;;;;WAGhB,MAAM,KACb,MAkDF,CAAC"}

package/dist/esm/utils/valueFormatter.js

@@ -27,36 +27,44 @@ export const valueFormatter = ({ value, field, fields }) => {
     const fieldInfo = fields.find((f) => f.field === field);
     if (!fieldInfo)
         return '';
-    const HANDLERS = {
-        percent: formatPercent,
-        dollar_amount: formatDollarAmount,
-        dollar_cents: formatDollarCents,
-        whole_number: formatWholeNumber,
-        one_decimal_place: formatOneDecimalPlace,
-        two_decimal_places: formatTwoDecimalPlaces,
-        string: formatString,
-        yyyy: format_YYYY,
-        MMM_dd: format_MMM_dd,
-        MMM_yyyy: format_MMM_yyyy,
-        MMM_dd_yyyy: format_MMM_dd_yyyy,
-        MMM_ww_yyyy: format_MMM_ww_yyyy,
-        hh_ap_pm: format_hh_ap_pm,
-        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
-        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
-        'wo, yyyy': format_wo_yyyy,
-    };
-    // try to handle this value using the associated formatType handler
     const formatType = fieldInfo.format;
-    if (Object.keys(HANDLERS).includes(formatType)) {
-        // if bigquery date type, we have to pull the value out of the json
-        if (DATE_FORMAT_TYPES.includes(formatType) &&
-            typeof value === 'object' &&
-            value.value) {
-            return HANDLERS[formatType](value.value);
-        }
-        return HANDLERS[formatType](value);
+    switch (formatType) {
+        case 'percent':
+            return formatPercent(value);
+        case 'dollar_amount':
+            return formatDollarAmount(value);
+        case 'dollar_cents':
+            return formatDollarCents(value);
+        case 'whole_number':
+            return formatWholeNumber(value);
+        case 'one_decimal_place':
+            return formatOneDecimalPlace(value);
+        case 'two_decimal_places':
+            return formatTwoDecimalPlaces(value);
+        case 'string':
+            return formatString(value);
+        case 'yyyy':
+            return format_YYYY(value);
+        case 'MMM_dd':
+            return format_MMM_dd(value);
+        case 'MMM_yyyy':
+            return format_MMM_yyyy(value);
+        case 'MMM_dd_yyyy':
+            return format_MMM_dd_yyyy(value);
+        // what is this
+        // case 'MMM_ww_yyyy':
+        //   return format_MMM_ww_yyyy(value);
+        case 'hh_ap_pm':
+            return format_hh_ap_pm(value);
+        case 'MMM_dd-MMM_dd':
+            return format_MMM_dd_MMM_dd(value);
+        case 'MMM_dd_hh:mm_ap_pm':
+            return format_MMM_dd_hh_mm_ap_pm(value);
+        case 'wo, yyyy':
+            return format_wo_yyyy(value);
+        default:
+            return formatString(value);
     }
-    return formatString(value); // by default make this value a string
 };
 export const quillFormat = ({ value, format, }) => {
     // Handle special case, if value is null and format is numeric display '-'
@@ -64,36 +72,45 @@ export const quillFormat = ({ value, format, }) => {
         (NUMBER_FORMAT_TYPES.includes(format) || DATE_FORMAT_TYPES.includes(format))) {
         return '-';
     }
-    const HANDLERS = {
-        percent: formatPercent,
-        dollar_amount: formatDollarAmount,
-        dollar_cents: formatDollarCents,
-        whole_number: formatWholeNumber,
-        one_decimal_place: formatOneDecimalPlace,
-        two_decimal_places: formatTwoDecimalPlaces,
-        string: formatString,
-        yyyy: format_YYYY,
-        MMM_yyyy: format_MMM_yyyy,
-        MMM_dd_yyyy: format_MMM_dd_yyyy,
-        MMM_dd: format_MMM_dd,
-        hh_ap_pm: format_hh_ap_pm,
-        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
-        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
-        'wo, yyyy': format_wo_yyyy,
-    };
     // try to handle this value using the associated formatType handler
     const formatType = format;
-    if (HANDLERS[formatType]) {
-        // if bigquery date type, we have to pull the value out of the json
-        if (DATE_FORMAT_TYPES.includes(formatType) &&
-            typeof value === 'object' &&
-            value &&
-            value.value) {
-            return HANDLERS[formatType](value.value);
-        }
-        return HANDLERS[formatType](value);
+    switch (formatType) {
+        case 'percent':
+            return formatPercent(value);
+        case 'dollar_amount':
+            return formatDollarAmount(value);
+        case 'dollar_cents':
+            return formatDollarCents(value);
+        case 'whole_number':
+            return formatWholeNumber(value);
+        case 'one_decimal_place':
+            return formatOneDecimalPlace(value);
+        case 'two_decimal_places':
+            return formatTwoDecimalPlaces(value);
+        case 'string':
+            return formatString(value);
+        case 'yyyy':
+            return format_YYYY(value);
+        case 'MMM_dd':
+            return format_MMM_dd(value);
+        case 'MMM_yyyy':
+            return format_MMM_yyyy(value);
+        case 'MMM_dd_yyyy':
+            return format_MMM_dd_yyyy(value);
+        // what is this
+        // case 'MMM_ww_yyyy':
+        //   return format_MMM_ww_yyyy(value);
+        case 'hh_ap_pm':
+            return format_hh_ap_pm(value);
+        case 'MMM_dd-MMM_dd':
+            return format_MMM_dd_MMM_dd(value);
+        case 'MMM_dd_hh:mm_ap_pm':
+            return format_MMM_dd_hh_mm_ap_pm(value);
+        case 'wo, yyyy':
+            return format_wo_yyyy(value);
+        default:
+            return formatString(value);
     }
-    return formatString(value); // by default make this value a string
 };
 /**
  * HELPER FUNCTION DEFINITIONS
@@ -240,18 +257,17 @@ const format_wo_yyyy = (value) => {
         return 'Invalid date';
     return `${getWeek(utcDate)},${utcDate.getFullYear()}`;
 };
-const format_MMM_ww_yyyy = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    const startOfWeekDate = startOfWeek(utcDate, { weekStartsOn: 1 });
-    const endOfWeekDate = endOfWeek(utcDate, { weekStartsOn: 1 });
-    const month = format(utcDate, 'MMM');
-    const startDay = format(startOfWeekDate, 'd');
-    const endDay = format(endOfWeekDate, 'd');
-    const year = format(utcDate, 'yyyy');
-    return `${month}, ${startDay}-${endDay}, ${year}`;
-};
+// const format_MMM_ww_yyyy = (value: any) => {
+//   const utcDate: Date = utcToZonedTime(new Date(value), 'UTC');
+//   if (!isValid(utcDate)) return 'Invalid date';
+//   const startOfWeekDate = startOfWeek(utcDate, { weekStartsOn: 1 });
+//   const endOfWeekDate = endOfWeek(utcDate, { weekStartsOn: 1 });
+//   const month = format(utcDate, 'MMM');
+//   const startDay = format(startOfWeekDate, 'd');
+//   const endDay = format(endOfWeekDate, 'd');
+//   const year = format(utcDate, 'yyyy');
+//   return `${month}, ${startDay}-${endDay}, ${year}`;
+// };
 /**
  * Parses a numeric string back into a number, taking into account that
  * users in different locales will format numbers differently (eg. 1,234 means

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.12.41",
+  "version": "2.12.43",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",

package/dist/cjs/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/cjs/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/cjs/DateRangePicker/Calendar.js

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = exports.colStartClasses = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const date_fns_1 = require("date-fns");
-const assets_1 = require("../assets");
-const dateRangePickerUtils_1 = require("./dateRangePickerUtils");
-exports.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 = (0, date_fns_1.startOfMonth)(anchorDate);
-    const handlePaginationClick = (type) => {
-        switch (type) {
-            case 'nextMonth':
-                setStartOfCurrMonth((0, date_fns_1.add)(firstDayOfMonth, { months: 1 }));
-                break;
-            case 'prevMonth':
-                setStartOfCurrMonth((0, date_fns_1.add)(firstDayOfMonth, { months: -1 }));
-                break;
-            case 'nextYear':
-                setStartOfCurrMonth((0, date_fns_1.add)(firstDayOfMonth, { years: 1 }));
-                break;
-            case 'prevYear':
-                setStartOfCurrMonth((0, date_fns_1.add)(firstDayOfMonth, { years: -1 }));
-                break;
-        }
-    };
-    const displayedTitle = (0, dateRangePickerUtils_1.capitalize)((0, date_fns_1.format)(firstDayOfMonth, 'MMMM yyyy', { locale }), locale);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: '0.125rem',
-            paddingTop: '0.25rem',
-            paddingBottom: '0.25rem',
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '0.25rem',
-                }, children: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(assets_1.ArrowLeftHeadIcon, { style: {
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            color: theme?.primaryTextColor || '#364153',
-                        }, "aria-hidden": "true" }) }) }), (0, jsx_runtime_1.jsx)("h2", { style: {
-                    color: theme?.textColor || '#364153',
-                    fontSize: '14px',
-                    fontFamily: theme?.fontFamily,
-                    fontWeight: '700',
-                }, children: displayedTitle }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    marginRight: '0.25rem',
-                    marginLeft: '0.25rem',
-                }, children: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(assets_1.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] = (0, react_1.useState)();
-    const firstDayOfDisplayedMonth = (0, date_fns_1.startOfMonth)(anchorDate);
-    const lastDayOfDisplayedMonth = (0, date_fns_1.endOfMonth)(anchorDate);
-    const weekdays = (0, dateRangePickerUtils_1.getWeekdays)(locale).map((dayName) => (0, dateRangePickerUtils_1.capitalize)(dayName, locale));
-    const displayedDates = (0, date_fns_1.eachDayOfInterval)({
-        start: (0, date_fns_1.isSunday)(firstDayOfDisplayedMonth)
-            ? firstDayOfDisplayedMonth
-            : (0, date_fns_1.previousSunday)(firstDayOfDisplayedMonth),
-        end: (0, date_fns_1.isSaturday)(lastDayOfDisplayedMonth)
-            ? lastDayOfDisplayedMonth
-            : (0, date_fns_1.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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.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) => ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            width: '100%',
-                            height: '2.25rem',
-                            fontFamily: theme?.fontFamily,
-                        }, children: dayName }) }, dayName))) }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)("button", { style: {
-                                border: 'none',
-                                height: '1.5rem',
-                                display: 'flex',
-                                width: '100%',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                fontFamily: theme?.fontFamily,
-                                ...(0, dateRangePickerUtils_1.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: (0, jsx_runtime_1.jsx)("time", { dateTime: (0, date_fns_1.format)(date, 'yyyy-MM-dd', { locale }), children: (0, date_fns_1.format)(date, 'd', { locale }) }) }) }, date.toString()));
-                }) })] }));
-};
-function Calendar({ enableYearPagination, anchorDate, setStartOfCurrMonth, startDate, endDate, minDate, maxDate, onDateClick, locale, theme, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            paddingLeft: '0.75rem',
-            paddingRight: '0.75rem',
-            paddingTop: '0.25rem',
-            paddingBottom: '0.25rem',
-        }, children: [(0, jsx_runtime_1.jsx)(CalendarHeader, { enableYearPagination: enableYearPagination, anchorDate: anchorDate, setStartOfCurrMonth: setStartOfCurrMonth, locale: locale, theme: theme }), (0, jsx_runtime_1.jsx)(CalendarBody, { anchorDate: anchorDate, selectedStartDate: startDate, selectedEndDate: endDate, onDateClick: onDateClick, minDate: minDate, maxDate: maxDate, locale: locale, theme: theme })] }));
-}
-exports.Calendar = Calendar;
-exports.default = Calendar;

package/dist/cjs/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/cjs/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"}

package/dist/cjs/DateRangePicker/DateRangePicker.js

@@ -1,123 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-nocheck
-const react_1 = __importStar(require("react"));
-const date_fns_1 = require("date-fns");
-const locale_1 = require("date-fns/locale");
-const contexts_1 = require("../contexts");
-const hooks_1 = require("../hooks");
-const dateRangePickerUtils_1 = require("./dateRangePickerUtils");
-const Calendar_1 = __importDefault(require("./Calendar"));
-const DateRangePickerButton_1 = __importDefault(require("./DateRangePickerButton"));
-const Dropdown_1 = require("../components/Dropdown");
-const Modal_1 = __importDefault(require("../components/Modal"));
-const DateRangePicker = react_1.default.forwardRef((props, ref) => {
-    const { dateRange, preset, onChangeDateRange, onChangePreset, presetOptions, enableDropdown = true, minDate = null, maxDate = null, placeholder = 'Select', dropdownPlaceholder = 'Select', disabled = false, color = 'blue', enableYearPagination = false, locale = locale_1.enUS, className, theme, ...other } = props;
-    const TODAY = (0, date_fns_1.startOfToday)();
-    const calendarRef = (0, react_1.useRef)(null);
-    const dropdownRef = (0, react_1.useRef)(null);
-    const [selectedValue, setSelectedValue] = (0, react_1.useState)([
-        dateRange[0],
-        dateRange[1],
-        preset || null,
-    ]);
-    const [startOfCurrMonth, setStartOfCurrMonth] = (0, react_1.useState)(null);
-    const [showCalendar, setShowCalendar] = (0, react_1.useState)(false);
-    const [showDropdown, setShowDropdown] = (0, react_1.useState)(false);
-    const [startDateInCalendar, setStartDateInCalendar] = (0, react_1.useState)(null);
-    const [endDateInCalendar, setEndDateInCalendar] = (0, react_1.useState)(null);
-    // const dropdownOptions = [
-    //   {
-    //     value: 'placeholder',
-    //     text: dropdownPlaceholder,
-    //   },
-    //   ...(options ?? defaultOptions),
-    // ];
-    const selectedDropdownValue = selectedValue
-        ? selectedValue[2] ?? null
-        : null;
-    const selectedStartDate = selectedValue
-        ? (0, dateRangePickerUtils_1.parseStartDate)(selectedValue[0], minDate, selectedDropdownValue, presetOptions)
-        : null;
-    const selectedEndDate = selectedValue
-        ? (0, dateRangePickerUtils_1.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;
-        }
-    };
-    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 = (0, dateRangePickerUtils_1.getStartDateByDropdownValue)(dropdownValue, presetOptions);
-        const selectedEndDate = (0, dateRangePickerUtils_1.getEndDateByDropdownValue)(dropdownValue, presetOptions);
-        setSelectedValue([selectedStartDate, selectedEndDate, dropdownValue]);
-        // onChangeDateRange([selectedStartDate, selectedEndDate]);
-        onChangePreset(presetOptions?.find((elem) => elem.value === dropdownValue));
-        setStartOfCurrMonth((0, date_fns_1.startOfMonth)(selectedEndDate));
-        setShowDropdown(false);
-    };
-    const [hoveredDropdownValue, handleDropdownKeyDown] = (0, hooks_1.useSelectOnKeyDown)(handleDropdownOptionClick, presetOptions.map((option) => option.value), showDropdown, setShowDropdown, selectedDropdownValue);
-    return ((0, jsx_runtime_1.jsx)(contexts_1.BaseColorContext.Provider, { value: color, children: (0, jsx_runtime_1.jsxs)("div", { ref: ref, style: { position: 'relative', width: '100%' }, className: className, ...other, children: [(0, jsx_runtime_1.jsx)(DateRangePickerButton_1.default, { 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 }), (0, jsx_runtime_1.jsx)(Modal_1.default, { theme: theme, showModal: showCalendar, setShowModal: setShowCalendar, parentRef: calendarRef, width: 288, maxHeight: "fit-content", children: (0, jsx_runtime_1.jsx)(Calendar_1.default, { enableYearPagination: enableYearPagination, anchorDate: anchorDate, 
-                        // setAnchorDate={setAnchorDate}
-                        startDate: startDateInCalendar, endDate: endDateInCalendar, minDate: minDate, maxDate: maxDate, onDateClick: handleDateClick, locale: locale, setStartOfCurrMonth: setStartOfCurrMonth, theme: theme }) }), (0, jsx_runtime_1.jsx)(Modal_1.default, { showModal: showDropdown, setShowModal: setShowDropdown, parentRef: dropdownRef, theme: theme, children: (0, jsx_runtime_1.jsx)(contexts_1.SelectedValueContext.Provider, { value: {
-                            selectedValue: selectedDropdownValue,
-                            handleValueChange: handleDropdownOptionClick,
-                        }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue: hoveredDropdownValue }, children: presetOptions.map(({ value, text }, index) => ((0, jsx_runtime_1.jsx)(Dropdown_1.DropdownItem, { value: value, text: text, theme: theme, lastItem: presetOptions.length - 1 === index }, value))) }) }) })] }) }));
-});
-exports.default = DateRangePicker;

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

@@ -1,22 +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>>;
-    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, 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/cjs/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;AAGhF,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,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,8MAgBxB,0BAA0B,4CAsM5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}