@quillsql/admin 1.6.4 → 1.7.0

package/dist/cjs/modals/EditEnvironmentModal.js

@@ -16,32 +16,35 @@ const constants_1 = require("../utils/constants");
 const EditTenant_1 = require("../components/Tenants/EditTenant");
 const ConnectionClient_1 = require("../api/ConnectionClient");
 const useDashboardManager_1 = require("../hooks/useDashboardManager");
-const header1Style = {
-    fontWeight: '600',
-    fontSize: '18px',
-    marginBottom: '6px',
-    color: '#000000',
-};
-const header2Style = {
-    fontWeight: '500',
-    fontSize: '13px',
-    color: '#595959',
-    marginBottom: '4px',
-};
 function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SecondaryButtonComponent, }) {
-    const { state, dispatch, setClient, getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, dispatch, setClient, getToken, quillFetchWithToken, eventTracking, } = (0, AdminProvider_1.useAdmin)();
     const { setSelectedDashboard } = (0, useDashboardManager_1.useDashboardManager)();
     const [selectedEnvironmentName, setSelectedEnvironmentName] = (0, react_1.useState)(state.client.name);
     const [copied, setCopied] = (0, react_1.useState)(false);
     const [isSubmitTenantLoading, setSubmitTenantLoading] = (0, react_1.useState)(false);
     const [validationError, setValidationError] = (0, react_1.useState)(undefined);
     const [formError, setFormError] = (0, react_1.useState)(undefined);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [connectionDetails, setConnectionDetails] = (0, react_1.useState)((0, databases_1.getDatabaseConnectionFormat)(state.client.databaseType));
+    const connectionDetails = (0, react_1.useMemo)(() => {
+        return (0, databases_1.getDatabaseConnectionFormat)(state.client?.databaseType || '');
+    }, [state.client?.databaseType]);
     const [tenantToEdit, setTenantToEdit] = (0, react_1.useState)(undefined);
     const [fetchSchemasLoading, setFetchSchemasLoading] = (0, react_1.useState)(false);
     const [createNewTenant, setCreateNewTenant] = (0, react_1.useState)(false);
     const [isConnectDatabaseModalOpen, setIsConnectDatabaseModalOpen] = (0, react_1.useState)(false);
+    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,
+    };
     const tenantRequest = async (tenant, mode) => {
         if (!tenant.clientId) {
             throw new Error('Client ID is required on tenant');
@@ -86,11 +89,27 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
                 if (!results.length) {
                     setFormError(`No rows were returned from this ${tenant.tenantTableQuery ? 'query' : 'table'}`);
                 }
+                const uniqueIds = new Set(results?.map((r) => r.id));
+                if (uniqueIds.size < results?.length) {
+                    setFormError('Duplicate tenant IDs found in results. Each tenant must have a unique ID.');
+                    return [];
+                }
                 return results;
             }
         }
         catch (e) {
             setFormError(e.message);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error validating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onValidateEditTenant',
+                },
+            });
             throw e;
         }
         finally {
@@ -205,6 +224,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
             }, 50);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error submitting tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onSubmitEditTenant',
+                },
+            });
             setFormError(e.message);
         }
         finally {
@@ -250,6 +280,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
         }
         catch (e) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error deleting tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'onDeleteTenant',
+                },
+            });
             setValidationError('Error deleting tenant');
         }
         finally {
@@ -344,6 +385,17 @@ function EditEnvironmentModal({ isOpen, setIsOpen, onSave, ModalComponent, TextI
             setIsConnectDatabaseModalOpen(false);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating environment',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditEnvironmentModal',
+                    function: 'handleUpdateEnvironment',
+                },
+            });
             setIsConnectDatabaseModalOpen(false);
             setValidationError(e.message);
         }

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

