@quillsql/react 2.8.4 → 2.8.6

package/dist/DateRangePicker/dateRangePickerUtils.js

@@ -1,172 +1,175 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSelectedDates = exports.displaySelected = exports.getDateStyles = exports.getRangeFromPreset = exports.reportBuilderOptions = exports.defaultOptions = exports.COMPARISON_RANGE = exports.PRIMARY_RANGE = exports.parseEndDate = exports.parseStartDate = exports.getEndDateByDropdownValue = exports.getStartDateByDropdownValue = exports.capitalize = exports.getWeekdays = void 0;
-const date_fns_1 = require("date-fns");
-const BarList_1 = require("../BarList");
-const getWeekdays = (locale) => {
-    const firstDayOfWeek = (0, date_fns_1.startOfWeek)(new Date());
-    return Array.from(Array(7)).map((e, i) => (0, date_fns_1.format)((0, date_fns_1.addDays)(firstDayOfWeek, i), 'EEEEEE', { locale }));
+import { addDays, differenceInDays, format, isEqual, isToday, max, min, startOfDay, startOfMonth, startOfToday, startOfWeek, startOfYear, sub, } from 'date-fns';
+import { hexToRgbaWith10PercentAlpha } from '../BarList';
+export const getWeekdays = (locale) => {
+    const firstDayOfWeek = startOfWeek(new Date());
+    return Array.from(Array(7)).map((e, i) => format(addDays(firstDayOfWeek, i), 'EEEEEE', { locale }));
 };
-exports.getWeekdays = getWeekdays;
-const capitalize = (s, locale) => {
+export const capitalize = (s, locale) => {
     return s.charAt(0).toLocaleUpperCase(locale.code) + s.substring(1);
 };
-exports.capitalize = capitalize;
-const getStartDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+export const getStartDateByDropdownValue = (dropdownValue, dropdownOptions) => {
     if (!dropdownOptions) {
         return null;
     }
     const startDate = dropdownOptions.find((option) => option.value === dropdownValue)?.startDate ?? null;
-    return startDate ? (0, date_fns_1.startOfDay)(startDate) : null;
+    return startDate ? startOfDay(startDate) : null;
 };
-exports.getStartDateByDropdownValue = getStartDateByDropdownValue;
-const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+export const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
     if (!dropdownOptions) {
-        return (0, date_fns_1.startOfToday)();
+        return startOfToday();
     }
-    return (0, date_fns_1.startOfDay)(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? (0, date_fns_1.startOfToday)());
+    return startOfDay(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? startOfToday());
 };
-exports.getEndDateByDropdownValue = getEndDateByDropdownValue;
-const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
+export const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
     if (selectedDropdownValue) {
-        startDate = (0, exports.getStartDateByDropdownValue)(selectedDropdownValue, dropdownOptions);
+        startDate = getStartDateByDropdownValue(selectedDropdownValue, dropdownOptions);
     }
     if (!startDate)
         return null;
     if (startDate && !minDate)
-        return (0, date_fns_1.startOfDay)(startDate);
-    return (0, date_fns_1.startOfDay)((0, date_fns_1.max)([startDate, minDate]));
+        return startOfDay(startDate);
+    return startOfDay(max([startDate, minDate]));
 };
-exports.parseStartDate = parseStartDate;
-const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
+export const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
     if (selectedDropdownValue) {
-        endDate = (0, exports.getEndDateByDropdownValue)(selectedDropdownValue, dropdownOptions);
+        endDate = getEndDateByDropdownValue(selectedDropdownValue, dropdownOptions);
     }
     if (!endDate)
         return null;
     if (endDate && !maxDate)
-        return (0, date_fns_1.startOfDay)(endDate);
-    return (0, date_fns_1.startOfDay)((0, date_fns_1.min)([endDate, maxDate]));
+        return startOfDay(endDate);
+    return startOfDay(min([endDate, maxDate]));
 };
-exports.parseEndDate = parseEndDate;
 /**
  * A simple map between the primary range key and the QuillDateRange for that
  * key ending on today.
  */
