@quillsql/react 2.10.31 → 2.10.33

package/dist/esm/DateRangePicker/dateRangePickerUtils.js

@@ -0,0 +1,535 @@
+import { addDays, differenceInDays, endOfToday, 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 }));
+};
+export const capitalize = (s, locale) => {
+    return s.charAt(0).toLocaleUpperCase(locale.code) + s.substring(1);
+};
+export const getStartDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+    if (!dropdownOptions) {
+        return null;
+    }
+    const startDate = dropdownOptions.find((option) => option.value === dropdownValue)?.startDate ?? null;
+    return startDate ? startOfDay(startDate) : null;
+};
+export const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+    if (!dropdownOptions) {
+        return startOfToday();
+    }
+    return startOfDay(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? startOfToday());
+};
+export const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
+    if (selectedDropdownValue) {
+        startDate = getStartDateByDropdownValue(selectedDropdownValue, dropdownOptions);
+    }
+    if (!startDate)
+        return null;
+    if (startDate && !minDate)
+        return startOfDay(startDate);
+    return startOfDay(max([startDate, minDate]));
+};
+export const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
+    if (selectedDropdownValue) {
+        endDate = getEndDateByDropdownValue(selectedDropdownValue, dropdownOptions);
+    }
+    if (!endDate)
+        return null;
+    if (endDate && !maxDate)
+        return startOfDay(endDate);
+    return startOfDay(min([endDate, maxDate]));
+};
+/**
+ * A simple map between the primary range key and the QuillDateRange for that
+ * key ending on today.
+ */
+export const PRIMARY_RANGE = {
+    THIS_WEEK: { start: startOfWeek(startOfToday()), end: endOfToday() },
+    THIS_MONTH: { start: startOfMonth(startOfToday()), end: endOfToday() },
+    THIS_YEAR: { start: startOfYear(startOfToday()), end: endOfToday() },
+    LAST_7_DAYS: { start: sub(startOfToday(), { days: 7 }), end: endOfToday() },
+    LAST_30_DAYS: { start: sub(startOfToday(), { days: 30 }), end: endOfToday() },
+    LAST_90_DAYS: { start: sub(startOfToday(), { days: 90 }), end: endOfToday() },
+    LAST_6_MONTHS: {
+        start: sub(startOfToday(), { months: 6 }),
+        end: endOfToday(),
+    },
+    ALL_TIME: { start: undefined, end: undefined },
+};
+/**
+ * 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',
+};
+export const COMPARISON_OPTIONS = [
+    {
+        value: 'PREV_PERIOD',
+        text: 'Previous Period',
+    },
+    {
+        value: 'PREV_7_DAYS',
+        text: 'Previous 7 days',
+    },
+    {
+        value: 'PREV_30_DAYS',
+        text: 'Previous 30 days',
+    },
+    {
+        value: 'PREV_90_DAYS',
+        text: 'Previous 90 days',
+    },
+    {
+        value: 'NO_COMPARISON',
+        text: 'No comparison',
+    },
+];
+/**
+ * A helpful map between comparison range keys and a function that takes the
+ * start date of the primary range (which is also the end date for our
+ * comparison range) and returns a QuillDateRange based on that key and date.
+ */
+export const COMPARISON_RANGE = {
+    PREV_PERIOD: ({ start, end }) => ({
+        start: sub(start, { days: differenceInDays(end, start) }),
+        end: start,
+    }),
+    PREV_7_DAYS: ({ start }) => ({
+        start: sub(start, { days: 7 }),
+        end: start,
+    }),
+    PREV_30_DAYS: ({ start }) => ({
+        start: sub(start, { days: 30 }),
+        end: start,
+    }),
+    PREV_90_DAYS: ({ start }) => ({
+        start: sub(start, { days: 90 }),
+        end: start,
+    }),
+    NO_COMPARISON: (_) => null,
+};
+export const defaultOptionsV2 = [
+    {
+        value: 'THIS_WEEK',
+        label: 'This week',
+        startDate: PRIMARY_RANGE['THIS_WEEK']?.start,
+        endDate: PRIMARY_RANGE['THIS_WEEK']?.end,
+    },
+    {
+        value: 'THIS_MONTH',
+        label: 'This month',
+        startDate: PRIMARY_RANGE['THIS_MONTH']?.start,
+        endDate: PRIMARY_RANGE['THIS_MONTH']?.end,
+    },
+    {
+        value: 'THIS_YEAR',
+        label: 'This year',
+        startDate: PRIMARY_RANGE['THIS_YEAR']?.start,
+        endDate: PRIMARY_RANGE['THIS_YEAR']?.end,
+    },
+    {
+        value: 'LAST_7_DAYS',
+        label: 'Last 7 days',
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_7_DAYS']?.end,
+    },
+    {
+        value: 'LAST_30_DAYS',
+        label: 'Last 30 days',
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_30_DAYS']?.end,
+    },
+    {
+        value: 'LAST_90_DAYS',
+        label: 'Last 90 days',
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        endDate: PRIMARY_RANGE['LAST_90_DAYS']?.end,
+    },
+    {
+        value: 'LAST_6_MONTHS',
+        label: 'Last 6 months',
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        endDate: PRIMARY_RANGE['LAST_6_MONTHS']?.end,
+    },
+    {
+        value: 'ALL_TIME',
+        label: 'All time',
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+        endDate: PRIMARY_RANGE['ALL_TIME']?.end,
+    },
+];
+export const defaultOptions = [
+    {
+        value: 'wk',
+        text: 'This week',
+        startDate: PRIMARY_RANGE['THIS_WEEK']?.start,
+    },
+    {
+        value: 'm',
+        text: 'This month',
+        startDate: PRIMARY_RANGE['THIS_MONTH']?.start,
+    },
+    {
+        value: 'y',
+        text: 'This year',
+        startDate: PRIMARY_RANGE['THIS_YEAR']?.start,
+    },
+    {
+        value: 'w',
+        text: 'Last 7 days',
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+    },
+    {
+        value: 't',
+        text: 'Last 30 days',
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+    },
+    {
+        value: '90d',
+        text: 'Last 90 days',
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+    },
+    {
+        value: '6m',
+        text: 'Last 6 months',
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+    },
+    {
+        value: 'at',
+        text: 'All time',
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+    },
+];
+export const reportBuilderOptions = [
+    {
+        value: 'w',
+        text: 'Last 7 days',
+        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        dayInterval: 7,
+    },
+    {
+        value: 't',
+        text: 'Last 30 days',
+        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        dayInterval: 30,
+    },
+    {
+        value: '90d',
+        text: 'Last 90 days',
+        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        dayInterval: 90,
+    },
+    {
+        value: '6m',
+        text: 'Last 6 months',
+        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        dayInterval: 180,
+    },
+    {
+        value: 'at',
+        text: 'All time',
+        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+        dayInterval: 36500,
+    },
+];
+export const getRangeFromPreset = (preset) => {
+    const foundPreset = defaultOptions.find((elem) => elem.value === preset);
+    return [
+        foundPreset?.startDate || null,
+        endOfToday(),
+        foundPreset?.value || '',
+    ];
+};
+export const getRangeFromPresetOptions = (preset, presetOptions) => {
+    const foundPreset = presetOptions.find((elem) => elem.label === preset);
+    if (foundPreset) {
+        return { start: foundPreset?.startDate, end: foundPreset?.endDate };
+    }
+    else {
+        return { start: null, end: null };
+    }
+};
+export const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
+    return {
+        ...getDayTextClassNames(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
+        // ...getDayHoverBgColorClassName(
+        //   date,
+        //   finalStartDate,
+        //   finalEndDate,
+        //   isDateDisabled
+        // ),
+        ...getDayRoundedClassName(date, finalStartDate, finalEndDate, hoveredDate),
+        ...getDayBgColorClassName(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
+    };
+};
+const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDay) => {
+    if (!selectedStartDay && !selectedEndDay) {
+        return { borderRadius: '0.375rem' };
+    }
+    if (selectedStartDay &&
+        selectedEndDay &&
+        isEqual(day, selectedStartDay) &&
+        isEqual(day, selectedEndDay)) {
+        return { borderRadius: '0.375rem' };
+    }
+    if (selectedStartDay && selectedEndDay && isEqual(day, selectedStartDay)) {
+        return {
+            borderBottomLeftRadius: '0.375rem',
+            borderTopLeftRadius: '0.375rem',
+        };
+    }
+    if (selectedStartDay &&
+        !selectedEndDay &&
+        !hoveredDay &&
+        isEqual(day, selectedStartDay)) {
+        return { borderRadius: '0.375rem' };
+    }
+    if (selectedStartDay &&
+        !selectedEndDay &&
+        hoveredDay &&
+        day < selectedStartDay) {
+        return { borderRadius: '0.375rem' };
+    }
+    if (selectedStartDay &&
+        !selectedEndDay &&
+        hoveredDay &&
+        isEqual(day, selectedStartDay) &&
+        hoveredDay > selectedStartDay) {
+        return {
+            borderBottomLeftRadius: '0.375rem',
+            borderTopLeftRadius: '0.375rem',
+        };
+    }
+    if (selectedStartDay &&
+        !selectedEndDay &&
+        hoveredDay &&
+        day > selectedStartDay &&
+        day < hoveredDay) {
+        return { borderRadius: 0 };
+    }
+    if (selectedStartDay &&
+        selectedEndDay &&
+        day > selectedStartDay &&
+        day < selectedEndDay) {
+        return { borderRadius: 0 };
+    }
+    if (selectedStartDay &&
+        !selectedEndDay &&
+        hoveredDay &&
+        isEqual(day, hoveredDay) &&
+        !isEqual(day, selectedStartDay)) {
+        return {
+            borderBottomRightRadius: '0.375rem',
+            borderTopRightRadius: '0.375rem',
+        };
+    }
+    if (selectedStartDay && selectedEndDay && isEqual(day, selectedEndDay)) {
+        return {
+            borderBottomRightRadius: '0.375rem',
+            borderTopRightRadius: '0.375rem',
+        };
+    }
+    if (selectedStartDay &&
+        selectedEndDay &&
+        (day < selectedStartDay || day > selectedEndDay)) {
+        return { borderRadius: '0.375rem' };
+    }
+    return { borderRadius: '0.375rem' };
+};
+export const displaySelected = (selectedStartDay, selectedEndDay) => {
+    if (!selectedStartDay && !selectedEndDay) {
+        return '';
+    }
+    else if (selectedStartDay && !selectedEndDay) {
+        const options = {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        };
+        return selectedStartDay.toLocaleDateString('en-US', options);
+    }
+    else if (selectedStartDay && selectedEndDay) {
+        if (isEqual(selectedStartDay, selectedEndDay)) {
+            const options = {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+            };
+            return selectedStartDay.toLocaleDateString('en-US', options);
+        }
+        else if (selectedStartDay.getMonth() === selectedEndDay.getMonth() &&
+            selectedStartDay.getFullYear() === selectedEndDay.getFullYear()) {
+            const optionsStartDate = {
+                month: 'short',
+                day: 'numeric',
+            };
+            return `${selectedStartDay.toLocaleDateString('en-US', optionsStartDate)} - 
+                    ${selectedEndDay.getDate()}, ${selectedEndDay.getFullYear()}`;
+        }
+        else {
+            const options = {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+            };
+            return `${selectedStartDay.toLocaleDateString('en-US', options)} - 
+                    ${selectedEndDay.toLocaleDateString('en-US', options)}`;
+        }
+    }
+};
+const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, hoveredDay, isDayDisabled = false) => {
+    const styles = {
+        background: 'transparent',
+    };
+    if (!isDayDisabled) {
+        if (selectedStartDay && isEqual(day, selectedStartDay)) {
+            styles.background = theme?.primaryTextColor || '#6269E9';
+        }
+        if (selectedStartDay &&
+            !selectedEndDay &&
+            hoveredDay &&
+            day > selectedStartDay &&
+            day < hoveredDay) {
+            styles.background =
+                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
+                    hexToRgbaWith10PercentAlpha('#6269E9');
+        }
+        if (selectedEndDay && isEqual(day, selectedEndDay)) {
+            styles.background = theme?.primaryTextColor || '#6269E9';
+        }
+        if (selectedStartDay &&
+            selectedEndDay &&
+            day > selectedStartDay &&
+            day < selectedEndDay) {
+            styles.background =
+                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
+                    hexToRgbaWith10PercentAlpha('#6269E9');
+        }
+    }
+    return styles;
+};
+const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hoveredDay, isDayDisabled = false) => {
+    const styles = {
+        color: theme?.primaryTextColor || '#364153',
+    };
+    if (!isDayDisabled) {
+        if (isToday(day)) {
+            if ((selectedStartDay && isEqual(day, selectedStartDay)) ||
+                (selectedEndDay && isEqual(day, selectedEndDay))) {
+                styles.color = 'white';
+            }
+            else {
+                styles.color = theme?.primaryTextColor || '#364153';
+            }
+        }
+        else {
+            if (selectedStartDay && isEqual(day, selectedStartDay)) {
+                styles.color = 'white';
+            }
+            if (selectedStartDay &&
+                !selectedEndDay &&
+                hoveredDay &&
+                day > selectedStartDay &&
+                day < hoveredDay) {
+                styles.color = theme?.primaryTextColor || '#364153';
+            }
+            if (selectedEndDay && isEqual(day, selectedEndDay)) {
+                styles.color = 'white';
+            }
+            if (selectedStartDay &&
+                selectedEndDay &&
+                day > selectedStartDay &&
+                day < selectedEndDay) {
+                styles.color = theme?.primaryTextColor || '#364153';
+            }
+        }
+    }
+    return styles;
+};
+const getDayHoverBgColorClassName = (day, selectedStartDay, selectedEndDay, isDayDisabled = false) => {
+    const styles = {
+        background: 'transparent',
+    };
+    if (!isDayDisabled) {
+        if (selectedStartDay && isEqual(day, selectedStartDay)) {
+            styles.background = '';
+        }
+        if (selectedEndDay && isEqual(day, selectedEndDay)) {
+            styles.background = '';
+        }
+    }
+    return styles;
+};
+export const formatSelectedDates = (startDate, endDate, locale) => {
+    const localeCode = locale?.code || 'en-US';
+    if (!startDate && !endDate) {
+        return '';
+    }
+    else if (startDate && !endDate) {
+        const options = {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        };
+        return startDate.toLocaleDateString(localeCode, options);
+    }
+    else if (startDate && endDate) {
+        if (isEqual(startDate, endDate)) {
+            const options = {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+            };
+            return startDate.toLocaleDateString(localeCode, options);
+        }
+        else if (startDate.getMonth() === endDate.getMonth() &&
+            startDate.getFullYear() === endDate.getFullYear()) {
+            const optionsStartDate = {
+                month: 'short',
+                day: 'numeric',
+            };
+            return `${startDate.toLocaleDateString(localeCode, optionsStartDate)} - 
+                    ${endDate.getDate()}, ${endDate.getFullYear()}`;
+        }
+        else {
+            const options = {
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+            };
+            return `${startDate.toLocaleDateString(localeCode, options)} - 
+                    ${endDate.toLocaleDateString(localeCode, options)}`;
+        }
+    }
+    return '';
+};
+/** This is the current dateFilter Object, I think we can pare it down */
+// const dateFilter = {
+//   date_range: {
+//     startDate: '2023-10-07T07:00:00.000Z',
+//     endDate: '2024-01-06T00:59:47.746Z',
+//     filterType: 'date_range',
+//     selectedValue: [
+//       '2023-10-07T07:00:00.000Z',
+//       '2024-01-06T00:59:47.746Z',
+//       '90d',
+//     ],
+//     options: [ ... ],
+//     field: 'date_range',
+//     label: 'Date',
+//     comparison: true,
+//     comparisonRange: {
+//       startDate: '2023-07-09T07:00:00.000Z',
+//       endDate: '2023-10-07T07:00:00.000Z',
+//       value: 'PREV_PERIOD',
+//     },
+//   },
+// };

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

