@quillsql/admin 1.7.1 → 1.7.2

package/dist/esm/primitives/PopoverPrimitive.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { useAdmin } from '../hooks/useAdmin';
-export const Popover = ({ trigger, content }) => {
-    const { state: { theme }, } = useAdmin();
-    const [isVisible, setIsVisible] = useState(false);
-    const [position, setPosition] = useState({
-        top: 0,
-        left: 0,
-    });
-    const triggerRef = useRef(null);
-    const updatePosition = () => {
-        if (triggerRef.current) {
-            const rect = triggerRef.current.getBoundingClientRect();
-            setPosition({
-                top: rect.bottom + window.scrollY + 8,
-                left: rect.left + window.scrollX,
-            });
-        }
-    };
-    useEffect(() => {
-        if (isVisible) {
-            updatePosition();
-            window.addEventListener('scroll', updatePosition);
-            window.addEventListener('resize', updatePosition);
-            const handleClickOutside = (event) => {
-                if (triggerRef.current &&
-                    !triggerRef.current.contains(event.target) &&
-                    !document
-                        .querySelector('[data-popover-content]')
-                        ?.contains(event.target)) {
-                    setIsVisible(false);
-                }
-            };
-            document.addEventListener('mousedown', handleClickOutside);
-            return () => {
-                window.removeEventListener('scroll', updatePosition);
-                window.removeEventListener('resize', updatePosition);
-                document.removeEventListener('mousedown', handleClickOutside);
-            };
-        }
-    }, [isVisible]);
-    return (_jsxs("div", { id: "my-relative-container", style: { position: 'relative' }, children: [_jsx("div", { ref: triggerRef, onClick: () => setIsVisible((isVisible) => !isVisible), children: trigger }), isVisible &&
-                createPortal(_jsx("div", { "data-popover-content": true, onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onClick: () => setIsVisible(false), style: {
-                        position: 'absolute',
-                        zIndex: 1000,
-                        top: position.top,
-                        left: position.left - 53,
-                        background: theme.backgroundColor,
-                        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
-                        padding: 12,
-                        borderRadius: 6,
-                        borderWidth: 1,
-                        borderColor: '#e7e7e7',
-                        // zIndex: 1000,
-                        // height: 100,
-                        // minHeight: 100,
-                        // width: 100,
-                        // minWidth: 100,
-                    }, children: content }), document.body)] }));
-};

package/dist/esm/primitives/SecondaryButtonPrimitive.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { QuillTheme } from '../models/Provider';
-export type SecondaryButtonPrimitiveProps = {
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    label: string;
-    theme?: QuillTheme;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-};
-declare const SecondaryButtonPrimitive: React.FC<SecondaryButtonPrimitiveProps>;
-export default SecondaryButtonPrimitive;
-//# sourceMappingURL=SecondaryButtonPrimitive.d.ts.map

package/dist/esm/primitives/SecondaryButtonPrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/esm/primitives/SecondaryButtonPrimitive.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAdmin } from '../hooks/useAdmin';
-const SecondaryButtonPrimitive = ({ onClick, label, theme, disabled, style, }) => {
-    const { state: { theme: stateTheme }, } = useAdmin();
-    theme = theme ?? stateTheme;
-    return (_jsx("button", { style: {
-            height: 40,
-            background: disabled ? '#f8f8f8' : '#ffffff',
-            borderColor: theme?.borderColor,
-            borderStyle: 'solid',
-            borderWidth: 1,
-            color: theme?.primaryTextColor,
-            display: 'flex',
-            borderRadius: 6,
-            alignItems: 'center',
-            justifyContent: 'center',
-            outline: 'none',
-            cursor: disabled ? 'default' : 'pointer',
-            fontFamily: theme?.fontFamily,
-            fontWeight: theme?.buttonFontWeight || 600,
-            fontSize: 14,
-            paddingLeft: 20,
-            paddingRight: 20,
-            ...style,
-        }, onClick: !disabled ? onClick : undefined, children: label }));
-};
-export default SecondaryButtonPrimitive;