@@ -1 +1 @@
-{"version":3,"file":"EditFiltersModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditFiltersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAExE,OAAO,EACL,oBAAoB,EAKrB,MAAM,iBAAiB,CAAC;AAczB,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAOpC,OAA2B,EACzB,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAqBvF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC9E,cAAc,EAAE,GAAG,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,2CAokFA"}
+{"version":3,"file":"EditFiltersModal.d.ts","sourceRoot":"","sources":["../../../src/modals/EditFiltersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAExE,OAAO,EACL,oBAAoB,EAKrB,MAAM,iBAAiB,CAAC;AAczB,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAOpC,OAA2B,EACzB,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAY1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAsBvF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,qBAAqB,EACrB,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC7E,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC9E,cAAc,EAAE,GAAG,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,2CA2kFA"}

package/dist/cjs/modals/EditFiltersModal.js

@@ -48,7 +48,7 @@ const intervalTypeOptions = [
 function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SelectComponent, dashNames, SecondaryButtonComponent, ErrorComponent, openPromoteModal, }) {
     const { state } = (0, AdminProvider_1.useAdmin)();
     const { dashboards, deleteDashboard, updateDashboard } = (0, react_2.useDashboards)();
-    const { data: selectedDashboard } = (0, react_2.useDashboard)(selectedDashboardName);
+    const { data: selectedDashboard } = (0, react_2.useDashboardInternal)(selectedDashboardName);
     const [isDateComparison, setIsDateComparison] = (0, react_1.useState)(false);
     const [currentDashboardName, setCurrentDashboardName] = (0, react_1.useState)(selectedDashboardName);
     const [newFilters, setNewFilters] = (0, react_1.useState)([]);
@@ -380,7 +380,8 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
             return 'Dashboard name cannot be empty';
         if (newFilters?.some((f) => !f.label || !f.table || !f.field))
             return 'Filters must have a label, table, and field';
-        if (newFilters
+        if ((newFilters ?? [])
+            .concat(newDateFilter ? [newDateFilter] : [])
             ?.map((f) => f.label)
             .filter((label, index, self) => self.indexOf(label) !== index).length)
             return 'Filters must have unique labels';
@@ -423,14 +424,15 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
             .join(' ') ?? '');
     };
     const handleSubmitDashboardChanges = async () => {
-        const validationErrorMessages = (0, validation_1.validateDashboard)(newFilters, dashNames, currentDashboardName, newDateFilter ? { ...newDateFilter, comparison: isDateComparison } : null, { ...selectedDashboard, name: currentDashboardName });
+        const validationErrorMessages = (0, validation_1.validateDashboard)(newFilters, dashNames, currentDashboardName, newDateFilter ? { ...newDateFilter, comparison: isDateComparison } : null, selectedDashboard);
         if (validationErrorMessages.length !== 0) {
             setValidationError(validationErrorMessages);
             return;
         }
         const updatedFilters = newFilters.map((filter) => {
             const table = filteredTables.find((table) => table?.name === filter?.table);
-            const filterType = (0, Admin_1.getPostgresBasicType)(table.columns.find((col) => col?.name === filter?.field));
+            const column = table?.columns.find((col) => col.field === filter?.field);
+            const filterType = column ? (0, Admin_1.getPostgresBasicType)(column) : 'string';
             return {
                 table: filter.table,
                 field: filter.field,
@@ -1237,10 +1239,10 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
                                                                     })
                                                                         .map((column) => {
                                                                         return {
-                                                                            label: column.name,
-                                                                            value: column.name,
+                                                                            label: column.label || column.field,
+                                                                            value: column.field,
                                                                         };
-                                                                    })
+                                                                    }) || []
                                                                     : [], onChange: (event) => {
                                                                     // Capitalize the label
                                                                     const e = event.target.value;
@@ -1307,5 +1309,7 @@ function EditFiltersModal({ isOpen, selectedDashboardName, setIsOpen, onSave, Mo
                                 flexDirection: 'row',
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
-                            }, children: [(0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes", disabled: !!dashboardValidationError, tooltipText: dashboardValidationError }), validationError.length !== 0 && ((0, jsx_runtime_1.jsx)(ErrorComponent, { errorMessage: validationError && validationError[0] }))] })] }) }) }) }));
+                            }, children: [(0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes", disabled: !!dashboardValidationError, tooltipText: dashboardValidationError }), validationError.length !== 0 && ((0, jsx_runtime_1.jsx)(ErrorComponent, { errorMessage: validationError && validationError[0], containerStyle: {
+                                        marginLeft: 4,
+                                    } }))] })] }) }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NewDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/NewDashboardModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAYlE,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAqoBA"}
+{"version":3,"file":"NewDashboardModal.d.ts","sourceRoot":"","sources":["../../../src/modals/NewDashboardModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,oBAAoB,EAAiB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAYlE,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,SAAS,EACT,wBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EAAE,GAAG,CAAC;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,eAAe,EAAE,GAAG,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,SAAS,EAAE,GAAG,CAAC;IACf,wBAAwB,EAAE,GAAG,CAAC;CAC/B,2CAgqBA"}

package/dist/cjs/modals/NewDashboardModal.js

@@ -31,6 +31,7 @@ function NewDashboardModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInpu
     const [initialRange, setInitialRange] = (0, react_1.useState)({ label: 'Last 30 days', value: 'LAST_30_DAYS' });
     const [newDateFilter, setNewDateFilter] = (0, react_1.useState)(undefined);
     const [tenantKey, setTenantKey] = (0, react_1.useState)(state.client?.ownerTenantFields?.[0]);
+    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const ownerTenants = (0, react_1.useMemo)(() => state.client?.allTenantTypes?.filter((tenant) => state.client?.ownerTenantFields?.includes(tenant.tenantField)), [state.client?.allTenantTypes, state.client?.ownerTenantFields]);
     const filteredTables = (0, react_1.useMemo)(() => {
         return state.tables.filter((table) => {
@@ -43,12 +44,16 @@ function NewDashboardModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInpu
         return (newFilters.some((filter) => !filter.label || !filter.table || !filter.field) ||
             newDateFilter?.label === '' ||
             !tenantKey ||
-            !selectedDashboardName);
-    }, [newFilters, newDateFilter, selectedDashboardName]);
+            !selectedDashboardName ||
+            isSubmitting);
+    }, [newFilters, newDateFilter, selectedDashboardName, isSubmitting]);
     const handleAddFilter = async () => {
         setNewFilters([...newFilters, {}]);
     };