@@ -0,0 +1,3 @@
+export { default as DateRangePicker } from './DateRangePicker';
+export { DateRangePickerValue } from './DateRangePicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/DateRangePicker/index.js

@@ -0,0 +1,2 @@
+// @ts-nocheck
+export { default as DateRangePicker } from './DateRangePicker';

package/dist/esm/PieChart.d.ts

@@ -0,0 +1,59 @@
+import React, { CSSProperties } from 'react';
+export type ValueFormatter = {
+    (value: number): string;
+};
+declare const iconVariantValues: readonly ["simple", "light", "shadow", "solid", "outlined"];
+export type IconVariant = (typeof iconVariantValues)[number];
+export type HorizontalPosition = 'left' | 'right';
+export type VerticalPosition = 'top' | 'bottom';
+export type ButtonVariant = 'primary' | 'secondary' | 'light';
+declare const deltaTypeValues: readonly ["increase", "moderateIncrease", "decrease", "moderateDecrease", "unchanged"];
+export type DeltaType = (typeof deltaTypeValues)[number];
+declare const sizeValues: readonly ["xs", "sm", "md", "lg", "xl"];
+export type Size = (typeof sizeValues)[number];
+declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
+export type Color = (typeof colorValues)[number];
+declare const justifyContentValues: readonly ["start", "end", "center", "between", "around", "evenly"];
+export type JustifyContent = (typeof justifyContentValues)[number];
+declare const alignItemsValues: readonly ["start", "end", "center", "baseline", "stretch"];
+export type AlignItems = (typeof alignItemsValues)[number];
+export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
+export declare const defaultValueFormatter: ValueFormatter;
+export declare const sumNumericArray: (arr: number[]) => number;
+export declare const parseData: (data: any, colors: any, categoryKey: any, valueKey: any) => any;
+export declare const parseLabelInput: (labelInput: string | undefined, valueFormatter: ValueFormatter, data: any[], category: string) => string;
+export declare const ChartTooltipFrame: ({ children, theme, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface ChartTooltipRowProps {
+    value: string;
+    name: string;
+    color: Color;
+    theme: any;
+}
+export declare const ChartTooltipRow: ({ value, name, color, theme, }: ChartTooltipRowProps) => import("react/jsx-runtime").JSX.Element;
+export interface DonutChartTooltipProps {
+    active: boolean | undefined;
+    payload: any;
+    valueFormatter: ValueFormatter;
+    theme: any;
+}
+export declare const DonutChartTooltip: ({ active, payload, valueFormatter, theme, }: DonutChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+type DonutChartVariant = 'donut' | 'pie';
+export interface DonutChartProps extends React.HTMLAttributes<HTMLDivElement> {
+    category?: string;
+    index?: string;
+    colors?: any[];
+    data: any[];
+    variant?: DonutChartVariant;
+    valueFormatter?: ValueFormatter;
+    label?: string;
+    showLabel?: boolean;
+    showAnimation?: boolean;
+    showTooltip?: boolean;
+    containerStyle?: CSSProperties;
+}
+export declare function findComplementaryAndAnalogousColors(color1: any, color2: any): any[];
+declare const PieChartWrapper: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;
+export default PieChartWrapper;
+//# sourceMappingURL=PieChart.d.ts.map

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

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