@quillsql/admin 1.7.0 → 1.7.2

package/dist/esm/public_components/DashboardManager.js

@@ -1,515 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useAdmin } from '../AdminProvider';
-import { OrgSelect, EnvSelectPopover, DashboardSelectPopover, } from '../components';
-import { useDashboardInternal, useDashboards, } from '@quillsql/react';
-import { deleteReport, ReportWrapper } from '../Admin';
-import { ButtonPrimitive, HeaderPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, CheckboxPrimitive, } from '../primitives';
-import { NewDashboardModal } from '../modals/NewDashboardModal';
-import DatabaseMismatchCard from '../components/DatabaseMismatchCard';
-import { MemoizedButton, MemoizedModal, QuillErrorMessageComponent, } from '../components/UiComponents';
-import { QuillSelectComponent } from '../components/QuillSelect';
-import { EditFiltersModal } from '../modals/EditFiltersModal';
-import ChartQueryBuilder from './ChartQueryBuilder';
-import { EditEnvironmentModal } from '../modals/EditEnvironmentModal';
-import { PromoteDashboardModal } from '../modals/PromoteDashboardModal';
-import { SAVED_QUERIES_DASHBOARD } from '../utils/constants';
-import { QuillSelectComponentWithCombo } from '../components/QuillSelectWithCombo';
-import { useDashboardManager } from '../hooks/useDashboardManager';
-import equal from 'fast-deep-equal';
-import { Popover } from '../primitives/PopoverPrimitive';
-import CodePreview from '../modals/CodePreview';
-import SavedQueriesModal from '../modals/SavedQueriesModal';
-import { InternalDashboard } from '../components/InternalDashboard/InternalDashboard';
-import { useLongLoading } from '../hooks/useLongLoading';
-import CreateEnvironmentModal from '../modals/CreateEnvironmentModal';
-export default function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTableManager, containerStyle, }) {
-    const { state, dispatch, clientLoading, setClient, getToken, quillFetchWithToken, eventTracking, } = useAdmin();
-    const parentRef = useRef(null);
-    const envSelectPopoverRef = useRef(null);
-    const dashboardSelectPopoverRef = useRef(null);
-    // const [selectedReorderDashboard, setSelectedReorderDashboard] = useState('');
-    const [newDashboardModalIsOpen, setNewDashboardModalIsOpen] = useState(false);
-    const [editFilterModalIsOpen, setEditFilterModalIsOpen] = useState(false);
-    const [promoteModalIsOpen, setPromoteModalIsOpen] = useState(false);
-    const [editEnvironmentModalIsOpen, setEditEnvironmentModalIsOpen] = useState(false);
-    //FIXME: we don't want to lift up this state
-    const [userFilters, setUserFilters] = useState([]);
-    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = useState(false);
-    const { data: dashboardConfig, reload: reloadDashboard } = useDashboardInternal(state.selectedDashboard, userFilters);
-    const { dashboards, isLoading: dashboardsLoading } = useDashboards();
-    useLongLoading(dashboardsLoading, {
-        origin: 'DashboardManager',
-        loadDescription: 'Loading dashboards',
-    });
-    const { setSelectedDashboard } = useDashboardManager();
-    // const [editMode, setEditMode] = useState(true);
-    const [autoPromoteVirtualTables, setAutoPromoteVirtualTables] = useState(true);
-    useEffect(() => {
-        if (navigateToVirtualTableManager) {
-            dispatch({
-                type: 'SET_NAVIGATE_TO_VIRTUAL_TABLE_BUILDER',
-                payload: navigateToVirtualTableManager,
-            });
-        }
-        else {
-            console.warn('navigateToDashboardBuilder is not defined');
-        }
-    }, []);
-    const handleClickReport = useCallback((elem) => {
-        dispatch({ type: 'SET_REPORT_ID', payload: elem.id });
-        dispatch({
-            type: 'SET_ACTIVE_COMPONENT',
-            payload: 'Report',
-        });
-        eventTracking?.addBreadcrumb?.({
-            message: 'Clicked report in DashboardManager',
-            data: {
-                report: elem.id,
-            },
-            category: 'navigation',
-            level: 'info',
-            timestamp: Date.now(),
-        });
-    }, [dispatch]);
-    const hoverActions = (data) => {
-        return (_jsx("div", { style: {
-                display: 'flex',
-                flexDirection: 'row',
-                gap: 4,
-            }, children: _jsxs("button", { style: {
-                    height: 36,
-                    color: state.theme?.secondaryTextColor,
-                    border: '1px solid #e7e7e7',
-                    borderRadius: 6,
-                    outline: 'none',
-                    cursor: 'pointer',
-                    fontFamily: state.theme?.fontFamily,
-                    fontWeight: state.theme?.buttonFontWeight || 500,
-                    fontSize: 14,
-                    padding: '0px 12px',
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 4,
-                }, onClick: async (event) => {
-                    event.stopPropagation();
-                    if (await deleteReport(data.id, state, getToken, eventTracking)) {
-                        reloadDashboard(undefined, false, {
-                            report: { id: data.id },
-                            action: 'delete',
-                        });
-                    }
-                }, className: "secondary-button-quill", children: [_jsx("style", { children: `.secondary-button-quill { background: white } .secondary-button-quill:hover { background: #F4F4F5 }` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: 14, width: 14, children: _jsx("path", { fillRule: "evenodd", d: "M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z", clipRule: "evenodd" }) })] }) }));
-    };
-    const handlePromote = async (selectedToClient, skipWarning = false) => {
-        try {
-            const respJson = await quillFetchWithToken({
-                client: {
-                    queryEndpoint: state.queryEndpoint,
-                    clientId: state.client._id,
-                    withCredentials: !!state.withCredentials,
-                    queryHeaders: state.queryHeaders,
-                },
-                task: 'promote-dashboard',
-                metadata: {
-                    clientId: state.client._id,
-                    dashboardName: state.selectedDashboard,
-                    fromClientId: state.client._id,
-                    toClientId: selectedToClient._id,
-                    skipWarning,
-                    addMissingTables: autoPromoteVirtualTables,
-                },
-                adminMode: true,
-            });
-            if (respJson?.error) {
-                alert(respJson?.error);
-                return;
-            }
-            const data = respJson?.data;
-            let alertMsg = 'Dashboard promoted successfully.';
-            if (data.error) {
-                alert(data.error);
-                return;
-            }
-            else if (!skipWarning && data.warning) {
-                if (confirm(`${data.warning}\n\nContinue?`)) {
-                    handlePromote(selectedToClient, true);
-                }
-                return;
-            }
-            if (data.logs?.length > 0) {
-                alertMsg += `\n\n${data.logs.join('\n\n')}`;
-            }
-            if (data.hints?.removedFilters) {
-                const plural = data.hints.removedFilters.length > 1;
-                alertMsg += `${alertMsg ? '\n\n' : ''}The following filter${plural ? 's were' : ' was'} removed because they are not compatible with the virtual tables in the target client: ${data.hints.removedFilters.join(', ')}`;
-            }
-            if (data.hints?.failedTables) {
-                alertMsg += `${alertMsg ? '\n\n' : ''}`;
-                const failedTableMessages = [];
-                Object.entries(data.hints.failedTables).forEach(([key, value]) => {
-                    const plural = value.affected.length > 1;
-                    failedTableMessages.push(`${autoPromoteVirtualTables ? `Couldn't promote virtual table ${key}: (${value.error})` : `Missing virtual table ${key}`}\nAffected item${plural ? 's' : ''} ${value.affected.join(', ')}`);
-                });
-                alertMsg += failedTableMessages.join('\n\n');
-            }
-            if (alertMsg) {
-                alert(alertMsg);
-            }
-            setPromoteModalIsOpen(false);
-            setEditFilterModalIsOpen(false);
-            // setSelectedDashboard(null); // Keep the current selected dashboard (copied into new client)
-            dispatch({
-                type: 'SET_REPORT_ID',
-                payload: undefined,
-            });
-            setClient(selectedToClient);
-        }
-        catch (error) {
-            console.error('Promotion failed:', error);
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error promoting dashboard',
-                errorMessage: error.message,
-                errorStack: error.stack,
-                errorData: {
-                    caller: 'DashboardManager',
-                    function: 'handlePromote',
-                },
-            });
-            alert('Could not promote this dashboard.');
-        }
-    };
-    if (showCreateEnvironmentModal) {
-        return (_jsx(CreateEnvironmentModal, { showCreateEnvironmentModal: showCreateEnvironmentModal, setShowCreateEnvironmentModal: setShowCreateEnvironmentModal }));
-    }
-    return (_jsxs("div", { style: containerStyle, children: [(state.activeComponent === 'Report Builder' ||
-                state.activeComponent === 'SQL Editor') && (_jsx(ChartQueryBuilder, { activeComponent: state.activeComponent, destinationDashboard: state.selectedDashboard ??
-                    dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.[0]
-                        ?.name ??
-                    '', onExit: (report) => {
-                    dispatch({
-                        type: 'SET_ACTIVE_COMPONENT',
-                        payload: 'Dashboards',
-                    });
-                    dispatch({
-                        type: 'SET_REPORT_ID',
-                        payload: undefined,
-                    });
-                    dispatch({
-                        type: 'SET_ACTIVE_QUERY',
-                        payload: '',
-                    });
-                    dispatch({
-                        type: 'SET_ACTIVE_SAVED_QUERY_REPORT_ID',
-                        payload: '',
-                    });
-                    // quill-saved-queries is a hidden dashboard
-                    if (report?.dashboardName === SAVED_QUERIES_DASHBOARD) {
-                        reloadDashboard(SAVED_QUERIES_DASHBOARD, false, report ? { report, action: 'upsert' } : undefined);
-                    }
-                    else {
-                        reloadDashboard(state.selectedDashboard || undefined, false, report ? { report, action: 'upsert' } : undefined);
-                    }
-                } })), !(state.activeComponent === 'Report Builder' ||
-                state.activeComponent === 'SQL Editor') && (_jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    paddingTop: '0px',
-                    position: 'relative',
-                    minHeight: '100%',
-                }, ref: parentRef, children: [_jsx("div", { style: {
-                            display: 'flex',
-                            position: 'sticky',
-                            backgroundColor: 'white',
-                            zIndex: 3,
-                            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: {
-                                width: '100%',
-                                display: 'flex',
-                                flexDirection: 'row',
-                                alignItems: 'flex-end',
-                                justifyContent: 'space-between',
-                            }, children: [_jsxs("div", { style: {
-                                        gap: 16,
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        alignItems: 'flex-end',
-                                        marginRight: 12,
-                                    }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, ref: envSelectPopoverRef, children: _jsx(EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
-                                                    setSelectedDashboard(null);
-                                                    setClient(client, true);
-                                                }, onSelectedEditEnvironment: () => {
-                                                    setEditEnvironmentModalIsOpen(true);
-                                                }, onCreateNewEnvironment: () => {
-                                                    setShowCreateEnvironmentModal(true);
-                                                }, theme: state.theme, parentRef: envSelectPopoverRef, isLoading: clientLoading }) }), _jsx("div", { style: { display: 'flex', flexDirection: 'column' }, ref: dashboardSelectPopoverRef, children: _jsx(DashboardSelectPopover, { dashboards: dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.length
-                                                    ? dashboards
-                                                        .map((elem) => {
-                                                        return elem.name;
-                                                    })
-                                                        .filter((name) => name !== SAVED_QUERIES_DASHBOARD)
-                                                    : [], setDashboard: (dashboard) => {
-                                                    setSelectedDashboard(dashboard);
-                                                    dispatch({
-                                                        type: 'SET_REPORT_ID',
-                                                        payload: undefined,
-                                                    });
-                                                }, dashboard: state.selectedDashboard ?? null, theme: state.theme, onClickNewDashboard: () => {
-                                                    setNewDashboardModalIsOpen(true);
-                                                }, setSelectedEditDashboard: (dashboard) => {
-                                                    if (state.selectedDashboard !== dashboard) {
-                                                        setSelectedDashboard(dashboard);
-                                                        dispatch({
-                                                            type: 'SET_REPORT_ID',
-                                                            payload: undefined,
-                                                        });
-                                                    }
-                                                    setEditFilterModalIsOpen(true);
-                                                }, parentRef: dashboardSelectPopoverRef, isLoading: clientLoading || dashboardsLoading }) }), state.client?.name !== undefined &&
-                                            !state.databaseTypeMismatch.show && (_jsx(OrgSelect, { isLoading: clientLoading }))] }), !!(dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)
-                                    ?.length && !(clientLoading || dashboardsLoading)) && (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [_jsx(SecondaryButtonPrimitive, { onClick: () => {
-                                                if (!state.selectedDashboard) {
-                                                    return;
-                                                }
-                                                dispatch({
-                                                    type: 'SET_ACTIVE_COMPONENT',
-                                                    payload: 'CodePreview',
-                                                });
-                                                eventTracking?.addBreadcrumb?.({
-                                                    message: 'Opened embed preview in DashboardManager',
-                                                    category: 'navigation',
-                                                    level: 'info',
-                                                    timestamp: Date.now(),
-                                                });
-                                            }, label: "Embed Preview" }), _jsx(Popover, { content: _jsxs("div", { style: {
-                                                    display: 'flex',
-                                                    flexDirection: 'column',
-                                                    gap: 12,
-                                                    minWidth: 170,
-                                                }, children: [_jsx(SecondaryButtonPrimitive, { onClick: () => {
-                                                            if (!state.selectedDashboard) {
-                                                                return;
-                                                            }
-                                                            dispatch({
-                                                                type: 'SET_ACTIVE_COMPONENT',
-                                                                payload: 'Report Builder',
-                                                            });
-                                                            eventTracking?.addBreadcrumb?.({
-                                                                message: 'Opened report builder in DashboardManager',
-                                                                category: 'navigation',
-                                                                level: 'info',
-                                                                timestamp: Date.now(),
-                                                            });
-                                                        }, label: "Report Builder \u2197" }), _jsx(SecondaryButtonPrimitive, { onClick: () => {
-                                                            if (!state.selectedDashboard) {
-                                                                return;
-                                                            }
-                                                            dispatch({
-                                                                type: 'SET_ACTIVE_COMPONENT',
-                                                                payload: 'SQL Editor',
-                                                            });
-                                                            eventTracking?.addBreadcrumb?.({
-                                                                message: 'Opened SQL editor in DashboardManager',
-                                                                category: 'navigation',
-                                                                level: 'info',
-                                                                timestamp: Date.now(),
-                                                            });
-                                                        }, label: "SQL Editor \u2197" }), _jsx(SecondaryButtonPrimitive, { onClick: () => {
-                                                            if (!state.selectedDashboard) {
-                                                                return;
-                                                            }
-                                                            dispatch({
-                                                                type: 'SET_ACTIVE_COMPONENT',
-                                                                payload: 'SavedQueries',
-                                                            });
-                                                            eventTracking?.addBreadcrumb?.({
-                                                                message: 'Opened saved queries in DashboardManager',
-                                                                category: 'navigation',
-                                                                level: 'info',
-                                                                timestamp: Date.now(),
-                                                            });
-                                                        }, label: "Saved Queries \u2197" })] }), trigger: _jsx(ButtonPrimitive
-                                            // onClick={() => {
-                                            //   if (!state.selectedDashboard) {
-                                            //     return;
-                                            //   }
-                                            //   dispatch({
-                                            //     type: 'SET_ACTIVE_COMPONENT',
-                                            //     payload: 'Query Builder',
-                                            //   });
-                                            // }}
-                                            , { 
-                                                // onClick={() => {
-                                                //   if (!state.selectedDashboard) {
-                                                //     return;
-                                                //   }
-                                                //   dispatch({
-                                                //     type: 'SET_ACTIVE_COMPONENT',
-                                                //     payload: 'Query Builder',
-                                                //   });
-                                                // }}
-                                                onClick: () => { }, label: "Add Chart +" }) })] }))] }) }), state.databaseTypeMismatch.show ? (_jsx(DatabaseMismatchCard, { environmentName: state.client.name, environmentDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: 'flex', flexGrow: 1 }, children: [!dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)
-                                        ?.length &&
-                                        !clientLoading &&
-                                        !dashboardsLoading && (_jsx("div", { style: {
-                                            width: '100%',
-                                            display: 'flex',
-                                            flexDirection: 'column',
-                                            alignItems: 'center',
-                                        }, children: _jsxs("div", { style: {
-                                                borderRadius: 6,
-                                                marginTop: 100,
-                                                display: 'flex',
-                                                flexDirection: 'column',
-                                                alignItems: 'center',
-                                                justifyContent: 'center',
-                                                gap: 20,
-                                                padding: 16,
-                                                border: '1px solid #e7e7e7',
-                                                boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
-                                            }, children: [_jsxs("div", { style: {
-                                                        display: 'flex',
-                                                        flexDirection: 'row',
-                                                        alignItems: 'center',
-                                                        justifyContent: 'center',
-                                                        width: 260,
-                                                    }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [_jsx("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), _jsx("div", { style: {
-                                                                fontSize: state.theme?.fontSize,
-                                                                fontWeight: 500,
-                                                                fontFamily: state.theme?.fontFamily,
-                                                                fontSizeAdjust: 0.5,
-                                                                color: '#565656',
-                                                                paddingTop: 8,
-                                                                paddingBottom: 8,
-                                                                paddingRight: 12,
-                                                                paddingLeft: 12,
-                                                                borderRadius: 4,
-                                                                cursor: 'pointer',
-                                                            }, className: "quill-hover-button", children: "No dashboards created yet." })] }), _jsx("div", { style: { paddingBottom: 8 }, children: _jsx(MemoizedButton, { label: 'Create dashboard', style: { fontSize: 14 }, onClick: () => {
-                                                            setNewDashboardModalIsOpen(true);
-                                                        } }) })] }) })), clientLoading ||
-                                        dashboardsLoading ||
-                                        dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)
-                                            .length ? (_jsx("div", { style: { width: '100%', position: 'relative' }, children: _jsx(InternalDashboard, { name: state.selectedDashboard ?? '', containerStyle: { padding: 25, width: '100%' }, onClickReport: handleClickReport, hoverActions: hoverActions, onUserFiltersUpdated: setUserFilters, parentLoading: clientLoading || dashboardsLoading, onManageDashboard: () => {
-                                                eventTracking?.addBreadcrumb?.({
-                                                    message: 'Opened manage dashboard in DashboardManager',
-                                                    data: {
-                                                        dashboard: state.selectedDashboard,
-                                                    },
-                                                    category: 'navigation',
-                                                    level: 'info',
-                                                    timestamp: Date.now(),
-                                                });
-                                                setEditFilterModalIsOpen(true);
-                                            } }) })) : null] }), !clientLoading && !dashboardsLoading && (_jsxs(_Fragment, { children: [_jsx(EditEnvironmentModal, { isOpen: editEnvironmentModalIsOpen, setIsOpen: setEditEnvironmentModalIsOpen, onSave: async () => {
-                                            await reloadDashboard(state.selectedDashboard ?? undefined);
-                                        }, ModalComponent: ModalPrimitive, ButtonComponent: ButtonPrimitive, SelectComponent: QuillSelectComponentWithCombo, SecondaryButtonComponent: SecondaryButtonPrimitive, TextInputComponent: TextInputPrimitive, HeaderComponent: HeaderPrimitive }, state.client._id), state.selectedDashboard && editFilterModalIsOpen && (_jsx(EditFiltersModal, { selectedDashboardName: state.selectedDashboard, isOpen: editFilterModalIsOpen, setIsOpen: setEditFilterModalIsOpen, 
-                                        // openEditOrderModal={(dashboardName: string): void => {
-                                        //   setSelectedReorderDashboard(dashboardName);
-                                        //   setIsReorderDashboardModalOpen(true);
-                                        // }}
-                                        openPromoteModal: () => setPromoteModalIsOpen(true), onSave: async (name) => {
-                                            dispatch({
-                                                type: 'SET_SELECTED_DASHBOARD_NAME',
-                                                payload: {
-                                                    dashboard: name,
-                                                },
-                                            });
-                                            // dispatch({
-                                            //   type: 'SET_SELECTED_TENANT_VALUES',
-                                            //   payload: undefined,
-                                            // });
-                                            // dispatch({
-                                            //   type: 'SET_SELECTED_DASHBOARD_TENANT_IDS',
-                                            //   payload: undefined,
-                                            // });
-                                            // reloadDashboard(name ?? undefined, true);
-                                        }, ModalComponent: ModalPrimitive, ButtonComponent: MemoizedButton, SecondaryButtonComponent: SecondaryButtonPrimitive, TextInputComponent: TextInputPrimitive, HeaderComponent: HeaderPrimitive, SelectComponent: QuillSelectComponent, ErrorComponent: QuillErrorMessageComponent, dashNames: dashboards ?? [] }, state.selectedDashboard + state.client._id)), _jsx(NewDashboardModal, { isOpen: newDashboardModalIsOpen, setIsOpen: setNewDashboardModalIsOpen, onSave: async (name, owner) => {
-                                            if (!(dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.length ?? 0) ||
-                                                ((dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.length ?? 0) === 1 &&
-                                                    dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.[0]?.name === name)) {
-                                                dispatch({
-                                                    type: 'SET_CLIENTS',
-                                                    // Set the dashboard name we just created as the default dashboard
-                                                    payload: [
-                                                        ...state.clients.map((client) => {
-                                                            return {
-                                                                ...client,
-                                                                defaultDashboard: client.id === state.client.id
-                                                                    ? { name, owner }
-                                                                    : client.defaultDashboard,
-                                                            };
-                                                        }),
-                                                    ],
-                                                });
-                                                dispatch({
-                                                    type: 'SET_CLIENT',
-                                                    payload: {
-                                                        ...state.client,
-                                                        defaultDashboard: { name, owner },
-                                                    },
-                                                });
-                                            }
-                                            setSelectedDashboard(name);
-                                        }, ModalComponent: ModalPrimitive, ButtonComponent: ButtonPrimitive, SecondaryButtonComponent: SecondaryButtonPrimitive, TextInputComponent: TextInputPrimitive, HeaderComponent: HeaderPrimitive, SelectComponent: QuillSelectComponent, dashNames: dashboards }), _jsx(PromoteDashboardModal, { isOpen: promoteModalIsOpen, setIsOpen: setPromoteModalIsOpen, autoPromoteVirtualTables: autoPromoteVirtualTables, setAutoPromoteVirtualTables: setAutoPromoteVirtualTables, ModalComponent: ModalPrimitive, ButtonComponent: MemoizedButton, SelectComponent: QuillSelectComponent, HeaderComponent: HeaderPrimitive, CheckboxComponent: CheckboxPrimitive, ErrorComponent: QuillErrorMessageComponent, handlePromote: async (selectedToClient) => {
-                                            await handlePromote(selectedToClient);
-                                        } })] }))] }))] })), !clientLoading &&
-                !dashboardsLoading &&
-                state.activeComponent === 'Report' && (_jsx(ReportWrapper, { isOpen: !clientLoading &&
-                    !dashboardsLoading &&
-                    state.activeComponent === 'Report', setIsOpen: (isOpen) => {
-                    dispatch({
-                        type: 'SET_ACTIVE_COMPONENT',
-                        payload: isOpen ? 'Report' : 'Dashboards',
-                    });
-                }, ModalComponent: MemoizedModal, reloadDashboard: async (reportAction) => {
-                    // hard reload the dashboard if the flags on the changed report don't match the previous ones
-                    const oldReport = Object.values(dashboardConfig?.sections ?? {})
-                        .flat()
-                        .find((report) => report.id === reportAction?.report?.id);
-                    const hardReload = reportAction?.report &&
-                        oldReport &&
-                        (!equal(oldReport.flags ?? {}, reportAction.report.flags ?? {}) ||
-                            !equal(oldReport.filterMap ?? {}, reportAction.report.filterMap ?? {}));
-                    if (hardReload) {
-                        dispatch({ type: 'SET_REPORT_ID', payload: null });
-                        dispatch({
-                            type: 'SET_ACTIVE_COMPONENT',
-                            payload: 'Dashboards',
-                        });
-                    }
-                    await reloadDashboard(state.selectedDashboard ?? undefined, hardReload, reportAction);
-                } })), state.activeComponent === 'CodePreview' && (_jsx(CodePreview, { ModalComponent: MemoizedModal, isOpen: !clientLoading &&
-                    !dashboardsLoading &&
-                    state.activeComponent === 'CodePreview', setIsOpen: (isOpen) => {
-                    dispatch({
-                        type: 'SET_ACTIVE_COMPONENT',
-                        payload: isOpen ? 'Report' : 'Dashboards',
-                    });
-                } })), _jsx(SavedQueriesModal, { ModalComponent: MemoizedModal, clientId: state.client.id, isOpen: !clientLoading &&
-                    !dashboardsLoading &&
-                    state.activeComponent === 'SavedQueries', setIsOpen: (isOpen) => {
-                    dispatch({
-                        type: 'SET_ACTIVE_COMPONENT',
-                        payload: isOpen ? 'SavedQueries' : 'Dashboards',
-                    });
-                } })] }));
-}

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

@@ -1,13 +0,0 @@
-interface EnvSelectPopoverProps {
-    clients: any[];
-    setClient: (client: any) => void;
-    client: any;
-    theme: any;
-    onSelectedEditEnvironment?: (environment: string) => void;
-    parentRef: React.RefObject<HTMLDivElement>;
-    isLoading?: boolean;
-    onCreateNewEnvironment?: () => void;
-}
-export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, onCreateNewEnvironment, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EnvSelectPopover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/public_components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,yBAAyB,EACzB,SAAS,EACT,SAAS,EACT,sBAAsB,GACvB,EAAE,qBAAqB,2CAsQvB"}