@quillsql/admin 1.6.0 → 1.6.1

package/dist/esm/modals/PromoteViewModal.js

@@ -1,71 +1,74 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { theme } from "../Admin";
-import { DropDownMenu } from "../components";
-import { useEffect, useState } from "react";
-import { QUILL_SERVER } from "../utils/constants";
+import { theme } from '../Admin';
+import { DropDownMenu } from '../components';
+import { useEffect, useRef, useState } from 'react';
+import { QUILL_SERVER } from '../utils/constants';
+import { QuillSelectComponent } from '../components/QuillSelect';
 const createStyles = (theme) => ({
     modalContent: {
-        display: "flex",
-        flexDirection: "column",
+        display: 'flex',
+        flexDirection: 'column',
     },
     modalHeader: {
-        fontWeight: "600",
+        fontWeight: '600',
         fontSize: 20,
         paddingBottom: 4,
         color: theme.primaryTextColor,
     },
     container: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "flex-start",
-        alignItems: "flex-start",
-        gap: "5px",
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'flex-start',
+        alignItems: 'flex-start',
+        gap: '5px',
         marginTop: 20,
     },
     multiContainer: {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: "20px",
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        gap: '20px',
         marginTop: 20,
     },
     header: {
         fontSize: theme.fontSize,
-        paddingTop: "0px",
-        marginTop: "0px",
-        marginBottom: "0px",
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '0px',
         fontWeight: theme.labelFontWeight,
         color: theme.primaryTextColor,
     },
     text: {
         fontSize: theme.fontSize,
-        paddingTop: "0px",
-        marginTop: "0px",
-        marginBottom: "4px",
+        paddingTop: '0px',
+        marginTop: '0px',
+        marginBottom: '4px',
         fontWeight: theme.labelFontWeight,
         color: theme.secondaryTextColor,
     },
     group: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "start",
-        gap: "5px",
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'start',
+        gap: '5px',
     },
     button: {
         flexGrow: 1,
         fontSize: theme.fontSize,
-        fontWeight: "600",
-        padding: "10px 20px",
+        fontWeight: '600',
+        padding: '10px 20px',
         marginTop: 20,
         backgroundColor: theme.primaryButtonColor,
-        borderRadius: "5px",
+        borderRadius: '5px',
         color: theme.primaryButtonTextColor,
+        width: '40px',
     },
 });
