@quillsql/admin 1.6.1 → 1.6.3

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

@@ -1,250 +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.ForeignKeyModal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const primitives_1 = require("../../primitives");
-const ConnectionClient_1 = require("../../api/ConnectionClient");
-const SqlViewTile_1 = __importDefault(require("../../components/SqlViewTile"));
-const SqlTextEditor_1 = __importDefault(require("../../components/SqlTextEditor"));
-const react_2 = require("@quillsql/react");
-const UiComponents_1 = require("../../components/UiComponents");
-const SQLViewManager_1 = require("../../public_components/SQLViewManager");
-const columnProcessing_1 = require("../../utils/columnProcessing");
-function CreateSQLViews({ containerStyle, header1Style, header2Style, columnsByTable, environmentDetails, allSchemaInfo, domainName, completeOnboarding, clientId, state, }) {
-    const [selectedTable, setSelectedTable] = (0, react_1.useState)(undefined);
-    const [queryInfo, setQueryInfo] = (0, react_1.useState)({
-        name: '',
-        query: '',
-    });
-    const [aiPrompt, setAIPrompt] = (0, react_1.useState)('');
-    const [errorInfo, setErrorInfo] = (0, react_1.useState)({ status: false, msg: '' });
-    const [sqlQueryError, setSqlQueryInfo] = (0, react_1.useState)({ status: false, msg: '' });
-    const [tableData, setTableData] = (0, react_1.useState)(undefined);
-    const [client, setClient] = (0, react_1.useState)(undefined);
-    const [sqlTables, setSqlTables] = (0, react_1.useState)([]);
-    const [askAIButtonLoading, setAskAIButtonLoading] = (0, react_1.useState)(false);
-    const [runQueryButtonLoading, setRunQueryButtonLoading] = (0, react_1.useState)(false);
-    const [showFKModal, setShowFKModal] = (0, react_1.useState)(false);
-    const [tableSearchQuery, setTableSearchQuery] = (0, react_1.useState)('');
-    const [displayedTableData, setDisplayedTableData] = (0, react_1.useState)(columnsByTable);
-    const addSqlView = async (override) => {
-        const results = await (0, ConnectionClient_1.createSQLView)(environmentDetails, allSchemaInfo, columnsByTable, queryInfo, client, domainName, tableData, sqlTables.map((e) => {
-            return e.name;
-        }), override, clientId);
-        if (results.throwModal) {
-            setShowFKModal(true);
-            return;
-        }
-        if (results.success) {
-            setSqlQueryInfo({ msg: '', status: false });
-            setClient(results.client);
-            setSqlTables(results.tables);
-        }
-        else {
-            setSqlQueryInfo({ msg: results.message, status: true });
-        }
-    };
-    const handleClickSchemaItem = async (event) => {
-        const name = event.target.textContent;
-        if (!name) {
-            return;
-        }
-        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, environmentDetails?.type)};`;
-        if (!queryInfo.query || queryInfo.query.length === 0) {
-            setQueryInfo({ name: queryInfo.name, query: newQuery });
-        }
-        await navigator.clipboard.writeText(newQuery);
-    };
-    (0, react_1.useEffect)(() => {
-        window.scrollTo({
-            behavior: 'smooth',
-            top: 900,
-        });
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            ...containerStyle,
-            display: 'flex',
-            flexDirection: 'column',
-            minWidth: 900,
-        }, id: "create-sql-view", 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: "Add SQL Views" }), (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 - 143px)',
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                    paddingLeft: '20px',
-                                    paddingRight: '30px',
-                                    height: 70,
-                                    minHeight: 70,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                }, children: (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { placeholder: "Search...", 
-                                    // @ts-ignore
-                                    onChange: (e) => {
-                                        setTableSearchQuery(e.target.value);
-                                        setDisplayedTableData(columnsByTable.filter((table) => table.tableName
-                                            .toLowerCase()
-                                            .includes(e.target.value.toLowerCase().trim())));
-                                    }, value: tableSearchQuery, width: "180px" }) }), (0, jsx_runtime_1.jsx)(react_2.SchemaListComponent, { schema: displayedTableData, theme: state.theme, width: '300px', loading: false, LoadingComponent: UiComponents_1.LoadingSpinner, onClick: handleClickSchemaItem })] }), (0, jsx_runtime_1.jsxs)("div", { id: "form-editor-table", style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            width: 'calc(100% - 600px)',
-                            minWidth: 300,
-                        }, 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)(primitives_1.ButtonPrimitive, { label: 'Ask AI', isLoading: askAIButtonLoading, onClick: async () => {
-                                            setAskAIButtonLoading(true);
-                                            const results = await (0, ConnectionClient_1.getQueryFromAiWithConnection)(aiPrompt, clientId, allSchemaInfo?.selectedFields.schema
-                                                ? [allSchemaInfo?.selectedFields.schema]
-                                                : undefined);
-                                            setQueryInfo({ name: queryInfo.name, query: results });
-                                            setAskAIButtonLoading(false);
-                                        }, style: { width: '90px' } })] }), (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 }, schema: displayedTableData, databaseType: environmentDetails?.type, previousProvider: null }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    justifyContent: 'space-between',
-                                    alignItems: 'center',
-                                    paddingLeft: 16,
-                                    paddingRight: 16,
-                                    height: 70,
-                                }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: 'Run query', onClick: async () => {
-                                            setRunQueryButtonLoading(true);
-                                            const getSqlResults = await (0, ConnectionClient_1.getSqlViewData)(clientId, queryInfo.query, environmentDetails.type, state.queryEndpoint);
-                                            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',
-                                            paddingTop: '12px',
-                                            textTransform: 'capitalize',
-                                        }, 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 - 515px)',
-                                }, children: [(0, jsx_runtime_1.jsx)(react_2.Table, { rows: tableData.rows, columns: tableData.fields, containerStyle: {
-                                            height: 'calc(100vh - 589px)',
-                                            width: '100%',
-                                        }, 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)(primitives_1.ButtonPrimitive, { label: "Add SQL View", onClick: () => {
-                                                    const duplicateColumns2 = (0, SQLViewManager_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')}`);
-                                                        return;
-                                                    }
-                                                    addSqlView(false);
-                                                } })] })] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                            // width: '30%',
-                            background: '#fafafa',
-                            borderLeft: 'solid 1px #e7e7e7',
-                            width: 300,
-                            height: 'calc(100vh - 154px)',
-                        }, 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',
-                                }, children: "SQL Views" }), sqlTables.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: { height: 'calc(100vh - 302px)' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                                        display: 'grid',
-                                        gridTemplateColumns: 'repeat(auto-fill, minmax(245px, 1fr))',
-                                        gridAutoRows: '200px',
-                                        gap: '10px',
-                                        overflow: 'auto',
-                                        height: 'calc(100vh - 302px)',
-                                        paddingLeft: '12px',
-                                        paddingRight: '12px',
-                                    }, children: [sqlTables.map((e) => {
-                                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(SqlViewTile_1.default, { name: e.name, query: e.viewQuery, header1Style: header1Style, header2Style: header2Style }) }, 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 SQL views yet.', (0, jsx_runtime_1.jsx)("br", {}), 'Add one with the SQL editor.'] }) }) })), sqlTables.length > 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(client);
-                                    }, style: { width: 276 } }) })) : null] })] }), (0, jsx_runtime_1.jsx)(ForeignKeyModal, { isOpen: showFKModal, setIsOpen: setShowFKModal, override: addSqlView, foreignKey: allSchemaInfo?.selectedFields.foreignKey, tableName: allSchemaInfo?.selectedFields.table })] }));
-}
-exports.default = CreateSQLViews;
-function ForeignKeyModal({ isOpen, setIsOpen, override, foreignKey, tableName, }) {
-    return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: isOpen, close: () => {
-            setIsOpen(false);
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', width: '600px' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                        fontSize: 24,
-                        fontWeight: 600,
-                        color: '#212121',
-                        paddingBottom: 14,
-                    }, children: `Organization Foreign Key "${foreignKey?.replaceAll('"', '')}" Not Found` }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [`Your organization table `, (0, jsx_runtime_1.jsx)("strong", { children: `"${tableName?.replaceAll('"', '')}"` }), ` foreign key  `, (0, jsx_runtime_1.jsx)("strong", { children: `"${foreignKey?.replaceAll('"', '')}"` }), " is not present in the current query. If this query will never have organization specific data on it (this is rare), override this message.`"] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        gap: '12px',
-                        justifyContent: 'flex-end',
-                    }, children: [(0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Got It", onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: "Override", variant: "danger", onClick: () => {
-                                override(true);
-                                setIsOpen(false);
-                            } })] })] }) }));
-}
-exports.ForeignKeyModal = ForeignKeyModal;