-    const handleSubmitDashboardChanges = async () => {
+    const handleSubmitDashboardChanges = (0, react_1.useCallback)(async () => {
+        if (isSubmitting) {
+            return; // Prevent double submission
+        }
         if (!selectedDashboardName ||
             newFilters.some((filter) => !filter.label) ||
             (Object.keys(newDateFilter ?? {}).length && !newDateFilter?.label)) {
@@ -107,26 +112,47 @@ function NewDashboardModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInpu
             alert('Your dashboard must have an owner');
             return;
         }
-        await createDashboard({
-            name: selectedDashboardName.trim(),
-            filters: updatedFilters,
-            dateFilter: newDateFilter
-                ? {
-                    ...newDateFilter,
-                    // comparison: isDateComparison,
-                    comparison: false,
-                    primaryRange: initialRange,
-                }
-                : undefined,
-            dashboardOwners: [tenantKey],
-        });
-        onSave(selectedDashboardName, tenantKey);
-        await (0, delay_1.delay)(200);
-        setIsOpen(false);
-        setSelectedDashboardName('');
-        setNewFilters([]);
-        // setIsDateComparison(false);
-    };
+        setIsSubmitting(true);
+        try {
+            await createDashboard({
+                name: selectedDashboardName.trim(),
+                filters: updatedFilters,
+                dateFilter: newDateFilter
+                    ? {
+                        ...newDateFilter,
+                        // comparison: isDateComparison,
+                        comparison: false,
+                        primaryRange: initialRange,
+                    }
+                    : undefined,
+                dashboardOwners: [tenantKey],
+            });
+            onSave(selectedDashboardName, tenantKey);
+            await (0, delay_1.delay)(200);
+            setIsOpen(false);
+            setSelectedDashboardName('');
+            setNewFilters([]);
+            // setIsDateComparison(false);
+        }
+        catch (error) {
+            console.error('Error creating dashboard:', error);
+            // Optionally show an error message to the user
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [
+        isSubmitting,
+        selectedDashboardName,
+        newFilters,
+        newDateFilter,
+        dashNames,
+        tenantKey,
+        initialRange,
+        createDashboard,
+        onSave,
+        setIsOpen,
+    ]);
     const handleDeleteFilter = (index) => {
         setNewFilters(newFilters.filter((_, i) => i !== index));
     };
@@ -245,13 +271,13 @@ function NewDashboardModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInpu
                                             }, children: [index === 0 && (0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Field" }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: filter?.field ?? '', options: filter?.table
                                                         ? filteredTables
                                                             .find((t) => t.name === filter.table)
-                                                            .columns.filter((column) => (0, columnProcessing_1.convertFieldTypeToJSType)(column.fieldType) === 'string')
+                                                            ?.columns.filter((column) => (0, columnProcessing_1.convertFieldTypeToJSType)(column.fieldType) === 'string')
                                                             .map((column) => {
                                                             return {
-                                                                label: column.name,
-                                                                value: column.name,
+                                                                label: column.label || column.field,
+                                                                value: column.field,
                                                             };
-                                                        })
+                                                        }) || []
                                                         : [], onChange: (e) => {
                                                         // Capitalize the label
                                                         const updatedFilters = newFilters.map((otherFilter, i) => index === i
@@ -297,5 +323,5 @@ function NewDashboardModal({ isOpen, setIsOpen, onSave, ModalComponent, TextInpu
                                                                     cursor: 'pointer',
                                                                     width: '100%',
                                                                 }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }) })] }) })] })] }));
