@quillsql/admin 1.7.0 → 1.7.2

package/dist/esm/components/VirtualTableTile.js

@@ -1,48 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Highlight, themes } from 'prism-react-renderer';
-export default function VirtualTableTile({ query, name, theme, }) {
-    return (_jsxs("div", { className: `table-cell-${name}`, style: {
-            flex: 1,
-            width: '100%',
-            borderRadius: 8,
-            border: '1px solid #E5E7EB',
-        }, children: [_jsx("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    padding: '0.5em 0.5em 0.5em 1em',
-                    borderBottom: '1px solid #E5E7EB',
-                    borderTopLeftRadius: 8,
-                    borderTopRightRadius: 8,
-                }, children: _jsx("h3", { style: {
-                        fontFamily: theme?.fontFamily,
-                        color: theme?.primaryTextColor,
-                        boxSizing: 'content-box',
-                        fontSize: 16,
-                        height: 32,
-                        alignContent: 'center',
-                        marginTop: 'auto',
-                        marginBottom: 'auto',
-                        fontWeight: '500',
-                        textOverflow: 'ellipsis',
-                        padding: 0,
-                        whiteSpace: 'nowrap',
-                        display: 'block',
-                        maxWidth: '100%',
-                        overflow: 'hidden',
-                    }, children: name }) }), _jsx(Highlight, { theme: themes.nightOwlLight, code: query || '', language: "sql", children: ({ className, tokens, style, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: {
-                        ...style,
-                        textAlign: 'left',
-                        padding: '1em',
-                        overflow: 'auto',
-                        height: 132,
-                        width: '100%',
-                        borderBottomLeftRadius: 8,
-                        borderBottomRightRadius: 8,
-                    }, children: tokens.map((line, i) => (_createElement("div", { ...getLineProps({ line }), key: i, style: {
-                            wordWrap: 'normal',
-                            whiteSpace: 'normal',
-                        } }, line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key)))))) })) })] }, name));
-}

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

@@ -1,6 +0,0 @@
-export { default as EnvSelectPopover } from '../public_components/EnvSelectPopover';
-export { default as OrgSelect } from './OrgSelect';
-export { default as DropDownMenu } from './DropDownMenu';
-export { default as DashboardManager } from '../public_components/DashboardManager';
-export { default as DashboardSelectPopover } from './DashboardSelectPopover';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/components/index.js

@@ -1,5 +0,0 @@
-export { default as EnvSelectPopover } from '../public_components/EnvSelectPopover';
-export { default as OrgSelect } from './OrgSelect';
-export { default as DropDownMenu } from './DropDownMenu';
-export { default as DashboardManager } from '../public_components/DashboardManager';
-export { default as DashboardSelectPopover } from './DashboardSelectPopover';

package/dist/esm/constants/dataTypes.d.ts

@@ -1,2 +0,0 @@
-export declare const ALL_INT_TYPES: string[];
-//# sourceMappingURL=dataTypes.d.ts.map

package/dist/esm/constants/dataTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataTypes.d.ts","sourceRoot":"","sources":["../../../src/constants/dataTypes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,UAmBzB,CAAC"}

package/dist/esm/constants/dataTypes.js

@@ -1,20 +0,0 @@
-export const ALL_INT_TYPES = [
-    'int4',
-    'int8',
-    'int2',
-    'integer',
-    'bigint',
-    'smallint',
-    'tinyint',
-    'byteint',
-    'real',
-    'double precision',
-    'smallserial',
-    'serial',
-    'bigserial',
-    'serial4',
-    'serial8',
-    'serial2',
-    'int64',
-    'int',
-];

package/dist/esm/forms/client_onboard/ConnectDatabase.d.ts

@@ -1,21 +0,0 @@
-import { CSSProperties } from 'react';
-import { ConnectionType } from '../../utils/databases';
-import { QuillProviderClient } from '../../Admin';
-import { ColumnsByTable } from '../../utils/table';
-export default function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    header3Style?: CSSProperties;
-    environmentDetails: {
-        connection: ConnectionType;
-        client: Partial<QuillProviderClient & {
-            schemaNames: string[];
-        }>;
-        schema?: ColumnsByTable[];
-    };
-    setEnvironmentDetails: (connectionInfo: ConnectionType, schema: ColumnsByTable[], selectedSchemaNames: string[], clientId: string) => void;
-    fetchSchemasLoading: boolean;
-    onConnectDatabase?: (clientId: string) => Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConnectDatabase.d.ts.map

