@quillsql/admin 1.6.3 → 1.6.4

package/dist/esm/primitives/HeaderPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAgB,MAAM,UAAU,CAAC;AAEpD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/primitives/HeaderPrimitive.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { defaultTheme } from '../Admin';
-const HeaderPrimitive = ({ label, theme = defaultTheme, }) => (_jsx("h1", { style: {
-        color: theme?.primaryTextColor,
-        fontFamily: theme?.fontFamily,
-        fontWeight: theme?.buttonFontWeight || 600,
-        fontSize: 24,
-    }, children: label }));
+import { useAdmin } from '../AdminProvider';
+const HeaderPrimitive = ({ label, theme }) => {
+    const { state: { theme: stateTheme }, } = useAdmin();
+    theme = theme ?? stateTheme;
+    return (_jsx("h1", { style: {
+            color: theme?.primaryTextColor,
+            fontFamily: theme?.fontFamily,
+            fontWeight: theme?.buttonFontWeight || 600,
+            fontSize: 24,
+        }, children: label }));
+};
 export default HeaderPrimitive;

package/dist/esm/primitives/PopoverPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/PopoverPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,UAAU,YAAY;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,OAAO,yBAA0B,YAAY,4CAiEzD,CAAC"}
+{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/PopoverPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,YAAY;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,OAAO,yBAA0B,YAAY,4CAoEzD,CAAC"}

package/dist/esm/primitives/PopoverPrimitive.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, useRef } from 'react';
 import { createPortal } from 'react-dom';