-                            }) })), (0, jsx_runtime_1.jsx)("div", { style: { height: 12 } }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleAddFilter, label: "Add filter +" })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 18 } }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: 'Create', disabled: saveButtonDisabled }) })] }) }));
+                            }) })), (0, jsx_runtime_1.jsx)("div", { style: { height: 12 } }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleAddFilter, label: "Add filter +" })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 18 } }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: isSubmitting ? 'Creating...' : 'Create', disabled: saveButtonDisabled }) })] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PromoteReportModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteReportModal.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,oBAAoB,GACrB,EAAE,kBAAkB,2CA4LpB"}
+{"version":3,"file":"PromoteReportModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteReportModal.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,oBAAoB,GACrB,EAAE,kBAAkB,2CA2MpB"}

package/dist/cjs/modals/PromoteReportModal.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const AdminProvider_1 = require("../AdminProvider");
 const react_2 = require("@quillsql/react");
 function PromoteReportModal({ ModalComponent, HeaderComponent, ButtonComponent, SelectComponent, CheckboxComponent, isOpen, setIsOpen, reportId, currentClientId, currentDashboardName, }) {
-    const { state, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
     const { dashboards } = (0, react_2.useDashboards)();
     const [selectedClientId, setSelectedClientId] = (0, react_1.useState)(currentClientId);
     const [dashboardName, setDashboardName] = (0, react_1.useState)(null);
@@ -51,7 +51,7 @@ function PromoteReportModal({ ModalComponent, HeaderComponent, ButtonComponent,
                     dashboardName: dashboardName,
                     itemId: reportId,
                     skipWarning,
-                    addMissingTables: autoPromoteVirtualTables,
+                    addMissingTables: autoPromoteVirtualTables && currentClientId !== selectedClientId,
                 },
                 adminMode: true,
             });
@@ -81,6 +81,17 @@ function PromoteReportModal({ ModalComponent, HeaderComponent, ButtonComponent,
             alert('Report promoted successfully.');
         }
         catch (error) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error promoting report',
+                errorMessage: error.message,
+                errorStack: error.stack,
+                errorData: {
+                    caller: 'PromoteReportModal',
+                    function: 'handlePromote',
+                },
+            });
             console.error('Promotion failed:', error);
         }
     };