package/dist/esm/primitives/TextInputPrimitive.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { QuillTheme } from '../models/Provider';
-export interface TextInputPrimitiveProps {
-    onChange: (e: any) => void;
-    value: string;
-    placeholder?: string;
-    theme?: QuillTheme;
-    disabled?: boolean;
-    width?: string;
-    password?: boolean;
-    style?: React.CSSProperties;
-    number?: boolean;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-declare const TextInputPrimitive: React.ForwardRefExoticComponent<TextInputPrimitiveProps & React.RefAttributes<HTMLInputElement>>;
-export default TextInputPrimitive;
-//# sourceMappingURL=TextInputPrimitive.d.ts.map

package/dist/esm/primitives/TextInputPrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAgB,MAAM,oBAAoB,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,kBAAkB,kGAyLvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/primitives/TextInputPrimitive.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef } from 'react';
-import { defaultTheme } from '../models/Provider';
-const TextInputPrimitive = forwardRef(({ onChange, value, placeholder, theme = defaultTheme, disabled = false, 
-// width = '250px',
-width, password = false, style, number = false, min = 0, max, step = 1, }, ref) => {
-    const [showPassword, setShowPassword] = React.useState(!password);
-    const handleNumberChange = (e) => {
-        const newValue = e.target.value;
-        // Allow empty string for clearing the input
-        if (newValue === '') {
-            onChange({ target: { value: '' } });
-            return;
-        }
-        // Filter non-numeric input
-        if (!/^\d*$/.test(newValue)) {
-            return;
-        }
-        // Convert to number for validation
-        let numValue = parseInt(newValue, 10);
-        // Apply min/max constraints
-        if (!isNaN(numValue)) {
-            if (min !== undefined && numValue < min)
-                numValue = min;
-            if (max !== undefined && numValue > max)
-                numValue = max;
-            onChange({ target: { value: numValue.toString() } });
-        }
-    };
-    const incrementValue = () => {
-        if (disabled)
-            return;
-        const currentValue = value === '' ? min - step : parseInt(value, 10);
-        if (isNaN(currentValue))
-            return;
-        let newValue = currentValue + step;
-        if (max !== undefined && newValue > max)
-            newValue = max;
-        onChange({ target: { value: newValue.toString() } });
-    };
-    const decrementValue = () => {
-        if (disabled)
-            return;
-        const currentValue = value === '' ? min + step : parseInt(value, 10);
-        if (isNaN(currentValue))
-            return;
-        let newValue = currentValue - step;
-        if (newValue < min)
-            newValue = min;
-        onChange({ target: { value: newValue.toString() } });
-    };
-    return (_jsxs("div", { style: { position: 'relative', width: width || '100%' }, children: [_jsx("input", { ref: ref, style: {
-                    ...style,
-                    display: 'flex',
-                    flexDirection: 'row',
-                    paddingLeft: '12px',
-                    paddingRight: number ? '30px' : '12px',
-                    fontWeight: 'medium',
-                    height: 40,
-                    width: '100%',
-                    backgroundColor: theme?.backgroundColor || 'white',
-                    color: theme?.primaryTextColor,
-                    borderWidth: '1px',
-                    borderColor: theme?.borderColor || '#E7E7E7',
-                    borderStyle: 'solid',
-                    borderRadius: '6px',
-                    fontSize: 14,
-                    cursor: disabled ? 'not-allowed' : 'auto',
-                }, type: number ? 'text' : showPassword ? 'text' : 'password', disabled: disabled || number, readOnly: number, onChange: number ? handleNumberChange : onChange, value: value ?? '', placeholder: placeholder }), password && !number ? (_jsx("div", { style: {
-                    position: 'absolute',
-                    right: '8px',
-                    bottom: '6px',
-                    cursor: 'pointer',
-                    backgroundColor: 'white',
-                    padding: '4px',
-                    boxSizing: 'content-box',
-                }, onClick: () => {
-                    setShowPassword(!showPassword);
-                }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("path", { d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z" }), _jsx("path", { d: "M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0" })] }) })) : null, number ? (_jsxs("div", { style: {
-                    position: 'absolute',
-                    right: '4px',
-                    top: '4px',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: 'calc(100% - 8px)',
-                    userSelect: 'none',
-                }, children: [_jsx("div", { style: {
-                            cursor: disabled ? 'not-allowed' : 'pointer',
-                            height: '50%',
-                            display: 'flex',
-                            alignItems: 'center',
-                            opacity: disabled ? 0.5 : 1,
-                        }, onClick: incrementValue, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: theme?.primaryTextColor || 'currentColor', viewBox: "0 0 16 16", children: _jsx("path", { d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" }) }) }), _jsx("div", { style: {
-                            cursor: disabled ? 'not-allowed' : 'pointer',
-                            height: '50%',
-                            display: 'flex',
-                            alignItems: 'center',
-                            opacity: disabled ? 0.5 : 1,
-                        }, onClick: decrementValue, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: theme?.primaryTextColor || 'currentColor', viewBox: "0 0 16 16", children: _jsx("path", { d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" }) }) })] })) : null] }));
-});
-export default TextInputPrimitive;

package/dist/esm/primitives/TogglePrimitive.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-declare const TogglePrimitive: ({ value, onClick, style, disabled, }: {
-    value: boolean;
-    onClick: () => void;
-    style?: CSSProperties;
-    disabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TogglePrimitive;
-//# sourceMappingURL=TogglePrimitive.d.ts.map

package/dist/esm/primitives/TogglePrimitive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,eAAe,GAAI,sCAKtB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/primitives/TogglePrimitive.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TogglePrimitive = ({ value, onClick, style, disabled, }) => {
-    const toggleStyle = {
-        container: {
-            transformOrigin: 'top left',
-            display: 'inline-block',
-            position: 'relative',
-            width: '30px',
-            height: '18px',
-            borderRadius: '24px',
-            backgroundColor: value ? '#212121' : '#ccc',
-            cursor: 'pointer',
-            transition: 'background-color 0.4s',
-            opacity: disabled ? 0.5 : 1,
-            ...style,
-        },
-        circle: {
-            position: 'absolute',
-            top: '3px',
-            left: value ? '15px' : '3px',
-            width: '12px',
-            height: '12px',
-            borderRadius: '50%',
-            backgroundColor: '#FFF',
-            transition: 'left 0.4s',
-        },
-        icon: {
-            position: 'absolute',
-            top: '3px',
-            left: '3px',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: '20px',
-            height: '20px',
-            color: '#FFF',
-        },
-    };
-    return (_jsxs("div", { style: toggleStyle.container, onClick: disabled ? () => { } : onClick, "aria-checked": value, role: "switch", "aria-label": "Toggle", children: [_jsx("div", { style: toggleStyle.circle }), value ? (_jsx("div", { style: {
-                    ...toggleStyle.icon,
-                    left: '35px',
-                    color: '#FFC107',
-                } })) : (_jsx("div", { style: {
-                    ...toggleStyle.icon,
-                    color: '#607D8B',
-                } }))] }));
-};
-export default TogglePrimitive;

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

@@ -1,7 +0,0 @@
-export { default as TextInputPrimitive } from './TextInputPrimitive';
-export { default as ButtonPrimitive } from './ButtonPrimitive';
-export { default as SecondaryButtonPrimitive } from './SecondaryButtonPrimitive';
-export { default as ModalPrimitive } from './ModalPrimitive';
-export { default as HeaderPrimitive } from './HeaderPrimitive';
-export { default as CheckboxPrimitive } from './CheckboxPrimitive';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/primitives/index.js

@@ -1,6 +0,0 @@
-export { default as TextInputPrimitive } from './TextInputPrimitive';
-export { default as ButtonPrimitive } from './ButtonPrimitive';
-export { default as SecondaryButtonPrimitive } from './SecondaryButtonPrimitive';
-export { default as ModalPrimitive } from './ModalPrimitive';
-export { default as HeaderPrimitive } from './HeaderPrimitive';
-export { default as CheckboxPrimitive } from './CheckboxPrimitive';

package/dist/esm/public_components/ChartQueryBuilder.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-import { QuillReport } from '@quillsql/react';
-export default function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinationDashboard, }: {
-    activeComponent: string;
-    onExit?: (report?: QuillReport) => void;
-    containerStyle?: CSSProperties;
-    destinationDashboard: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChartQueryBuilder.d.ts.map

package/dist/esm/public_components/ChartQueryBuilder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/ChartQueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAEnE,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAazB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,MAAM,EACN,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,2CA4PA"}

package/dist/esm/public_components/ChartQueryBuilder.js

@@ -1,136 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { useAdmin } from '../hooks/useAdmin';
-import { ReportBuilder, SQLEditor, useDashboardInternal, } from '@quillsql/react';
-import DatabaseMismatchCard from '../components/DatabaseMismatchCard';
-import QuillTab from '../components/QuillTab';
-import XMarkIcon from '../icons/XMarkIcon';
-import PlaceholderPrimitive from '../primitives/PlaceholderPrimitive';
-import { useDashboardManager } from '../hooks/useDashboardManager';
-import { onlySingleDatabaseTenant } from '../utils/tenants';
-import { ButtonPrimitive } from '../primitives';
-import { SAVED_QUERIES_DASHBOARD } from '../utils/constants';
-import CreateEnvironmentModal from '../modals/CreateEnvironmentModal';
-import EnvSelectPopover from './EnvSelectPopover';
-import OrgSelect from '../components/OrgSelect';
-export default function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinationDashboard, }) {
-    const parentRef = useRef(null);
-    const envPopoverRef = useRef(null);
-    const { state, dispatch, clientLoading, setClient, onRequestAddVirtualTable, } = useAdmin();
-    const [query, setQuery] = useState(state.activeQuery);
-    const [toggleMode, setToggleMode] = useState(activeComponent);
-    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = useState(false);
-    const { setSelectedDashboard } = useDashboardManager();
-    const { reload } = useDashboardInternal(SAVED_QUERIES_DASHBOARD);
-    const modeToggleOptions = [
-        { label: 'SQL Editor', value: 'SQL Editor' },
-        { label: 'Report Builder', value: 'Report Builder' },
-    ];
-    const submitReport = (report) => {
-        onExit && onExit(report);
-        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-        setSelectedDashboard(report.dashboardName);
-    };
-    const submitSavedQuery = (report) => {
-        reload(SAVED_QUERIES_DASHBOARD, true, { report, action: 'upsert' });
-        onExit && onExit(report);
-        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-        dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'SavedQueries' });
-    };
-    // useEffect(() => {
-    //   if (state.activeQuery) {
-    //     setIsEditActive(true);
-    //   } else {
-    //     setIsEditActive(false);
-    //   }
-    // }, [state.activeQuery]);
-    useEffect(() => {
-        setQuery(state.activeQuery);
-    }, [state.activeQuery]);
-    useEffect(() => {
-        setToggleMode(activeComponent);
-    }, [activeComponent]);
-    if (showCreateEnvironmentModal) {
-        return (_jsx(CreateEnvironmentModal, { showCreateEnvironmentModal: showCreateEnvironmentModal, setShowCreateEnvironmentModal: setShowCreateEnvironmentModal }));
-    }
-    return (_jsx("div", { style: {
-            height: '100%',
-            ...containerStyle,
-        }, ref: parentRef, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [_jsx("div", { style: {
-                        display: 'flex',
-                        backgroundColor: 'white',
-                        zIndex: 1,
-                        left: 0,
-                        right: 0,
-                        top: 0,
-                        flexDirection: 'row',
-                        paddingTop: 12,
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        paddingLeft: '30px',
-                        paddingRight: '30px',
-                        borderBottomWidth: 1,
-                        borderTopWidth: 0,
-                        borderLeftWidth: 0,
-                        borderRightWidth: 0,
-                        borderStyle: 'solid',
-                        borderColor: state.theme?.borderColor,
-                        paddingBottom: 20,
-                    }, children: _jsxs("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            alignItems: 'flex-end',
-                            justifyContent: 'space-between',
-                            width: '100%',
-                        }, children: [_jsxs("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    gap: 12,
-                                    alignItems: 'flex-end',
-                                }, ref: envPopoverRef, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
-                                                setSelectedDashboard(null);
-                                                setClient(client, true);
-                                            }, theme: state.theme, parentRef: envPopoverRef, isLoading: clientLoading, onCreateNewEnvironment: () => {
-                                                setShowCreateEnvironmentModal(true);
-                                            } }) }), state.client?.name !== undefined &&
-                                        !state.databaseTypeMismatch.show &&
-                                        !onlySingleDatabaseTenant(state.client) && (_jsx(OrgSelect, { isLoading: clientLoading })), _jsx(QuillTab, { modeToggleOptions: modeToggleOptions, toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" })] }), onExit && (_jsx("button", { type: "button", onClick: () => {
-                                    onExit();
-                                }, style: {
-                                    height: 40,
-                                    width: 40,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    background: 'white',
-                                    border: '1px solid #e7e7e7',
-                                    borderRadius: '4px',
-                                }, children: _jsx(XMarkIcon, { style: { width: '20px', height: '20px' }, "aria-hidden": "true" }) }))] }) }), state.databaseTypeMismatch.show && (_jsx(DatabaseMismatchCard, { environmentName: state.client.name, environmentDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })), clientLoading ? (_jsxs("div", { style: {
-                        width: '100%',
-                        display: 'flex',
-                        flexGrow: 1,
-                        gap: 32,
-                        padding: 32,
-                    }, children: [_jsx(PlaceholderPrimitive, { containerStyle: { width: '12%' } }), _jsx(PlaceholderPrimitive, { containerStyle: { maxHeight: 300 } })] })) : toggleMode === 'Report Builder' ? (_jsx(ReportBuilder, { reportId: state.activeSavedQueryReportId ?? '', isAdminEnabled: true, onSubmitCreateReport: submitReport, onSubmitEditReport: submitReport, onSubmitSaveQuery: submitSavedQuery, containerStyle: {
-                        width: '100%',
-                        backgroundColor: 'white',
-                    }, ButtonComponent: ({ onClick, label, isLoading, disabled }) => {
-                        if (label === 'Save changes' && state.activeSavedQueryReportId) {
-                            return (_jsx(ButtonPrimitive, { onClick: onClick, label: 'Add to dashboard', isLoading: isLoading, disabled: disabled }));
-                        }
-                        return (_jsx(ButtonPrimitive, { onClick: onClick, label: label, isLoading: isLoading, disabled: disabled }));
-                    }, destinationDashboard: destinationDashboard, chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, isAIEnabled: state.client?.databaseType?.toLowerCase() === 'mssql'
-                        ? false
-                        : true, onRequestAddVirtualTable: onRequestAddVirtualTable })) : (_jsx(SQLEditor, { isAdminEnabled: true, showTableFormatOptions: true, showAccessControlOptions: true, showDateFieldOptions: true, defaultQuery: query, addToDashboardButtonLabel: 'Add to dashboard', chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, 
-                    // report={state.activeQuery ? state.activeEditItem : undefined}
-                    onAddToDashboardComplete: submitReport, onSaveQueryComplete: submitSavedQuery, containerStyle: {
-                        height: '100%',
-                        width: '100%',
-                        overflow: 'hidden',
-                        backgroundColor: 'white',
-                        // paddingRight: 25,
-                        // paddingTop: 25,
-                    }, destinationDashboard: destinationDashboard, onRequestAddVirtualTable: onRequestAddVirtualTable }))] }) }));
-}

package/dist/esm/public_components/CreateEnvironment.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from 'react';
-export default function CreateEnvironment({ onOnboardComplete, containerStyle, }: {
-    navigateToDashboardManager?: () => void;
-    onOnboardComplete?: (client: any) => void;
-    containerStyle?: CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CreateEnvironment.d.ts.map

package/dist/esm/public_components/CreateEnvironment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAyBf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA6YA"}