@quillsql/admin 1.6.3 → 1.6.4

package/dist/cjs/primitives/HeaderPrimitive.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
-const HeaderPrimitive = ({ label, theme = Admin_1.defaultTheme, }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
-        color: theme?.primaryTextColor,
-        fontFamily: theme?.fontFamily,
-        fontWeight: theme?.buttonFontWeight || 600,
-        fontSize: 24,
-    }, children: label }));
+const AdminProvider_1 = require("../AdminProvider");
+const HeaderPrimitive = ({ label, theme }) => {
+    const { state: { theme: stateTheme }, } = (0, AdminProvider_1.useAdmin)();
+    theme = theme ?? stateTheme;
+    return ((0, jsx_runtime_1.jsx)("h1", { style: {
+            color: theme?.primaryTextColor,
+            fontFamily: theme?.fontFamily,
+            fontWeight: theme?.buttonFontWeight || 600,
+            fontSize: 24,
+        }, children: label }));
+};
 exports.default = HeaderPrimitive;

package/dist/cjs/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/cjs/primitives/PopoverPrimitive.js

@@ -4,7 +4,9 @@ exports.Popover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
+const AdminProvider_1 = require("../AdminProvider");
 const Popover = ({ trigger, content }) => {
+    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
     const [isVisible, setIsVisible] = (0, react_1.useState)(false);
     const [position, setPosition] = (0, react_1.useState)({
         top: 0,
@@ -37,7 +39,7 @@ 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/cjs/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/cjs/primitives/SecondaryButtonPrimitive.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
-const SecondaryButtonPrimitive = ({ onClick, label, theme = Admin_1.defaultTheme, disabled, style, }) => {
+const AdminProvider_1 = require("../AdminProvider");
+const SecondaryButtonPrimitive = ({ onClick, label, theme, disabled, style, }) => {
+    const { state: { theme: stateTheme }, } = (0, AdminProvider_1.useAdmin)();
+    theme = theme ?? stateTheme;
     return ((0, jsx_runtime_1.jsx)("button", { style: {
             height: 40,
             background: disabled ? '#f8f8f8' : '#ffffff',
-            borderColor: '#E7E7E7',
+            borderColor: theme?.borderColor,
             borderStyle: 'solid',
             borderWidth: 1,
             color: theme?.primaryTextColor,

package/dist/cjs/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/cjs/public_components/ChartQueryBuilder.js

@@ -17,11 +17,14 @@ const useDashboardManager_1 = require("../hooks/useDashboardManager");
 const tenants_1 = require("../utils/tenants");
 const primitives_1 = require("../primitives");
 const constants_1 = require("../utils/constants");
+const CreateEnvironment_1 = __importDefault(require("./CreateEnvironment"));
 function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinationDashboard, }) {
     const parentRef = (0, react_1.useRef)(null);
+    const envPopoverRef = (0, react_1.useRef)(null);
     const { state, dispatch, clientLoading, setClient } = (0, AdminProvider_1.useAdmin)();
     const [query, setQuery] = (0, react_1.useState)(state.activeQuery);
     const [toggleMode, setToggleMode] = (0, react_1.useState)(activeComponent);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = (0, react_1.useState)(false);
     const { setSelectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
     const { reload } = (0, react_2.useDashboard)(constants_1.SAVED_QUERIES_DASHBOARD);
     const modeToggleOptions = [
@@ -54,6 +57,9 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
     (0, react_1.useEffect)(() => {
         setToggleMode(activeComponent);
     }, [activeComponent]);
+    if (showCreateEnvironmentModal) {
+        return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             height: '100%',
             ...containerStyle,
@@ -88,9 +94,12 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                                     flexDirection: 'row',
                                     gap: 12,
                                     alignItems: 'flex-end',
-                                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { clients: state.clients, client: state.client, setClient: (client) => {
+                                }, ref: envPopoverRef, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(components_1.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 &&
                                         !(0, tenants_1.onlySingleDatabaseTenant)(state.client) && ((0, jsx_runtime_1.jsx)(components_1.OrgSelect, { isLoading: clientLoading })), (0, jsx_runtime_1.jsx)(QuillTab_1.default, { modeToggleOptions: modeToggleOptions, toggleMode: toggleMode, setToggleMode: setToggleMode, width: "250px" })] }), onExit && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
                                     onExit();
@@ -110,8 +119,8 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         gap: 32,
                         padding: 32,
                     }, children: [(0, jsx_runtime_1.jsx)(PlaceholderPrimitive_1.default, { containerStyle: { width: '12%' } }), (0, jsx_runtime_1.jsx)(PlaceholderPrimitive_1.default, { containerStyle: { maxHeight: 300 } })] })) : toggleMode === 'Report Builder' ? ((0, jsx_runtime_1.jsx)(react_2.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 ((0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { onClick: onClick, label: 'Add to dashboard', isLoading: isLoading, disabled: disabled }));
@@ -125,6 +134,7 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         height: '100%',
                         width: '100%',
                         overflow: 'hidden',
+                        backgroundColor: 'white',
                         // paddingRight: 25,
                         // paddingTop: 25,
                     }, destinationDashboard: destinationDashboard }))] }) }));

