@quillsql/admin 1.7.0 → 1.7.2

package/dist/esm/components/ClipboardButton.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-declare const ClipboardButton: ({ text, containerStyle, block, }: {
-    text: string;
-    containerStyle: CSSProperties;
-    block?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ClipboardButton;
-//# sourceMappingURL=ClipboardButton.d.ts.map

package/dist/esm/components/ClipboardButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClipboardButton.d.ts","sourceRoot":"","sources":["../../../src/components/ClipboardButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,QAAA,MAAM,eAAe,GAAI,kCAItB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAsHA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/components/ClipboardButton.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import CheckCircleIcon from '../icons/CheckCircleIcon';
-const ClipboardButton = ({ text, containerStyle, block, }) => {
-    const [copied, setCopied] = useState(false);
-    const [hover, setHover] = useState(false);
-    const hoverStyle = {
-        boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
-        border: '1px solid #e7e7e7',
-    };
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: block ? 'column' : 'row',
-            ...containerStyle,
-        }, children: [_jsx("div", { style: {
-                    width: block ? '90%' : 'auto',
-                    maxWidth: block ? '750px' : 'auto',
-                    marginLeft: block ? 'auto' : 0,
-                    marginRight: block ? 'auto' : 0,
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    padding: '6px 12px',
-                    borderRadius: 6,
-                    cursor: 'pointer',
-                    background: '#fff',
-                    border: '1px solid #e7e7e7',
-                    ...(hover && hoverStyle),
-                }, onClick: () => {
-                    navigator.clipboard.writeText(text);
-                    setCopied(true);
-                    setTimeout(() => setCopied(false), 1500);
-                }, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: _jsxs("div", { style: block
-                        ? {
-                            flexDirection: 'column',
-                        }
-                        : {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: '6px',
-                            cursor: 'pointer',
-                        }, children: [_jsx("h2", { style: {
-                                fontFamily: 'monospace',
-                                color: '#212121',
-                                marginBottom: '0px',
-                            }, children: text }), block && copied ? (_jsxs("div", { style: {
-                                fontSize: 13,
-                                fontWeight: 600,
-                                color: '#6e6e6e',
-                                display: 'flex',
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                gap: 6,
-                            }, children: [_jsx(CheckCircleIcon, { style: {
-                                        height: 16,
-                                        marginLeft: 'auto',
-                                    } }), ' ', _jsx("div", { children: "Copied to clipboard" })] })) : (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "#212121", width: block ? 20 : 18, height: block ? 20 : 18, style: { marginLeft: 'auto' }, children: [_jsx("path", { d: "M7 3.5A1.5 1.5 0 0 1 8.5 2h3.879a1.5 1.5 0 0 1 1.06.44l3.122 3.12A1.5 1.5 0 0 1 17 6.622V12.5a1.5 1.5 0 0 1-1.5 1.5h-1v-3.379a3 3 0 0 0-.879-2.121L10.5 5.379A3 3 0 0 0 8.379 4.5H7v-1Z" }), _jsx("path", { d: "M4.5 6A1.5 1.5 0 0 0 3 7.5v9A1.5 1.5 0 0 0 4.5 18h7a1.5 1.5 0 0 0 1.5-1.5v-5.879a1.5 1.5 0 0 0-.44-1.06L9.44 6.439A1.5 1.5 0 0 0 8.378 6H4.5Z" })] }))] }) }), copied && !block && (_jsxs("div", { style: {
-                    fontSize: 13,
-                    fontWeight: 600,
-                    color: '#6e6e6e',
-                    marginLeft: 4,
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                }, children: [_jsx(CheckCircleIcon, { style: { height: 16 } }), ' ', _jsx("div", { children: "Copied to clipboard" })] }))] }));
-};
-export default ClipboardButton;

package/dist/esm/components/DashboardSelectPopover.d.ts

@@ -1,14 +0,0 @@
-import { QuillTheme } from '@quillsql/react';
-interface DashboardSelectPopoverProps {
-    dashboards: string[];
-    setDashboard: (dashboard: string) => void;
-    dashboard: string | null;
-    theme: QuillTheme;
-    setSelectedEditDashboard: (dashboard: string) => void;
-    onClickNewDashboard: () => void;
-    parentRef: React.RefObject<HTMLDivElement>;
-    isLoading?: boolean;
-}
-export default function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, parentRef, isLoading, }: DashboardSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DashboardSelectPopover.d.ts.map