+import { useAdmin } from '../AdminProvider';
 export const Popover = ({ trigger, content }) => {
+    const { state: { theme }, } = useAdmin();
     const [isVisible, setIsVisible] = useState(false);
     const [position, setPosition] = useState({
         top: 0,
@@ -34,7 +36,7 @@ export const Popover = ({ trigger, content }) => {
                         zIndex: 1000,
                         top: position.top,
                         left: position.left - 53,
-                        background: 'white',
+                        background: theme.backgroundColor,
                         boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
                         padding: 12,
                         borderRadius: 6,

package/dist/esm/primitives/SecondaryButtonPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAgB,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAkCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsCrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/esm/primitives/SecondaryButtonPrimitive.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { defaultTheme } from '../Admin';
-const SecondaryButtonPrimitive = ({ onClick, label, theme = defaultTheme, disabled, style, }) => {
+import { useAdmin } from '../AdminProvider';
+const SecondaryButtonPrimitive = ({ onClick, label, theme, disabled, style, }) => {
+    const { state: { theme: stateTheme }, } = useAdmin();
+    theme = theme ?? stateTheme;
     return (_jsx("button", { style: {
             height: 40,
             background: disabled ? '#f8f8f8' : '#ffffff',
-            borderColor: '#E7E7E7',
+            borderColor: theme?.borderColor,
             borderStyle: 'solid',
             borderWidth: 1,
             color: theme?.primaryTextColor,

package/dist/esm/public_components/ChartQueryBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/ChartQueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAGnE,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAUzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,MAAM,EACN,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,2CAkOA"}
+{"version":3,"file":"ChartQueryBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/ChartQueryBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAGnE,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAWzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,MAAM,EACN,cAAc,EACd,oBAAoB,GACrB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,2CAwPA"}

package/dist/esm/public_components/ChartQueryBuilder.js

@@ -9,13 +9,16 @@ import XMarkIcon from '../icons/XMarkIcon';
 import PlaceholderPrimitive from '../primitives/PlaceholderPrimitive';
 import { useDashboardManager } from '../hooks/useDashboardManager';
 import { onlySingleDatabaseTenant } from '../utils/tenants';
-import { ButtonPrimitive } from '../primitives';
+import { ButtonPrimitive, ModalPrimitive } from '../primitives';
 import { SAVED_QUERIES_DASHBOARD } from '../utils/constants';
+import CreateEnvironment from './CreateEnvironment';
 export default function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinationDashboard, }) {
     const parentRef = useRef(null);
+    const envPopoverRef = useRef(null);
     const { state, dispatch, clientLoading, setClient } = useAdmin();
     const [query, setQuery] = useState(state.activeQuery);
     const [toggleMode, setToggleMode] = useState(activeComponent);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = useState(false);
     const { setSelectedDashboard } = useDashboardManager();
     const { reload } = useDashboard(SAVED_QUERIES_DASHBOARD);
     const modeToggleOptions = [
@@ -48,6 +51,9 @@ export default function ChartQueryBuilder({ activeComponent, onExit, containerSt
     useEffect(() => {
         setToggleMode(activeComponent);
     }, [activeComponent]);
+    if (showCreateEnvironmentModal) {
+        return (_jsx(ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: _jsx(CreateEnvironment, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return (_jsx("div", { style: {
             height: '100%',
             ...containerStyle,
@@ -82,9 +88,12 @@ export default function ChartQueryBuilder({ activeComponent, onExit, containerSt
                                     flexDirection: 'row',
                                     gap: 12,
                                     alignItems: 'flex-end',
-                                }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
+                                }, ref: envPopoverRef, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
+                                                setSelectedDashboard(null);
                                                 setClient(client, true);
-                                            }, theme: state.theme, parentRef: parentRef, isLoading: clientLoading }) }), state.client?.name !== undefined &&
+                                            }, theme: state.theme, parentRef: envPopoverRef, isLoading: clientLoading, onCreateNewEnvironment: () => {
+                                                setShowCreateEnvironmentModal(true);
+                                            } }) }), state.client?.name !== undefined &&
                                         !state.databaseTypeMismatch.show &&
                                         !onlySingleDatabaseTenant(state.client) && (_jsx(OrgSelect, { isLoading: clientLoading })), _jsx(QuillTab, { modeToggleOptions: modeToggleOptions, toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" })] }), onExit && (_jsx("button", { type: "button", onClick: () => {
                                     onExit();
@@ -104,8 +113,8 @@ export default function ChartQueryBuilder({ activeComponent, onExit, containerSt
                         gap: 32,
                         padding: 32,
                     }, children: [_jsx(PlaceholderPrimitive, { containerStyle: { width: '12%' } }), _jsx(PlaceholderPrimitive, { containerStyle: { maxHeight: 300 } })] })) : toggleMode === 'Report Builder' ? (_jsx(ReportBuilder, { reportId: state.activeSavedQueryReportId ?? '', isAdminEnabled: true, onSubmitCreateReport: submitReport, onSubmitEditReport: submitReport, onSubmitSaveQuery: submitSavedQuery, containerStyle: {
-                        height: 'calc(100vh - 146px)',
                         width: '100%',
+                        backgroundColor: 'white',
                     }, ButtonComponent: ({ onClick, label, isLoading, disabled }) => {
                         if (label === 'Save changes' && state.activeSavedQueryReportId) {
                             return (_jsx(ButtonPrimitive, { onClick: onClick, label: 'Add to dashboard', isLoading: isLoading, disabled: disabled }));
@@ -119,6 +128,7 @@ export default function ChartQueryBuilder({ activeComponent, onExit, containerSt
                         height: '100%',
                         width: '100%',
                         overflow: 'hidden',
+                        backgroundColor: 'white',
                         // paddingRight: 25,
                         // paddingTop: 25,
                     }, destinationDashboard: destinationDashboard }))] }) }));

package/dist/esm/public_components/CreateEnvironment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAsCf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAoUA"}
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAwBf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,iBAAiB,EACjB,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA4VA"}

package/dist/esm/public_components/CreateEnvironment.js

@@ -9,22 +9,11 @@ import { getDatabaseConnectionFormat, } from '../utils/databases';
 import CreateVirtualTables from '../forms/client_onboard/CreateVirtualTables';
 import { getTableColumnsBySchema } from '../api/ConnectionClient';
 import { quillFetch } from '../utils/dataFetcher';
-const header1Style = {
-    fontWeight: '600',
-    fontSize: '18px',
-    marginBottom: '6px',
-    color: '#000000',
-};
-const header2Style = {
-    fontWeight: '500',
-    fontSize: '13px',
-    color: '#595959',
-    marginBottom: '4px',
-};
 export default function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
     const parentRef = React.useRef(null);
     const { state, dispatch, setClient, getToken, quillFetchWithToken } = useAdmin();
-    const domainName = state.domainName;
+    const domainName = state.client?.domainName || state.domainName;
+    const defaultDatabaseType = state.client?.databaseType || 'PostgreSQL';
     const [createEnvSteps, setCreateEnvSteps] = useState({
         connectDB: {
             label: 'Connect Database',
@@ -39,7 +28,7 @@ export default function CreateEnvironment({ onOnboardComplete, containerStyle, }
             open: false,
         },
     });
-    const [connection, setConnection] = useState(getDatabaseConnectionFormat('PostgreSQL'));
+    const [connection, setConnection] = useState(getDatabaseConnectionFormat(state.isSelfHosted ? defaultDatabaseType : 'PostgreSQL'));
     const [newClient, setNewClient] = useState({});
     const [databaseSchema, setDatabaseSchema] = useState(undefined);
     const [sqlTables, setSqlTables] = useState([]);
@@ -57,6 +46,7 @@ export default function CreateEnvironment({ onOnboardComplete, containerStyle, }
         if (newClient.clientId) {
             await quillFetch({
                 client: {
+                    queryHeaders: state.queryHeaders,
                     queryEndpoint: state.queryEndpoint,
                     clientId: newClient.clientId,
                     withCredentials: false,
@@ -89,7 +79,7 @@ export default function CreateEnvironment({ onOnboardComplete, containerStyle, }
                 type: 'SET_DATABASE_SCHEMA',
                 payload: { schema: [], id: clientId, loading: true },
             });
-            await getTableColumnsBySchema(state.queryEndpoint, clientId, getToken, selectedSchemaNames)
+            await getTableColumnsBySchema(state.isSelfHosted, state.queryEndpoint, clientId, connection.type, getToken, selectedSchemaNames, state.queryHeaders)
                 .then((schema) => {
                 dispatch({
                     type: 'SET_DATABASE_SCHEMA',
@@ -124,6 +114,7 @@ export default function CreateEnvironment({ onOnboardComplete, containerStyle, }
     };
     const finishOnboarding = async () => {
         setOnboardingCompleteIsLoading(true);
+        // TODO: Anyone could create a client with some domain through this endpoint
         const response = await quillFetchWithToken({
             client: {
                 queryEndpoint: state.queryEndpoint,
@@ -160,6 +151,20 @@ export default function CreateEnvironment({ onOnboardComplete, containerStyle, }
         // setOnboardingCompleteIsLoading(false);
     };
     const isTestMode = process.env.TEST_MODE === 'true';
+    const header1Style = {
+        fontWeight: '600',
+        fontSize: '18px',
+        marginBottom: '6px',
+        color: state.theme?.primaryTextColor,
+        fontFamily: state.theme?.fontFamily,
+    };
+    const header2Style = {
+        fontWeight: '500',
+        fontSize: '13px',
+        marginBottom: '4px',
+        fontFamily: state.theme?.fontFamily,
+        color: state.theme?.secondaryTextColor,
+    };
     return (_jsxs("div", { ref: parentRef, style: {
             ...containerStyle,
             display: 'flex',

package/dist/esm/public_components/DashboardManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AAuChF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,6BAA6B,EAAE,6BAA6B,EAC5D,cAAc,GACf,EAAE;IACD,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA6yBA"}
+{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AAwChF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,6BAA6B,EAAE,6BAA6B,EAC5D,cAAc,GACf,EAAE;IACD,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAi0BA"}

package/dist/esm/public_components/DashboardManager.js

@@ -21,6 +21,7 @@ import { Popover } from '../primitives/PopoverPrimitive';
 import CodePreview from '../modals/CodePreview';
 import SavedQueriesModal from '../modals/SavedQueriesModal';
 import { InternalDashboard } from '../components/InternalDashboard/InternalDashboard';
+import CreateEnvironment from './CreateEnvironment';
 export default function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTableManager, containerStyle, }) {
     const { state, dispatch, clientLoading, setClient, getToken, quillFetchWithToken, } = useAdmin();
     const parentRef = useRef(null);
@@ -33,6 +34,7 @@ export default function DashboardManager({ navigateToVirtualTableManager: naviga
     const [editEnvironmentModalIsOpen, setEditEnvironmentModalIsOpen] = useState(false);
     //FIXME: we don't want to lift up this state
     const [userFilters, setUserFilters] = useState([]);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = useState(false);
     const { data: dashboardConfig, reload: reloadDashboard } = useDashboard(state.selectedDashboard, userFilters);
     const { dashboards, isLoading: dashboardsLoading } = useDashboards();
     const { setSelectedDashboard } = useDashboardManager();
@@ -155,6 +157,9 @@ export default function DashboardManager({ navigateToVirtualTableManager: naviga
             alert('Could not promote this dashboard.');
         }
     };
+    if (showCreateEnvironmentModal) {
+        return (_jsx(ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: _jsx(CreateEnvironment, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return (_jsxs("div", { style: containerStyle, children: [(state.activeComponent === 'Report Builder' ||
                 state.activeComponent === 'SQL Editor') && (_jsx(ChartQueryBuilder, { activeComponent: state.activeComponent, destinationDashboard: state.selectedDashboard ??
                     dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.[0]
@@ -228,6 +233,8 @@ export default function DashboardManager({ navigateToVirtualTableManager: naviga
                                                     setClient(client, true);
                                                 }, onSelectedEditEnvironment: () => {
                                                     setEditEnvironmentModalIsOpen(true);
+                                                }, onCreateNewEnvironment: () => {
+                                                    setShowCreateEnvironmentModal(true);
                                                 }, theme: state.theme, parentRef: envSelectPopoverRef, isLoading: clientLoading }) }), _jsx("div", { style: { display: 'flex', flexDirection: 'column' }, ref: dashboardSelectPopoverRef, children: _jsx(DashboardSelectPopover, { dashboards: dashboards?.filter((d) => d.name !== SAVED_QUERIES_DASHBOARD)?.length
                                                     ? dashboards
                                                         .map((elem) => {
@@ -336,8 +343,10 @@ export default function DashboardManager({ navigateToVirtualTableManager: naviga
                                                         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: 16,
+                                                                fontSize: state.theme?.fontSize,
                                                                 fontWeight: 500,
+                                                                fontFamily: state.theme?.fontFamily,
+                                                                fontSizeAdjust: 0.5,
                                                                 color: '#565656',
                                                                 paddingTop: 8,
                                                                 paddingBottom: 8,

package/dist/esm/public_components/EnvSelectPopover.d.ts

@@ -6,7 +6,8 @@ interface EnvSelectPopoverProps {
     onSelectedEditEnvironment?: (environment: string) => void;
     parentRef: React.RefObject<HTMLDivElement>;
     isLoading?: boolean;
+    onCreateNewEnvironment?: () => void;
 }
-export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
+export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, onCreateNewEnvironment, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=EnvSelectPopover.d.ts.map

package/dist/esm/public_components/EnvSelectPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/public_components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,yBAAyB,EACzB,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CA4NvB"}
+{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../../src/public_components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,yBAAyB,EACzB,SAAS,EACT,SAAS,EACT,sBAAsB,GACvB,EAAE,qBAAqB,2CAwOvB"}

package/dist/esm/public_components/EnvSelectPopover.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { useAdmin } from '../AdminProvider';
-import { ListboxRow, ListboxTextInput, Popover } from '../components/OrgSelect';
+import { ListboxRow, Popover } from '../components/OrgSelect';
 import MiniButtonPrimitive from '../primitives/MiniButtonPrimitive';
 import { LoadingSpinner } from '../components/UiComponents';
-export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, }) {
+import { ListboxTextInput } from '../components/QuillMultiSelectWithCombo';
+export default function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, onCreateNewEnvironment, }) {
     const { state, dispatch } = useAdmin();
     const [isOpen, setIsOpen] = useState(false);
     const [searchQuery, setSearchQuery] = useState('');
@@ -78,11 +79,16 @@ export default function EnvSelectPopover({ clients, setClient, client, theme, on
                     marginBottom: '4px',
                     fontWeight: '600',
                     color: theme.secondaryTextColor,
+                    fontFamily: theme.fontFamily,
                 }, children: "Environment" }), _jsx(Popover, { parentRef: parentRef, label: client?.name ?? 'Select environment', isOpen: isOpen, onClose: () => setIsOpen(false), style: {
                     boxSizing: 'border-box',
                     fontSize: 14,
                     maxHeight: '50vh',
-                }, setIsOpen: setIsOpen, onClick: () => { }, children: !isLoading ? (_jsxs(_Fragment, { children: [_jsx(ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), _jsx("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), _jsxs("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredClients.map((item) => (_jsx(ListboxRow, { setSelected: client._id !== item._id
+                }, setIsOpen: setIsOpen, onClick: () => { }, children: !isLoading ? (_jsxs(_Fragment, { children: [_jsx(ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery, width: 180 }), _jsx("div", { style: {
+                                height: 9,
+                                width: 230,
+                                borderTop: `1px solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
+                            } }), _jsxs("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredClients.map((item) => (_jsx(ListboxRow, { setSelected: client._id !== item._id
                                         ? () => handleItemClick(item)
                                         : undefined, item: item.name, isSelected: client._id === item._id, hoverActions: onSelectedEditEnvironment
                                         ? (item) => (_jsx(MiniButtonPrimitive, { label: "Manage", onClick: () => {
@@ -92,10 +98,12 @@ export default function EnvSelectPopover({ clients, setClient, client, theme, on
                                                 marginRight: -8,
                                                 marginTop: 'auto',
                                                 marginBottom: 'auto',
+                                                fontFamily: theme.fontFamily,
+                                                color: theme.secondaryTextColor,
+                                                backgroundColor: theme.backgroundColor,
                                             } }))
-                                        : undefined }, item._id))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("a", { href: '/onboard', style: {
+                                        : undefined }, item._id))), _jsx("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: _jsxs("a", { onClick: onCreateNewEnvironment, style: {
                                             height: 42,
-                                            color: '#384151',
                                             width: 216,
                                             borderRadius: 6,
                                             textAlign: 'left',
@@ -109,15 +117,19 @@ export default function EnvSelectPopover({ clients, setClient, client, theme, on
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
+                                            fontFamily: theme.fontFamily,
                                         }, children: [_jsx("style", { children: `
                     .quill-list-select > a {
-                      background-color: white;
+                      background-color: ${state.theme?.backgroundColor};
+                      color: ${theme?.primaryTextColor};
                     }
                     .quill-list-selected > a {
-                      background-color: rgba(56, 65, 81, 0.04);
+                      background-color: ${state.theme?.hoverBackgroundColor};
+                      color: ${theme?.hoverTextColor};
                     }
                     .quill-list-select:hover > a {
-                      background-color: rgba(56, 65, 81, 0.04);
+                      background-color: ${state.theme?.hoverBackgroundColor};
+                      color: ${theme?.hoverTextColor};
                     }` }), _jsxs("div", { style: {
                                                     textOverflow: 'ellipsis',
                                                     whiteSpace: 'nowrap',

package/dist/esm/public_components/VirtualTableManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualTableManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/VirtualTableManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AA0C5E,eAAO,MAAM,mBAAmB,aAAc,GAAG,EAAE,aAalD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CA08BA"}
+{"version":3,"file":"VirtualTableManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/VirtualTableManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AA2C5E,eAAO,MAAM,mBAAmB,aAAc,GAAG,EAAE,aAalD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,cAAc,EACd,YAAY,GACb,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAw+BA"}

package/dist/esm/public_components/VirtualTableManager.js

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { ButtonPrimitive, HeaderPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../primitives';
 import { useAdmin } from '../AdminProvider';
 import { EnvSelectPopover } from '../components';
-import { defaultTheme, TableCell } from '../Admin';
+import { TableCell } from '../Admin';
 import CreateEditVirtualTable from '../forms/virtual_tables/CreateEditVirtualTable';
 import { addVirtualTable, editVirtualTable, deleteVirtualTable as requestDeleteVirtualTable, } from '../utils/dataEditor';
 import { getVirtualTableData } from '../api/ConnectionClient';
@@ -23,6 +23,7 @@ import { onlySingleDatabaseTenant } from '../utils/tenants';
 import { useDatabaseSchema } from '../hooks/useDatabaseSchema';
 import InputLabel from '../components/InputLabel';
 import { useDashboardManager } from '../hooks/useDashboardManager';
+import CreateEnvironment from './CreateEnvironment';
 export const getDuplicateColumns = (columns) => {
     if (!columns) {
         return [];
@@ -60,7 +61,9 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
     const [initialVirtualTable, setInitialVirtualTable] = useState(undefined);
     const [submittingVirtualTable, setSubmittingVirtualTable] = useState(false);
     const [noCustomerField, setNoCustomerField] = useState(false);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = useState(false);
     const parentRef = useRef(null);
+    const envHeaderRef = useRef(null);
     const { state, dispatch, clientLoading, setClient, getToken, quillFetchWithToken, } = useAdmin();
     const closeEditModal = () => {
         setEditModalIsOpen(false);
@@ -294,13 +297,16 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                 break;
         }
     };
+    if (showCreateEnvironmentModal) {
+        return (_jsx(ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: _jsx(CreateEnvironment, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return (_jsx("div", { style: { ...containerStyle }, children: _jsxs("div", { style: {
                 minHeight: '100%',
                 display: 'flex',
                 flexDirection: 'column',
                 paddingTop: '0px',
                 position: 'relative',
-            }, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && (_jsx("div", { style: {
+            }, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && (_jsx("div", { ref: envHeaderRef, style: {
                         //   width: 'calc(100vw - 30px)',
                         display: 'flex',
                         position: 'sticky',
@@ -334,6 +340,8 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                         setClient(client, true);
                                     }, onSelectedEditEnvironment: () => {
                                         setEditEnvironmentModalIsOpen(true);
+                                    }, onCreateNewEnvironment: () => {
+                                        setShowCreateEnvironmentModal(true);
                                     }, theme: state.theme, parentRef: parentRef, isLoading: clientLoading }) }), !editQueryView && !state.databaseTypeMismatch.show && (_jsxs("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
@@ -352,6 +360,7 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                         gridTemplateColumns: 'repeat(auto-fill,minmax(460px, 1fr))',
                         padding: 25,
                         width: '100%',
+                        ...containerStyle,
                     }, children: Array.from({ length: 12 }).map((_, i) => (_jsx("div", { style: {
                             height: '180px',
                             width: '540px',
@@ -368,6 +377,11 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                 gridGap: 24,
                                 gridTemplateColumns: 'repeat(auto-fill,minmax(460px, 1fr))',
                                 padding: 25,
+                                height: '100%',
+                                maxHeight: envHeaderRef.current
+                                    ? `calc(100vh - ${envHeaderRef.current?.getBoundingClientRect().bottom ?? 0}px)`
+                                    : '100%',
+                                overflow: 'scroll',
                             }, children: tables && tables?.length ? (_jsxs(_Fragment, { children: [tables.map((table) => (_jsx(TableCell, { table: table, clickTableCellHeader: clickTableCell, clickTableCellBody: () => {
                                             clickTableCell(table, true);
                                             setEditQueryView(true);
@@ -386,6 +400,7 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                     }, onClick: (event) => {
                                                         event.stopPropagation();
                                                         clickTableCell(table, true);
@@ -404,6 +419,7 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                     }, onClick: (event) => {
                                                         event.stopPropagation();
                                                         clickTableCell(table);
@@ -427,6 +443,7 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                     }, className: "secondary-button-quill", onClick: (event) => {
                                                         event.stopPropagation();
                                                         reloadTables([table]);
@@ -437,6 +454,7 @@ export default function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         height: 32,
                                                         width: 32,
                                                         color: state.theme?.secondaryTextColor,
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                         borderRadius: 6,
                                                         outline: 'none',
                                                         cursor: 'pointer',
@@ -518,7 +536,8 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                 marginTop: '0px',
                                 marginBottom: '0px',
                                 fontWeight: 'bold',
-                                color: '#384151',
+                                color: state.theme?.primaryTextColor,
+                                fontFamily: state.theme?.fontFamily,
                             }, children: viewName ? 'Edit Virtual Table' : 'Add Virtual Table' }), _jsx(MemoizedDeleteButton, { onClick: closeEditModal, style: undefined })] }), _jsx(InputLabel, { children: "Name" }), _jsx(TextInputPrimitive, { ref: (input) => editModalIsOpen && !viewName && input?.focus(), placeholder: "Enter view display name...", onChange: (e) => setName(e.target.value), value: name ? name : '' }), _jsx("br", {}), viewOwnerTenantFields.length > 0 && (_jsxs(_Fragment, { children: [_jsx(InputLabel, { tooltip: "Dashboards may only query from virtual tables that share an owner with them. Virtual tables are required to return each of their owners' foreign keys as part of the query.", children: "Owners" }), _jsx("div", { style: {
                                 flexDirection: 'row',
                                 display: 'flex',
@@ -530,7 +549,8 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                 .map((tenantField) => (_jsx("div", { style: {
                                     fontWeight: 300,
                                     fontSize: 12,
-                                    color: defaultTheme?.primaryTextColor,
+                                    fontFamily: state.theme?.fontFamily,
+                                    color: state.theme?.primaryTextColor,
                                     padding: 2,
                                     paddingLeft: 4,
                                     paddingRight: 4,
@@ -559,7 +579,8 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                 fontWeight: '600',
                                 fontSize: '14px',
                                 marginBottom: '6px',
-                                color: '#212121',
+                                color: state.theme?.secondaryTextColor,
+                                fontFamily: state.theme?.fontFamily,
                             }, children: "Custom fields" }), _jsx(TogglePrimitive, { value: useCustomField, onClick: () => {
                                 setUseCustomField((useCustomField) => !useCustomField);
                             }, style: {
@@ -569,19 +590,22 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                         fontSize: '14px',
                                         marginBottom: '6px',
                                         marginTop: '20px',
-                                        color: '#212121',
+                                        color: state.theme?.secondaryTextColor,
+                                        fontFamily: state.theme?.fontFamily,
                                     }, children: "Custom field type" }), _jsx(SegmentedControl, { theme: state.theme, value: customFieldType?.toLowerCase(), onChange: (e) => {
                                         setCustomFieldType(e);
                                     }, left: { label: 'EAV', value: 'eav' }, right: { label: 'JSON', value: 'json' } }), _jsx("br", {}), _jsx("h3", { style: {
                                         fontWeight: '600',
                                         fontSize: '14px',
                                         marginBottom: '6px',
-                                        color: '#212121',
+                                        color: state.theme?.secondaryTextColor,
+                                        fontFamily: state.theme?.fontFamily,
                                     }, children: "Custom field query" }), _jsx("h3", { style: {
                                         fontWeight: '400',
                                         fontSize: '14px',
                                         marginBottom: '20px',
-                                        color: '#212121',
+                                        color: state.theme?.secondaryTextColor,
+                                        fontFamily: state.theme?.fontFamily,
                                     }, children: customFieldType === 'eav'
                                         ? `A table of custom fields. It must have these columns: ref_table, ref_id, ref_table_id_field, field, value, type${clientIsSingleTenant ? '' : `, ${state.client.customerFieldName.replaceAll('"', '')}`}.`
                                         : `A table of custom fields. It must have these columns: ref_table, ref_column, field${clientIsSingleTenant ? '' : `, ${state.client.customerFieldName.replaceAll('"', '')}`}.` }), _jsx(SqlTextEditor, { value: customFieldQuery, setValue: (e) => {
@@ -598,7 +622,7 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                         }
                                         setErrorInfo({ show: false, message: '' });
                                         setRunQueryButtonLoading(true);
-                                        const getSqlResults = await getVirtualTableData(state.client._id, customFieldQuery, state.client.databaseType, state.queryEndpoint, getToken);
+                                        const getSqlResults = await getVirtualTableData(state.client._id, customFieldQuery, state.client.databaseType, state.queryEndpoint, getToken, state.queryHeaders);
                                         if (!getSqlResults.success) {
                                             setErrorInfo({
                                                 show: true,

package/dist/esm/utils/columnProcessing.d.ts

@@ -7,6 +7,7 @@ export type ColumnInfo = {
     isVisible: true;
 };
 export declare function convertFieldTypeToJSType(fieldType: string): string;
+export declare function fieldTypeToDataTypeID(fieldType: string): number;
 export declare function processColumnReference(column: string, databaseType: string): string;
 export declare function convertColumnInfoToColumnInternal(columnInfo: ColumnInfo): ColumnInternal;
 export declare function isStringType(fieldType: string): boolean;

package/dist/esm/utils/columnProcessing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnProcessing.d.ts","sourceRoot":"","sources":["../../../src/utils/columnProcessing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAwDlE;AAsED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAuB1E;AAED,wBAAgB,iCAAiC,CAC/C,UAAU,EAAE,UAAU,GACrB,cAAc,CAShB;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAYvD;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CASrD;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAwBvD"}
+{"version":3,"file":"columnProcessing.d.ts","sourceRoot":"","sources":["../../../src/utils/columnProcessing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAwDlE;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CA0C/D;AA0BD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAuB1E;AAED,wBAAgB,iCAAiC,CAC/C,UAAU,EAAE,UAAU,GACrB,cAAc,CAShB;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAYvD;AAED,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CASrD;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAwBvD"}

package/dist/esm/utils/columnProcessing.js

@@ -53,7 +53,7 @@ export function convertFieldTypeToJSType(fieldType) {
     }
     return jsType;
 }
-function fieldTypeToDataTypeID(fieldType) {
+export function fieldTypeToDataTypeID(fieldType) {
     switch (fieldType) {
         case 'bool':
             return 16;

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

@@ -6,4 +6,5 @@ export declare const SINGLE_TENANT = "QUILL_SINGLE_TENANT";
 export declare const SAVED_QUERIES_DASHBOARD = "quill-saved-queries";
 export declare const QUILL_SERVER: string;
 export declare const QUILL_QUERY_ENDPOINT: string;
+export declare const QUILL_ENDPOINTS: string[];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAWH,eAAO,MAAM,WAAW,sBAAsB,CAAC;AAC/C,eAAO,MAAM,aAAa,wBAAwB,CAAC;AACnD,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,eAAO,MAAM,YAAY,QAGoB,CAAC;AAC9C,eAAO,MAAM,oBAAoB,QAGnB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAWH,eAAO,MAAM,WAAW,sBAAsB,CAAC;AAC/C,eAAO,MAAM,aAAa,wBAAwB,CAAC;AACnD,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,eAAO,MAAM,YAAY,QAGoB,CAAC;AAC9C,eAAO,MAAM,oBAAoB,QAGnB,CAAC;AAEf,eAAO,MAAM,eAAe,UAG3B,CAAC"}

package/dist/esm/utils/constants.js

@@ -19,3 +19,7 @@ export const QUILL_SERVER = typeof process !== 'undefined' && process.env
 export const QUILL_QUERY_ENDPOINT = typeof process !== 'undefined' && process.env
     ? (process.env.QUILL_QUERY_ENDPOINT ?? '/cloud')
     : '/cloud';
+export const QUILL_ENDPOINTS = [
+    'https://quill-344421.uc.r.appspot.com/cloud',
+    'https://quill-ruby-server.onrender.com/cloud',
+];

package/dist/esm/utils/dataFetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,IAAI,CACV,mBAAmB,EACnB,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,iBAAiB,CAClE,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,2FASpB,iBAAiB,KAAG,OAAO,CAAC,YAAY,CAwD1C,CAAC"}
+{"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,IAAI,CACV,mBAAmB,EACnB,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,iBAAiB,CAClE,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,2FASpB,iBAAiB,KAAG,OAAO,CAAC,YAAY,CAuD1C,CAAC"}

package/dist/esm/utils/dataFetcher.js

@@ -12,7 +12,6 @@ export const quillFetch = async ({ client, task, method = 'POST', metadata, abor
                 ...(token ? { Authorization: `Bearer ${token}` } : {}),
                 ...client.queryHeaders,
                 'Content-Type': 'application/json',
-                'Vercel-Env': process.env.NEXT_PUBLIC_VERCEL_ENV ?? 'production',
             },
             body: JSON.stringify({
                 metadata: {