-exports.PRIMARY_RANGE = {
-    THIS_WEEK: { start: (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfToday)()), end: new Date() },
-    THIS_MONTH: { start: (0, date_fns_1.startOfMonth)((0, date_fns_1.startOfToday)()), end: new Date() },
-    THIS_YEAR: { start: (0, date_fns_1.startOfYear)((0, date_fns_1.startOfToday)()), end: new Date() },
-    LAST_7_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 7 }), end: new Date() },
-    LAST_30_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 30 }), end: new Date() },
-    LAST_90_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 90 }), end: new Date() },
-    LAST_6_MONTHS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { months: 6 }), end: new Date() },
+export const PRIMARY_RANGE = {
+    THIS_WEEK: { start: startOfWeek(startOfToday()), end: new Date() },
+    THIS_MONTH: { start: startOfMonth(startOfToday()), end: new Date() },
+    THIS_YEAR: { start: startOfYear(startOfToday()), end: new Date() },
+    LAST_7_DAYS: { start: sub(startOfToday(), { days: 7 }), end: new Date() },
+    LAST_30_DAYS: { start: sub(startOfToday(), { days: 30 }), end: new Date() },
+    LAST_90_DAYS: { start: sub(startOfToday(), { days: 90 }), end: new Date() },
+    LAST_6_MONTHS: { start: sub(startOfToday(), { months: 6 }), end: new Date() },
     ALL_TIME: { start: new Date(0), end: new Date() },
 };
+/**
+ * Maps between the keys of primary range and the short code.
+ */
+export const PRIMARY_CODES = {
+    THIS_WEEK: "wk",
+    THIS_MONTH: "m",
+    THIS_YEAR: "y",
+    LAST_7_DAYS: "w",
+    LAST_30_DAYS: "t",
+    LAST_90_DAYS: "90d",
+    LAST_6_MONTHS: "6m",
+    ALL_TIME: "at",
+};
 /**
  * A helpful map between comparison range keys and a function that takes the
  * start date of the primary range (which is also the end date for our
  * comparison range) and returns a QuillDateRange based on that key and date.
  */
