@quillsql/admin 1.7.0 → 1.7.2

package/dist/cjs/components/InternalDashboard/DateRangePicker/dateRangePickerUtils.js

@@ -1,534 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSelectedDates = exports.displaySelected = exports.getDateStyles = exports.getRangeFromPresetOptions = exports.getRangeFromPreset = exports.reportBuilderOptions = exports.defaultOptions = exports.defaultOptionsV2 = exports.COMPARISON_RANGE = exports.COMPARISON_OPTIONS = exports.PRIMARY_CODES = 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 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 }));
-};
-exports.getWeekdays = getWeekdays;
-const capitalize = (s, locale) => {
-    return s.charAt(0).toLocaleUpperCase(locale.code) + s.substring(1);
-};
-exports.capitalize = capitalize;
-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;
-};
-exports.getStartDateByDropdownValue = getStartDateByDropdownValue;
-const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
-    if (!dropdownOptions) {
-        return (0, date_fns_1.startOfToday)();
-    }
-    return (0, date_fns_1.startOfDay)(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? (0, date_fns_1.startOfToday)());
-};
-exports.getEndDateByDropdownValue = getEndDateByDropdownValue;
-const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
-    if (selectedDropdownValue) {
-        startDate = (0, exports.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]));
-};
-exports.parseStartDate = parseStartDate;
-const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
-    if (selectedDropdownValue) {
-        endDate = (0, exports.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]));
-};
-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: { startDate: (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfToday)()), endDate: (0, date_fns_1.endOfToday)() },
-    THIS_MONTH: {
-        startDate: (0, date_fns_1.startOfMonth)((0, date_fns_1.startOfToday)()),
-        endDate: (0, date_fns_1.endOfToday)(),
-    },
-    THIS_YEAR: { startDate: (0, date_fns_1.startOfYear)((0, date_fns_1.startOfToday)()), endDate: (0, date_fns_1.endOfToday)() },
-    LAST_7_DAYS: {
-        startDate: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 7 }),
-        endDate: (0, date_fns_1.endOfToday)(),
-    },
-    LAST_30_DAYS: {
-        startDate: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 30 }),
-        endDate: (0, date_fns_1.endOfToday)(),
-    },
-    LAST_90_DAYS: {
-        startDate: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 90 }),
-        endDate: (0, date_fns_1.endOfToday)(),
-    },
-    LAST_6_MONTHS: {
-        startDate: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { months: 6 }),
-        endDate: (0, date_fns_1.endOfToday)(),
-    },
-    ALL_TIME: { startDate: undefined, endDate: undefined },
-};
-/**
- * Maps between the keys of primary range and the short code.
- */
-exports.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',
-};
-exports.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.
- */
-exports.COMPARISON_RANGE = {
-    PREV_PERIOD: ({ startDate, endDate }) => ({
-        startDate: (0, date_fns_1.sub)(startDate, { days: (0, date_fns_1.differenceInDays)(endDate, startDate) }),
-        endDate: startDate,
-    }),
-    PREV_7_DAYS: ({ startDate }) => ({
-        startDate: (0, date_fns_1.sub)(startDate, { days: 7 }),
-        endDate: startDate,
-    }),
-    PREV_30_DAYS: ({ startDate }) => ({
-        startDate: (0, date_fns_1.sub)(startDate, { days: 30 }),
-        endDate: startDate,
-    }),
-    PREV_90_DAYS: ({ startDate }) => ({
-        startDate: (0, date_fns_1.sub)(startDate, { days: 90 }),
-        endDate: startDate,
-    }),
-    NO_COMPARISON: () => null,
-};
-exports.defaultOptionsV2 = [
-    {
-        value: 'THIS_WEEK',
-        label: 'This week',
-        startDate: exports.PRIMARY_RANGE['THIS_WEEK']?.startDate,
-        endDate: exports.PRIMARY_RANGE['THIS_WEEK']?.endDate,
-    },
-    {
-        value: 'THIS_MONTH',
-        label: 'This month',
-        startDate: exports.PRIMARY_RANGE['THIS_MONTH']?.startDate,
-        endDate: exports.PRIMARY_RANGE['THIS_MONTH']?.endDate,
-    },
-    {
-        value: 'THIS_YEAR',
-        label: 'This year',
-        startDate: exports.PRIMARY_RANGE['THIS_YEAR']?.startDate,
-        endDate: exports.PRIMARY_RANGE['THIS_YEAR']?.endDate,
-    },
-    {
-        value: 'LAST_7_DAYS',
-        label: 'Last 7 days',
-        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.startDate,
-        endDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.endDate,
-    },
-    {
-        value: 'LAST_30_DAYS',
-        label: 'Last 30 days',
-        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.startDate,
-        endDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.endDate,
-    },
-    {
-        value: 'LAST_90_DAYS',
-        label: 'Last 90 days',
-        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.startDate,
-        endDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.endDate,
-    },
-    {
-        value: 'LAST_6_MONTHS',
-        label: 'Last 6 months',
-        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.startDate,
-        endDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.endDate,
-    },
-    {
-        value: 'ALL_TIME',
-        label: 'All time',
-        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.startDate,
-        endDate: exports.PRIMARY_RANGE['ALL_TIME']?.endDate,
-    },
-];
-exports.defaultOptions = [
-    {
-        value: 'wk',
-        text: 'This week',
-        startDate: exports.PRIMARY_RANGE['THIS_WEEK']?.startDate,
-    },
-    {
-        value: 'm',
-        text: 'This month',
-        startDate: exports.PRIMARY_RANGE['THIS_MONTH']?.startDate,
-    },
-    {
-        value: 'y',
-        text: 'This year',
-        startDate: exports.PRIMARY_RANGE['THIS_YEAR']?.startDate,
-    },
-    {
-        value: 'w',
-        text: 'Last 7 days',
-        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.startDate,
-    },
-    {
-        value: 't',
-        text: 'Last 30 days',
-        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.startDate,
-    },
-    {
-        value: '90d',
-        text: 'Last 90 days',
-        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.startDate,
-    },
-    {
-        value: '6m',
-        text: 'Last 6 months',
-        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.startDate,
-    },
-    {
-        value: 'at',
-        text: 'All time',
-        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.startDate,
-    },
-];
-exports.reportBuilderOptions = [
-    {
-        value: 'w',
-        text: 'Last 7 days',
-        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.startDate,
-        dayInterval: 7,
-    },
-    {
-        value: 't',
-        text: 'Last 30 days',
-        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.startDate,
-        dayInterval: 30,
-    },
-    {
-        value: '90d',
-        text: 'Last 90 days',
-        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.startDate,
-        dayInterval: 90,
-    },
-    {
-        value: '6m',
-        text: 'Last 6 months',
-        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.startDate,
-        dayInterval: 180,
-    },
-    {
-        value: 'at',
-        text: 'All time',
-        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.startDate,
-        dayInterval: 36500,
-    },
-];
-const getRangeFromPreset = (preset) => {
-    const foundPreset = exports.defaultOptions.find((elem) => elem.value === preset);
-    return [
-        foundPreset?.startDate || null,
-        (0, date_fns_1.endOfToday)(),
-        foundPreset?.value || '',
-    ];
-};
-exports.getRangeFromPreset = getRangeFromPreset;
-const getRangeFromPresetOptions = (preset, presetOptions) => {
-    const foundPreset = presetOptions.find((elem) => elem.value === preset);
-    if (foundPreset) {
-        return { startDate: foundPreset?.startDate, endDate: foundPreset?.endDate };
-    }
-    else {
-        return { startDate: null, endDate: null };
-    }
-};
-exports.getRangeFromPresetOptions = getRangeFromPresetOptions;
-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),
-    };
-};
-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)) {
-        return { borderRadius: '0.375rem' };
-    }
-    if (selectedStartDay && selectedEndDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
-        return {
-            borderBottomLeftRadius: '0.375rem',
-            borderTopLeftRadius: '0.375rem',
-        };
-    }
-    if (selectedStartDay &&
-        !selectedEndDay &&
-        !hoveredDay &&
-        (0, date_fns_1.isEqual)(day, selectedStartDay)) {
-        return { borderRadius: '0.375rem' };
-    }
-    if (selectedStartDay &&
-        !selectedEndDay &&
-        hoveredDay &&
-        day < selectedStartDay) {
-        return { borderRadius: '0.375rem' };
-    }
-    if (selectedStartDay &&
-        !selectedEndDay &&
-        hoveredDay &&
-        (0, date_fns_1.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 &&
-        (0, date_fns_1.isEqual)(day, hoveredDay) &&
-        !(0, date_fns_1.isEqual)(day, selectedStartDay)) {
-        return {
-            borderBottomRightRadius: '0.375rem',
-            borderTopRightRadius: '0.375rem',
-        };
-    }
-    if (selectedStartDay && selectedEndDay && (0, date_fns_1.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' };
-};
-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 ((0, date_fns_1.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)}`;
-        }
-    }
-};
-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)) {
-            styles.background = theme?.primaryTextColor || '#6269E9';
-        }
-        if (selectedStartDay &&
-            !selectedEndDay &&
-            hoveredDay &&
-            day > selectedStartDay &&
-            day < hoveredDay) {
-            styles.background =
-                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
-                    hexToRgbaWith10PercentAlpha('#6269E9');
-        }
-        if (selectedEndDay && (0, date_fns_1.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 ((0, date_fns_1.isToday)(day)) {
-            if ((selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) ||
-                (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay))) {
-                styles.color = 'white';
-            }
-            else {
-                styles.color = theme?.primaryTextColor || '#364153';
-            }
-        }
-        else {
-            if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
-                styles.color = 'white';
-            }
-            if (selectedStartDay &&
-                !selectedEndDay &&
-                hoveredDay &&
-                day > selectedStartDay &&
-                day < hoveredDay) {
-                styles.color = theme?.primaryTextColor || '#364153';
-            }
-            if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
-                styles.color = 'white';
-            }
-            if (selectedStartDay &&
-                selectedEndDay &&
-                day > selectedStartDay &&
-                day < selectedEndDay) {
-                styles.color = theme?.primaryTextColor || '#364153';
-            }
-        }
-    }
-    return styles;
-};
-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 ((0, date_fns_1.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 '';
-};
-exports.formatSelectedDates = formatSelectedDates;
-function hexToRgbaWith10PercentAlpha(hex) {
-    // Convert the hex color to RGB
-    const r = parseInt(hex.slice(1, 3), 16);
-    const g = parseInt(hex.slice(3, 5), 16);
-    const b = parseInt(hex.slice(5, 7), 16);
-    // Set the alpha value to 10%
-    const alpha = 0.1;
-    // Return the color as an rgba string
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}

package/dist/cjs/components/InternalDashboard/InternalDashboard.d.ts

@@ -1,17 +0,0 @@
-import { CSSProperties } from 'react';
-import { InternalFilter, QuillReport } from '@quillsql/react';
-export declare const InternalDashboard: ({ name, hidden, onClickReport, onChangeLoading, filters, containerStyle, parentLoading, onManageDashboard, }: {
-    name: string;
-    hidden?: boolean;
-    onClickReport?: (report: QuillReport) => void;
-    hoverActions?: (report: QuillReport) => JSX.Element;
-    onChangeLoading?: (loading: boolean) => void;
-    filters?: any[];
-    onUserFiltersUpdated?: (filters: InternalFilter[]) => void;
-    onClickChartElement?: (data: any) => void;
-    dateBucket?: string;
-    containerStyle?: CSSProperties;
-    parentLoading: boolean;
-    onManageDashboard: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InternalDashboard.d.ts.map

package/dist/cjs/components/InternalDashboard/InternalDashboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/InternalDashboard/InternalDashboard.tsx"],"names":[],"mappings":"AA4BA,OAAO,EACL,aAAa,EAOd,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,cAAc,EACd,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AA+EzB,eAAO,MAAM,iBAAiB,GAAI,8GAa/B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC3D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,4CAsmEA,CAAC"}