package/dist/esm/components/DashboardSelectPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI7C,UAAU,2BAA2B;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,EACnB,SAAS,EACT,SAAS,GACV,EAAE,2BAA2B,2CAsM7B"}

package/dist/esm/components/DashboardSelectPopover.js

@@ -1,117 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { ListboxRow, Popover } from './OrgSelect';
-import MiniButtonPrimitive from '../primitives/MiniButtonPrimitive';
-import { LoadingSpinner } from './UiComponents';
-import { ListboxTextInput } from './QuillMultiSelectWithCombo';
-import { useAdmin } from '../AdminProvider';
-export default function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, parentRef, isLoading, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const { eventTracking } = useAdmin();
-    const [searchQuery, setSearchQuery] = useState('');
-    const filteredDashboards = useMemo(() => {
-        return dashboards.filter((dashboard) => dashboard?.toLowerCase().includes(searchQuery.toLowerCase()));
-    }, [dashboards, searchQuery]);
-    const handleItemClick = (selectedDashboard) => {
-        eventTracking?.addBreadcrumb?.({
-            message: 'Set dashboard in DashboardSelectPopover',
-            data: {
-                dashboard: selectedDashboard,
-            },
-            category: 'navigation',
-            level: 'info',
-            timestamp: Date.now(),
-        });
-        setDashboard(selectedDashboard);
-        setIsOpen(false);
-    };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h1", { style: {
-                    fontSize: '14px',
-                    paddingTop: '0px',
-                    marginTop: '0px',
-                    marginBottom: '4px',
-                    fontWeight: '600',
-                    fontFamily: theme.fontFamily,
-                    color: theme.secondaryTextColor,
-                }, children: "Dashboard" }), _jsx(Popover, { parentRef: parentRef, label: dashboard ?? 'Select dashboard', isOpen: isOpen, onClose: () => setIsOpen(false), style: {
-                    boxSizing: 'border-box',
-                    fontSize: 14,
-                    maxHeight: '50vh',
-                }, setIsOpen: setIsOpen, onClick: () => { }, children: !isLoading ? (_jsxs(_Fragment, { children: [_jsx(ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, width: 180, onChange: setSearchQuery }), _jsx("div", { style: {
-                                height: 9,
-                                width: 230,
-                                borderTop: `1px solid ${theme?.borderColor ?? '#e7e7e7'}`,
-                            } }), _jsxs("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredDashboards.map((item) => (_jsx(ListboxRow, { setSelected: dashboard && dashboard !== item
-                                        ? () => handleItemClick(item)
-                                        : undefined, item: item, isSelected: dashboard === item, hoverActions: (item) => (_jsx(MiniButtonPrimitive, { label: "Manage", onClick: () => {
-                                            eventTracking?.addBreadcrumb?.({
-                                                message: 'Opened manage dashboard in DashboardSelectPopover',
-                                                data: {
-                                                    dashboard: item,
-                                                },
-                                                category: 'interaction',
-                                                level: 'info',
-                                                timestamp: Date.now(),
-                                            });
-                                            setSelectedEditDashboard(item);
-                                            setIsOpen(false);
-                                        }, style: {
-                                            marginRight: -8,
-                                            marginTop: 'auto',
-                                            marginBottom: 'auto',
-                                            fontFamily: theme.fontFamily,
-                                            color: theme.secondaryTextColor,
-                                            backgroundColor: theme.backgroundColor,
-                                        } })) }, item))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("div", { onClick: () => {
-                                            onClickNewDashboard();
-                                            eventTracking?.addBreadcrumb?.({
-                                                message: 'Opened create new dashboard in DashboardSelectPopover',
-                                                category: 'navigation',
-                                                level: 'info',
-                                                timestamp: Date.now(),
-                                            });
-                                        }, style: {
-                                            height: 42,
-                                            width: 216,
-                                            borderRadius: 6,
-                                            textAlign: 'left',
-                                            paddingLeft: 10,
-                                            paddingRight: 12,
-                                            display: 'flex',
-                                            flexDirection: 'row',
-                                            alignItems: 'center',
-                                            fontWeight: 500,
-                                            fontSize: 14,
-                                            textOverflow: 'ellipsis',
-                                            whiteSpace: 'nowrap',
-                                            overflow: 'hidden',
-                                            fontFamily: theme.fontFamily,
-                                        }, children: [_jsx("style", { children: `
-                    .quill-list-select > div {
-                      background-color: ${theme?.backgroundColor};
-                      color: ${theme?.primaryTextColor};
-                    }
-                    .quill-list-selected > div {
-                      background-color: ${theme?.hoverBackgroundColor};
-                      color: ${theme?.hoverTextColor};
-                    .quill-list-select:hover > div {
-                      background-color: ${theme?.hoverBackgroundColor};
-                      color: ${theme?.hoverTextColor};
-                    }` }), _jsxs("div", { style: {
-                                                    textOverflow: 'ellipsis',
-                                                    whiteSpace: 'nowrap',
-                                                    overflow: 'hidden',
-                                                    display: 'flex',
-                                                    flexDirection: 'row',
-                                                }, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "16", width: "16", style: {
-                                                            marginRight: 3,
-                                                            marginTop: 'auto',
-                                                            marginBottom: 'auto',
-                                                        }, children: _jsx("path", { d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }) }), "New dashboard"] })] }) })] })] })) : (_jsx("div", { style: {
-                        paddingTop: 8,
-                        paddingBottom: 8,
-                        width: 230,
-                        display: 'flex',
-                        justifyContent: 'center',
-                    }, children: _jsx(LoadingSpinner, {}) })) })] }));
-}

