@quillsql/admin 1.6.0 → 1.6.1

package/dist/esm/api/ConnectionClient.js

@@ -1,3 +1,4 @@
+import { ALL_INT_TYPES } from '../constants/dataTypes';
 import { QUILL_SERVER } from '../utils/constants';
 import { wrapInQuotes } from '../utils/textProcessing';
 export async function testConnectionString(connectionString, databaseType, clientId) {
@@ -183,6 +184,30 @@ export async function getSQLViews(tableSchemas, customerNameField) {
 }
 export async function getSqlViewData(clientId, query, databaseType, queryEndpoint) {
     const url = queryEndpoint ?? `${QUILL_SERVER}/sdk/query-view`;
+    let queryAst = undefined;
+    try {
+        let localURL = `${QUILL_SERVER}/astify`;
+        const response = await fetch(localURL, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ query }),
+        });
+        queryAst = await response.json();
+        if (queryAst.success === false) {
+            return {
+                success: false,
+                error: queryAst.message,
+            };
+        }
+    }
+    catch (e) {
+        return {
+            success: false,
+            error: 'Invalid SQL Query',
+        };
+    }
     const response = await fetch(url, {
         method: 'POST',
         headers: {
@@ -225,9 +250,10 @@ export async function getSqlViewData(clientId, query, databaseType, queryEndpoin
     return queryEndpoint
         ? {
             ...results.data.queryResults[0],
+            ...queryAst,
             success: results.status === 'success' ? true : false,
         }
-        : results;
+        : { ...results, ...queryAst };
 }
 export async function getQueryFromAI(aiPrompt, columnsByTable) {
     const localURL = `${QUILL_SERVER}/sdk/sql-generator`;
@@ -280,6 +306,12 @@ export async function createSQLView(connectionType, allSchemaInfo, columnsByTabl
         }
     });
     const queryAstRaw = await astResponse.json();
+    if (queryAstRaw.success === false) {
+        return {
+            success: false,
+            error: queryAstRaw.message,
+        };
+    }
     const queryAst = queryAstRaw.ast[0] ? queryAstRaw.ast[0] : queryAstRaw.ast;
     queryName = queryAst.from.map((ast) => ast.table).join('_');
     if (!override && !validQuery) {
@@ -300,13 +332,9 @@ export async function createSQLView(connectionType, allSchemaInfo, columnsByTabl
     const columns = columnsByTable.find((table) => table.tableName ===
         `${allSchemaInfo.selectedFields.schema}.${allSchemaInfo.selectedFields.table}`).columns;
     const customerFieldType = columns.find((column) => column.columnName === allSchemaInfo.selectedFields.organizationIdField).fieldType;
-    const fuzzyType = customerFieldType === 'string' ||
-        customerFieldType === 'uuid' ||
-        customerFieldType === 'text' ||
-        customerFieldType === 'varchar' ||
-        customerFieldType === 'object'
-        ? 'text'
-        : 'number';
+    const fuzzyType = ALL_INT_TYPES.includes(customerFieldType.toLowerCase())
+        ? 'number'
+        : 'text';
     localURL = `${QUILL_SERVER}/sdk/create-environment`;
     const wrapQuotes = connectionType.type.toLocaleLowerCase() === 'postgresql' ||
         connectionType.type.toLocaleLowerCase() === 'snowflake';
@@ -348,6 +376,12 @@ export async function processCustomerOrgViewQuery(query, schema, clientId) {
         body: JSON.stringify({ query }),
     });
     const ast = await astResponse.json();
+    if (ast.success === false) {
+        return {
+            success: false,
+            error: ast.message,
+        };
+    }
     let fkInfo = [];
     // make sure ast.ast.columns only has to values
     let hasId = false;

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,2BAA2B,2CAyN7B"}
+{"version":3,"file":"DashboardSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,2BAA2B;IACnC,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,wBAAwB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,2BAA2B,2CAwO7B"}

package/dist/esm/components/DashboardSelectPopover.js

@@ -71,14 +71,18 @@ export default function DashboardSelectDropdown({ dashboards, setDashboard, dash
         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,
+        color: theme.primaryTextColor,
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'center',
@@ -114,7 +118,19 @@ export default function DashboardSelectDropdown({ dashboards, setDashboard, dash
         gap: 3,
     };
     const itemTextStyles = {
-    // marginRight: "30px",
+        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,
     };
     return (_jsxs("div", { style: dropdownStyles, ref: popoverRef, children: [_jsx("button", { 
                 // onMouseEnter={() => setIsOpen(true)}
@@ -128,7 +144,6 @@ export default function DashboardSelectDropdown({ dashboards, setDashboard, dash
                                 : {}),
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
-                            overflow: 'hidden',
                         }, onMouseEnter: () => setHoveredItemId(item.value), onMouseLeave: () => setHoveredItemId(null), children: [_jsx("span", { style: {
                                     ...itemTextStyles,
                                     textOverflow: 'ellipsis',
@@ -154,6 +169,8 @@ function CreateNewButton({ onClick, theme, }) {
             height: 42,
             paddingLeft: 10,
             paddingRight: 4,
+            paddingTop: 6,
+            paddingBottom: 6,
             cursor: 'pointer',
             fontSize: '14px',
             color: theme?.primaryTextColor,

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,EAC9B,SAAS,GACV,EAAE,0BAA0B,2CA8E5B"}
+{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAIA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,EAC9B,SAAS,GACV,EAAE,0BAA0B,2CA6E5B"}

package/dist/esm/components/DropDownMenuWithLabel.js

@@ -8,9 +8,9 @@ export default function DropdownMenuWithLabel({ items, setSelected, selected, th
     useEffect(() => {
         setFilteredItems(items.slice(0, 10));
     }, [items]);
-    const handleSearchChange = (value) => {
-        setSearchQuery(value);
-        const curFilteredItems = searchQuery === ''
+    const handleSearchChange = (searchValue) => {
+        setSearchQuery(searchValue);
+        const curFilteredItems = searchValue === ''
             ? items.slice(0, 10)
             : items
                 .filter((value) => {
@@ -20,7 +20,7 @@ export default function DropdownMenuWithLabel({ items, setSelected, selected, th
                 return value
                     .toLowerCase()
                     .replace(/\s+/g, '')
-                    .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
+                    .includes(searchValue.toLowerCase().replace(/\s+/g, ''));
             })
                 .slice(0, 10);
         setFilteredItems(curFilteredItems);
@@ -74,34 +74,3 @@ function ListboxRow({ item, setSelected, setIsOpen, }) {
                     display: 'block',
                 }, children: item.name || item })] }));
 }
-function DropdownRow({ item, setSelected, }) {
-    return (_jsxs("div", { onClick: setSelected ? () => setSelected(item) : undefined, className: "dropdown-row", children: [_jsx("style", { children: `
-  .dropdown-row {
-      background-color: white;
-      height: 42px;
-      color: #384151;
-      width: 216px;
-     borderBottom: 1px solid #e7e7e7;
-     border-radius: 6px;
-     text-align: left;
-     padding-left: 10px;
-     padding-right: 12px;
-     display: flex;
-     flex-direction: row;
-     align-items: center;
-     cursor: pointer;
-     font-weight: 500;
-     font-size: 14px;
-     text-overflow: ellipsis;
-     white-space: nowrap;
-     overflow: hidden;
-  }
-  .dropdown-row:hover {
-    background-color: rgba(56, 65, 81, 0.04);
-  }` }), _jsx("div", { style: {
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    display: 'block',
-                }, children: item })] }));
-}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CA+E7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyDashboardComponent/index.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,uBAAuB,IAAI,GAAG,CAAC,OAAO,CAoF7D"}

package/dist/esm/components/EmptyDashboardComponent/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAdmin } from '../../AdminProvider';
+import { MemoizedButton } from '../UiComponents';
 export default function EmptyDashboardComponent() {
     const { state } = useAdmin();
     return (_jsx("div", { style: {
@@ -8,8 +9,6 @@ export default function EmptyDashboardComponent() {
             flexDirection: 'column',
             alignItems: 'center',
         }, children: _jsxs("div", { style: {
-                height: 80,
-                width: 260,
                 borderRadius: 6,
                 marginTop: 100,
                 display: 'flex',
@@ -17,18 +16,17 @@ export default function EmptyDashboardComponent() {
                 alignItems: 'center',
                 justifyContent: 'center',
                 gap: 20,
-            }, className: "hover-dash-rect", onClick: () => {
-                if (state.navigateToDashboardBuilder) {
-                    state.navigateToDashboardBuilder();
-                }
-            }, children: [_jsx("style", { children: ` .hover-dash-rect { background: white; border: 1px dashed #e7e7e7; } .hover-dash-rect:hover { background: white; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7; } ` }), _jsxs("div", { style: {
+                padding: 16,
+                border: '1px solid #e7e7e7',
+                boxShadow: '0px 1px 12px rgba(0, 0, 0, 0.07)',
+            }, children: [_jsxs("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'center',
                         justifyContent: 'center',
                         width: 260,
                     }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [_jsx("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), _jsx("div", { style: {
-                                fontSize: 14,
+                                fontSize: 16,
                                 fontWeight: 500,
                                 color: '#565656',
                                 // border: '1px solid #e7e7e7',
@@ -38,5 +36,9 @@ export default function EmptyDashboardComponent() {
                                 paddingLeft: 12,
                                 borderRadius: 4,
                                 cursor: 'pointer',
-                            }, className: "quill-hover-button", children: "Create your first chart" })] })] }) }));
+                            }, className: "quill-hover-button", children: "No charts created yet." })] }), _jsx("div", { style: { paddingBottom: 8 }, children: _jsx(MemoizedButton, { label: 'Create chart', style: { fontSize: 14 }, onClick: () => {
+                            if (state.navigateToDashboardBuilder) {
+                                state.navigateToDashboardBuilder();
+                            }
+                        } }) })] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAoB,EACpB,KAAK,GACN,EAAE,oBAAoB,2CAuMtB"}
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAoB,EACpB,KAAK,GACN,EAAE,oBAAoB,2CAwMtB"}

package/dist/esm/components/QuillSelect.js

@@ -45,7 +45,7 @@ export function QuillSelectComponent({ options, value, onChange, theme = default
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
-                        }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { ref: modalRef, style: {
+                        }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && (_jsxs("div", { id: "quillSelectPopover", ref: modalRef, style: {
                     position: 'absolute',
                     width: '100%',
                     display: 'flex',
@@ -64,7 +64,7 @@ export function QuillSelectComponent({ options, value, onChange, theme = default
                     paddingRight: 6,
                     boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
                     fontFamily: theme.fontFamily,
-                    maxHeight: '50vh',
+                    maxHeight: '40vh',
                     overflow: 'scroll',
                 }, children: [_jsxs("button", { style: {
                             display: 'flex',

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

@@ -1,7 +1,9 @@
 import { QuillTheme } from '@quillsql/react';
-export declare function SegmentedControl({ onChange, value, theme, }: {
+export declare function SegmentedControl({ onChange, value, theme, left, right, }: {
     onChange: (e: any) => void;
     value: string;
-    theme: QuillTheme;
+    theme?: QuillTheme;
+    left?: string;
+    right?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB,2CA0EA"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,KAAqB,GACtB,EAAE;IACD,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA2EA"}

package/dist/esm/components/SegmentedControl.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SegmentedControl({ onChange, value, theme, }) {
+import { useState } from 'react';
+export function SegmentedControl({ onChange, value, theme, left = 'Default', right = 'Multiselect', }) {
+    const [leftSelected, setLeftSelected] = useState(value === 'default' ? true : false);
     return (_jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'row',
@@ -9,42 +11,46 @@ export function SegmentedControl({ onChange, value, theme, }) {
             padding: 4,
             borderRadius: 6,
             height: 40,
-        }, children: [_jsx("button", { className: "quill-tab", onClick: () => onChange('default'), style: {
-                    border: value === 'default' ? '1px solid #E7E7E7' : '1px solid transparent',
+        }, children: [_jsx("button", { className: "quill-tab", onClick: () => {
+                    setLeftSelected(true);
+                    onChange(left.toLowerCase());
+                }, style: {
+                    border: leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
                     outline: 'none',
                     width: '100%',
                     borderRadius: 4,
                     padding: 10,
-                    boxShadow: value === 'default'
+                    boxShadow: leftSelected
                         ? '0px 1px 4px 0px rgba(56, 65, 81, 0.08)'
                         : undefined,
-                    color: value === 'default'
+                    color: leftSelected
                         ? 'rgba(56, 65, 81, 1)'
                         : 'rgba(56, 65, 81, 0.85)',
-                    fontWeight: value === 'default' ? 600 : 500,
+                    fontWeight: leftSelected ? 600 : 500,
                     fontSize: 14,
                     fontFamily: theme?.fontFamily,
                     height: '40px',
                     boxSizing: 'border-box',
-                    backgroundColor: value === 'default' ? 'white' : 'transparent',
-                }, children: 'Default' }), _jsx("button", { className: "quill-tab2", onClick: () => onChange('multiselect'), style: {
-                    border: value === 'multiselect'
-                        ? '1px solid #E7E7E7'
-                        : '1px solid transparent',
-                    boxShadow: value === 'multiselect'
+                    backgroundColor: leftSelected ? 'white' : 'transparent',
+                }, children: left }), _jsx("button", { className: "quill-tab2", onClick: () => {
+                    setLeftSelected(false);
+                    onChange(right.toLowerCase());
+                }, style: {
+                    border: !leftSelected ? '1px solid #E7E7E7' : '1px solid transparent',
+                    boxShadow: !leftSelected
                         ? '0px 1px 4px 0px rgba(56, 65, 81, 0.08)'
                         : undefined,
                     outline: 'none',
                     width: '100%',
                     borderRadius: 4,
-                    color: value === 'multiselect'
+                    color: !leftSelected
                         ? 'rgba(56, 65, 81, 1)'
                         : 'rgba(56, 65, 81, 0.85)',
                     padding: 10,
-                    fontWeight: value === 'multiselect' ? 600 : 500,
+                    fontWeight: !leftSelected ? 600 : 500,
                     fontSize: 14,
                     fontFamily: theme?.fontFamily,
                     height: '40px',
-                    backgroundColor: value === 'multiselect' ? 'white' : 'transparent',
-                }, children: 'Multiselect' })] }));
+                    backgroundColor: !leftSelected ? 'white' : 'transparent',
+                }, children: right })] }));
 }

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

@@ -1,7 +1,15 @@
 import { CSSProperties } from 'react';
-export default function SqlTextEditor({ containerStyle, value, setValue, }: {
+import { IDisposable } from 'monaco-editor';
+import { ColumnsByTable } from '../utils/table';
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height, databaseType, }: {
     containerStyle?: CSSProperties;
     value: string;
     setValue: (e: string) => void;
+    setEditorMounted: (e: boolean) => void;
+    setPreviousProvier?: (e: IDisposable | null) => void;
+    height?: string | number;
+    schema: ColumnsByTable[];
+    databaseType?: string;
+    previousProvider: IDisposable | null;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SqlTextEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
+{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA+DhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,MAAgB,EAChB,YAA2B,GAC5B,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,2CAsEA"}

package/dist/esm/components/SqlTextEditor.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+import { useEffect, useState } from 'react';
 import MonacoEditor from '@monaco-editor/react';
+import { Resizable } from 're-resizable';
+import { generateSuggestionsByDatasource, generateSuggestionsBySchema, } from '../utils/monacoAutocomplete';
+import { LoadingSpinner } from './UiComponents';
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -17,22 +22,65 @@ function defineEditorTheme(monaco) {
         },
     });
 }
-function setEditorTheme(_editor, monaco) {
+function setEditorTheme(_editor, monaco, schema, databaseType) {
     try {
         monaco.editor.setTheme('onedark');
+        monaco.languages.register({ id: 'quill' });
+        const provider = monaco.languages.registerCompletionItemProvider('quill', {
+            provideCompletionItems: function (model, position) {
+                const word = model.getWordUntilPosition(position);
+                const range = new monaco.Range(position.lineNumber, word.startColumn, position.lineNumber, word.endColumn);
+                const databaseSuggestions = generateSuggestionsByDatasource(monaco, range, databaseType);
+                const schemaSuggestions = generateSuggestionsBySchema(schema, monaco, range, databaseType);
+                return { suggestions: [...databaseSuggestions, ...schemaSuggestions] };
+            },
+        });
+        return provider;
     }
     catch (e) {
         console.log('ERROR: ', e);
+        return null;
     }
 }
-export default function SqlTextEditor({ containerStyle, value, setValue, }) {
-    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(MonacoEditor, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: _jsx("div", {}), options: {
-                wordWrap: 'on',
-                minimap: {
-                    enabled: false,
-                },
-                padding: { top: 16 },
-            }, onChange: (query) => {
-                setValue(query);
-            }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
+export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, setPreviousProvier, previousProvider, schema, height = '224px', databaseType = 'postgresql', }) {
+    const [editorKey, setEditorKey] = useState(0);
+    useEffect(() => {
+        if (previousProvider) {
+            previousProvider.dispose();
+        }
+    }, []);
+    useEffect(() => {
+        if (schema && schema.length !== 0 && editorKey === 0) {
+            setEditorKey((prevKey) => prevKey + 1);
+        }
+    }, [schema]);
+    return (_jsx("div", { style: { ...containerStyle }, children: _jsx(Resizable, { defaultSize: {
+                width: 'auto',
+                height: 224,
+            }, minHeight: "100px", maxHeight: "800px", maxWidth: '100%', enable: {
+                top: true,
+                right: false,
+                bottom: true,
+                left: false,
+                topRight: false,
+                bottomRight: false,
+                bottomLeft: false,
+                topLeft: false,
+            }, children: _jsx(MonacoEditor
+            // height={height}
+            , { defaultLanguage: "quill", defaultValue: "", language: "quill", value: value, loading: _jsx(LoadingSpinner, {}), options: {
+                    wordWrap: 'on',
+                    minimap: {
+                        enabled: false,
+                    },
+                    padding: { top: 16 },
+                }, onChange: (query) => {
+                    setValue(query);
+                }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: (_editor, monaco) => {
+                    const disposable = setEditorTheme(_editor, monaco, schema, databaseType);
+                    if (setPreviousProvier) {
+                        setPreviousProvier(disposable);
+                    }
+                    setEditorMounted(true);
+                } }, editorKey) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/UiComponents.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 //@ts-nocheck
-import { useContext, useRef, } from 'react';
+import { useContext, useEffect, useRef, } from 'react';
 import { XIcon } from '../assets';
 import { ThemeContext } from '@quillsql/react';
 import useOnClickOutside from '../hooks/useOnClickOutside';
@@ -131,6 +131,16 @@ export function MemoizedPopover({ onClose, parentRef, children, style = {}, onCl
 }
 export function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
     const [theme] = useContext(ThemeContext);
+    useEffect(() => {
+        // Prevent scrolling in the background when the modal is open
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            // Re-enable scrolling when the modal is closed/unmounted
+            document.body.style.overflow = 'unset';
+        };
+    }, [isOpen]);
     if (!isOpen) {
         return null;
     }
@@ -157,9 +167,9 @@ export function MemoizedModal({ isOpen, setIsOpen, title, children, width, heigh
                     borderStyle: 'solid',
                     borderWidth: 1,
                     borderColor: '#e7e7e7',
-                    overflow: 'scroll',
                     width: width ?? 'auto',
                     height: height ?? 'auto',
+                    overflow: 'auto',
                     maxWidth: 'calc(100vw - 82px)',
                     maxHeight: 'calc(100vh - 82px)',
                 }, children: _jsxs("div", { style: {
@@ -167,7 +177,6 @@ export function MemoizedModal({ isOpen, setIsOpen, title, children, width, heigh
                         width: '100%',
                         maxWidth: 'calc(100vw - 82px)',
                         maxHeight: 'calc(100vh - 82px)',
-                        overflowY: 'scroll',
                         backgroundColor: '#ffffff',
                         display: 'flex',
                         flexDirection: 'column',

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

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

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

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

package/dist/esm/constants/dataTypes.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAoB,MAAM,OAAO,CAAC;AAG/D,OAAO,EACL,eAAe,EACf,cAAc,EAIf,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,WAAgB,GACjB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,qBAAqB,EAAE,CACrB,cAAc,CAAC,EAAE,cAAc,EAC/B,aAAa,CAAC,EAAE,aAAa,EAC7B,WAAW,CAAC,EAAE,eAAe,EAC7B,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAwYA"}
+{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAoB,MAAM,OAAO,CAAC;AAG/D,OAAO,EACL,eAAe,EACf,cAAc,EAIf,MAAM,uBAAuB,CAAC;AAK/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,WAAgB,GACjB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,qBAAqB,EAAE,CACrB,cAAc,CAAC,EAAE,cAAc,EAC/B,aAAa,CAAC,EAAE,aAAa,EAC7B,WAAW,CAAC,EAAE,eAAe,EAC7B,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAsXA"}