@quillsql/admin 1.6.1 → 1.6.2

package/dist/esm/public_components/DashboardBuilder.js

@@ -1,214 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { useAdmin } from '../AdminProvider';
-import { EnvSelectPopover, OrgSelect } from '../components';
-import { ReportBuilder, SQLEditor } from '@quillsql/react';
-import Banner from '../components/Banner';
-import DatabaseMismatchCard from '../components/DatabaseMismatchCard';
-const modeToggleOptions = ['SQL Editor', 'Report Builder'];
-export default function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEditor = true, }) {
-    const parentRef = useRef(null);
-    const { state, dispatch } = useAdmin();
-    const [isEditActive, setIsEditActive] = useState(false);
-    const [query, setQuery] = useState(state.activeQuery);
-    const [toggleMode, setToggleMode] = useState('SQL Editor');
-    const [selectedOrgName, setSelectedOrgName] = useState('');
-    useEffect(() => {
-        if (state.activeQuery) {
-            setIsEditActive(true);
-        }
-        else {
-            setIsEditActive(false);
-        }
-    }, [state.activeQuery]);
-    useEffect(() => {
-        if (navigateToDashboardManager) {
-            dispatch({
-                type: 'SET_NAVIGATE_TO_DASHBOARD_MANAGER',
-                payload: navigateToDashboardManager,
-            });
-        }
-        else {
-            console.warn('navigateToDashboardManager is undefined');
-        }
-    }, [navigateToDashboardManager]);
-    useEffect(() => {
-        setQuery(state.activeQuery);
-    }, [state.activeQuery]);
-    useEffect(() => {
-        const selectedOrg = state.organizations.find((org) => {
-            const orgId = org.id ? org.id : org.ID;
-            return orgId && String(orgId) === String(state.organizationId);
-        });
-        if (selectedOrg) {
-            setSelectedOrgName(selectedOrg.name ? selectedOrg.name : selectedOrg.NAME);
-        }
-    }, [state.organizations, state.organizationId]);
-    /* all your useState and useContext calls and your useEffect hooks */
-    // MMTODO: idk if this is needed
-    // const handleSetOrganization = (org) => {
-    //     setOrganization(null);
-    //     setTimeout(() => setOrganization(org), 50);
-    // };
-    return (_jsx("div", { style: {
-            // display: "flex",
-            // flexDirection: "column",
-            // paddingTop: "70px",
-            // paddingLeft: "30px",
-            // paddingRight: "30px",
-            ...containerStyle,
-        }, ref: parentRef, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [_jsx("div", { style: {
-                        //   width: 'calc(100vw - 30px)',
-                        display: 'flex',
-                        // position: "fixed",
-                        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,
-                        // boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
-                        //   paddingRight: '50px',
-                        //   position: 'absolute'
-                        //   // zIndex: 10
-                    }, 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 }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h1", { style: {
-                                                    fontSize: '14px',
-                                                    paddingTop: '0px',
-                                                    marginTop: '0px',
-                                                    marginBottom: '4px',
-                                                    fontWeight: '600',
-                                                    color: state.theme.secondaryTextColor,
-                                                    fontFamily: state.theme.fontFamily,
-                                                    userSelect: 'none',
-                                                }, children: "Environment" }), _jsx(EnvSelectPopover, { setEnvironment: (env) => {
-                                                    dispatch({ type: 'SET_ENVIRONMENT', payload: env });
-                                                }, environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: false })] }), _jsx("div", { style: { display: 'flex', marginTop: 'auto', height: 38 }, children: _jsx("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'row',
-                                                alignItems: 'center',
-                                                borderRadius: '0.25rem',
-                                                borderStyle: 'none',
-                                                outlineStyle: 'none',
-                                                background: '#F9FAFB',
-                                                paddingLeft: 3,
-                                                paddingRight: 3,
-                                                paddingTop: 4,
-                                                paddingBottom: 4,
-                                            }, children: modeToggleOptions.map((label) => (_jsx("button", { onClick: () => setToggleMode(label), style: {
-                                                    borderRadius: '0.25rem',
-                                                    borderWidth: '1px',
-                                                    fontSize: '14px',
-                                                    outlineStyle: 'none',
-                                                    transitionProperty: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform',
-                                                    transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
-                                                    transitionDuration: '300ms',
-                                                    margin: '0px',
-                                                    paddingTop: '0.375rem',
-                                                    paddingBottom: '0.375rem',
-                                                    paddingLeft: '0.75rem',
-                                                    paddingRight: '0.75rem',
-                                                    ...(label === toggleMode
-                                                        ? {
-                                                            fontWeight: 600,
-                                                            backgroundColor: '#ffffff',
-                                                            boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-                                                            color: '#212121',
-                                                            borderColor: '#e7e7e7',
-                                                        }
-                                                        : {
-                                                            borderColor: 'transparent',
-                                                            fontWeight: 500,
-                                                            backgroundColor: 'transparent',
-                                                            color: '#606572',
-                                                        }),
-                                                }, children: label }, label))) }) })] }), !state.databaseTypeMismatch.show && (_jsx(OrgSelect, { environment: state.environment, setEnvironment: (env) => {
-                                    dispatch({ type: 'SET_ENVIRONMENT', payload: env });
-                                }, organizations: state.organizations, organizationId: state.organizationId, setOrganizationId: (orgId) => {
-                                    dispatch({ type: 'SET_ORGANIZATION_ID', payload: orgId });
-                                }, theme: state.theme, parentRef: parentRef }))] }) }), isEditActive && (_jsx(Banner, { onExit: () => {
-                        const msg = 'Are you sure you want to exit edit mode? Your changes will not be saved.';
-                        if (!confirm(msg))
-                            return;
-                        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-                        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-                    } })), state.databaseTypeMismatch.show && (_jsx(DatabaseMismatchCard, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })), toggleMode === 'Report Builder' ? (_jsx(ReportBuilder, { isAdminEnabled: true, 
-                    // initialTableName={state.tables.length > 0 && state.tables[0]!.name}
-                    onSubmitCreateReport: (report) => {
-                        const dashboard = state.dashboards.find((dash) => {
-                            return dash.name === report.dashboardName;
-                        });
-                        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-                        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-                        if (state.navigateToDashboardManager) {
-                            dispatch({
-                                type: 'SET_ACTIVE_COMPONENT',
-                                payload: 'Dashboards',
-                            });
-                            dispatch({
-                                type: 'SET_SELECTED_DASHBOARD',
-                                payload: dashboard,
-                            });
-                            state.navigateToDashboardManager();
-                        }
-                    }, onSubmitEditReport: (report) => {
-                        const dashboard = state.dashboards.find((dash) => {
-                            return dash.name === report.dashboardName;
-                        });
-                        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-                        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-                        if (state.navigateToDashboardManager) {
-                            dispatch({
-                                type: 'SET_ACTIVE_COMPONENT',
-                                payload: 'Dashboards',
-                            });
-                            dispatch({
-                                type: 'SET_SELECTED_DASHBOARD',
-                                payload: dashboard,
-                            });
-                            state.navigateToDashboardManager();
-                        }
-                    }, organizationName: selectedOrgName, containerStyle: {
-                        height: '100%',
-                        width: '100%',
-                    } })) : (_jsx(SQLEditor, { isChartBuilderEnabled: true, showAccessControlOptions: true, showDateFieldOptions: true, showTableFormatOptions: true, defaultQuery: query, addToDashboardButtonLabel: state.activeQuery ? 'Save changes' : 'Add to dashboard', chartBuilderTitle: state.activeQuery ? 'Save changes' : 'Add to dashboard', report: state.activeQuery ? state.activeEditItem : undefined, onAddToDashboardComplete: (report) => {
-                        const dashboard = state.dashboards.find((dash) => {
-                            return dash.name === report.dashboardName;
-                        });
-                        dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-                        dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-                        if (state.navigateToDashboardManager) {
-                            dispatch({
-                                type: 'SET_ACTIVE_COMPONENT',
-                                payload: 'Dashboards',
-                            });
-                            dispatch({
-                                type: 'SET_SELECTED_DASHBOARD',
-                                payload: dashboard,
-                            });
-                            state.navigateToDashboardManager();
-                        }
-                    }, containerStyle: {
-                        height: '100%',
-                        width: '100%',
-                        // paddingRight: 25,
-                        // paddingTop: 25,
-                    }, organizationName: selectedOrgName }))] }) }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"SQLViewManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/SQLViewManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAmCnE,eAAO,MAAM,mBAAmB,aAAc,GAAG,EAAE,aAalD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA8eA"}