package/dist/esm/components/DatabaseMismatchCard.d.ts

@@ -1,6 +0,0 @@
-export default function DatabaseMismatchCard({ environmentName, environmentDatabaseType, backendDatabaseType, }: {
-    environmentName: string;
-    environmentDatabaseType: string;
-    backendDatabaseType: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DatabaseMismatchCard.d.ts.map

package/dist/esm/components/DatabaseMismatchCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatabaseMismatchCard.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseMismatchCard.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,eAAe,EACf,uBAAuB,EACvB,mBAAmB,GACpB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;CAC7B,2CAmDA"}

package/dist/esm/components/DatabaseMismatchCard.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DatabaseMismatchCard({ environmentName, environmentDatabaseType, backendDatabaseType, }) {
-    return (_jsx("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            width: '100%',
-            marginTop: 80,
-        }, children: _jsxs("div", { style: {
-                borderRadius: 10,
-                width: 500,
-                border: '1px solid #e7e7e7',
-                padding: 20,
-            }, children: [_jsx("h1", { style: { fontSize: 20, fontWeight: 'bolder' }, children: "Invalid Database Type Connected to Quill Server SDK" }), _jsx("br", {}), _jsxs("p", { children: ["The selected environment ", _jsx("strong", { children: environmentName }), " is running on ", _jsx("strong", { children: environmentDatabaseType }), ", but the", ' ', _jsx("strong", { children: "queryEndpoint " }), "prop passed into ", _jsx("strong", { children: '<AdminProvider />' }), " is connecting to", _jsxs("strong", { children: [" ", backendDatabaseType, "."] }), _jsx("br", {}), _jsx("br", {}), "If you intend to use a different environment that uses", ' ', _jsx("strong", { children: backendDatabaseType }), ", switch to that environment in the ", _jsx("strong", { children: "Environment" }), " dropdown.", _jsx("br", {}), _jsx("br", {}), "If you intend to connect to a different endpoint with a different datasource, you can do so by passing the", ' ', _jsx("strong", { children: "queryEndpoint" }), " prop into", ' ', _jsx("strong", { children: '<AdminProvider />' }), " with the correct endpoint.", _jsx("br", {}), _jsx("br", {}), "If you intend to connect to a different datasource and continue to use the same endpoint, you can do so by passing the credentials of the datasource into the ", _jsx("strong", { children: "databaseCredentials" }), " object in the instantiation of the ", _jsx("strong", { children: "Quill Server SDK" }), "."] })] }) }));
-}

package/dist/esm/components/DatabaseSelector.d.ts