package/dist/cjs/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/cjs/public_components/CreateEnvironment.js

@@ -48,22 +48,11 @@ const databases_1 = require("../utils/databases");
 const CreateVirtualTables_1 = __importDefault(require("../forms/client_onboard/CreateVirtualTables"));
 const ConnectionClient_1 = require("../api/ConnectionClient");
 const dataFetcher_1 = require("../utils/dataFetcher");
-const header1Style = {
-    fontWeight: '600',
-    fontSize: '18px',
-    marginBottom: '6px',
-    color: '#000000',
-};
-const header2Style = {
-    fontWeight: '500',
-    fontSize: '13px',
-    color: '#595959',
-    marginBottom: '4px',
-};
 function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
     const parentRef = react_1.default.useRef(null);
     const { state, dispatch, setClient, getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
-    const domainName = state.domainName;
+    const domainName = state.client?.domainName || state.domainName;
+    const defaultDatabaseType = state.client?.databaseType || 'PostgreSQL';
     const [createEnvSteps, setCreateEnvSteps] = (0, react_1.useState)({
         connectDB: {
             label: 'Connect Database',
@@ -78,7 +67,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
             open: false,
         },
     });
-    const [connection, setConnection] = (0, react_1.useState)((0, databases_1.getDatabaseConnectionFormat)('PostgreSQL'));
+    const [connection, setConnection] = (0, react_1.useState)((0, databases_1.getDatabaseConnectionFormat)(state.isSelfHosted ? defaultDatabaseType : 'PostgreSQL'));
     const [newClient, setNewClient] = (0, react_1.useState)({});
     const [databaseSchema, setDatabaseSchema] = (0, react_1.useState)(undefined);
     const [sqlTables, setSqlTables] = (0, react_1.useState)([]);
@@ -96,6 +85,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
         if (newClient.clientId) {
             await (0, dataFetcher_1.quillFetch)({
                 client: {
+                    queryHeaders: state.queryHeaders,
                     queryEndpoint: state.queryEndpoint,
                     clientId: newClient.clientId,
                     withCredentials: false,
@@ -128,7 +118,7 @@ function CreateEnvironment({ onOnboardComplete, containerStyle, }) {
                 type: 'SET_DATABASE_SCHEMA',
                 payload: { schema: [], id: clientId, loading: true },
             });
-            await (0, ConnectionClient_1.getTableColumnsBySchema)(state.queryEndpoint, clientId, getToken, selectedSchemaNames)
+            await (0, ConnectionClient_1.getTableColumnsBySchema)(state.isSelfHosted, state.queryEndpoint, clientId, connection.type, getToken, selectedSchemaNames, state.queryHeaders)
                 .then((schema) => {
                 dispatch({
                     type: 'SET_DATABASE_SCHEMA',
@@ -163,6 +153,7 @@ 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,
@@ -199,6 +190,20 @@ 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 ((0, jsx_runtime_1.jsxs)("div", { ref: parentRef, style: {
             ...containerStyle,
             display: 'flex',

package/dist/cjs/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/cjs/public_components/DashboardManager.js

@@ -27,6 +27,7 @@ const PopoverPrimitive_1 = require("../primitives/PopoverPrimitive");
 const CodePreview_1 = __importDefault(require("../modals/CodePreview"));
 const SavedQueriesModal_1 = __importDefault(require("../modals/SavedQueriesModal"));
 const InternalDashboard_1 = require("../components/InternalDashboard/InternalDashboard");
+const CreateEnvironment_1 = __importDefault(require("./CreateEnvironment"));
 function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTableManager, containerStyle, }) {
     const { state, dispatch, clientLoading, setClient, getToken, quillFetchWithToken, } = (0, AdminProvider_1.useAdmin)();
     const parentRef = (0, react_1.useRef)(null);
@@ -39,6 +40,7 @@ function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTabl
     const [editEnvironmentModalIsOpen, setEditEnvironmentModalIsOpen] = (0, react_1.useState)(false);
     //FIXME: we don't want to lift up this state
     const [userFilters, setUserFilters] = (0, react_1.useState)([]);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = (0, react_1.useState)(false);
     const { data: dashboardConfig, reload: reloadDashboard } = (0, react_2.useDashboard)(state.selectedDashboard, userFilters);
     const { dashboards, isLoading: dashboardsLoading } = (0, react_2.useDashboards)();
     const { setSelectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
@@ -161,6 +163,9 @@ function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTabl
             alert('Could not promote this dashboard.');
         }
     };
+    if (showCreateEnvironmentModal) {
+        return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [(state.activeComponent === 'Report Builder' ||
                 state.activeComponent === 'SQL Editor') && ((0, jsx_runtime_1.jsx)(ChartQueryBuilder_1.default, { activeComponent: state.activeComponent, destinationDashboard: state.selectedDashboard ??
                     dashboards?.filter((d) => d.name !== constants_1.SAVED_QUERIES_DASHBOARD)?.[0]
@@ -234,6 +239,8 @@ function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTabl
                                                     setClient(client, true);
                                                 }, onSelectedEditEnvironment: () => {
                                                     setEditEnvironmentModalIsOpen(true);
+                                                }, onCreateNewEnvironment: () => {
+                                                    setShowCreateEnvironmentModal(true);
                                                 }, theme: state.theme, parentRef: envSelectPopoverRef, isLoading: clientLoading }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, ref: dashboardSelectPopoverRef, children: (0, jsx_runtime_1.jsx)(components_1.DashboardSelectPopover, { dashboards: dashboards?.filter((d) => d.name !== constants_1.SAVED_QUERIES_DASHBOARD)?.length
                                                     ? dashboards
                                                         .map((elem) => {
@@ -342,8 +349,10 @@ function DashboardManager({ navigateToVirtualTableManager: navigateToVirtualTabl
                                                         justifyContent: 'center',
                                                         width: 260,
                                                     }, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }), (0, jsx_runtime_1.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/cjs/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/cjs/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/cjs/public_components/EnvSelectPopover.js

@@ -10,7 +10,8 @@ const AdminProvider_1 = require("../AdminProvider");
 const OrgSelect_1 = require("../components/OrgSelect");
 const MiniButtonPrimitive_1 = __importDefault(require("../primitives/MiniButtonPrimitive"));
 const UiComponents_1 = require("../components/UiComponents");
-function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, }) {
+const QuillMultiSelectWithCombo_1 = require("../components/QuillMultiSelectWithCombo");
+function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnvironment, parentRef, isLoading, onCreateNewEnvironment, }) {
     const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
@@ -84,11 +85,16 @@ function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnv
                     marginBottom: '4px',
                     fontWeight: '600',
                     color: theme.secondaryTextColor,
+                    fontFamily: theme.fontFamily,
                 }, children: "Environment" }), (0, jsx_runtime_1.jsx)(OrgSelect_1.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 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsxs)("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredClients.map((item) => ((0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxRow, { setSelected: client._id !== item._id
+                }, setIsOpen: setIsOpen, onClick: () => { }, children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.ListboxTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery, width: 180 }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                height: 9,
+                                width: 230,
+                                borderTop: `1px solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
+                            } }), (0, jsx_runtime_1.jsxs)("div", { style: { paddingTop: 8, paddingBottom: 8 }, children: [filteredClients.map((item) => ((0, jsx_runtime_1.jsx)(OrgSelect_1.ListboxRow, { setSelected: client._id !== item._id
                                         ? () => handleItemClick(item)
                                         : undefined, item: item.name, isSelected: client._id === item._id, hoverActions: onSelectedEditEnvironment
                                         ? (item) => ((0, jsx_runtime_1.jsx)(MiniButtonPrimitive_1.default, { label: "Manage", onClick: () => {
@@ -98,10 +104,12 @@ function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnv
                                                 marginRight: -8,
                                                 marginTop: 'auto',
                                                 marginBottom: 'auto',
+                                                fontFamily: theme.fontFamily,
+                                                color: theme.secondaryTextColor,
+                                                backgroundColor: theme.backgroundColor,
                                             } }))
-                                        : undefined }, item._id))), (0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("a", { href: '/onboard', style: {
+                                        : undefined }, item._id))), (0, jsx_runtime_1.jsx)("div", { className: 'quill-list-select', style: { paddingBottom: 6, cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("a", { onClick: onCreateNewEnvironment, style: {
                                             height: 42,
-                                            color: '#384151',
                                             width: 216,
                                             borderRadius: 6,
                                             textAlign: 'left',
@@ -115,15 +123,19 @@ function EnvSelectPopover({ clients, setClient, client, theme, onSelectedEditEnv
                                             textOverflow: 'ellipsis',
                                             whiteSpace: 'nowrap',
                                             overflow: 'hidden',
+                                            fontFamily: theme.fontFamily,
                                         }, children: [(0, jsx_runtime_1.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};
                     }` }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                                     textOverflow: 'ellipsis',
                                                     whiteSpace: 'nowrap',

package/dist/cjs/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/cjs/public_components/VirtualTableManager.js

@@ -30,6 +30,7 @@ const tenants_1 = require("../utils/tenants");
 const useDatabaseSchema_1 = require("../hooks/useDatabaseSchema");
 const InputLabel_1 = __importDefault(require("../components/InputLabel"));
 const useDashboardManager_1 = require("../hooks/useDashboardManager");
+const CreateEnvironment_1 = __importDefault(require("./CreateEnvironment"));
 const getDuplicateColumns = (columns) => {
     if (!columns) {
         return [];
@@ -68,7 +69,9 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
     const [initialVirtualTable, setInitialVirtualTable] = (0, react_2.useState)(undefined);
     const [submittingVirtualTable, setSubmittingVirtualTable] = (0, react_2.useState)(false);
     const [noCustomerField, setNoCustomerField] = (0, react_2.useState)(false);
+    const [showCreateEnvironmentModal, setShowCreateEnvironmentModal] = (0, react_2.useState)(false);
     const parentRef = (0, react_2.useRef)(null);
+    const envHeaderRef = (0, react_2.useRef)(null);
     const { state, dispatch, clientLoading, setClient, getToken, quillFetchWithToken, } = (0, AdminProvider_1.useAdmin)();
     const closeEditModal = () => {
         setEditModalIsOpen(false);
@@ -302,13 +305,16 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
                 break;
         }
     };
+    if (showCreateEnvironmentModal) {
+        return ((0, jsx_runtime_1.jsx)(primitives_1.ModalPrimitive, { isOpen: showCreateEnvironmentModal, onClose: () => setShowCreateEnvironmentModal(false), children: (0, jsx_runtime_1.jsx)(CreateEnvironment_1.default, { onOnboardComplete: () => setShowCreateEnvironmentModal(false) }) }));
+    }
     return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 minHeight: '100%',
                 display: 'flex',
                 flexDirection: 'column',
                 paddingTop: '0px',
                 position: 'relative',
-            }, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && ((0, jsx_runtime_1.jsx)("div", { style: {
+            }, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && ((0, jsx_runtime_1.jsx)("div", { ref: envHeaderRef, style: {
                         //   width: 'calc(100vw - 30px)',
                         display: 'flex',
                         position: 'sticky',
@@ -342,6 +348,8 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
                                         setClient(client, true);
                                     }, onSelectedEditEnvironment: () => {
                                         setEditEnvironmentModalIsOpen(true);
+                                    }, onCreateNewEnvironment: () => {
+                                        setShowCreateEnvironmentModal(true);
                                     }, theme: state.theme, parentRef: parentRef, isLoading: clientLoading }) }), !editQueryView && !state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
@@ -360,6 +368,7 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
                         gridTemplateColumns: 'repeat(auto-fill,minmax(460px, 1fr))',
                         padding: 25,
                         width: '100%',
+                        ...containerStyle,
                     }, children: Array.from({ length: 12 }).map((_, i) => ((0, jsx_runtime_1.jsx)("div", { style: {
                             height: '180px',
                             width: '540px',
@@ -376,6 +385,11 @@ 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 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [tables.map((table) => ((0, jsx_runtime_1.jsx)(Admin_1.TableCell, { table: table, clickTableCellHeader: clickTableCell, clickTableCellBody: () => {
                                             clickTableCell(table, true);
                                             setEditQueryView(true);
@@ -394,6 +408,7 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                     }, onClick: (event) => {
                                                         event.stopPropagation();
                                                         clickTableCell(table, true);
@@ -412,6 +427,7 @@ function VirtualTableManager({ containerStyle, virtualTable, }) {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
+                                                        border: `0 solid ${state.theme?.borderColor ?? '#e7e7e7'}`,
                                                     }, onClick: (event) => {
                                                         event.stopPropagation();
                                                         clickTableCell(table);
@@ -435,6 +451,7 @@ 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]);
@@ -445,6 +462,7 @@ 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',
@@ -526,7 +544,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' }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedDeleteButton, { onClick: closeEditModal, style: undefined })] }), (0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Name" }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { ref: (input) => editModalIsOpen && !viewName && input?.focus(), placeholder: "Enter view display name...", onChange: (e) => setName(e.target.value), value: name ? name : '' }), (0, jsx_runtime_1.jsx)("br", {}), viewOwnerTenantFields.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { 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" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 flexDirection: 'row',
                                 display: 'flex',
@@ -538,7 +557,8 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                 .map((tenantField) => ((0, jsx_runtime_1.jsx)("div", { style: {
                                     fontWeight: 300,
                                     fontSize: 12,
-                                    color: Admin_1.defaultTheme?.primaryTextColor,
+                                    fontFamily: state.theme?.fontFamily,
+                                    color: state.theme?.primaryTextColor,
                                     padding: 2,
                                     paddingLeft: 4,
                                     paddingRight: 4,
@@ -567,7 +587,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" }), (0, jsx_runtime_1.jsx)(TogglePrimitive_1.default, { value: useCustomField, onClick: () => {
                                 setUseCustomField((useCustomField) => !useCustomField);
                             }, style: {
@@ -577,19 +598,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" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl, { theme: state.theme, value: customFieldType?.toLowerCase(), onChange: (e) => {
                                         setCustomFieldType(e);
                                     }, left: { label: 'EAV', value: 'eav' }, right: { label: 'JSON', value: 'json' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("h3", { style: {
                                         fontWeight: '600',
                                         fontSize: '14px',
                                         marginBottom: '6px',
-                                        color: '#212121',
+                                        color: state.theme?.secondaryTextColor,
+                                        fontFamily: state.theme?.fontFamily,
                                     }, children: "Custom field query" }), (0, jsx_runtime_1.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('"', '')}`}.` }), (0, jsx_runtime_1.jsx)(SqlTextEditor_1.default, { value: customFieldQuery, setValue: (e) => {
@@ -606,7 +630,7 @@ function EditAddViewModal({ viewName, viewQuery, viewOwnerTenantFields, viewId,
                                         }
                                         setErrorInfo({ show: false, message: '' });
                                         setRunQueryButtonLoading(true);
-                                        const getSqlResults = await (0, ConnectionClient_1.getVirtualTableData)(state.client._id, customFieldQuery, state.client.databaseType, state.queryEndpoint, getToken);
+                                        const getSqlResults = await (0, ConnectionClient_1.getVirtualTableData)(state.client._id, customFieldQuery, state.client.databaseType, state.queryEndpoint, getToken, state.queryHeaders);
                                         if (!getSqlResults.success) {
                                             setErrorInfo({
                                                 show: true,

package/dist/cjs/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/cjs/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/cjs/utils/columnProcessing.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertFieldTypeToJSType = convertFieldTypeToJSType;
+exports.fieldTypeToDataTypeID = fieldTypeToDataTypeID;
 exports.processColumnReference = processColumnReference;
 exports.convertColumnInfoToColumnInternal = convertColumnInfoToColumnInternal;
 exports.isStringType = isStringType;

package/dist/cjs/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/cjs/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/cjs/utils/constants.js

@@ -12,7 +12,7 @@
 // export type DateRangeOption = (typeof InitialDateRangeOptions)[number];
 // export const defaultDateRange = InitialDateRangeOptions[1];
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QUILL_QUERY_ENDPOINT = exports.QUILL_SERVER = exports.SAVED_QUERIES_DASHBOARD = exports.SINGLE_TENANT = exports.ALL_TENANTS = void 0;
+exports.QUILL_ENDPOINTS = exports.QUILL_QUERY_ENDPOINT = exports.QUILL_SERVER = exports.SAVED_QUERIES_DASHBOARD = exports.SINGLE_TENANT = exports.ALL_TENANTS = void 0;
 exports.ALL_TENANTS = 'QUILL_ALL_TENANTS';
 exports.SINGLE_TENANT = 'QUILL_SINGLE_TENANT';
 exports.SAVED_QUERIES_DASHBOARD = 'quill-saved-queries';
@@ -22,3 +22,7 @@ exports.QUILL_SERVER = typeof process !== 'undefined' && process.env
 exports.QUILL_QUERY_ENDPOINT = typeof process !== 'undefined' && process.env
     ? (process.env.QUILL_QUERY_ENDPOINT ?? '/cloud')
     : '/cloud';
+exports.QUILL_ENDPOINTS = [
+    'https://quill-344421.uc.r.appspot.com/cloud',
+    'https://quill-ruby-server.onrender.com/cloud',
+];

package/dist/cjs/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/cjs/utils/dataFetcher.js

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