-exports.COMPARISON_RANGE = {
+export const COMPARISON_RANGE = {
     PREV_PERIOD: ({ start, end }) => ({
-        start: (0, date_fns_1.sub)(start, { days: (0, date_fns_1.differenceInDays)(end, start) }),
+        start: sub(start, { days: differenceInDays(end, start) }),
         end: start,
     }),
     PREV_7_DAYS: ({ start }) => ({
-        start: (0, date_fns_1.sub)(start, { days: 7 }),
+        start: sub(start, { days: 7 }),
         end: start,
     }),
     PREV_30_DAYS: ({ start }) => ({
-        start: (0, date_fns_1.sub)(start, { days: 30 }),
+        start: sub(start, { days: 30 }),
         end: start,
     }),
     PREV_90_DAYS: ({ start }) => ({
-        start: (0, date_fns_1.sub)(start, { days: 90 }),
+        start: sub(start, { days: 90 }),
         end: start,
     }),
-    NO_COMPARISON: _ => null,
+    NO_COMPARISON: (_) => null,
 };
-exports.defaultOptions = [
+export const defaultOptions = [
     {
         value: 'wk',
         text: 'This week',
-        startDate: exports.PRIMARY_RANGE['THIS_WEEK']?.start,
+        startDate: PRIMARY_RANGE['THIS_WEEK']?.start,
     },
     {
         value: 'm',
         text: 'This month',
-        startDate: exports.PRIMARY_RANGE['THIS_MONTH']?.start,
+        startDate: PRIMARY_RANGE['THIS_MONTH']?.start,
     },
     {
         value: 'y',
         text: 'This year',
-        startDate: exports.PRIMARY_RANGE['THIS_YEAR']?.start,
+        startDate: PRIMARY_RANGE['THIS_YEAR']?.start,
     },
     {
         value: 'w',
         text: 'Last 7 days',
-        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
     },
     {
         value: 't',
         text: 'Last 30 days',
-        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
     },
     {
         value: '90d',
         text: 'Last 90 days',
-        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
     },
     {
         value: '6m',
         text: 'Last 6 months',
-        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
     },
     {
         value: 'at',
         text: 'All time',
-        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.start,
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
     },
 ];
-exports.reportBuilderOptions = [
+export const reportBuilderOptions = [
     {
         value: 'w',
         text: 'Last 7 days',
-        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
         dayInterval: 7,
     },
     {
         value: 't',
         text: 'Last 30 days',
-        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
         dayInterval: 30,
     },
     {
         value: '90d',
         text: 'Last 90 days',
-        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
         dayInterval: 90,
     },
     {
         value: '6m',
         text: 'Last 6 months',
-        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
         dayInterval: 180,
     },
     {
         value: 'at',
         text: 'All time',
-        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.start,
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
         dayInterval: 36500,
     },
 ];
-const getRangeFromPreset = (preset) => {
-    const foundPreset = exports.defaultOptions.find(elem => elem.value === preset);
+export const getRangeFromPreset = (preset) => {
+    const foundPreset = defaultOptions.find((elem) => elem.value === preset);
     return [foundPreset?.startDate || null, new Date(), foundPreset?.value || ''];
 };
-exports.getRangeFromPreset = getRangeFromPreset;
-const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
+export const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
     return {
         ...getDayTextClassNames(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
         // ...getDayHoverBgColorClassName(
@@ -179,18 +182,17 @@ const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, i
         ...getDayBgColorClassName(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
     };
 };
-exports.getDateStyles = getDateStyles;
 const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDay) => {
     if (!selectedStartDay && !selectedEndDay) {
         return { borderRadius: '0.375rem' };
     }
     if (selectedStartDay &&
         selectedEndDay &&
-        (0, date_fns_1.isEqual)(day, selectedStartDay) &&
-        (0, date_fns_1.isEqual)(day, selectedEndDay)) {
+        isEqual(day, selectedStartDay) &&
+        isEqual(day, selectedEndDay)) {
         return { borderRadius: '0.375rem' };
     }
-    if (selectedStartDay && selectedEndDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
+    if (selectedStartDay && selectedEndDay && isEqual(day, selectedStartDay)) {
         return {
             borderBottomLeftRadius: '0.375rem',
             borderTopLeftRadius: '0.375rem',
@@ -199,7 +201,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         !hoveredDay &&
-        (0, date_fns_1.isEqual)(day, selectedStartDay)) {
+        isEqual(day, selectedStartDay)) {
         return { borderRadius: '0.375rem' };
     }
     if (selectedStartDay &&
@@ -211,7 +213,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         hoveredDay &&
-        (0, date_fns_1.isEqual)(day, selectedStartDay) &&
+        isEqual(day, selectedStartDay) &&
         hoveredDay > selectedStartDay) {
         return {
             borderBottomLeftRadius: '0.375rem',
@@ -234,14 +236,14 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         hoveredDay &&
-        (0, date_fns_1.isEqual)(day, hoveredDay) &&
-        !(0, date_fns_1.isEqual)(day, selectedStartDay)) {
+        isEqual(day, hoveredDay) &&
+        !isEqual(day, selectedStartDay)) {
         return {
             borderBottomRightRadius: '0.375rem',
             borderTopRightRadius: '0.375rem',
         };
     }
-    if (selectedStartDay && selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
+    if (selectedStartDay && selectedEndDay && isEqual(day, selectedEndDay)) {
         return {
             borderBottomRightRadius: '0.375rem',
             borderTopRightRadius: '0.375rem',
@@ -254,7 +256,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     }
     return { borderRadius: '0.375rem' };
 };
-const displaySelected = (selectedStartDay, selectedEndDay) => {
+export const displaySelected = (selectedStartDay, selectedEndDay) => {
     if (!selectedStartDay && !selectedEndDay) {
         return '';
     }
@@ -267,7 +269,7 @@ const displaySelected = (selectedStartDay, selectedEndDay) => {
         return selectedStartDay.toLocaleDateString('en-US', options);
     }
     else if (selectedStartDay && selectedEndDay) {
-        if ((0, date_fns_1.isEqual)(selectedStartDay, selectedEndDay)) {
+        if (isEqual(selectedStartDay, selectedEndDay)) {
             const options = {
                 year: 'numeric',
                 month: 'short',
@@ -295,13 +297,12 @@ const displaySelected = (selectedStartDay, selectedEndDay) => {
         }
     }
 };
-exports.displaySelected = displaySelected;
 const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, hoveredDay, isDayDisabled = false) => {
     const styles = {
         background: 'transparent',
     };
     if (!isDayDisabled) {
-        if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
+        if (selectedStartDay && isEqual(day, selectedStartDay)) {
             styles.background = theme?.primaryTextColor || '#6269E9';
         }
         if (selectedStartDay &&
@@ -310,10 +311,10 @@ const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, ho
             day > selectedStartDay &&
             day < hoveredDay) {
             styles.background =
-                (0, BarList_1.hexToRgbaWith10PercentAlpha)(theme?.primaryTextColor) ||
-                    (0, BarList_1.hexToRgbaWith10PercentAlpha)('#6269E9');
+                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
+                    hexToRgbaWith10PercentAlpha('#6269E9');
         }
-        if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
+        if (selectedEndDay && isEqual(day, selectedEndDay)) {
             styles.background = theme?.primaryTextColor || '#6269E9';
         }
         if (selectedStartDay &&
@@ -321,8 +322,8 @@ const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, ho
             day > selectedStartDay &&
             day < selectedEndDay) {
             styles.background =
-                (0, BarList_1.hexToRgbaWith10PercentAlpha)(theme?.primaryTextColor) ||
-                    (0, BarList_1.hexToRgbaWith10PercentAlpha)('#6269E9');
+                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
+                    hexToRgbaWith10PercentAlpha('#6269E9');
         }
     }
     return styles;
@@ -332,9 +333,9 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
         color: theme?.primaryTextColor || '#364153',
     };
     if (!isDayDisabled) {
-        if ((0, date_fns_1.isToday)(day)) {
-            if ((selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) ||
-                (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay))) {
+        if (isToday(day)) {
+            if ((selectedStartDay && isEqual(day, selectedStartDay)) ||
+                (selectedEndDay && isEqual(day, selectedEndDay))) {
                 styles.color = 'white';
             }
             else {
@@ -342,7 +343,7 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
             }
         }
         else {
-            if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
+            if (selectedStartDay && isEqual(day, selectedStartDay)) {
                 styles.color = 'white';
             }
             if (selectedStartDay &&
@@ -352,7 +353,7 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
                 day < hoveredDay) {
                 styles.color = theme?.primaryTextColor || '#364153';
             }
-            if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
+            if (selectedEndDay && isEqual(day, selectedEndDay)) {
                 styles.color = 'white';
             }
             if (selectedStartDay &&
@@ -370,16 +371,16 @@ const getDayHoverBgColorClassName = (day, selectedStartDay, selectedEndDay, isDa
         background: 'transparent',
     };
     if (!isDayDisabled) {
-        if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
+        if (selectedStartDay && isEqual(day, selectedStartDay)) {
             styles.background = '';
         }
-        if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
+        if (selectedEndDay && isEqual(day, selectedEndDay)) {
             styles.background = '';
         }
     }
     return styles;
 };
-const formatSelectedDates = (startDate, endDate, locale) => {
+export const formatSelectedDates = (startDate, endDate, locale) => {
     const localeCode = locale?.code || 'en-US';
     if (!startDate && !endDate) {
         return '';
@@ -393,7 +394,7 @@ const formatSelectedDates = (startDate, endDate, locale) => {
         return startDate.toLocaleDateString(localeCode, options);
     }
     else if (startDate && endDate) {
-        if ((0, date_fns_1.isEqual)(startDate, endDate)) {
+        if (isEqual(startDate, endDate)) {
             const options = {
                 year: 'numeric',
                 month: 'short',
@@ -422,7 +423,6 @@ const formatSelectedDates = (startDate, endDate, locale) => {
     }
     return '';
 };
-exports.formatSelectedDates = formatSelectedDates;
 /** This is the current dateFilter Object, I think we can pare it down */
 // const dateFilter = {
 //   date_range: {

package/dist/DateRangePicker/index.js

@@ -1,9 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
 // @ts-nocheck
-var DateRangePicker_1 = require("./DateRangePicker");
-Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });
+export { default as DateRangePicker } from './DateRangePicker';