package/dist/cjs/forms/sql_views/CreateEditSqlView.d.ts

@@ -1,29 +0,0 @@
-import { ButtonComponentProps } from '@quillsql/react';
-import { ReactNode } from 'react';
-import { IDisposable } from 'monaco-editor';
-import { TextInputComponentProps } from '../../components/UiComponents';
-import { ColumnsByTable } from '../../utils/table';
-interface CreateEditSqlViewProps {
-    containerStyle: React.CSSProperties;
-    initialSqlView?: {
-        id: string;
-        name: string;
-        query: string;
-    };
-    Button?: (props: ButtonComponentProps) => JSX.Element;
-    SecondaryButtonComponent?: (props: ButtonComponentProps) => JSX.Element;
-    TextInput?: (props: TextInputComponentProps) => JSX.Element;
-    LoadingComponent?: () => JSX.Element;
-    Header?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    closeEditView: () => void;
-    addEditView: (request: string, query: string, name?: string, id?: string, columns?: any[]) => void;
-    setProvider: (provider: IDisposable | null) => void;
-    provider: IDisposable | null;
-    allTableData: ColumnsByTable[];
-    schemaIsLoading: boolean;
-}
-export default function CreateEditSqlView({ containerStyle, initialSqlView, closeEditView, addEditView, setProvider, provider, SecondaryButtonComponent, LoadingComponent, Button, TextInput, Header, allTableData, schemaIsLoading, }: CreateEditSqlViewProps): JSX.Element;
-export {};
-//# sourceMappingURL=CreateEditSqlView.d.ts.map