package/dist/esm/forms/client_onboard/ConnectDatabase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,cAAc,EAUf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE;QAClB,UAAU,EAAE,cAAc,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC,mBAAmB,GAAG;YAAE,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;QACjE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;KAC3B,CAAC;IACF,qBAAqB,EAAE,CACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,cAAc,EAAE,EACxB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD,2CA4uBA"}

package/dist/esm/forms/client_onboard/ConnectDatabase.js

@@ -1,412 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState, } from 'react';
-import { ButtonPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../../primitives';
-import DatabaseSelector from '../../components/DatabaseSelector';
-import { DATABASE_DEFAULT_INFO, formConnectionString, getDatabaseConnectionFormat, } from '../../utils/databases';
-import { getTableColumnsBySchema, setSchemaNames, testConnectionString, } from '../../api/ConnectionClient';
-import ClipboardButton from '../../components/ClipboardButton';
-import ExternalLink from '../../components/ExternalLink';
-import QuillTab from '../../components/QuillTab';
-import { QuillMultiSelectComponentWithCombo } from '../../components/QuillMultiSelectWithCombo';
-import CardSection from '../../components/CardSection';
-// import InputLabel from '../../components/InputLabel';
-import { useAdmin } from '../../AdminProvider';
-import { quillFetch } from '../../utils/dataFetcher';
-import { useLongLoading } from '../../hooks/useLongLoading';
-export default function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }) {
-    const { state, getToken, eventTracking } = useAdmin();
-    const [error, setError] = useState(undefined);
-    const [isConnecting, setIsConnecting] = useState(false);
-    useLongLoading(isConnecting, {
-        origin: 'ConnectDatabase',
-        loadDescription: 'Connecting to database',
-    });
-    const [clientId, setClientId] = useState(environmentDetails.client.clientId);
-    const [fileLabel, setFileLabel] = useState('No file chosen');
-    const [allSchemas, setAllSchemas] = useState([]);
-    const [selectedSchemas, setSelectedSchemas] = useState(environmentDetails.client.schemaNames ?? []);
-    const credentialTabOptions = [
-        { label: 'Database Credentials', value: 'Database Credentials' },
-        { label: 'Connection String', value: 'Connection String' },
-    ];
-    const usesConnectionString = ['postgresql', 'mysql'];
-    const [credentialTab, setCredentialTab] = useState(environmentDetails.connection.connectionString &&
-        usesConnectionString.includes(environmentDetails.connection.type.toLowerCase())
-        ? 'Connection String'
-        : 'Database Credentials');
-    const [databaseConnectionDetails, setConnectionDetails] = useState(environmentDetails.connection);
-    const onDatabaseSelect = (database) => {
-        setError(undefined);
-        setConnectionDetails(getDatabaseConnectionFormat(database));
-        setCredentialTab('Database Credentials');
-    };
-    const myInputRef = useRef(null);
-    const handleButtonClick = () => {
-        // current property is a reference to the actual DOM element
-        if (myInputRef.current) {
-            myInputRef.current.click();
-        }
-    };
-    // Save the connection details to session storage so it can be restored if the user navigates away
-    useEffect(() => {
-        if (databaseConnectionDetails.type === 'BigQuery')
-            return;
-        // Redact sensitive information
-        const savedConnectionDetails = { ...databaseConnectionDetails };
-        savedConnectionDetails.connectionString = '';
-        if (databaseConnectionDetails.type === 'Databricks') {
-            savedConnectionDetails.token = '';
-        }
-        else {
-            savedConnectionDetails.password = '';
-        }
-        sessionStorage.setItem('connectionDetails', JSON.stringify(savedConnectionDetails));
-    }, [databaseConnectionDetails]);
-    const handleFileChange = (e) => {
-        // read file
-        const file = e.target.files?.[0];
-        if (!file) {
-            return 'No file selected';
-        }
-        const reader = new FileReader();
-        reader.onload = function (event) {
-            try {
-                const obj = JSON.parse(event.target.result);
-                const jsonString = JSON.stringify(obj, null, 2); // stringify with pretty print
-                setConnectionDetails({
-                    ...databaseConnectionDetails, // Cast databaseConnectionDetails to ConnectionType
-                    jsonString: jsonString,
-                });
-                setFileLabel(file.name);
-            }
-            catch (err) {
-                console.log('Error parsing JSON file', err);
-                eventTracking?.logError?.({
-                    type: 'bug', // TODO: determine type
-                    severity: 'high',
-                    message: 'Error parsing JSON file',
-                    errorMessage: err.message,
-                    errorStack: err.stack,
-                    errorData: {
-                        caller: 'ConnectDatabase',
-                        function: 'handleFileChange',
-                    },
-                });
-                setFileLabel('Error parsing JSON file');
-            }
-        };
-        reader.readAsText(file);
-    };
-    const isButtonDisabled = useMemo(() => {
-        if (databaseConnectionDetails.connectionString) {
-            return false;
-        }
-        const typedDetails = databaseConnectionDetails;
-        const databricksDetails = databaseConnectionDetails;
-        switch (databaseConnectionDetails.type) {
-            case 'PostgreSQL':
-            case 'MySQL':
-            case 'Snowflake':
-            case 'ClickHouse':
-            case 'MSSQL':
-                return (!typedDetails.user ||
-                    !typedDetails.password ||
-                    !typedDetails.host ||
-                    !(typedDetails.databaseName ||
-                        typedDetails.type.toLowerCase() === 'clickhouse') ||
-                    !(typedDetails.port ||
-                        (typedDetails.warehouse &&
-                            typedDetails.type === 'Snowflake')));
-            case 'Databricks':
-                return (!databricksDetails.host ||
-                    !databricksDetails.path ||
-                    !databricksDetails.token);
-            case 'BigQuery':
-                return !databaseConnectionDetails.jsonString;
-            default:
-                return true;
-        }
-    }, [databaseConnectionDetails, selectedSchemas]);
-    const updateConnectionString = (connectionString) => {
-        setConnectionDetails((prevDetails) => {
-            const updatedDetails = {
-                ...prevDetails,
-                connectionString: connectionString,
-            };
-            for (const key in updatedDetails) {
-                if (key !== 'type' && key !== 'connectionString') {
-                    updatedDetails[key] = '';
-                }
-            }
-            return updatedDetails;
-        });
-    };
-    const nextStep = async () => {
-        if (!clientId) {
-            return;
-        }
-        try {
-            setIsConnecting(true);
-            await setSchemaNames(state.queryEndpoint, clientId, selectedSchemas, getToken, state.queryHeaders);
-            const databaseSchema = await getTableColumnsBySchema(state.isSelfHosted, state.queryEndpoint, clientId, databaseConnectionDetails.type, getToken, selectedSchemas, state.queryHeaders).then((res) => res.columnsByTable);
-            setEnvironmentDetails(databaseConnectionDetails, databaseSchema, selectedSchemas, clientId);
-        }
-        catch (e) {
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error setting up database',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'ConnectDatabase',
-                    function: 'nextStep',
-                },
-            });
-            setError(e.message);
-        }
-        finally {
-            setTimeout(() => {
-                setIsConnecting(false);
-            }, 1000);
-        }
-    };
-    const getSchemaNames = async () => {
-        setIsConnecting(true);
-        const tempClientId = clientId ?? state.client?.clientId;
-        const { data, status, queries } = await quillFetch({
-            client: {
-                queryEndpoint: state.queryEndpoint,
-                queryHeaders: state.queryHeaders,
-                withCredentials: !!state.withCredentials,
-                clientId: tempClientId,
-            },
-            task: 'get-schema-names',
-            metadata: {
-                databaseType: databaseConnectionDetails.type,
-                newClientId: clientId,
-            },
-            getToken: getToken,
-        });
-        if (status !== 'success') {
-            setIsConnecting(false);
-            setError('Error fetching schemas');
-            return;
-        }
-        const schemas = queries?.queryResults?.[0]?.rows?.map((row) => row['schema_name'] || row['SCHEMA_NAME']);
-        setClientId(data?.clientId);
-        setAllSchemas(schemas);
-        setIsConnecting(false);
-    };
-    const testConnectionAndFormClient = async () => {
-        setError(undefined);
-        const connectionString = formConnectionString(databaseConnectionDetails);
-        setIsConnecting(true);
-        const result = await testConnectionString(state.queryEndpoint, connectionString, databaseConnectionDetails.type, getToken, clientId, state.queryHeaders);
-        if (result.success) {
-            try {
-                setConnectionDetails({
-                    ...databaseConnectionDetails,
-                    connectionString: connectionString,
-                });
-                setClientId(result.clientId);
-                setSelectedSchemas([]);
-                if (!result.schemas?.length) {
-                    setError('No schemas returned from database');
-                    setIsConnecting(false);
-                    return;
-                }
-                setAllSchemas(result.schemas);
-                onConnectDatabase?.(result.clientId);
-            }
-            catch (e) {
-                eventTracking?.logError?.({
-                    type: 'bug', // TODO: determine type
-                    severity: 'high',
-                    message: 'Error connecting to database',
-                    errorMessage: e.message,
-                    errorStack: e.stack,
-                    errorData: {
-                        caller: 'ConnectDatabase',
-                        function: 'testConnectionAndFormClient',
-                    },
-                });
-                setError("Couldn't connect to database");
-            }
-            finally {
-                setIsConnecting(false);
-            }
-        }
-        else {
-            setError(result.error);
-            setIsConnecting(false);
-        }
-    };
-    return (_jsxs("div", { style: { ...containerStyle, minWidth: 840 }, id: "connect-database-form", children: [_jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                }, children: [_jsx("h1", { style: header1Style, children: "Connect Database" }), clientId && !!selectedSchemas?.length && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }))] }), !state.isSelfHosted && (_jsxs("div", { style: { marginTop: 12 }, children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Database type" }), _jsx("div", { style: { display: 'flex', gap: 10, userSelect: 'none' }, children: DATABASE_DEFAULT_INFO.map((database) => {
-                            return (_jsx(DatabaseSelector, { onDatabaseSelect: onDatabaseSelect, databaseType: databaseConnectionDetails?.type || '', containerStyle: {
-                                    marginBottom: '12px',
-                                    ...(state.isSelfHosted && {
-                                        cursor: 'not-allowed',
-                                        pointerEvents: 'none',
-                                    }),
-                                    ...(state.isSelfHosted &&
-                                        database.value.toLowerCase() !==
-                                            environmentDetails.connection.type.toLowerCase() && {
-                                        backgroundColor: '#f5f5f5',
-                                    }),
-                                }, label: database.label, value: database.value, imageUrl: database.imageUrl, theme: state.theme }, database.label));
-                        }) })] })), databaseConnectionDetails && (_jsxs("div", { children: [!state.isSelfHosted && (_jsx("div", { children: databaseConnectionDetails.type !== 'BigQuery' ? (_jsxs("div", { children: [['MySQL', 'PostgreSQL'].includes(databaseConnectionDetails.type) && (_jsxs("div", { style: { marginTop: 16, marginBottom: 24 }, children: [_jsx("h2", { style: {
-                                                ...header2Style,
-                                                fontWeight: 600,
-                                                marginBottom: 8,
-                                            }, children: "Connection Method" }), _jsx(QuillTab, { width: "486px", modeToggleOptions: credentialTabOptions, toggleMode: credentialTab, setToggleMode: setCredentialTab })] })), credentialTab === 'Database Credentials' ? (_jsx("div", { id: "database-details-form", children: _jsx("div", { style: {
-                                            display: 'grid',
-                                            gridTemplateColumns: 'repeat(3, 1fr)',
-                                            gap: '20px',
-                                            justifyContent: 'space-between',
-                                            marginTop: '16px',
-                                        }, children: 
-                                        // get a list of types in the databaseConnectionDetails object and create a form for each
-                                        Object.entries(databaseConnectionDetails).map(([key, value]) => {
-                                            if (key !== 'connectionString' && key !== 'type')
-                                                return (_jsxs("div", { "data-testid": `quill-input-${key}`, children: [_jsx("h2", { style: {
-                                                                ...header2Style,
-                                                                fontWeight: '600',
-                                                            }, children: key
-                                                                .split(/(?=[A-Z])/)
-                                                                .map((word) => word.charAt(0).toUpperCase() +
-                                                                word.slice(1))
-                                                                .join(' ') }), _jsx(TextInputPrimitive, { onChange: (e) => {
-                                                                setConnectionDetails({
-                                                                    ...databaseConnectionDetails,
-                                                                    [key]: e.target.value,
-                                                                    connectionString: '',
-                                                                });
-                                                            }, value: value, disabled: key === 'type', password: key === 'password' ? true : false })] }, key));
-                                        }) }) })) : (_jsxs("div", { "data-testid": "quill-input-connectionString", children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Connection String" }), _jsx(TextInputPrimitive, { onChange: (e) => {
-                                                updateConnectionString(e.target.value);
-                                            }, value: databaseConnectionDetails.connectionString })] }))] })) : (_jsx("div", { style: { minWidth: 790 }, children: _jsx("div", { id: "database-details-form-bq", style: {
-                                    display: 'grid',
-                                    gridTemplateColumns: 'repeat(1, 1fr)',
-                                    gap: '20px',
-                                    justifyContent: 'space-between',
-                                    marginTop: '16px',
-                                }, children: _jsxs("div", { children: [_jsx("h2", { style: { ...header2Style, fontWeight: '600' }, children: "Service Account Json" }), _jsxs("div", { children: [_jsx("input", { title: "Upload JSON", type: "file", accept: ".json", onChange: handleFileChange, style: { display: 'none' }, id: "fileInput", "data-testid": "quill-input-fileInput", ref: myInputRef }), _jsxs("div", { style: {
-                                                        display: 'flex',
-                                                        flexDirection: 'row',
-                                                        gap: 12,
-                                                        alignItems: 'center',
-                                                    }, children: [_jsx(ButtonPrimitive, { onClick: handleButtonClick, label: 'Upload JSON' }), _jsx("span", { "data-testid": "quill-file-label", style: { ...header2Style, fontWeight: '600' }, children: fileLabel })] })] })] }) }) })) })), state.isSelfHosted ? (_jsxs("div", { style: {
-                            borderRadius: 6,
-                            padding: 12,
-                            background: '#f5f5f5',
-                            marginBottom: 18,
-                            marginTop: 18,
-                            fontSize: 14,
-                        }, children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Self-hosted Database Connection" }), _jsx("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
-                                    gap: 4,
-                                    color: state.theme?.secondaryTextColor,
-                                    fontFamily: state.theme?.fontFamily,
-                                }, children: `Using the database credentials passed into the Quill Server SDK at this endpoint: ${state.queryEndpoint}.` })] })) : (_jsxs("div", { style: {
-                            borderRadius: 6,
-                            padding: 12,
-                            background: '#f5f5f5',
-                            marginBottom: 18,
-                            marginTop: 18,
-                            fontSize: 14,
-                        }, children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600 }, children: "IP Allowlist" }), _jsxs("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
-                                    gap: 4,
-                                    color: state.theme?.secondaryTextColor,
-                                    fontFamily: state.theme?.fontFamily,
-                                }, children: ["Ensure Quill's IP is allowed to connect to your database", ' ', _jsx(ExternalLink, { href: databaseConnectionDetails.type.toLowerCase() === 'bigquery'
-                                            ? 'https://cloud.google.com/access-context-manager/docs/overview#ip-address'
-                                            : databaseConnectionDetails.type.toLowerCase() === 'mysql'
-                                                ? 'https://dev.mysql.com/doc/refman/8.0/en/grant.html'
-                                                : databaseConnectionDetails.type.toLowerCase() ===
-                                                    'snowflake'
-                                                    ? 'https://docs.snowflake.com/en/user-guide/network-policies#working-with-network-rules'
-                                                    : databaseConnectionDetails.type.toLowerCase() ===
-                                                        'sqlserver'
-                                                        ? 'https://learn.microsoft.com/en-us/sql/tools/configuration-manager/tcp-ip-properties-ip-addresses-tab?view=sql-server-ver16'
-                                                        : databaseConnectionDetails.type.toLowerCase() ===
-                                                            'clickhouse'
-                                                            ? 'https://clickhouse.com/docs/cloud/security/setting-ip-filters/'
-                                                            : 'https://www.postgresql.org/docs/current/auth-pg-hba-conf.html' })] }), _jsx(ClipboardButton, { text: "34.133.137.225", containerStyle: {
-                                    marginTop: 12,
-                                } })] })), _jsx("div", { style: {
-                            width: '100%',
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                            marginTop: '24px',
-                        }, "data-testid": "quill-connect-button", children: _jsx(ButtonPrimitive, { label: 'Connect', onClick: () => {
-                                if (state.isSelfHosted) {
-                                    getSchemaNames();
-                                }
-                                else {
-                                    testConnectionAndFormClient();
-                                }
-                            }, disabled: isButtonDisabled && !state.isSelfHosted, isLoading: isConnecting }) })] })), _jsx(ModalPrimitive, { isOpen: !!error, onClose: () => setError(undefined), style: {
-                    width: 420,
-                }, children: _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 20,
-                        fontFamily: state.theme?.fontFamily,
-                        width: '100%',
-                    }, children: [_jsx(CardSection, { children: "Failed to Connect" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsx("div", { style: {
-                                        color: 'red',
-                                        fontWeight: 600,
-                                        fontFamily: 'monospace',
-                                        border: '1px solid #e0e0e0',
-                                        padding: 8,
-                                        borderRadius: 4,
-                                        backgroundColor: '#f5f5f5',
-                                        marginBottom: 8,
-                                    }, children: error }), _jsx("strong", { children: "Double check" }), _jsxs("ul", { style: { paddingLeft: 16 }, children: [_jsx("style", { children: `
-              .error-bullet {
-                list-style-type: disc;
-                margin-left: 20px;
-              }
-            ` }), _jsx("li", { className: "error-bullet", children: "The database type is correct" }), _jsx("li", { className: "error-bullet", children: "The connection string/credentials are valid" }), _jsx("li", { className: "error-bullet", children: "Quill's IP Address is allowed to connect" }), _jsx("li", { className: "error-bullet", children: "Your database is running" })] })] }), _jsx("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'flex-end',
-                                gap: 16,
-                                width: '100%',
-                            }, children: _jsx(ButtonPrimitive, { label: "Close", onClick: () => setError(undefined) }) })] }) }), _jsx(ModalPrimitive, { isOpen: !!allSchemas?.length, onClose: () => setAllSchemas([]), style: {
-                    minWidth: '350px',
-                }, children: _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 20,
-                        width: '100%',
-                        fontFamily: state.theme?.fontFamily,
-                    }, children: [_jsx(CardSection, { children: "Connection Successful" }), _jsx("h2", { style: {
-                                fontSize: 15,
-                                fontWeight: 500,
-                                color: '#6e6e6e',
-                                marginTop: -12,
-                            }, children: "Which schemas should Quill have access to?" }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, "data-testid": "quill-schema-select", children: _jsx(QuillMultiSelectComponentWithCombo, { width: 250, options: allSchemas.map((schema) => ({
-                                    label: schema,
-                                    value: schema,
-                                })), value: selectedSchemas, onChange: (e) => setSelectedSchemas(e.target.value
-                                    .filter((x) => x !== null)
-                                    .map((x) => x.toString())) }) }), _jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'flex-end',
-                                gap: 16,
-                                width: '100%',
-                            }, children: [_jsx(SecondaryButtonPrimitive, { label: "Go Back", onClick: () => setAllSchemas([]) }), _jsx("div", { "data-testid": "quill-looks-good-button", children: _jsx(ButtonPrimitive, { label: "Looks Good", onClick: nextStep, disabled: !selectedSchemas?.length, isLoading: isConnecting || fetchSchemasLoading }) })] })] }) })] }));
-}

package/dist/esm/forms/client_onboard/ConnectSchema.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties } from 'react';
-import { ConnectionType } from '../../utils/databases';
-import { ColumnsByTable } from '../../utils/table';
-import { State } from '../../AdminProvider';
-import { TenantInit } from '../../utils/schema';
-export default function ConnectSchema({ containerStyle, header1Style, databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    databaseSchema: ColumnsByTable[];
-    connection: ConnectionType;
-    tenantInit: Partial<TenantInit>;
-    onTenantCreation: (tenantInit: TenantInit) => void;
-    clientId: string;
-    selectedSchemas: string[];
-    state: State;
-    label: string;
-    returnToConnectDatabase: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConnectSchema.d.ts.map

package/dist/esm/forms/client_onboard/ConnectSchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EAEZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EACL,KAAK,EACL,uBAAuB,GACxB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC,2CA6UA"}