-export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }) {
+export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, parentRef, }) {
     const [modalSelectedView, setModalSelectedView] = useState(views[0]);
     const [selectedToClient, setSelectedToClient] = useState(clients[0]);
+    const modalRef = useRef(null);
     useEffect(() => {
         setModalSelectedView(views[0]);
         setSelectedToClient(clients[0]);
@@ -74,10 +77,10 @@ export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, cl
     const handlePromote = async () => {
         try {
             const response = await fetch(`${QUILL_SERVER}/promote_view/`, {
-                method: "POST",
+                method: 'POST',
                 headers: {
-                    "Content-Type": "application/json",
-                    Authorization: "Bearer ",
+                    'Content-Type': 'application/json',
+                    Authorization: 'Bearer ',
                 },
                 body: JSON.stringify({
                     viewName: modalSelectedView.name,
@@ -86,18 +89,25 @@ export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, cl
                 }),
             });
             if (!response.ok) {
-                throw new Error("API request failed");
+                throw new Error('API request failed');
             }
             const data = await response.json();
         }
         catch (error) {
-            console.error("Promotion failed:", error);
+            console.error('Promotion failed:', error);
         }
     };
-    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { children: [_jsx("div", { style: styles.modalContent, children: _jsx("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), _jsxs("div", { style: styles.container, children: [_jsx("h1", { style: styles.header, children: "SQL View:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: views, setSelected: setModalSelectedView, selected: modalSelectedView, theme: theme }) })] }), _jsxs("div", { style: styles.multiContainer, children: [_jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "From:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), _jsx("span", {}), _jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "To:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: theme }) })] })] }), _jsx("div", { style: {
-                        display: "flex",
-                        justifyContent: "center",
-                        alignItems: "center",
+    return (_jsx(ModalComponent, { isOpen: isOpen, setIsOpen: setIsOpen, title: 'Promote Changes', width: 500, children: _jsxs("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '20px',
+                boxSizing: 'border-box',
+                maxHeight: 600,
+            }, ref: modalRef, children: [_jsx(QuillSelectComponent, { options: views.map((v) => ({ label: v.name, value: v })), onChange: setModalSelectedView, value: modalSelectedView, theme: theme, label: "SQL View:" }), _jsxs("div", { style: styles.multiContainer, children: [_jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "From:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), _jsx(QuillSelectComponent, { options: clients.map((c) => ({ label: c.name, value: c })), onChange: setSelectedToClient, value: selectedToClient, theme: theme, label: "To:" })] }), _jsx("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'flex-start',
+                        alignItems: 'center',
+                        width: 200,
                     }, children: _jsx("button", { style: styles.button, onClick: () => {
                             handlePromote();
                             setIsOpen(false);

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

@@ -7,6 +7,7 @@ interface TextInputPrimitiveProps {
     theme?: QuillTheme;
     disabled?: boolean;
     width?: string;
+    password?: boolean;
 }
 declare const TextInputPrimitive: React.FC<TextInputPrimitiveProps>;
 export default TextInputPrimitive;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,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;CAChB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,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;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/primitives/TextInputPrimitive.js

@@ -1,24 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { theme as defaultTheme } from '../Admin';
-const TextInputPrimitive = ({ onChange, value, placeholder, theme = defaultTheme, disabled = false, width = '250px', }) => {
-    return (_jsx("input", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            paddingLeft: '12px',
-            paddingRight: '12px',
-            fontWeight: 'medium',
-            height: 38,
-            minWidth: width,
-            boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
-            width: '100%',
-            backgroundColor: theme?.backgroundColor || 'white',
-            color: theme?.primaryTextColor,
-            borderWidth: '1px',
-            borderColor: theme?.borderColor || '#E7E7E7',
-            borderStyle: 'solid',
-            borderRadius: '6px',
-            fontSize: 14,
-        }, disabled: disabled, onChange: onChange, value: value, placeholder: placeholder }));
+const TextInputPrimitive = ({ onChange, value, placeholder, theme = defaultTheme, disabled = false, width = '250px', password = false, }) => {
+    const [showPassword, setShowPassword] = React.useState(!password);
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("input", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    paddingLeft: '12px',
+                    paddingRight: '12px',
+                    fontWeight: 'medium',
+                    height: 38,
+                    minWidth: width,
+                    boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
+                    width: '100%',
+                    backgroundColor: theme?.backgroundColor || 'white',
+                    color: theme?.primaryTextColor,
+                    borderWidth: '1px',
+                    borderColor: theme?.borderColor || '#E7E7E7',
+                    borderStyle: 'solid',
+                    borderRadius: '6px',
+                    fontSize: 14,
+                }, type: showPassword ? 'text' : 'password', disabled: disabled, onChange: onChange, value: value, placeholder: placeholder }), password ? (_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] }));
 };
 export default TextInputPrimitive;

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

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-export default function CreateEnvironment({ navigateToDashboardManager, containerStyle, }: {
+export default function CreateEnvironment({ navigateToDashboardManager, 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 +1 @@
-{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAuClE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAsMA"}
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAuClE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,0BAA0B,EAC1B,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,2CAyMA"}

package/dist/esm/public_components/CreateEnvironment.js

@@ -19,7 +19,7 @@ const header2Style = {
     color: '#595959',
     marginBottom: '6px',
 };
-export default function CreateEnvironment({ navigateToDashboardManager, containerStyle, }) {
+export default function CreateEnvironment({ navigateToDashboardManager, onOnboardComplete, containerStyle, }) {
     const parentRef = React.useRef(null);
     const { state, dispatch } = useAdmin();
     const domainName = state.domainName;
@@ -134,5 +134,8 @@ export default function CreateEnvironment({ navigateToDashboardManager, containe
                     if (navigateToDashboardManager) {
                         navigateToDashboardManager();
                     }
+                    if (onOnboardComplete) {
+                        onOnboardComplete(client);
+                    }
                 }, domainName: domainName, clientId: clientId, state: state })) : (_jsx(StepDisplay, { label: "Create SQL Views", completed: false, header1Style: header1Style }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAY5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAgcA"}
+{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAY5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAwUA"}

package/dist/esm/public_components/DashboardBuilder.js

@@ -1,34 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useAdmin } from '../AdminProvider';
-import { convertPostgresColumn } from '../Admin';
 import { EnvSelectPopover, OrgSelect } from '../components';
 import { ReportBuilder, SQLEditor } from '@quillsql/react';
-import { QUILL_SERVER } from '../utils/constants';
 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 [customerId, setCustomerId] = useState('');
     const [isEditActive, setIsEditActive] = useState(false);
-    const [checked, setChecked] = useState(false);
-    const [selected, setSelected] = useState('');
-    const [userTyping, setUserTyping] = useState(false);
-    const inputRef = useRef(null);
-    const [filteredOptions, setFilteredOptions] = useState([]);
-    const [sqlPrompt, setSqlPrompt] = useState('');
-    const [dashboardNames, setDashboardNames] = useState([]);
-    const [selectedDashboardName, setSelectedDashboardName] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
     const [query, setQuery] = useState(state.activeQuery);
-    const [rows, setRows] = useState([]);
-    const [columns, setColumns] = useState([]);
-    const [fields, setFields] = useState([]);
-    const [errorMessage, setErrorMessage] = useState('');
-    const [sqlResponseLoading, setSqlResponseLoading] = useState(false);
     const [toggleMode, setToggleMode] = useState('SQL Editor');
+    const [selectedOrgName, setSelectedOrgName] = useState('');
     useEffect(() => {
         if (state.activeQuery) {
             setIsEditActive(true);
@@ -52,75 +36,14 @@ export default function DashboardBuilder({ navigateToDashboardManager, container
         setQuery(state.activeQuery);
     }, [state.activeQuery]);
     useEffect(() => {
-        let isSubscribed = true;
-        async function getDashNames() {
-            // If you need to retrieve the JSON data from the response:
-            const response = await fetch(`${state.queryEndpoint}`, {
-                method: 'POST',
-                headers: {
-                    ...state.queryHeaders,
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    metadata: {
-                        clientId: state.client._id,
-                        publicKey: state.client._id,
-                        task: 'dashboards',
-                        databaseType: state.client.databaseType,
-                    },
-                }),
-            });
-            const data = await response.json();
-            const dashNames = data.data.dashboardNames.filter((elem) => elem !== null);
-            setDashboardNames(dashNames);
-            setSelectedDashboardName(dashNames[0]);
-        }
-        if (isSubscribed) {
-            getDashNames();
-        }
-        return () => {
-            isSubscribed = false;
-        };
-    }, [state.environment]);
-    // const navigate = useNavigate();
-    const handleRunQuery = async () => {
-        const { _id } = state.client;
-        try {
-            const response = await fetch(`${QUILL_SERVER}/dashquery?orgId=${state.organizationId || ''}&publicKey=${_id}`, {
-                method: 'POST',
-                headers: {
-                    Authorization: `Bearer `,
-                    environment: state.environment,
-                    'Content-Type': 'application/json', // Important when sending JSON
-                },
-                body: JSON.stringify({
-                    query,
-                }),
-            });
-            const responseData = await response.json();
-            if (responseData && responseData.errorMessage) {
-                setErrorMessage('Failed to run SQL query: ' + responseData.errorMessage);
-                setRows([]);
-                setColumns([]);
-                setFields([]);
-                return;
-            }
-            setErrorMessage('');
-            setRows(responseData.rows);
-            setColumns(responseData.fields.map((elem) => convertPostgresColumn(elem)));
-            setFields(responseData.fields);
+        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);
         }
-        catch (e) {
-            console.log('ERROR: ', e);
-            return;
-        }
-    };
-    const handleAddToDashboard = () => {
-        setIsOpen(true);
-    };
-    const newRows = useMemo(() => {
-        return JSON.parse(JSON.stringify(rows));
-    }, [rows]);
+    }, [state.organizations, state.organizationId]);
     /* all your useState and useContext calls and your useEffect hooks */
     // MMTODO: idk if this is needed
     // const handleSetOrganization = (org) => {
@@ -226,78 +149,66 @@ export default function DashboardBuilder({ navigateToDashboardManager, container
                             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 })), _jsx("div", { style: {
-                        // Toggle the height of the container so they both stay in the DOM
-                        // and don't refetch when switching back and forth.
-                        height: toggleMode === 'Report Builder' ? '100%' : 0,
-                        overflow: 'hidden',
-                    }, children: _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;
+                    } })), 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_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_SELECTED_DASHBOARD',
+                                payload: dashboard,
                             });
-                            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: state.organizations.find((org) => {
-                            return (org.id && String(org.id) === String(state.organizationId));
-                        })?.name, containerStyle: {
-                            height: '100%',
-                            width: '100%',
-                        } }) }), sqlEditor && !state.databaseTypeMismatch.show && (_jsx("div", { style: {
-                        height: toggleMode === 'SQL Editor' ? '100%' : 0,
-                        overflow: 'hidden',
-                    }, children: _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;
+                            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_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: state.organizations.find((org) => {
-                            return (org.id && String(org.id) === String(state.organizationId));
-                        })?.name }) }))] }) }));
+                            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/DashboardManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA0BnE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAofA"}
+{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA2BnE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA+hBA"}