package/dist/cjs/forms/sql_views/CreateEditSqlView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateEditSqlView.d.ts","sourceRoot":"","sources":["../../../../src/forms/sql_views/CreateEditSqlView.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAKrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,OAAO,EAML,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,UAAU,sBAAsB;IAC9B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,cAAc,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAExE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,CACX,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,EACb,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,GAAG,EAAE,KACZ,IAAI,CAAC;IACV,WAAW,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,cAAc,EACd,cAAc,EACd,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,gBAA2C,EAC3C,MAAuB,EACvB,SAA6B,EAC7B,MAAuB,EACvB,YAAY,EACZ,eAAe,GAChB,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAmYtC"}

package/dist/cjs/forms/sql_views/CreateEditSqlView.js

@@ -1,228 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@quillsql/react");
-const react_2 = require("react");
-const AdminProvider_1 = require("../../AdminProvider");
-const ConnectionClient_1 = require("../../api/ConnectionClient");
-const SqlTextEditor_1 = __importDefault(require("../../components/SqlTextEditor"));
-const UiComponents_1 = require("../../components/UiComponents");
-const CreateSqlViews_1 = require("../client_onboard/CreateSqlViews");
-const DynamicBanner_1 = __importDefault(require("../../components/DynamicBanner"));
-const SQLViewManager_1 = require("../../public_components/SQLViewManager");
-const columnProcessing_1 = require("../../utils/columnProcessing");
-const astProcessing_1 = require("../../utils/astProcessing");
-const constants_1 = require("../../utils/constants");
-function CreateEditSqlView({ containerStyle, initialSqlView, closeEditView, addEditView, setProvider, provider, SecondaryButtonComponent, LoadingComponent = () => (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}), Button = UiComponents_1.MemoizedButton, TextInput = UiComponents_1.MemoizedTextInput, Header = UiComponents_1.MemoizedHeader, allTableData, schemaIsLoading, }) {
-    const [name, setName] = (0, react_2.useState)(initialSqlView?.name || '');
-    const [editViewQuery, setEditViewQuery] = (0, react_2.useState)(initialSqlView?.query || '');
-    const [ranViewQuery, setRanViewQuery] = (0, react_2.useState)(initialSqlView?.query || '');
-    const [askAIButtonLoading, setAskAIButtonLoading] = (0, react_2.useState)(false);
-    const [runQueryButtonLoading, setRunQueryButtonLoading] = (0, react_2.useState)(false);
-    const [aiPrompt, setAIPrompt] = (0, react_2.useState)('');
-    const [viewAddable, setViewAddable] = (0, react_2.useState)(false);
-    const [showFKModal, setShowFKModal] = (0, react_2.useState)(false);
-    const [overrideFKCheck, setOverrideFKCheck] = (0, react_2.useState)(false);
-    const [isLoading, setIsLoading] = (0, react_2.useState)(false);
-    const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
-    const [editorMounted, setEditorMounted] = (0, react_2.useState)(false);
-    const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(allTableData);
-    const [errorInfo, setErrorInfo] = (0, react_2.useState)({ show: false, message: '' });
-    const [tableData, setTableData] = (0, react_2.useState)(undefined);
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
-    const addEditSqlView = async (override = false) => {
-        if (!override &&
-            tableData &&
-            !tableData.fields.find((col) => col.name === state.client.customerFieldName.replaceAll('"', ''))) {
-            setShowFKModal(true);
-            return;
-        }
-        addEditView(initialSqlView ? 'edit' : 'add', ranViewQuery, name, initialSqlView ? initialSqlView.id : undefined, tableData?.fields || []);
-    };
-    (0, react_2.useEffect)(() => {
-        setDisplayedTableData(allTableData);
-    }, [allTableData]);
-    const handleRunSqlPrompt = async () => {
-        setErrorInfo({ show: false, message: '' });
-        setViewAddable(false);
-        setAskAIButtonLoading(true);
-        const results = await (0, ConnectionClient_1.getQueryFromAiWithConnection)(aiPrompt, state.client._id, state.client.schemaNames);
-        setOverrideFKCheck(false);
-        setEditViewQuery(results);
-        setAskAIButtonLoading(false);
-    };
-    const handleClickSchemaItem = async (event) => {
-        const name = event.target.textContent;
-        if (!name) {
-            return;
-        }
-        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, state.client.databaseType)};`;
-        if (!editViewQuery || editViewQuery.length === 0) {
-            setEditViewQuery(newQuery);
-        }
-        await navigator.clipboard.writeText(newQuery);
-    };
-    const handleRunQuery = async (overrideQuery) => {
-        const query = overrideQuery ? overrideQuery : editViewQuery;
-        // If this query has a limit at the end alert the user
-        if (/limit\s+\d+\s*;?\s*$/i.test(query)) {
-            setErrorInfo({
-                show: true,
-                message: 'Error: Please remove the limit at the end of your query.',
-            });
-            return;
-        }
-        setViewAddable(false);
-        setErrorInfo({ show: false, message: '' });
-        setTableData(undefined);
-        setIsLoading(true);
-        setRunQueryButtonLoading(true);
-        setOverrideFKCheck(false);
-        if (query.length === 0) {
-            setErrorInfo({ show: true, message: 'Error: Please enter a query.' });
-            setRunQueryButtonLoading(false);
-            return;
-        }
-        const resp = await (0, ConnectionClient_1.getSqlViewData)(state.client._id, query, state.client.databaseType, state.queryEndpoint);
-        if (!resp.success) {
-            setErrorInfo({ show: true, message: resp.error });
-            setTableData(undefined);
-            setViewAddable(false);
-            setRunQueryButtonLoading(false);
-            setIsLoading(false);
-            return;
-        }
-        setRunQueryButtonLoading(false);
-        setErrorInfo({ show: false, message: '' });
-        // stringify all rows that are either jsonb or json
-        resp.rows = resp.rows.map((row) => {
-            for (const key in row) {
-                if (row[key] !== null && typeof row[key] === 'object') {
-                    row[key] = JSON.stringify(row[key]);
-                }
-            }
-            return row;
-        });
-        const duplicateColumns = (0, SQLViewManager_1.getDuplicateColumns)(resp.fields);
-        if (duplicateColumns.length > 0) {
-            let parsedAST = resp.ast;
-            if (Array.isArray(resp.ast)) {
-                parsedAST = [0];
-            }
-            const tableNames = parsedAST.from.map((table) => {
-                const db = table.db ? `${table.db}.` : '';
-                return `${db}${table.table}`;
-            });
-            const newAst = (0, astProcessing_1.processJoinASTWithDuplicateColumns)(duplicateColumns, tableNames, allTableData, parsedAST);
-            const response = await fetch(`${constants_1.QUILL_SERVER}/sqlify`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    ast: { ...newAst },
-                    publicKey: state.client._id,
-                }),
-            });
-            const jsonResponse = await response.json();
-            setEditViewQuery(jsonResponse.query);
-            await handleRunQuery(jsonResponse.query);
-            return;
-        }
-        setTableData({ fields: resp.fields, rows: resp.rows });
-        setViewAddable(true);
-        setRanViewQuery(query);
-        setIsLoading(false);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            ...containerStyle,
-            gap: 6,
-            height: 'calc(100vh - 130px)',
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', height: '100%', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(DynamicBanner_1.default, { header: initialSqlView
-                        ? `Edit "${initialSqlView.name}" view`
-                        : 'Create SQL View', message: initialSqlView
-                        ? `You are currently editing the '${initialSqlView.name}' sql view.`
-                        : '', onExit: closeEditView, style: {
-                        display: 'flex',
-                        paddingTop: '0.625rem',
-                        paddingBottom: '0.625rem',
-                        paddingLeft: '24px',
-                        paddingRight: '24px',
-                        alignItems: 'center',
-                        backgroundColor: initialSqlView ? '#111827' : '#ffffff',
-                    } }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        width: '100%',
-                        display: 'flex',
-                        height: '100%',
-                        flexDirection: 'row',
-                        paddingTop: '20px',
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'column',
-                                gap: 20,
-                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                                        paddingLeft: '20px',
-                                        paddingRight: '30px',
-                                    }, children: (0, jsx_runtime_1.jsx)(TextInput, { placeholder: "Search...", onChange: (e) => {
-                                            setTableSearchQuery(e.target.value);
-                                            setDisplayedTableData(allTableData.filter((table) => table.tableName
-                                                .toLowerCase()
-                                                .includes(e.target.value.toLowerCase().trim())));
-                                        }, value: tableSearchQuery, id: 'edit-name', width: '100%' }) }), (0, jsx_runtime_1.jsx)(react_1.SchemaListComponent, { schema: displayedTableData, theme: state.theme, LoadingComponent: LoadingComponent, loading: schemaIsLoading, width: '400px', onClick: handleClickSchemaItem })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                display: 'flex',
-                                gap: 20,
-                                flexDirection: 'column',
-                                width: 'calc(100% - 250px)',
-                                maxHeight: '100%',
-                                overflowX: 'hidden',
-                                paddingRight: '24px',
-                            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                        overflow: 'auto',
-                                        gap: 20,
-                                        display: 'flex',
-                                        flexDirection: 'column',
-                                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                                                display: 'flex',
-                                                flexDirection: 'row',
-                                                alignItems: 'flex-start',
-                                                justifyContent: 'space-between',
-                                                gap: 20,
-                                                width: '100%',
-                                            }, children: [(0, jsx_runtime_1.jsx)(TextInput, { onChange: (e) => {
-                                                        setAIPrompt(e.target.value);
-                                                    }, placeholder: 'Describe a query...', value: aiPrompt, id: 'ai-prompt', width: '100%' }), (0, jsx_runtime_1.jsx)(Button, { label: 'Ask AI', isLoading: askAIButtonLoading, onClick: handleRunSqlPrompt })] }), (0, jsx_runtime_1.jsx)(SqlTextEditor_1.default, { value: editViewQuery, setValue: (e) => {
-                                                setEditViewQuery(e);
-                                            }, setEditorMounted: (didMount) => {
-                                                setEditorMounted(didMount);
-                                            }, setPreviousProvier: (provider) => {
-                                                setProvider(provider);
-                                            }, previousProvider: provider, schema: displayedTableData, databaseType: state.client.databaseType }), editorMounted && ((0, jsx_runtime_1.jsx)("div", { style: { width: '200px' }, children: (0, jsx_runtime_1.jsx)(Button, { label: 'Run query', onClick: () => {
-                                                    handleRunQuery();
-                                                } }) })), errorInfo.show ? ((0, jsx_runtime_1.jsx)("div", { style: {
-                                                fontSize: 15,
-                                                fontWeight: '400',
-                                            }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                                    padding: 30,
-                                                    background: 'rgba(0,0,0,0.02)',
-                                                    display: 'inline-block',
-                                                    flex: 0,
-                                                    borderRadius: 6,
-                                                }, children: errorInfo.message }) })) : null, isLoading && ((0, jsx_runtime_1.jsx)("div", { style: {
-                                                height: 'calc(100vh - 589px)',
-                                                width: '100%',
-                                                display: 'flex',
-                                                justifyContent: 'center',
-                                                alignItems: 'center',
-                                            }, children: (0, jsx_runtime_1.jsx)(LoadingComponent, {}) })), tableData && ((0, jsx_runtime_1.jsx)(react_1.Table, { rows: tableData.rows, columns: tableData.fields, containerStyle: { height: '360px', minHeight: 250 } }))] }), viewAddable && ((0, jsx_runtime_1.jsx)("div", { style: { width: '200px' }, children: (0, jsx_runtime_1.jsx)(Button, { label: `${initialSqlView ? 'Save changes' : 'Create view'}`, onClick: () => {
-                                            const duplicateColumns2 = (0, SQLViewManager_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')}`);
-                                                return;
-                                            }
-                                            addEditSqlView(false);
-                                        } }) }))] })] }), (0, jsx_runtime_1.jsx)(CreateSqlViews_1.ForeignKeyModal, { isOpen: showFKModal, setIsOpen: setShowFKModal, override: addEditSqlView, foreignKey: state.client.customerFieldName, tableName: state.client.customerTableName })] }) }));
-}
-exports.default = CreateEditSqlView;

package/dist/cjs/modals/PromoteDashModal.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { QuillTheme } from '../Admin';
-interface PromoteDashModalProps {
-    ButtonComponent: React.ComponentType<any>;
-    ModalComponent: React.ComponentType<any>;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    clientId: string;
-    client: any;
-    dashboards: any[];
-    clients: any[];
-    selectedDashboard: string;
-    theme: QuillTheme;
-}
-export default function PromoteDashModal({ ModalComponent, isOpen, setIsOpen, clientId, client, dashboards, clients, theme, }: PromoteDashModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=PromoteDashModal.d.ts.map

package/dist/cjs/modals/PromoteDashModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromoteDashModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteDashModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,UAAU,CAAC;AAoE7C,UAAU,qBAAqB;IAC7B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,GACN,EAAE,qBAAqB,2CAqIvB"}