@quillsql/admin 1.6.1 → 1.6.3

package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAKtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/components/Banner/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function Banner({ onExit }: any): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgElE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgElE"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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,qCAIlB;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

@@ -0,0 +1,69 @@
+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,11 +1,14 @@
+import { QuillTheme } from '@quillsql/react';
 interface DashboardSelectPopoverProps {
-    dashboards: any[];
-    setDashboard: (dashboard: any) => void;
-    dashboard: any;
-    theme: any;
+    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 DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, }: DashboardSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
+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 +1 @@
-{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,2BAA2B,2CAwO7B"}
+{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,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,2CA8J7B"}

package/dist/esm/components/DashboardSelectPopover.js

@@ -1,192 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import { ArrowDownHeadIcon } from '../icons';
-export default function DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, }) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { ListboxRow, ListboxTextInput, Popover } from './OrgSelect';
+import MiniButtonPrimitive from '../primitives/MiniButtonPrimitive';
+import { LoadingSpinner } from './UiComponents';
+export default function DashboardSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, parentRef, isLoading, }) {
     const [isOpen, setIsOpen] = useState(false);
-    const [hoveredItemId, setHoveredItemId] = useState(null);
-    const [isPromoteHovered, setIsPromoteHovered] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const filteredDashboards = useMemo(() => {
+        return dashboards.filter((dashboard) => dashboard?.toLowerCase().includes(searchQuery.toLowerCase()));
+    }, [dashboards, searchQuery]);
     const handleItemClick = (selectedDashboard) => {
         setDashboard(selectedDashboard);
         setIsOpen(false);
     };
-    const popoverRef = useRef(null);
-    const handleOutsideClick = (event) => {
-        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
-            setIsOpen(false);
-        }
-    };
-    useEffect(() => {
-        if (isOpen) {
-            document.addEventListener('mousedown', handleOutsideClick);
-        }
-        else {
-            document.removeEventListener('mousedown', handleOutsideClick);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleOutsideClick); // Cleanup
-        };
-    }, [isOpen]);
-    const dropdownStyles = {
-        position: 'relative',
-        display: 'inline-block',
-        fontFamily: theme?.fontFamily,
-        fontSize: 14,
-    };
-    const triggerButtonStyles = {
-        width: '100%',
-        minWidth: 230,
-        maxWidth: 230,
-        outline: 'none',
-        textAlign: 'left',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        borderRadius: 6,
-        WebkitAppearance: 'none',
-        paddingLeft: 12,
-        paddingRight: 12,
-        height: 38,
-        borderTop: '1px solid #e7e7e7',
-        borderLeft: '1px solid #e7e7e7',
-        borderRight: '1px solid #e7e7e7',
-        borderBottom: '1px solid #e7e7e7',
-        background: theme?.backgroundColor,
-        color: theme?.primaryTextColor,
-        fontFamily: theme?.fontFamily,
-        fontWeight: 500,
-        borderStyle: 'solid',
-    };
-    const dropdownContentStyles = {
-        display: isOpen ? 'flex' : 'none',
-        flexDirection: 'column',
-        background: '#FFFFFF',
-        position: 'absolute',
-        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
-        border: '1px solid #e7e7e7',
-        boxSizing: 'border-box',
-        zIndex: 1,
-        borderRadius: 6,
-        padding: 8,
-        maxHeight: 420,
-        width: 230,
-        marginTop: 8,
-        gap: 5,
-        overflowY: 'scroll',
-    };
-    const itemStyles = {
-        // padding: "10px",
-        height: 42,
-        paddingLeft: 10,
-        paddingRight: 4,
-        paddingTop: 6,
-        paddingBottom: 6,
-        cursor: 'pointer',
-        fontSize: '14px',
-        color: theme.primaryTextColor,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        fontWeight: '500',
-    };
-    const itemHoverStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-    };
-    const selectedItemStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-        fontWeight: '500',
-    };
-    const promoteStyles = {
-        color: theme?.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: isPromoteHovered ? '1px solid #e7e7e7' : '1px solid transparent',
-        backgroundColor: isPromoteHovered ? 'white' : undefined,
-        boxShadow: isPromoteHovered
-            ? '0px 1px 12px 0px rgba(56, 65, 81, 0.1)'
-            : undefined,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    const itemTextStyles = {
-        color: theme.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: '1px solid transparent',
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    return (_jsxs("div", { style: dropdownStyles, ref: popoverRef, children: [_jsx("button", { 
-                // onMouseEnter={() => setIsOpen(true)}
-                onClick: () => setIsOpen(true), style: triggerButtonStyles, children: dashboard ? dashboard : 'Select dashboard' }), _jsxs("div", { style: dropdownContentStyles, children: [dashboards.map((item, index) => (_jsxs("div", { onClick: dashboard && dashboard !== item.value
-                            ? () => handleItemClick(item.value)
-                            : undefined, style: {
-                            ...itemStyles,
-                            ...(hoveredItemId === item.value ? itemHoverStyles : {}),
-                            ...(dashboard && dashboard === item.value
-                                ? selectedItemStyles
-                                : {}),
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                        }, onMouseEnter: () => setHoveredItemId(item.value), onMouseLeave: () => setHoveredItemId(null), children: [_jsx("span", { style: {
-                                    ...itemTextStyles,
-                                    textOverflow: 'ellipsis',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                }, children: item.value }), dashboard && dashboard === item.value && (_jsxs("div", { onClick: () => {
-                                    setSelectedEditDashboard(item.value);
-                                }, style: {
-                                    ...promoteStyles,
-                                    //   visibility: showPromote ? "visible" : "hidden",
-                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "12px", width: "12px", style: { marginRight: 1 }, children: _jsx("path", { fillRule: "evenodd", d: "M8.34 1.804A1 1 0 0 1 9.32 1h1.36a1 1 0 0 1 .98.804l.295 1.473c.497.144.971.342 1.416.587l1.25-.834a1 1 0 0 1 1.262.125l.962.962a1 1 0 0 1 .125 1.262l-.834 1.25c.245.445.443.919.587 1.416l1.473.294a1 1 0 0 1 .804.98v1.361a1 1 0 0 1-.804.98l-1.473.295a6.95 6.95 0 0 1-.587 1.416l.834 1.25a1 1 0 0 1-.125 1.262l-.962.962a1 1 0 0 1-1.262.125l-1.25-.834a6.953 6.953 0 0 1-1.416.587l-.294 1.473a1 1 0 0 1-.98.804H9.32a1 1 0 0 1-.98-.804l-.295-1.473a6.957 6.957 0 0 1-1.416-.587l-1.25.834a1 1 0 0 1-1.262-.125l-.962-.962a1 1 0 0 1-.125-1.262l.834-1.25a6.957 6.957 0 0 1-.587-1.416l-1.473-.294A1 1 0 0 1 1 10.68V9.32a1 1 0 0 1 .804-.98l1.473-.295c.144-.497.342-.971.587-1.416l-.834-1.25a1 1 0 0 1 .125-1.262l.962-.962A1 1 0 0 1 5.38 3.03l1.25.834a6.957 6.957 0 0 1 1.416-.587l.294-1.473ZM13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z", clipRule: "evenodd" }) }), "Manage"] }))] }, item.value))), _jsx(CreateNewButton, { onClick: onClickNewDashboard, theme: theme })] }), _jsx(ArrowDownHeadIcon, { style: {
-                    height: '20px',
-                    width: '20px',
-                    flex: 'none',
-                    position: 'absolute',
-                    right: 8,
-                    top: 9.5,
-                    color: '#6C727F',
-                }, "aria-hidden": "true" })] }));
-}
-function CreateNewButton({ onClick, theme, }) {
-    return (_jsxs("button", { onClick: onClick, style: {
-            height: 42,
-            paddingLeft: 10,
-            paddingRight: 4,
-            paddingTop: 6,
-            paddingBottom: 6,
-            cursor: 'pointer',
-            fontSize: '14px',
-            color: theme?.primaryTextColor,
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            fontWeight: '500',
-            borderRadius: 4,
-            outline: 'none',
-        }, className: "quill-create-dash", children: [_jsx("style", { children: `.quill-create-dash {
-                background: white;
-                border: 1px solid transparent;
-            }
-            .quill-create-dash:hover {
-                background: white;
-                border: 1px solid #e7e7e7;
-                box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.1);
-            }` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "16", width: "16", style: { marginRight: 3 }, 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"] }));
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h1", { style: {
+                    fontSize: '14px',
+                    paddingTop: '0px',
+                    marginTop: '0px',
+                    marginBottom: '4px',
+                    fontWeight: '600',
+                    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, onChange: setSearchQuery }), _jsx("div", { style: { height: 9, width: 230, borderTop: '1px solid #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: () => {
+                                            setSelectedEditDashboard(item);
+                                            setIsOpen(false);
+                                        }, style: {
+                                            marginRight: -8,
+                                            marginTop: 'auto',
+                                            marginBottom: 'auto',
+                                        } })) }, item))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("div", { onClick: onClickNewDashboard, style: {
+                                            height: 42,
+                                            color: '#384151',
+                                            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',
+                                        }, children: [_jsx("style", { children: `
+                    .quill-list-select > div {
+                      background-color: white;
+                    }
+                    .quill-list-selected > div {
+                      background-color: rgba(56, 65, 81, 0.04);
+                    }
+                    .quill-list-select:hover > div {
+                      background-color: rgba(56, 65, 81, 0.04);
+                    }` }), _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 +1,6 @@
-export default function DatabaseMismatchCard({ environemntName, environemntDatabaseType, backendDatabaseType, }: {
-    environemntName: string;
-    environemntDatabaseType: string;
+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 +1 @@
-{"version":3,"file":"DatabaseMismatchCard.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseMismatchCard.tsx"],"names":[],"mappings":"AAGA,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"}
+{"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,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DatabaseMismatchCard({ environemntName, environemntDatabaseType, backendDatabaseType, }) {
+export default function DatabaseMismatchCard({ environmentName, environmentDatabaseType, backendDatabaseType, }) {
     return (_jsx("div", { style: {
             display: 'flex',
             flexDirection: 'column',
@@ -11,5 +11,5 @@ export default function DatabaseMismatchCard({ environemntName, environemntDatab
                 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: environemntName }), " is running on ", _jsx("strong", { children: environemntDatabaseType }), ", 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" }), "."] })] }) }));
+            }, 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.map

@@ -1 +1 @@
-{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,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;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,YAAiB,GAClB,EAAE,qBAAqB,2CAqCvB"}
+{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,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;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,YAAiB,GAClB,EAAE,qBAAqB,2CA6CvB"}

package/dist/esm/components/DatabaseSelector.js

@@ -11,9 +11,17 @@ export default function DatabaseSelector({ label, imageUrl, value, onDatabaseSel
             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, objectFit: 'contain' } }), _jsx("h1", { style: {
+        }, 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: '#212121',

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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,2CA+VrB"}