@@ -115,13 +126,13 @@ function PromoteReportModal({ ModalComponent, HeaderComponent, ButtonComponent,
                                 display: 'flex',
                                 justifyContent: 'space-between',
                                 gap: 12,
-                            }, children: [(0, jsx_runtime_1.jsx)(CheckboxComponent, { label: "Add missing tables", isChecked: autoPromoteVirtualTables, onChange: () => {
+                            }, children: [(0, jsx_runtime_1.jsx)(CheckboxComponent, { label: "Add missing tables", isChecked: autoPromoteVirtualTables && currentClientId !== selectedClientId, onChange: () => {
                                         setAutoPromoteVirtualTables(!autoPromoteVirtualTables);
                                     }, labelStyle: {
                                         color: '#666666',
                                         fontSize: '13px',
                                         fontWeight: 400,
-                                    } }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
+                                    }, disabled: currentClientId === selectedClientId }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
                                         handlePromote();
                                         setIsOpen(false);
                                     }, label: "Promote Report", disabled: !selectedClientId || !dashboardName, width: 160 })] })] })] }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"PromoteViewModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteViewModal.tsx"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,cAAc,EACd,eAAe,EACf,eAAe,EACf,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,GACL,EAAE,wBAAwB,2CA2H1B"}
+{"version":3,"file":"PromoteViewModal.d.ts","sourceRoot":"","sources":["../../../src/modals/PromoteViewModal.tsx"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,cAAc,EACd,eAAe,EACf,eAAe,EACf,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,GACL,EAAE,wBAAwB,2CAsI1B"}

package/dist/cjs/modals/PromoteViewModal.js

@@ -6,10 +6,10 @@ const react_1 = require("react");
 const QuillSelectWithCombo_1 = require("../components/QuillSelectWithCombo");
 const AdminProvider_1 = require("../AdminProvider");
 function PromoteVirtualTableModal({ ModalComponent, HeaderComponent, ButtonComponent, isOpen, setIsOpen, clientId, client, clients, view, }) {
-    const { state, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, quillFetchWithToken, eventTracking } = (0, AdminProvider_1.useAdmin)();
     const [selectedClientId, setClientId] = (0, react_1.useState)(undefined);
     (0, react_1.useEffect)(() => {
-        setClientId(clients[0].id);
+        setClientId(clients[0]?.id);
     }, [clients]);
     const handlePromote = async (skipWarning = false) => {
         if (!selectedClientId) {
@@ -51,6 +51,17 @@ function PromoteVirtualTableModal({ ModalComponent, HeaderComponent, ButtonCompo
             alert('Virtual Table promoted successfully.');
         }
         catch (error) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error promoting virtual table',
+                errorMessage: error.message,
+                errorStack: error.stack,
+                errorData: {
+                    caller: 'PromoteViewModal',
+                    function: 'handlePromote',
+                },
+            });
             console.error('Promotion failed:', error);
         }
     };

package/dist/cjs/primitives/CheckboxPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/primitives/CheckboxPrimitive.js

@@ -15,6 +15,7 @@ const CheckboxPrimitive = ({ label, isChecked, onChange, containerStyle, labelSt
                     height: '14px',
                     margin: 'auto 0',
                     cursor: 'pointer',
+                    opacity: disabled ? 0.5 : 1,
                 } }), (0, jsx_runtime_1.jsx)("span", { style: {
                     display: 'block',
                     marginTop: 'auto',
@@ -23,6 +24,7 @@ const CheckboxPrimitive = ({ label, isChecked, onChange, containerStyle, labelSt
                     whiteSpace: 'nowrap',
                     textOverflow: 'ellipsis',
                     overflow: 'hidden',
+                    opacity: disabled ? 0.5 : 1,
                     ...labelStyle,
                 }, children: label })] }));
 };

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;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"}
+{"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,GAAI,sBAAsB,YAAY,4CAqFzD,CAAC"}

package/dist/cjs/primitives/PopoverPrimitive.js

