@quillsql/admin 1.6.0 → 1.6.2

package/dist/cjs/components/EnvSelectPopover.js

@@ -1,224 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("../icons");
-const AdminProvider_1 = require("../AdminProvider");
-function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }) {
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [hoveredItemId, setHoveredItemId] = (0, react_1.useState)(null);
-    const [isPromoteHovered, setIsPromoteHovered] = (0, react_1.useState)(false);
-    const handleItemClick = (selectedClient) => {
-        if (state.activeQuery) {
-            const message = 'Are you sure? Changing environment will exit edit mode and your changes will not be saved.';
-            if (!confirm(message))
-                return;
-            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
-            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-        }
-        setClient(selectedClient);
-        setIsOpen(false);
-    };
-    const handlePromoteClick = (e, client) => {
-        e.preventDefault();
-        if (handlePromote) {
-            handlePromote(client);
-        }
-    };
-    const popoverRef = (0, react_1.useRef)(null);
-    const handleOutsideClick = (event) => {
-        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
-            setIsOpen(false);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            document.addEventListener('mousedown', handleOutsideClick);
-        }
-        else {
-            document.removeEventListener('mousedown', handleOutsideClick);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleOutsideClick); // Cleanup
-        };
-    }, [isOpen]);
-    const dropdownStyles = {
-        position: 'relative',
-        display: 'inline-block',
-        fontFamily: theme.fontFamily,
-        fontSize: 14,
-    };
-    const separatorStyle = {
-        borderBottom: '1px solid #e7e7e7',
-    };
-    const triggerButtonStyles = {
-        width: '100%',
-        minWidth: 230,
-        maxWidth: 230,
-        outline: 'none',
-        textAlign: 'left',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        borderRadius: 6,
-        WebkitAppearance: 'none',
-        paddingLeft: 12,
-        paddingRight: 12,
-        height: 38,
-        borderTop: '1px solid #e7e7e7',
-        borderLeft: '1px solid #e7e7e7',
-        borderRight: '1px solid #e7e7e7',
-        borderBottom: '1px solid #e7e7e7',
-        background: theme.backgroundColor,
-        color: theme.primaryTextColor,
-        // boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
-        fontFamily: theme.fontFamily,
-        fontWeight: 500,
-    };
-    const dropdownContentStyles = {
-        display: isOpen ? 'flex' : 'none',
-        flexDirection: 'column',
-        background: '#FFFFFF',
-        // background: "#F7F8FA",
-        position: 'absolute',
-        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
-        border: '1px solid #e7e7e7',
-        boxSizing: 'border-box',
-        zIndex: 1,
-        borderRadius: 6,
-        padding: 8,
-        maxHeight: 420,
-        width: 230,
-        marginTop: 8,
-        gap: 5,
-        overflowY: 'scroll',
-    };
-    const itemStyles = {
-        // padding: "10px",
-        height: 42,
-        paddingLeft: 10,
-        paddingRight: 4,
-        paddingTop: 6,
-        paddingBottom: 6,
-        cursor: 'pointer',
-        fontSize: '14px',
-        color: theme.primaryTextColor,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        fontWeight: '500',
-    };
-    const itemHoverStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-    };
-    const selectedItemStyles = {
-        backgroundColor: 'rgba(56, 65, 81, 0.04)',
-        borderRadius: 6,
-        // boxShadow: "0 1px 6px 0 rgba(56, 65, 81, 0.09)",
-        fontWeight: '500',
-        // border: "1px solid #e7e7e7",
-    };
-    const promoteStyles = {
-        color: theme.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: isPromoteHovered ? '1px solid #e7e7e7' : '1px solid transparent',
-        backgroundColor: isPromoteHovered ? 'white' : undefined,
-        boxShadow: isPromoteHovered
-            ? '0px 1px 12px 0px rgba(56, 65, 81, 0.1)'
-            : undefined,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    const clientStyles = {
-        color: theme.primaryTextColor,
-        cursor: 'pointer',
-        fontSize: '13px',
-        border: '1px solid transparent',
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 7,
-        paddingRight: 9,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderRadius: 4,
-        gap: 3,
-    };
-    const itemTextStyles = {
-        // marginRight: "30px",
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    };
-    if (client && client._id === '642ee580e45ecb91213b44aa') {
-        return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                background: '#f7f7f7',
-                borderRadius: 6,
-                height: 38,
-                display: 'flex',
-                flexDirection: 'row',
-                alignItems: 'center',
-                paddingLeft: 4,
-                paddingRight: 4,
-            }, children: [(0, jsx_runtime_1.jsx)("button", { style: {
-                        background: environment === 'PRODUCTION' ? 'white' : undefined,
-                        color: environment === 'PRODUCTION' ? '#384151' : '#677389',
-                        fontWeight: environment === 'PRODUCTION' ? '600' : '500',
-                        borderRadius: 4,
-                        paddingLeft: 6,
-                        paddingRight: 6,
-                        paddingTop: 3,
-                        paddingBottom: 3,
-                        fontSize: 16,
-                    }, onClick: () => setEnvironment('PRODUCTION'), children: "Production" }), (0, jsx_runtime_1.jsx)("button", { style: {
-                        background: environment === 'STAGING' ? 'white' : undefined,
-                        color: environment === 'STAGING' ? '#384151' : '#677389',
-                        fontWeight: environment === 'STAGING' ? '600' : '500',
-                        borderRadius: 4,
-                        paddingLeft: 6,
-                        paddingRight: 6,
-                        paddingTop: 3,
-                        paddingBottom: 3,
-                        fontSize: 16,
-                    }, onClick: () => setEnvironment('STAGING'), children: "Staging" })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: dropdownStyles, ref: popoverRef, children: [(0, jsx_runtime_1.jsx)("button", { 
-                // onMouseEnter={() => setIsOpen(true)}
-                onClick: () => setIsOpen((isOpen) => !isOpen), style: triggerButtonStyles, children: client ? client.name : 'Select environment' }), (0, jsx_runtime_1.jsx)("div", { style: dropdownContentStyles, children: !!clients.length &&
-                    clients.map((item) => ((0, jsx_runtime_1.jsxs)("div", { onClick: client && client._id !== item._id
-                            ? () => handleItemClick(item)
-                            : undefined, style: {
-                            ...itemStyles,
-                            ...(hoveredItemId === item._id ? itemHoverStyles : {}),
-                            ...(client && client._id === item._id
-                                ? selectedItemStyles
-                                : {}),
-                        }, onMouseEnter: () => setHoveredItemId(item._id), onMouseLeave: () => setHoveredItemId(null), children: [(0, jsx_runtime_1.jsx)("span", { onClick: client && client._id === item._id
-                                    ? () => handleItemClick(item)
-                                    : undefined, style: {
-                                    ...clientStyles,
-                                }, children: item.name }), client && client._id === item._id && ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => handlePromoteClick(e, item), style: {
-                                    ...promoteStyles,
-                                    visibility: showPromote ? 'visible' : 'hidden',
-                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", height: "16px", width: "16px", children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.25 10.25a.75.75 0 0 0 1.5 0V4.56l2.22 2.22a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06l2.22-2.22v5.69Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 9.75a.75.75 0 0 0-1.5 0v1.5A2.75 2.75 0 0 0 4.75 14h6.5A2.75 2.75 0 0 0 14 11.25v-1.5a.75.75 0 0 0-1.5 0v1.5c0 .69-.56 1.25-1.25 1.25h-6.5c-.69 0-1.25-.56-1.25-1.25v-1.5Z" })] }), "Promote"] }))] }, item._id))) }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
-                    height: '20px',
-                    width: '20px',
-                    flex: 'none',
-                    position: 'absolute',
-                    right: 8,
-                    top: 9.5,
-                    color: '#6C727F',
-                }, "aria-hidden": "true" })] }));
-}
-exports.default = EnvSelectPopover;

