@quillsql/admin 1.7.1 → 1.7.3

package/dist/cjs/forms/client_onboard/ConnectSchema.js

@@ -1,207 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ConnectSchema;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const primitives_1 = require("../../primitives");
-const useAdmin_1 = require("../../hooks/useAdmin");
-const EditTenant_1 = require("../../components/Tenants/EditTenant");
-const CardSection_1 = __importDefault(require("../../components/CardSection"));
-const useDatabaseSchema_1 = require("../../hooks/useDatabaseSchema");
-const UiComponents_1 = require("../../components/UiComponents");
-const useLongLoading_1 = require("../../hooks/useLongLoading");
-function ConnectSchema({ containerStyle, header1Style, 
-// header2Style,
-databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [formError, setFormError] = (0, react_1.useState)(undefined);
-    const [isSubmitTenantLoading, setSubmitTenantLoading] = (0, react_1.useState)(false);
-    (0, useLongLoading_1.useLongLoading)(isSubmitTenantLoading, {
-        origin: 'ConnectSchema',
-        loadDescription: 'Submitting tenant',
-    });
-    const [tenantToEdit, setTenantToEdit] = (0, react_1.useState)(tenantInit?.ownerTenant);
-    const { schema, isLoading } = (0, useDatabaseSchema_1.useDatabaseSchema)();
-    const { quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
-    const tenantRequest = async (tenant, mode, isOnboarding) => {
-        return await quillFetchWithToken({
-            client: {
-                queryEndpoint: state.queryEndpoint,
-                queryHeaders: state.queryHeaders,
-                clientId,
-                withCredentials: !!state.withCredentials,
-            },
-            task: `${mode}-tenant`,
-            metadata: {
-                clientId: tenant.clientId,
-                tenantIdToEdit: tenant?.id,
-                tenant: {
-                    ...tenant,
-                    tenantIds: undefined,
-                },
-                isOnboarding,
-            },
-            adminMode: true,
-        });
-    };
-    (0, react_1.useEffect)(() => {
-        if (!isLoading && !schema?.length) {
-            setFormError('No tables returned for your selected schemas');
-        }
-    }, [isLoading]);
-    const noTables = (0, react_1.useMemo)(() => formError === 'No tables returned for your selected schemas', [formError]);
-    const onSubmitEditTenant = async (tenant, creation, isOnboarding) => {
-        if (!tenant)
-            return;
-        setSubmitTenantLoading(true);
-        try {
-            const response = await tenantRequest(tenant, creation ? 'create' : 'edit', isOnboarding);
-            const editedTenant = {
-                ...response.data.tenant,
-                tenantIds: tenant.scope === 'database'
-                    ? undefined
-                    : response.queries.queryResults[0].rows?.map((row) => ({
-                        id: response.data.tenant.fieldType === 'number'
-                            ? Number(row[response.data.tenant.tenantField])
-                            : row[response.data.tenant.tenantField],
-                        flag: row.quill_flag,
-                        label: row.quill_label,
-                    })),
-            };
-            onTenantCreation({
-                ...tenantInit,
-                ownerTenant: editedTenant,
-            });
-            setTimeout(() => {
-                setTenantToEdit(undefined);
-            }, 50);
-        }
-        catch (e) {
-            console.log('error', e);
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error updating tenant',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'ConnectSchema',
-                    function: 'onSubmitEditTenant',
-                },
-            });
-            setFormError('Error updating tenant');
-        }
-        finally {
-            setTimeout(() => {
-                setSubmitTenantLoading(false);
-            }, 50);
-        }
-    };
-    const onValidateEditTenant = async (tenant, isOnboarding) => {
-        setSubmitTenantLoading(true);
-        try {
-            const response = await tenantRequest(tenant, 'validate', isOnboarding);
-            if (response.error) {
-                throw new Error(response.error);
-            }
-            else {
-                const tenantFieldDataType = response.queries.queryResults[0].fields.find((field) => field.name === response.data.tenant.tenantField)?.dataTypeID;
-                // Taken from convertPostgresColumn
-                const isNumber = [20, 21, 23, 700, 701, 1700].includes(tenantFieldDataType);
-                const results = response.queries.queryResults[0].rows?.map((row) => ({
-                    id: isNumber
-                        ? Number(row[response.data.tenant.tenantField])
-                        : row[response.data.tenant.tenantField],
-                    flag: row.quill_flag,
-                    label: row.quill_label,
-                }));
-                if (!results?.length) {
-                    setFormError(`No rows were returned from this ${tenant.tenantTableQuery ? 'query' : 'table'}`);
-                }
-                const uniqueIds = new Set(results?.map((r) => r.id));
-                if (uniqueIds.size < results?.length) {
-                    setFormError('Duplicate tenant IDs found in results. Each tenant must have a unique ID.');
-                    return [];
-                }
-                return results;
-            }
-        }
-        catch (e) {
-            console.log('error', e);
-            eventTracking?.logError?.({
-                type: 'bug', // TODO: determine type
-                severity: 'high',
-                message: 'Error validating tenant',
-                errorMessage: e.message,
-                errorStack: e.stack,
-                errorData: {
-                    caller: 'ConnectSchema',
-                    function: 'onValidateEditTenant',
-                },
-            });
-            setFormError('Error validating tenant');
-            return [];
-        }
-        finally {
-            setTimeout(() => {
-                setSubmitTenantLoading(false);
-            }, 50);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle }, id: "connect-database-form", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
-                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: label }), tenantInit?.ownerTenant && ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: (0, jsx_runtime_1.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" }) }))] }), databaseSchema && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: { gap: 16 }, id: "database-details-form", children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                        }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                                    fontSize: 15,
-                                    fontWeight: 500,
-                                    color: state.theme?.secondaryTextColor,
-                                    fontFamily: state.theme?.fontFamily,
-                                    paddingBottom: 20,
-                                }, children: `How do you represent your customers in your database?` }), (0, jsx_runtime_1.jsx)(EditTenant_1.EditTenant, { tenant: tenantToEdit, setTenant: (tenant) => setTenantToEdit(tenant), setCreateNewTenant: () => { }, onSubmitEditTenant: onSubmitEditTenant, onValidateEditTenant: onValidateEditTenant, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, ButtonComponent: UiComponents_1.MemoizedButton, isSubmitTenantLoading: isSubmitTenantLoading, client: {
-                                    id: clientId,
-                                    _id: clientId,
-                                    schemaNames: selectedSchemas,
-                                    databaseType: connection.type,
-                                    allTenantTypes: [],
-                                    ownerTenantFields: state.client.ownerTenantFields ?? [],
-                                }, queryEndpoint: state.queryEndpoint, ModalComponent: primitives_1.ModalPrimitive, hideDiscardChanges: true, isOnboarding: true })] }) }) })), (0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: !!formError, onClose: () => setFormError(undefined), style: {
-                    width: 420,
-                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 20,
-                        fontFamily: state.theme?.fontFamily,
-                        width: '100%',
-                    }, children: [(0, jsx_runtime_1.jsx)(CardSection_1.default, { children: noTables ? 'Schema Issue' : 'Tenant Issue' }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 5 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        color: 'red',
-                                        fontWeight: 600,
-                                        fontFamily: 'monospace',
-                                        border: '1px solid #e0e0e0',
-                                        padding: 8,
-                                        borderRadius: 4,
-                                        backgroundColor: '#f5f5f5',
-                                        marginBottom: 8,
-                                    }, children: formError }), !noTables ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Things to try" }), (0, jsx_runtime_1.jsxs)("ul", { style: { paddingLeft: 16 }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
-                .error-bullet {
-                  list-style-type: disc;
-                  margin-left: 20px;
-                }
-              ` }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "Double check you are referencing the correct table" }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "If you don't want to filter data per tenant, select \"Database Level\"" }), (0, jsx_runtime_1.jsx)("li", { className: "error-bullet", children: "Ensure the user for your connection has access to the schemas and tables that you are referencing" })] })] })) : ((0, jsx_runtime_1.jsx)("div", { children: "Try selecting different schemas or ensuring the permsissions for your connection are set properly." }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'flex-end',
-                                gap: 16,
-                                width: '100%',
-                            }, children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Close", onClick: () => {
-                                    setFormError(undefined);
-                                    if (noTables)
-                                        returnToConnectDatabase();
-                                } }) })] }) })] }));
-}

package/dist/cjs/forms/client_onboard/CreateVirtualTables.d.ts

@@ -1,40 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColumnsByTable } from '../../utils/table';
-import { ConnectionType } from '../../utils/databases';
-import { State } from '../../models/AdminContext';
-import { QuillProviderClient } from '@quillsql/react/dist/cjs/models/Client';
-import { TenantInit } from '../../utils/schema';
-export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    databaseSchema: ColumnsByTable[];
-    environmentDetails?: ConnectionType;
-    completeOnboarding: () => void;
-    client: Partial<QuillProviderClient>;
-    state: State;
-    tenantInit: Partial<TenantInit>;
-    isLoading: boolean;
-    sqlTables: {
-        name: string;
-        viewQuery: string;
-    }[];
-    setSqlTables: (e: {
-        name: string;
-        viewQuery: string;
-    }[]) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }: {
-    isOpen: boolean;
-    setIsOpen: (e: boolean) => void;
-    queryInfo: {
-        name: string;
-        query: string;
-    };
-    setQueryInfo: (e: {
-        name: string;
-        query: string;
-    }) => void;
-    addVirtualTable: (e: boolean) => Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CreateVirtualTables.d.ts.map

package/dist/cjs/forms/client_onboard/CreateVirtualTables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateVirtualTables.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateVirtualTables.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAkB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUvD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,MAAM,EACN,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,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,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;CAClE,2CA2jBA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,2CA2HA"}

package/dist/cjs/forms/client_onboard/CreateVirtualTables.js

@@ -1,385 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CreateVirtualTables;
-exports.VirtualTableModal = VirtualTableModal;
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_2 = require("react");
-const primitives_1 = require("../../primitives");
-const ConnectionClient_1 = require("../../api/ConnectionClient");
-const VirtualTableTile_1 = __importDefault(require("../../components/VirtualTableTile"));
-const SqlTextEditor_1 = __importDefault(require("../../components/SqlTextEditor"));
-const react_3 = require("@quillsql/react");
-const UiComponents_1 = require("../../components/UiComponents");
-const columnProcessing_1 = require("../../utils/columnProcessing");
-const useAdmin_1 = require("../../hooks/useAdmin");
-const constants_1 = require("../../utils/constants");
-const prism_react_renderer_1 = require("prism-react-renderer");
-const useLongLoading_1 = require("../../hooks/useLongLoading");
-const TenantFieldModal_1 = __importDefault(require("../../modals/TenantFieldModal"));
-function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }) {
-    const [queryInfo, setQueryInfo] = (0, react_2.useState)({
-        name: '',
-        query: '',
-    });
-    const [aiPrompt, setAIPrompt] = (0, react_2.useState)('');
-    const [errorInfo, setErrorInfo] = (0, react_2.useState)({ status: false, msg: '' });
-    const [sqlQueryError, setSqlQueryInfo] = (0, react_2.useState)({ status: false, msg: '' });
-    const [tableData, setTableData] = (0, react_2.useState)(undefined);
-    const [virtualTableModalOpen, setVirtualTableModalOpen] = (0, react_2.useState)(false);
-    const [openModalButtonLoading, setOpenModalButtonLoading] = (0, react_2.useState)(false);
-    const [askAIButtonLoading, setAskAIButtonLoading] = (0, react_2.useState)(false);
-    const [runQueryButtonLoading, setRunQueryButtonLoading] = (0, react_2.useState)(false);
-    (0, useLongLoading_1.useLongLoading)(openModalButtonLoading, {
-        origin: 'CreateVirtualTables',
-        loadDescription: 'Opening virtual table modal',
-    });
-    (0, useLongLoading_1.useLongLoading)(askAIButtonLoading, {
-        origin: 'CreateVirtualTables',
-        loadDescription: 'Asking AI',
-    });
-    (0, useLongLoading_1.useLongLoading)(runQueryButtonLoading, {
-        origin: 'CreateVirtualTables',
-        loadDescription: 'Running query',
-    });
-    const [failingTenant, setFailingTenant] = (0, react_2.useState)(undefined);
-    const [failingTenantErrorType, setFailingTenantErrorType] = (0, react_2.useState)(undefined);
-    const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
-    const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(databaseSchema);
-    const middleColumn = (0, react_2.useRef)(null);
-    const { getToken, quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
-    (0, react_2.useEffect)(() => {
-        const scrollToBottom = () => {
-            // Scroll to the bottom of the container (or page)
-            document
-                .getElementById('create-virtual-table')
-                ?.scrollIntoView({ behavior: 'smooth' });
-        };
-        // Ensuring that the scroll happens after layout updates
-        const timeoutId = setTimeout(scrollToBottom, 0);
-        return () => clearTimeout(timeoutId); // Cleanup the timeout if the component unmounts
-    }, []);
-    (0, react_2.useEffect)(() => {
-        if (!tableData || !middleColumn.current) {
-            return;
-        }
-        middleColumn.current.scrollTop = middleColumn.current.scrollHeight;
-    }, [tableData]);
-    const addVirtualTable = async (override) => {
-        const tenantField = tenantInit.ownerTenant?.tenantField ??
-            client.allTenantTypes?.[0]?.tenantField;
-        if (!tenantField) {
-            throw new Error('Your tenant is not set up correctly, please redo step 2');
-        }
-        const results = await (0, ConnectionClient_1.createVirtualTable)(queryInfo, client, tableData, sqlTables?.map((e) => {
-            return e.name;
-        }) ?? [], client.clientId, tenantField === constants_1.SINGLE_TENANT || override ? [] : [tenantField], state.queryEndpoint, state.queryHeaders, getToken);
-        if (results.failingTenant) {
-            setFailingTenant(results.failingTenant);
-            setFailingTenantErrorType(results.failingTenantErrorType);
-            return;
-        }
-        if (results.success && results.tables) {
-            setSqlQueryInfo({ msg: '', status: false });
-            setSqlTables(results.tables);
-            setQueryInfo({ name: '', query: '' });
-        }
-        else {
-            setSqlQueryInfo({ msg: results.message, status: true });
-        }
-        setTableData(undefined);
-    };
-    const handleClickSchemaItem = async (event) => {
-        const name = event.target.textContent;
-        if (!name) {
-            return;
-        }
-        let databaseType = 'postgresql';
-        if (environmentDetails && environmentDetails.type) {
-            databaseType = environmentDetails.type;
-        }
-        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, databaseType)};`;
-        if (!queryInfo.query || queryInfo.query.length === 0) {
-            setQueryInfo({ name: queryInfo.name, query: newQuery });
-        }
-        await navigator.clipboard.writeText(newQuery);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            ...containerStyle,
-            display: 'flex',
-            flexDirection: 'column',
-            minWidth: 900,
-            maxWidth: '95vw',
-            width: '100%',
-        }, id: "create-virtual-table", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    padding: 20,
-                    paddingBottom: 12,
-                    height: 92,
-                    maxHeight: 92,
-                    minHeight: 92,
-                }, children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: "Create Virtual Tables" }), (0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style }, children: "Create a cleaned schema that makes it easier to write queries." })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    borderTop: 'solid 1px #e7e7e7',
-                    height: 'calc(100vh - 150px)',
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            height: '100%',
-                            paddingBottom: 10,
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                    paddingLeft: '20px',
-                                    paddingRight: '30px',
-                                    height: 70,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    paddingTop: 6,
-                                }, children: (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { placeholder: "Filter tables...", 
-                                    // @ts-ignore
-                                    onChange: (e) => {
-                                        setTableSearchQuery(e.target.value);
-                                        setDisplayedTableData(databaseSchema.filter((table) => {
-                                            return (table.tableName
-                                                ?.toLowerCase()
-                                                ?.includes(e.target.value.toLowerCase().trim()) ||
-                                                table.columns.some((col) => col.field
-                                                    ?.toLowerCase()
-                                                    ?.includes(e.target.value.toLowerCase().trim())));
-                                        }));
-                                    }, value: tableSearchQuery, width: "200px" }) }), (0, jsx_runtime_1.jsx)(react_3.SchemaListComponent, { schema: displayedTableData, theme: state.theme, width: '250px', loading: false, LoadingComponent: UiComponents_1.LoadingSpinner, onClick: handleClickSchemaItem, style: { overflowY: 'auto' } })] }), (0, jsx_runtime_1.jsxs)("div", { id: "form-editor-table", ref: middleColumn, style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            width: 'calc(100% - 500px)',
-                            minWidth: 300,
-                            // height: 'calc(100vh - 302px)',
-                            overflowY: 'scroll',
-                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    gap: 12,
-                                    paddingLeft: 16,
-                                    paddingRight: 16,
-                                    height: 70,
-                                }, children: [(0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
-                                            setAIPrompt(e.target.value);
-                                        }, placeholder: 'Describe a query...', value: aiPrompt }), (0, jsx_runtime_1.jsx)(UiComponents_1.QuillToolTip, { text: aiPrompt.trim().length > 500
-                                            ? 'Prompt must be less than 500 characters'
-                                            : '', enabled: aiPrompt.trim().length > 500, textStyle: {
-                                            maxWidth: '90px',
-                                            whiteSpace: 'normal',
-                                        }, displayBelow: true, children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: 'Ask AI', isLoading: askAIButtonLoading, onClick: async () => {
-                                                setAskAIButtonLoading(true);
-                                                const results = await (0, ConnectionClient_1.getQueryFromAiWithConnection)(state.isSelfHosted, databaseSchema, state.queryEndpoint, aiPrompt, client.clientId, getToken, client.schemaNames, state.queryHeaders);
-                                                setQueryInfo({ name: queryInfo.name, query: results });
-                                                setAskAIButtonLoading(false);
-                                            }, style: { width: '90px' }, disabled: aiPrompt.trim().length > 500 }) })] }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "quill-sql-text-editor", children: (0, jsx_runtime_1.jsx)(SqlTextEditor_1.default, { value: queryInfo.query, setValue: (e) => {
-                                        setQueryInfo({ name: queryInfo.name, query: e });
-                                    }, setEditorMounted: () => { }, containerStyle: {
-                                        paddingLeft: 16,
-                                        paddingRight: 16,
-                                        marginTop: 2,
-                                    }, schema: databaseSchema, databaseType: environmentDetails?.type, resizable: false }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    paddingTop: 12,
-                                    paddingLeft: 16,
-                                    paddingRight: 16,
-                                    height: 70,
-                                }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: 'Run query', isLoading: runQueryButtonLoading, onClick: async () => {
-                                            setRunQueryButtonLoading(true);
-                                            const getSqlResults = await (0, ConnectionClient_1.getVirtualTableData)(client.clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint, getToken, eventTracking, client.queryHeaders);
-                                            if (!getSqlResults.success) {
-                                                setErrorInfo({ status: true, msg: getSqlResults.error });
-                                            }
-                                            else {
-                                                setErrorInfo({ status: false, msg: '' });
-                                                setTableData(getSqlResults);
-                                            }
-                                            setRunQueryButtonLoading(false);
-                                        } }), errorInfo.status ? ((0, jsx_runtime_1.jsx)("h2", { style: {
-                                            ...header2Style,
-                                            color: 'red',
-                                            paddingLeft: '12px',
-                                            height: 40,
-                                            alignItems: 'center',
-                                            display: 'flex',
-                                            justifyContent: 'center',
-                                        }, children: errorInfo.msg })) : ((0, jsx_runtime_1.jsx)("div", {}))] }), !errorInfo.status && tableData && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                    paddingLeft: 16,
-                                    paddingRight: 16,
-                                    height: 'calc(100vh - 539px)',
-                                }, children: [(0, jsx_runtime_1.jsx)(react_3.Table, { rows: tableData.rows, columns: tableData.fields, containerStyle: {
-                                            width: '100%',
-                                            height: 270,
-                                        }, hideCSVDownloadButton: true, isLoading: runQueryButtonLoading }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                            width: '100%',
-                                            display: 'flex',
-                                            justifyContent: 'space-between',
-                                            alignItems: 'center',
-                                            height: 70,
-                                        }, children: [sqlQueryError.status ? ((0, jsx_runtime_1.jsx)("h2", { style: {
-                                                    ...header2Style,
-                                                    color: 'red',
-                                                    paddingTop: '12px',
-                                                    // textTransform: 'capitalize',
-                                                }, children: sqlQueryError.msg })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)("div", { "data-testid": "add-virtual-table-button", children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Add Virtual Table", isLoading: openModalButtonLoading, disabled: !!failingTenant, onClick: async () => {
-                                                        setOpenModalButtonLoading(true);
-                                                        const duplicateColumns2 = (0, columnProcessing_1.getDuplicateColumns)(tableData?.fields);
-                                                        if (duplicateColumns2.length > 0) {
-                                                            alert(`Ambiguous column names found. Either use aliases or remove the column to make every column name unique: \n\n${duplicateColumns2.join('\n')}`);
-                                                            setOpenModalButtonLoading(false);
-                                                            return;
-                                                        }
-                                                        const clientId = client?.publicKey || client?.clientId;
-                                                        if (!clientId) {
-                                                            // Shouldn't have reached this point without a public key
-                                                            // If we were to call astify without a public key, the database type would be unknown
-                                                            return;
-                                                        }
-                                                        const localURL = client.queryEndpoint ?? state.queryEndpoint;
-                                                        const { data: queryAstRaw } = await quillFetchWithToken({
-                                                            client: {
-                                                                queryEndpoint: localURL,
-                                                                clientId,
-                                                                withCredentials: !!state.withCredentials,
-                                                                queryHeaders: state.queryHeaders,
-                                                            },
-                                                            task: 'astify',
-                                                            metadata: {
-                                                                query: queryInfo.query,
-                                                                clientId: client?.publicKey || client?.clientId,
-                                                                useNewNodeSql: true,
-                                                            },
-                                                            adminMode: true,
-                                                        });
-                                                        if (queryAstRaw.success !== false) {
-                                                            const queryAst = queryAstRaw.ast[0]
-                                                                ? queryAstRaw.ast[0]
-                                                                : queryAstRaw.ast;
-                                                            const queryName = queryAst.from
-                                                                .map((ast) => ast.table.toLowerCase())
-                                                                .join('_');
-                                                            setQueryInfo({
-                                                                name: queryName,
-                                                                query: queryInfo.query,
-                                                            });
-                                                        }
-                                                        setOpenModalButtonLoading(false);
-                                                        setVirtualTableModalOpen(true);
-                                                    } }) })] })] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                            width: '400px',
-                            // background: '#fafafa',
-                            borderLeft: 'solid 1px #e7e7e7',
-                            // height: '100%',
-                        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                                    ...header1Style,
-                                    color: '#212121',
-                                    paddingLeft: 16,
-                                    height: 70,
-                                    background: 'white',
-                                    borderBottom: 'solid 1px #e7e7e7',
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    justifyContent: 'center',
-                                    alignItems: 'flex-start',
-                                    marginBottom: 0,
-                                }, children: "Virtual Tables" }), sqlTables?.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    gap: '10px',
-                                    overflow: 'scroll',
-                                    height: 'calc(100vh - 302px)',
-                                    paddingTop: '12px',
-                                    paddingLeft: '20px',
-                                    paddingRight: '20px',
-                                }, children: [sqlTables?.map((e) => {
-                                        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(VirtualTableTile_1.default, { name: e.name, query: e.viewQuery, theme: state.theme }) }, e.name));
-                                    }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: 12, paddingRight: 12 }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                        display: 'flex',
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                        border: 'dashed 1px #C5C5C5',
-                                        marginTop: '12px',
-                                        borderRadius: 6,
-                                        height: 200,
-                                    }, children: (0, jsx_runtime_1.jsxs)("h2", { style: {
-                                            ...header2Style,
-                                            display: 'flex',
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                            color: '#565656',
-                                            textAlign: 'center',
-                                        }, children: ['No virtual tables created yet.', (0, jsx_runtime_1.jsx)("br", {}), 'Create one with the SQL editor.'] }) }) })), (sqlTables?.length ?? 0) > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                                    display: 'flex',
-                                    justifyContent: 'flex-end',
-                                    flexDirection: 'row',
-                                    alignItems: 'center',
-                                    height: 70,
-                                    paddingRight: 12,
-                                    background: 'white',
-                                    borderTop: 'solid 1px #e7e7e7',
-                                }, children: (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Looks good", onClick: () => {
-                                        completeOnboarding();
-                                    }, style: {
-                                    // marginBottom: -8,
-                                    }, isLoading: isLoading }) })) : null] })] }), (0, jsx_runtime_1.jsx)(TenantFieldModal_1.default, { isOpen: !!failingTenant, setClosed: () => setFailingTenant(undefined), tenant: failingTenant, onOverride: () => addVirtualTable(true), errorType: failingTenantErrorType }), (0, jsx_runtime_1.jsx)(VirtualTableModal, { isOpen: virtualTableModalOpen, setIsOpen: setVirtualTableModalOpen, queryInfo: queryInfo, setQueryInfo: setQueryInfo, addVirtualTable: () => addVirtualTable(false) })] }));
-}
-function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQueryInfo, addVirtualTable, }) {
-    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
-    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, onClose: () => {
-            setIsOpen(false);
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                        fontSize: 24,
-                        fontFamily: theme.fontFamily,
-                        fontWeight: 600,
-                        color: '#212121',
-                        paddingBottom: 20,
-                    }, children: "Add Virtual Table" }), (0, jsx_runtime_1.jsx)("h3", { style: {
-                        fontWeight: '600',
-                        fontFamily: theme.fontFamily,
-                        fontSize: '14px',
-                        marginBottom: '6px',
-                        color: '#212121',
-                    }, children: "Name" }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { ref: (e) => {
-                        e?.focus();
-                    }, value: queryInfo.name, onChange: (e) => {
-                        setQueryInfo({ name: e.target.value, query: queryInfo.query });
-                    }, placeholder: "Name..." }), (0, jsx_runtime_1.jsx)("h3", { style: {
-                        fontWeight: '600',
-                        fontFamily: theme.fontFamily,
-                        fontSize: '14px',
-                        marginBottom: '6px',
-                        marginTop: '12px',
-                        color: '#212121',
-                    }, children: "Query" }), (0, jsx_runtime_1.jsx)(prism_react_renderer_1.Highlight, { theme: prism_react_renderer_1.themes.nightOwlLight, code: queryInfo.query || '', language: "sql", children: ({ className, tokens, style, getLineProps, getTokenProps }) => ((0, jsx_runtime_1.jsx)("pre", { className: className, style: {
-                            ...style,
-                            textAlign: 'left',
-                            padding: '1em',
-                            overflow: 'auto',
-                            height: 132,
-                            maxWidth: 460,
-                            borderRadius: 8,
-                            position: 'relative',
-                        }, children: tokens.map((line, i) => ((0, react_1.createElement)("div", { ...getLineProps({ line }), key: i, style: {
-                                wordWrap: 'normal',
-                                whiteSpace: 'normal',
-                            } }, line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token }) }, key)))))) })) }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: '12px',
-                        justifyContent: 'flex-end',
-                        marginTop: '12px',
-                    }, children: [(0, jsx_runtime_1.jsx)(primitives_1.SecondaryButtonPrimitive, { label: "Cancel", onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Confirm", variant: "primary", onClick: () => {
-                                if (!/^[a-z0-9_]+$/.test(queryInfo.name)) {
-                                    alert('Names can only include lowercase letters, numbers, and underscores');
-                                    return;
-                                }
-                                addVirtualTable(false);
-                                setIsOpen(false);
-                            } })] })] }) }));
-}

package/dist/cjs/forms/client_onboard/__tests__/ConnectDatabase.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=ConnectDatabase.test.d.ts.map