@@ -27,14 +27,25 @@ const Popover = ({ trigger, content }) => {
             updatePosition();
             window.addEventListener('scroll', updatePosition);
             window.addEventListener('resize', updatePosition);
+            const handleClickOutside = (event) => {
+                if (triggerRef.current &&
+                    !triggerRef.current.contains(event.target) &&
+                    !document
+                        .querySelector('[data-popover-content]')
+                        ?.contains(event.target)) {
+                    setIsVisible(false);
+                }
+            };
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => {
+                window.removeEventListener('scroll', updatePosition);
+                window.removeEventListener('resize', updatePosition);
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
         }
-        return () => {
-            window.removeEventListener('scroll', updatePosition);
-            window.removeEventListener('resize', updatePosition);
-        };
     }, [isVisible]);
     return ((0, jsx_runtime_1.jsxs)("div", { id: "my-relative-container", style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("div", { ref: triggerRef, onClick: () => setIsVisible((isVisible) => !isVisible), children: trigger }), isVisible &&
-                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onClick: () => setIsVisible(false), style: {
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { "data-popover-content": true, onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onClick: () => setIsVisible(false), style: {
                         position: 'absolute',
                         zIndex: 1000,
                         top: position.top,

package/dist/cjs/primitives/TogglePrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,eAAe,yCAKlB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,eAAe,GAAI,sCAKtB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC;AAEF,eAAe,eAAe,CAAC"}

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;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"}
+{"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,2CA4PA"}

package/dist/cjs/public_components/ChartQueryBuilder.js

@@ -17,16 +17,16 @@ 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"));
+const CreateEnvironmentModal_1 = __importDefault(require("../modals/CreateEnvironmentModal"));
 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 { state, dispatch, clientLoading, setClient, onRequestAddVirtualTable, } = (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 { reload } = (0, react_2.useDashboardInternal)(constants_1.SAVED_QUERIES_DASHBOARD);
     const modeToggleOptions = [
         { label: 'SQL Editor', value: 'SQL Editor' },
         { label: 'Report Builder', value: 'Report Builder' },
@@ -58,7 +58,7 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
         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)(CreateEnvironmentModal_1.default, { showCreateEnvironmentModal: showCreateEnvironmentModal, setShowCreateEnvironmentModal: setShowCreateEnvironmentModal }));
     }
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             height: '100%',
@@ -128,7 +128,7 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         return ((0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { onClick: onClick, label: label, isLoading: isLoading, disabled: disabled }));
                     }, destinationDashboard: destinationDashboard, chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, isAIEnabled: state.client?.databaseType?.toLowerCase() === 'mssql'
                         ? false
-                        : true })) : ((0, jsx_runtime_1.jsx)(react_2.SQLEditor, { isAdminEnabled: true, showTableFormatOptions: true, showAccessControlOptions: true, showDateFieldOptions: true, defaultQuery: query, addToDashboardButtonLabel: 'Add to dashboard', chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, 
+                        : true, onRequestAddVirtualTable: onRequestAddVirtualTable })) : ((0, jsx_runtime_1.jsx)(react_2.SQLEditor, { isAdminEnabled: true, showTableFormatOptions: true, showAccessControlOptions: true, showDateFieldOptions: true, defaultQuery: query, addToDashboardButtonLabel: 'Add to dashboard', chartBuilderTitle: `Add to ${destinationDashboard ?? 'dashboard'}`, 
                     // report={state.activeQuery ? state.activeEditItem : undefined}
                     onAddToDashboardComplete: submitReport, onSaveQueryComplete: submitSavedQuery, containerStyle: {
                         height: '100%',
@@ -137,5 +137,5 @@ function ChartQueryBuilder({ activeComponent, onExit, containerStyle, destinatio
                         backgroundColor: 'white',
                         // paddingRight: 25,
                         // paddingTop: 25,
-                    }, destinationDashboard: destinationDashboard }))] }) }));
+                    }, destinationDashboard: destinationDashboard, onRequestAddVirtualTable: onRequestAddVirtualTable }))] }) }));
 }

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;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"}
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,aAAa,EAOd,MAAM,OAAO,CAAC;AAyBf,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,2CA6YA"}