package/dist/cjs/components/SqlViewTile.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'react';
-export default function SqlViewTile({ query, name, header2Style, header1Style, }: {
-    query: string;
-    name: string;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SqlViewTile.d.ts.map

package/dist/cjs/components/SqlViewTile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SqlViewTile.d.ts","sourceRoot":"","sources":["../../../src/components/SqlViewTile.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,2CAuEA"}

package/dist/cjs/components/SqlViewTile.js

@@ -1,69 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 nightOwlLight_1 = __importDefault(require("prism-react-renderer/themes/nightOwlLight"));
-const prism_react_renderer_1 = __importStar(require("prism-react-renderer"));
-function SqlViewTile({ query, name, header2Style, header1Style, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            // height: '30px',
-            // width: '40px',
-            width: '100%',
-            height: 200,
-            display: 'flex',
-            flexDirection: 'column',
-            border: '1px solid #e7e7e7',
-            borderRadius: 6,
-            padding: '12px',
-            background: 'white',
-        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                    ...header1Style,
-                    maxWidth: '100%',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    fontSize: 15,
-                    color: '#212121',
-                }, children: name }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    backgroundColor: '#FBFBFB',
-                    height: '100%',
-                    borderRadius: 6,
-                    fontSize: 14,
-                    overflow: 'hidden',
-                    border: '1px solid #e7e7e7',
-                }, children: (0, jsx_runtime_1.jsx)(prism_react_renderer_1.default, { ...prism_react_renderer_1.defaultProps, theme: nightOwlLight_1.default, code: query, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => ((0, jsx_runtime_1.jsx)("pre", { className: className, style: {
-                            ...style,
-                            textAlign: 'left',
-                            margin: '1em 0',
-                            padding: '0.5em',
-                            overflow: 'scroll',
-                            height: 130,
-                            maxWidth: 520,
-                        }, children: tokens.map((line, i) => ((0, jsx_runtime_1.jsx)("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) }) })] }));
-}
-exports.default = SqlViewTile;

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

@@ -1,24 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColumnsByTable } from '../../utils/table';
-import { SchemaDetails } from '../../utils/schema';
-import { ConnectionType } from '../../utils/databases';
-export default function CreateSQLViews({ containerStyle, header1Style, header2Style, columnsByTable, environmentDetails, allSchemaInfo, domainName, completeOnboarding, clientId, state, }: {
-    containerStyle?: CSSProperties;
-    header1Style?: CSSProperties;
-    header2Style?: CSSProperties;
-    columnsByTable: ColumnsByTable[];
-    environmentDetails?: ConnectionType;
-    allSchemaInfo?: SchemaDetails;
-    domainName: string | undefined;
-    completeOnboarding: (client: any) => void;
-    clientId: string;
-    state: any;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ForeignKeyModal({ isOpen, setIsOpen, override, foreignKey, tableName, }: {
-    isOpen: boolean;
-    setIsOpen: (e: boolean) => void;
-    override: (e: boolean) => Promise<void>;
-    foreignKey: string | undefined;
-    tableName: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CreateSqlViews.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CreateSqlViews.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/CreateSqlViews.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAY3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAwB,MAAM,uBAAuB,CAAC;AAS7E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,KAAK,GACN,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,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;CACZ,2CA0ZA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,2CAiDA"}

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

@@ -1,237 +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");
-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 (queryInfo.query && queryInfo.query.length > 0) {
-            await navigator.clipboard.writeText(name || '');
-        }
-        else {
-            setQueryInfo({ name: queryInfo.name, query: `SELECT * FROM ${name}` });
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        window.scrollTo({
-            behavior: 'smooth',
-            top: 900,
-        });
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            ...containerStyle,
-            display: 'flex',
-            flexDirection: 'column',
-        }, 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: "100%" }) }), (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% - 300px)',
-                        }, 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 });
-                                }, containerStyle: { paddingLeft: 16, paddingRight: 16 } }), (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 }), (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: () => 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: "Go to dashboard", 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}" Not Found` }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '12px' }, children: [`Your organization table `, (0, jsx_runtime_1.jsx)("strong", { children: `"${tableName}"` }), ` foreign key  `, (0, jsx_runtime_1.jsx)("strong", { children: `"${foreignKey}"` }), " 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,26 +0,0 @@
-import { ButtonComponentProps } from '@quillsql/react';
-import { ReactNode } from 'react';
-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;
-    allTableData: ColumnsByTable[];
-    schemaIsLoading: boolean;
-}
-export default function CreateEditSqlView({ containerStyle, initialSqlView, closeEditView, addEditView, 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;AAEzB,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AASf,OAAO,EAML,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAI3D,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,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,wBAAwB,EACxB,gBAA2C,EAC3C,MAAuB,EACvB,SAA6B,EAC7B,MAAuB,EACvB,YAAY,EACZ,eAAe,GAChB,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAgUtC"}