@@ -1,14 +0,0 @@
-import { CSSProperties } from 'react';
-import { QuillTheme } from '../Admin';
-interface DatabaseSelectorProps {
-    label: string;
-    imageUrl: string;
-    value: string;
-    onDatabaseSelect: (database: string) => void;
-    containerStyle?: CSSProperties;
-    databaseType: string;
-    theme: QuillTheme;
-}
-export default function DatabaseSelector({ label, imageUrl, value, onDatabaseSelect, containerStyle, databaseType, theme, }: DatabaseSelectorProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DatabaseSelector.d.ts.map

package/dist/esm/components/DatabaseSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,YAAiB,EACjB,KAAK,GACN,EAAE,qBAAqB,2CA8CvB"}

package/dist/esm/components/DatabaseSelector.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DatabaseSelector({ label, imageUrl, value, onDatabaseSelect, containerStyle, databaseType = '', theme, }) {
-    return (_jsxs("div", { style: {
-            ...containerStyle,
-            height: 128,
-            width: 128,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center',
-            border: `${databaseType === value ? '2px' : '1px'} solid ${databaseType === value ? '#000000' : '#e0e0e0'}`,
-            borderRadius: 6,
-            padding: 12,
-            cursor: 'pointer',
-            userSelect: 'none',
-        }, id: "connect-database-form", onClick: () => {
-            onDatabaseSelect(value);
-        }, children: [_jsx("img", { src: imageUrl, alt: label, style: {
-                    height: 72,
-                    width: 72,
-                    minHeight: 72,
-                    minWidth: 72,
-                    objectFit: 'contain',
-                } }), _jsx("h1", { style: {
-                    fontSize: 14,
-                    fontWeight: '500',
-                    color: theme?.secondaryTextColor,
-                    fontFamily: theme?.fontFamily,
-                    marginTop: 10,
-                }, children: label })] }));
-}

package/dist/esm/components/DateRangePicker/SingleDatePicker.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface CalendarPickerProps {
-    selectedDate?: Date;
-    onChangeDate: (date: Date | undefined) => void;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    ignoreYear?: boolean;
-}
-export declare function SingleDatePicker({ selectedDate, onChangeDate, disabled, style, ignoreYear, }: CalendarPickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SingleDatePicker.d.ts.map

package/dist/esm/components/DateRangePicker/SingleDatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgB3D,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAiB,GAClB,EAAE,mBAAmB,2CAqXrB"}

package/dist/esm/components/DateRangePicker/SingleDatePicker.js

@@ -1,251 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from 'react';
-import { startOfMonth, endOfMonth, format, eachDayOfInterval, addMonths, subMonths, } from 'date-fns';
-import { createPortal } from 'react-dom';
-import useOnClickOutside, { getEffectiveZIndex, } from '../../hooks/useOnClickOutside';
-import { useAdmin } from '../../AdminProvider';
-export function SingleDatePicker({ selectedDate, onChangeDate, disabled, style, ignoreYear = true, }) {
-    const { state } = useAdmin();
-    const { theme } = state;
-    const [currentMonth, setCurrentMonth] = useState(selectedDate || new Date());
-    const [showModal, setShowModal] = useState(false);
-    const [popoverPosition, setPopoverPosition] = useState(null);
-    const [z, setZ] = useState(10);
-    const modalRef = useRef(null);
-    const buttonRef = useRef(null);
-    // const scrollableParentRef = useRef<HTMLElement | Window>(document.body);
-    // Handle clicks outside the modal
-    useOnClickOutside(modalRef, (event) => {
-        if (!buttonRef.current?.contains(event.target))
-            setShowModal(false);
-    }, showModal);
-    // Update position based on button
-    const updatePosition = () => {
-        if (buttonRef.current) {
-            requestAnimationFrame(() => {
-                const rect = buttonRef.current?.getBoundingClientRect();
-                if (rect) {
-                    setPopoverPosition({
-                        top: rect.bottom + window.scrollY,
-                        left: rect.left + window.scrollX,
-                    });
-                }
-            });
-        }
-    };
-    // Setup position tracking when modal opens
-    useEffect(() => {
-        let resizeObserver;
-        let mutationObserver;
-        const handlePositionUpdate = () => {
-            if (showModal) {
-                updatePosition();
-            }
-        };
-        if (showModal && buttonRef.current) {
-            updatePosition();
-            setZ(getEffectiveZIndex(buttonRef.current));
-            // Observe size changes of button
-            resizeObserver = new ResizeObserver(handlePositionUpdate);
-            resizeObserver.observe(buttonRef.current);
-            // Observe DOM mutations that might affect position
-            mutationObserver = new MutationObserver(handlePositionUpdate);
-            mutationObserver.observe(document.body, {
-                attributes: true,
-                childList: true,
-                subtree: true,
-            });
-            // Track scrolling of the entire document
-            window.addEventListener('scroll', handlePositionUpdate, true);
-            // Handle window resize
-            window.addEventListener('resize', handlePositionUpdate, {
-                passive: true,
-            });
-            return () => {
-                resizeObserver.disconnect();
-                mutationObserver.disconnect();
-                window.removeEventListener('scroll', handlePositionUpdate, true);
-                window.removeEventListener('resize', handlePositionUpdate);
-            };
-        }
-    }, [showModal]);
-    const handleDateSelect = (date) => {
-        // If ignoreYear is false and the user clicks on the already selected date, deselect it
-        if (!ignoreYear &&
-            selectedDate &&
-            date.toDateString() === selectedDate.toDateString()) {
-            onChangeDate(undefined);
-        }
-        else {
-            onChangeDate(date);
-        }
-        setShowModal(false);
-    };
-    const daysInMonth = eachDayOfInterval({
-        start: startOfMonth(currentMonth),
-        end: endOfMonth(currentMonth),
-    });
-    const incrementMonth = () => {
-        const nextMonth = addMonths(currentMonth, 1);
-        if (ignoreYear &&
-            nextMonth.getFullYear() === currentMonth.getFullYear() &&
-            nextMonth.getMonth() === 0) {
-            return;
-        }
-        setCurrentMonth(nextMonth);
-    };
-    const decrementMonth = () => {
-        const prevMonth = subMonths(currentMonth, 1);
-        if (ignoreYear &&
-            prevMonth.getFullYear() === currentMonth.getFullYear() &&
-            prevMonth.getMonth() === 11) {
-            return;
-        }
-        setCurrentMonth(prevMonth);
-    };
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            width: 200,
-            minWidth: 200,
-            borderRadius: '6px',
-            ...style,
-        }, children: [_jsxs("button", { ref: buttonRef, style: {
-                    width: '100%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    borderColor: theme?.borderColor,
-                    fontFamily: theme?.fontFamily,
-                    padding: '8px 12px',
-                    fontSize: 14,
-                    margin: 0,
-                    boxSizing: 'border-box',
-                    borderWidth: 1,
-                    borderStyle: 'solid',
-                    borderRadius: 6,
-                    paddingTop: 11,
-                    paddingBottom: 11,
-                    height: 40,
-                    minHeight: 40,
-                    maxHeight: 40,
-                    gap: 10,
-                    opacity: disabled ? 0.5 : 1,
-                }, disabled: disabled, onClick: () => setShowModal((prevShowModal) => !prevShowModal), className: "quill-date-range-picker-button", children: [_jsx("style", { children: ` .quill-date-range-picker-button { background: ${theme?.backgroundColor}; color: ${theme?.primaryTextColor}; } 
-        .quill-date-range-picker-button:hover { background: ${theme?.hoverBackgroundColor}; color: ${theme?.hoverTextColor}; }` }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", height: "15.5px", width: "15.5px", style: { marginTop: -1.5 }, children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), _jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), _jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), _jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }), ignoreYear
-                        ? selectedDate
-                            ? `Start on ${format(selectedDate, 'MMM dd')}`
-                            : 'Select Date'
-                        : selectedDate
-                            ? `back to ${format(selectedDate, 'MMM dd, yyyy')}`
-                            : 'Select Cutoff Date'] }), showModal &&
-                createPortal(_jsxs("div", { ref: modalRef, "data-portal-ignore": "true", style: {
-                        position: 'absolute',
-                        top: `${popoverPosition?.top ?? 0}px`,
-                        left: `${popoverPosition?.left ?? 0}px`,
-                        visibility: popoverPosition ? 'visible' : 'hidden',
-                        zIndex: z,
-                        borderWidth: theme.borderWidth,
-                        borderColor: theme.borderColor,
-                        borderStyle: 'solid',
-                        borderRadius: 6,
-                        backgroundColor: '#fff',
-                        padding: 12,
-                        boxShadow: '0px 2px 6px #e7e7e7',
-                        // Allow the popover to size to its content
-                        width: 'auto',
-                        minWidth: 280,
-                    }, children: [_jsxs("div", { style: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                                position: 'relative',
-                            }, children: [_jsxs("button", { onClick: decrementMonth, style: {
-                                        height: 32,
-                                        width: 32,
-                                        borderWidth: theme.borderWidth,
-                                        borderColor: theme.borderColor,
-                                        fontFamily: theme.fontFamily,
-                                        borderStyle: 'solid',
-                                        borderRadius: 6,
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        visibility: ignoreYear && currentMonth.getMonth() === 0
-                                            ? 'hidden'
-                                            : 'visible',
-                                    }, className: "quill-calendar-button", children: [_jsx("style", { children: `
-                  .quill-calendar-button { 
-                    background-color: ${theme.backgroundColor}; 
-                  } 
-                  .quill-calendar-button:hover { 
-                    background-color: ${theme.hoverBackgroundColor}; 
-                  }
-                  .quill-calendar-button svg { 
-                    fill: ${theme.chartLabelColor}; 
-                  }
-                  .quill-calendar-button:hover svg { 
-                    fill: ${theme.hoverTextColor}; 
-                  }
-                ` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "24px", width: "24px", children: _jsx("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })] }), _jsx("div", { style: {
-                                        fontFamily: theme.fontFamily,
-                                        fontSize: 14,
-                                        color: theme.primaryTextColor,
-                                        fontWeight: 600,
-                                        position: 'absolute',
-                                        left: '50%',
-                                        transform: 'translateX(-50%)',
-                                        userSelect: 'none',
-                                    }, children: format(currentMonth, ignoreYear ? 'MMMM' : 'MMMM yyyy') }), _jsxs("button", { onClick: incrementMonth, style: {
-                                        height: 32,
-                                        width: 32,
-                                        borderWidth: theme.borderWidth,
-                                        borderColor: theme.borderColor,
-                                        borderStyle: 'solid',
-                                        borderRadius: 6,
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        visibility: ignoreYear && currentMonth.getMonth() === 11
-                                            ? 'hidden'
-                                            : 'visible',
-                                    }, className: "quill-calendar-button", children: [_jsx("style", { children: `
-                  .quill-calendar-button { 
-                    background-color: ${theme.backgroundColor}; 
-                  } 
-                  .quill-calendar-button:hover { 
-                    background-color: ${theme.hoverBackgroundColor}; 
-                  }
-                  .quill-calendar-button svg { 
-                    fill: ${theme.chartLabelColor}; 
-                  }
-                  .quill-calendar-button:hover svg { 
-                    fill: ${theme.hoverTextColor}; 
-                  }
-                ` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "24px", width: "24px", children: _jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })] })] }), _jsx("div", { style: {
-                                display: 'grid',
-                                gridTemplateColumns: 'repeat(7, 1fr)',
-                                marginTop: 8,
-                            }, children: daysInMonth.map((date) => (_jsx("button", { style: {
-                                    height: 36,
-                                    width: 36,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    fontFamily: theme.fontFamily,
-                                    fontSize: 14,
-                                    border: 'none',
-                                    color: selectedDate &&
-                                        date.toDateString() === selectedDate.toDateString()
-                                        ? 'white'
-                                        : theme.secondaryTextColor,
-                                    backgroundColor: selectedDate &&
-                                        date.toDateString() === selectedDate.toDateString()
-                                        ? theme.primaryTextColor
-                                        : theme.backgroundColor,
-                                    borderRadius: selectedDate &&
-                                        date.toDateString() === selectedDate.toDateString()
-                                        ? 6
-                                        : 0,
-                                }, onClick: () => handleDateSelect(date), children: format(date, 'd') }, date.toDateString()))) })] }), document.body)] }));
-}

package/dist/esm/components/DateRangePicker/YearlessDateRangePicker.d.ts

@@ -1,18 +0,0 @@
-export interface DateRangePickerComponentProps {
-    label?: string;
-    dateRange: {
-        startDate?: Date;
-        endDate?: Date;
-    };
-    onChangeDateRange: ({ startDate, endDate, }: {
-        startDate?: Date;
-        endDate?: Date;
-    }) => void;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-}
-/**
- * The fallback date range picked used in <Dashboard/>.
- */
-export declare function QuillYearlessDateRangePicker({ dateRange, onChangeDateRange, label, disabled, style, }: DateRangePickerComponentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=YearlessDateRangePicker.d.ts.map

package/dist/esm/components/DateRangePicker/YearlessDateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"YearlessDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/YearlessDateRangePicker.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE;QAAE,SAAS,CAAC,EAAE,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,IAAI,CAAA;KAAE,CAAC;IAChD,iBAAiB,EAAE,CAAC,EAClB,SAAS,EACT,OAAO,GACR,EAAE;QACD,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,IAAI,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,KAAK,GACN,EAAE,6BAA6B,2CAiI/B"}