@quillsql/admin 1.6.4 → 1.7.1

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

@@ -1,10 +1,10 @@
 import React from 'react';
 export interface SelectComponentProps {
-    value: string | null | undefined;
+    value: string | number | null | undefined;
     label?: string;
     width: number;
     options: {
-        value: string;
+        value: string | number;
         label: string;
     }[];
     onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
@@ -14,9 +14,10 @@ export interface SelectComponentProps {
     badge?: string;
     mimicReactSelect?: boolean;
     testLabel?: string;
+    displayValue?: boolean;
 }
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, displayValue, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=QuillSelectWithCombo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CAkatB"}
+{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,YAAY,GACb,EAAE,oBAAoB,2CA6ctB"}

package/dist/cjs/components/QuillSelectWithCombo.js

@@ -39,14 +39,14 @@ const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
 const UiComponents_1 = require("./UiComponents");
 const react_1 = __importStar(require("react"));
 const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, }) {
-    const theme = (0, AdminProvider_1.useAdmin)().state.theme;
+function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, displayValue, }) {
+    const theme = (0, useAdmin_1.useAdmin)().state.theme;
     const [showModal, setShowModal] = (0, react_1.useState)(false);
     const modalRef = (0, react_1.useRef)(null);
     const buttonRef = (0, react_1.useRef)(null);
@@ -206,7 +206,7 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
-                            fontWeight: value?.length || isLoading ? undefined : 300,
+                            fontWeight: isLoading ? undefined : 300,
                         }, children: isLoading ? 'Loading...' : selectedLabel }), badge && ((0, jsx_runtime_1.jsx)("span", { style: {
                             color: 'white',
                             backgroundColor: 'black',
@@ -309,11 +309,39 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
                     background: ${theme?.hoverBackgroundColor};
                     color: ${theme?.hoverTextColor};
                   }
-                ` }), (0, jsx_runtime_1.jsx)("span", { style: {
-                                        textOverflow: 'ellipsis',
-                                        whiteSpace: 'nowrap',
+                ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        flex: 1,
+                                        minWidth: 0,
                                         overflow: 'hidden',
-                                    }, children: option.label ?? nullLabel })] }, option.value)))) : ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        gap: 8,
+                                        alignItems: 'center',
+                                    }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                                                textOverflow: 'ellipsis',
+                                                whiteSpace: 'nowrap',
+                                                overflow: 'hidden',
+                                                fontWeight: 400,
+                                                flex: 1,
+                                                minWidth: 0,
+                                                textAlign: 'left',
+                                            }, title: option.value !== null && option.value !== '-'
+                                                ? option.value.toString()
+                                                : undefined, children: option.label ?? nullLabel }), option.value !== null &&
+                                            option.value !== '-' &&
+                                            displayValue && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                fontSize: 11,
+                                                color: theme?.secondaryTextColor,
+                                                textOverflow: 'ellipsis',
+                                                whiteSpace: 'nowrap',
+                                                overflow: 'hidden',
+                                                fontWeight: 400,
+                                                flexShrink: 1,
+                                                maxWidth: '30%',
+                                                minWidth: 0,
+                                            }, title: option.value.toString(), children: option.value.toString().length > 15
+                                                ? `${option.value.toString().substring(0, 15)}...`
+                                                : option.value.toString() }))] })] }, option.value)))) : ((0, jsx_runtime_1.jsx)("div", { style: {
                                 width: '100%',
                                 alignItems: 'center',
                                 justifyContent: 'center',

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

@@ -1 +1 @@
-{"version":3,"file":"QuillToolTipPortal.d.ts","sourceRoot":"","sources":["../../../src/components/QuillToolTipPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,oEAO5B,uBAAuB,4CA2IzB,CAAC"}
+{"version":3,"file":"QuillToolTipPortal.d.ts","sourceRoot":"","sources":["../../../src/components/QuillToolTipPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,GAAI,iEAOhC,uBAAuB,4CA2IzB,CAAC"}

package/dist/cjs/components/QuillToolTipPortal.js

@@ -4,9 +4,9 @@ exports.QuillToolTipPortal = 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 useAdmin_1 = require("../hooks/useAdmin");
 const QuillToolTipPortal = ({ children, text, enabled = true, containerStyle = {}, textStyle = {}, mirror = false, }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const tooltipRef = (0, react_1.useRef)(null);
     const triggerRef = (0, react_1.useRef)(null);

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

@@ -1 +1 @@
-{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAuEhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,YAA2B,EAC3B,SAAgB,GACjB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAoEA"}
+{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAI1E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAqFhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,YAA2B,EAC3B,SAAgB,GACjB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAsEA"}

package/dist/cjs/components/SqlTextEditor.js

@@ -11,6 +11,7 @@ const react_2 = __importDefault(require("@monaco-editor/react"));
 const re_resizable_1 = require("re-resizable");
 const monacoAutocomplete_1 = require("../utils/monacoAutocomplete");
 const UiComponents_1 = require("./UiComponents");
+const useAdmin_1 = require("../hooks/useAdmin");
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -28,7 +29,7 @@ function defineEditorTheme(monaco) {
         },
     });
 }
-function setEditorTheme(_editor, monaco, schema, databaseType) {
+function setEditorTheme(_editor, monaco, schema, databaseType, eventTracking) {
     try {
         monaco.editor.setTheme('onedark');
         monaco.languages.register({ id: 'quill' });
@@ -46,6 +47,17 @@ function setEditorTheme(_editor, monaco, schema, databaseType) {
         return provider;
     }
     catch (e) {
+        eventTracking?.logError?.({
+            type: 'bug',
+            severity: 'medium',
+            message: 'Error setting up editor',
+            errorMessage: e.message,
+            errorStack: e.stack,
+            errorData: {
+                caller: 'SqlTextEditor',
+                function: 'setEditorTheme',
+            },
+        });
         console.log('ERROR: ', e);
         return null;
     }
@@ -53,6 +65,7 @@ function setEditorTheme(_editor, monaco, schema, databaseType) {
 function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, schema, databaseType = 'postgresql', resizable = true, }) {
     const [editorKey, setEditorKey] = (0, react_1.useState)(0);
     const currentProvider = (0, react_1.useRef)(null);
+    const { eventTracking } = (0, useAdmin_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         if (currentProvider.current) {
             currentProvider.current.dispose();
@@ -87,7 +100,7 @@ function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, sche
                 }, onChange: (query) => {
                     setValue(query);
                 }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: (_editor, monaco) => {
-                    currentProvider.current = setEditorTheme(_editor, monaco, schema, databaseType);
+                    currentProvider.current = setEditorTheme(_editor, monaco, schema, databaseType, eventTracking);
                     setEditorMounted(true);
                 } }, editorKey) }) }));
 }

package/dist/cjs/components/Tenants/EditTenant.d.ts

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { QuillTenant } from '../../utils/tenants';
+import { QuillTenant } from '../../models/Tenant';
 import { TextInputPrimitiveProps } from '../../primitives/TextInputPrimitive';
 import { ButtonPrimitiveProps } from '../../primitives/ButtonPrimitive';
 import { ButtonComponentProps } from '@quillsql/react';

package/dist/cjs/components/Tenants/EditTenant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditTenant.d.ts","sourceRoot":"","sources":["../../../../src/components/Tenants/EditTenant.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EACL,oBAAoB,EAIrB,MAAM,iBAAiB,CAAC;AAgDzB,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAClB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,EAC3D,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,EAAE,CACvB,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,WAAW,EAAE,CAAC;QAC9B,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,CAAC,EAAE,WAAW,CAAC;KAC5B,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,2CAixBA"}
+{"version":3,"file":"EditTenant.d.ts","sourceRoot":"","sources":["../../../../src/components/Tenants/EditTenant.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EACL,oBAAoB,EAIrB,MAAM,iBAAiB,CAAC;AAgDzB,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,wBAAwB,EACxB,qBAAqB,EACrB,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAClB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,EAC3D,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAC5B,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,kBAAkB,EACd,yBAAyB,CACvB,uBAAuB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAC1D,GACD,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,EAAE,CACvB,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAChC,oBAAoB,GAAG;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,WAAW,EAAE,CAAC;QAC9B,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,YAAY,CAAC,EAAE,WAAW,CAAC;KAC5B,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,2CAwyBA"}

package/dist/cjs/components/Tenants/EditTenant.js

@@ -16,7 +16,7 @@ const InputLabel_1 = __importDefault(require("../InputLabel"));
 const QuillTab_1 = __importDefault(require("../QuillTab"));
 const QuillSelectWithCombo_1 = require("../QuillSelectWithCombo");
 const CardSection_1 = __importDefault(require("../CardSection"));
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const columnProcessing_1 = require("../../utils/columnProcessing");
 const SqlTextEditor_1 = __importDefault(require("../SqlTextEditor"));
 const prism_react_renderer_1 = require("prism-react-renderer");
@@ -67,7 +67,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
     const [isEditingTenantQuery, setIsEditingTenantQuery] = (0, react_2.useState)(false);
     const [returnedTenantIds, setReturnedTenantIds] = (0, react_2.useState)([]);
     const [showFlagWarning, setShowFlagWarning] = (0, react_2.useState)(false);
-    const { getToken, quillFetchWithToken } = (0, AdminProvider_1.useAdmin)();
+    const { getToken, quillFetchWithToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const formIssue = (0, react_2.useMemo)(() => {
         if (!tenantName) {
             return 'Must have a unique name';
@@ -145,7 +145,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
                 setCurrentTableObj(databaseTables?.find((table) => table.tableName === tenantTable));
             }
             else {
-                const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, tenantQuery, client.databaseType, queryEndpoint, getToken, client.queryHeaders);
+                const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, tenantQuery, client.databaseType, queryEndpoint, getToken, eventTracking, client.queryHeaders);
                 if (resp.status === 'error') {
                     throw new Error(resp.error);
                 }
@@ -165,7 +165,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
             fetchTables();
     }, [isSchemaLoading]);
     const setCustomSQLQuery = (0, react_2.useCallback)(async (query) => {
-        const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, query, client.databaseType, queryEndpoint, getToken, client.queryHeaders);
+        const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, query, client.databaseType, queryEndpoint, getToken, eventTracking, client.queryHeaders);
         if (resp.status === 'error') {
             throw new Error(resp.error);
         }
@@ -226,7 +226,17 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
                 return resp.queries.queryResults[0];
             }
             catch (e) {
-                console.log('error', e);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error validating tenant mapping',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'EditTenant',
+                        function: 'handleSubmitMappingEdit',
+                    },
+                });
                 throw e;
             }
         }
@@ -309,6 +319,17 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
         }
         catch (e) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug',
+                severity: 'high',
+                message: 'Error editing tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'EditTenant',
+                    function: 'handleEditTenant',
+                },
+            });
             setErrorMessage(e.message);
         }
     };
@@ -444,7 +465,7 @@ function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEditTenant,
                                     }, disabled: !tenantDefaultId })] })] }) })] }));
 }
 function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [localQuery, setLocalQuery] = (0, react_2.useState)(customSQLQuery);
     const [tableSearchQuery, setTableSearchQuery] = (0, react_2.useState)('');
     const [displayedTableData, setDisplayedTableData] = (0, react_2.useState)(databaseTables);
@@ -456,6 +477,17 @@ function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables
             await setCustomSQLQuery(localQuery);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug',
+                severity: 'high',
+                message: 'Error saving custom SQL query',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'CustomSQLQueryModal',
+                    function: 'onSave',
+                },
+            });
             setErrorMessage(e.message);
         }
         setLoading(false);
@@ -465,7 +497,7 @@ function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables
         if (!name) {
             return;
         }
-        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, state.client.databaseType)};`;
+        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, databaseType.toLowerCase())};`;
         if (!localQuery || localQuery.length === 0) {
             setLocalQuery(newQuery);
         }
@@ -568,7 +600,7 @@ function MappingCard({ mappingField, SecondaryButtonComponent, setMappingToEdit,
             }, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: mappingField }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Edit", onClick: () => setMappingToEdit(mappingField) }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Delete", onClick: () => onDelete(mappingField) })] })] }) }));
 }
 function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuery, handleSubmitMappingEdit, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [loading, setLoading] = (0, react_2.useState)(false);
     const [mappingTo, setMappingTo] = (0, react_2.useState)(toTenant);
     (0, react_2.useEffect)(() => {
@@ -590,6 +622,17 @@ function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuer
             }
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error saving tenant mapping',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'MappingForm',
+                    function: 'onSave',
+                },
+            });
             setErrorMessage(e.message);
         }
         finally {
@@ -612,7 +655,7 @@ function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuer
         if (!name) {
             return;
         }
-        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, state.client.databaseType)};`;
+        const newQuery = `SELECT * FROM ${(0, columnProcessing_1.processColumnReference)(name, databaseType.toLowerCase())};`;
         if (!localQuery || localQuery.length === 0) {
             setLocalQuery(newQuery);
         }

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

@@ -99,7 +99,7 @@ export declare const QuillToolTip: ({ children, text, enabled, containerStyle, t
     containerStyle?: CSSProperties;
     textStyle?: CSSProperties;
     displayBelow?: boolean;
-}) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export declare const QuillPortal: ({ children, containerStyle, anchorRef, showModal, setShowModal, }: {
     children: ReactNode;
     containerStyle?: CSSProperties;

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

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

package/dist/cjs/components/UiComponents.js

@@ -38,7 +38,7 @@ exports.MemoizedPopover = MemoizedPopover;
 exports.MemoizedModal = MemoizedModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
+const useAdmin_1 = require("../hooks/useAdmin");
 const assets_1 = require("../assets");
 const react_2 = require("@quillsql/react");
 const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
@@ -46,7 +46,7 @@ const QuillToolTipPortal_1 = require("./QuillToolTipPortal");
 const react_dom_1 = require("react-dom");
 const ui_1 = require("../utils/ui");
 const MemoizedTextInput = ({ value, onChange, placeholder, id, width, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: width }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
       .quill-text-input {
         background-color: white;
@@ -69,7 +69,7 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id, width, }) => {
 };
 exports.MemoizedTextInput = MemoizedTextInput;
 const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, style = {}, width = 'auto', disabled = false, tooltipText = '', }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)(QuillToolTipPortal_1.QuillToolTipPortal, { text: tooltipText, enabled: tooltipText !== '', children: (0, jsx_runtime_1.jsxs)("button", { className: disabled ? 'quill-button-disabled' : 'quill-button', onClick: disabled ? undefined : onClick, style: {
                 fontFamily: state.theme?.fontFamily,
                 height: 40,
@@ -113,7 +113,7 @@ const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, sty
 };
 exports.MemoizedButton = MemoizedButton;
 const MemoizedSecondaryButton = ({ label, onClick, isLoading = false, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: state.theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
     .quill-secondary-button {
         background-color: #F5F5F6;
@@ -163,7 +163,7 @@ const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
 exports.MemoizedText = MemoizedText;
 function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
     const modalRef = (0, react_1.useRef)(null);
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -241,7 +241,7 @@ const QuillTabs = ({ options = [
         }, children: option.label }, index))) }));
 exports.QuillTabs = QuillTabs;
 function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         // Prevent scrolling in the background when the modal is open
         if (isOpen) {
@@ -327,7 +327,7 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
   }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
 exports.MemoizedDeleteButton = MemoizedDeleteButton;
 const LoadingSpinner = ({ scale = 1 }) => {
-    const { state: { theme }, } = (0, AdminProvider_1.useAdmin)();
+    const { state: { theme }, } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", style: { scale: scale }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
                 , strokeDashoffset: "9.81" // calc(2 * 3.14 * 9.375 / 6)
                 , stroke: theme?.primaryTextColor ?? '#364153', fill: "none", transform: "rotate(-90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 19.63" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)
@@ -336,7 +336,7 @@ const LoadingSpinner = ({ scale = 1 }) => {
 };
 exports.LoadingSpinner = LoadingSpinner;
 const QuillErrorMessageComponent = ({ containerStyle, errorMessage, }) => {
-    const { state } = (0, AdminProvider_1.useAdmin)();
+    const { state } = (0, useAdmin_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             borderRadius: 8,
             backgroundColor: '#FF9494',
@@ -388,6 +388,7 @@ const OverflowContainer = ({ children }) => {
     const containerStyle = {
         position: 'relative',
         overflowY: 'auto',
+        overscrollBehavior: 'none',
     };
     const shadowStyle = {
         position: 'sticky',

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

@@ -1,4 +1,4 @@
-import { QuillTheme } from '../Admin';
+import { QuillTheme } from '../models/Provider';
 export default function VirtualTableTile({ query, name, theme, }: {
     query: string;
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualTableTile.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTableTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,2CAgFA"}
+{"version":3,"file":"VirtualTableTile.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTableTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,2CAgFA"}

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

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { ConnectionType } from '../../utils/databases';
-import { QuillProviderClient } from '../../Admin';
+import { QuillProviderClient } from '../../models/Provider';
 import { ColumnsByTable } from '../../utils/table';
 export default function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }: {
     containerStyle?: CSSProperties;

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,cAAc,EASf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE;QAClB,UAAU,EAAE,cAAc,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC,mBAAmB,GAAG;YAAE,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;QACjE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;KAC3B,CAAC;IACF,qBAAqB,EAAE,CACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,cAAc,EAAE,EACxB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD,2CA2rBA"}
+{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAKd,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,cAAc,EAUf,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,kBAAkB,EAAE;QAClB,UAAU,EAAE,cAAc,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC,mBAAmB,GAAG;YAAE,WAAW,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC,CAAC;QACjE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;KAC3B,CAAC;IACF,qBAAqB,EAAE,CACrB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,cAAc,EAAE,EACxB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD,2CA4uBA"}

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

@@ -16,12 +16,17 @@ const QuillTab_1 = __importDefault(require("../../components/QuillTab"));
 const QuillMultiSelectWithCombo_1 = require("../../components/QuillMultiSelectWithCombo");
 const CardSection_1 = __importDefault(require("../../components/CardSection"));
 // import InputLabel from '../../components/InputLabel';
-const AdminProvider_1 = require("../../AdminProvider");
+const useAdmin_1 = require("../../hooks/useAdmin");
 const dataFetcher_1 = require("../../utils/dataFetcher");
+const useLongLoading_1 = require("../../hooks/useLongLoading");
 function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }) {
-    const { state, getToken } = (0, AdminProvider_1.useAdmin)();
+    const { state, getToken, eventTracking } = (0, useAdmin_1.useAdmin)();
     const [error, setError] = (0, react_1.useState)(undefined);
     const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
+    (0, useLongLoading_1.useLongLoading)(isConnecting, {
+        origin: 'ConnectDatabase',
+        loadDescription: 'Connecting to database',
+    });
     const [clientId, setClientId] = (0, react_1.useState)(environmentDetails.client.clientId);
     const [fileLabel, setFileLabel] = (0, react_1.useState)('No file chosen');
     const [allSchemas, setAllSchemas] = (0, react_1.useState)([]);
@@ -55,7 +60,12 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
         // Redact sensitive information
         const savedConnectionDetails = { ...databaseConnectionDetails };
         savedConnectionDetails.connectionString = '';
-        savedConnectionDetails.password = '';
+        if (databaseConnectionDetails.type === 'Databricks') {
+            savedConnectionDetails.token = '';
+        }
+        else {
+            savedConnectionDetails.password = '';
+        }
         sessionStorage.setItem('connectionDetails', JSON.stringify(savedConnectionDetails));
     }, [databaseConnectionDetails]);
     const handleFileChange = (e) => {
@@ -77,6 +87,17 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
             }
             catch (err) {
                 console.log('Error parsing JSON file', err);
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error parsing JSON file',
+                    errorMessage: err.message,
+                    errorStack: err.stack,
+                    errorData: {
+                        caller: 'ConnectDatabase',
+                        function: 'handleFileChange',
+                    },
+                });
                 setFileLabel('Error parsing JSON file');
             }
         };
@@ -87,6 +108,7 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
             return false;
         }
         const typedDetails = databaseConnectionDetails;
+        const databricksDetails = databaseConnectionDetails;
         switch (databaseConnectionDetails.type) {
             case 'PostgreSQL':
             case 'MySQL':
@@ -101,6 +123,10 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
                     !(typedDetails.port ||
                         (typedDetails.warehouse &&
                             typedDetails.type === 'Snowflake')));
+            case 'Databricks':
+                return (!databricksDetails.host ||
+                    !databricksDetails.path ||
+                    !databricksDetails.token);
             case 'BigQuery':
                 return !databaseConnectionDetails.jsonString;
             default:
@@ -132,6 +158,17 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
             setEnvironmentDetails(databaseConnectionDetails, databaseSchema, selectedSchemas, clientId);
         }
         catch (e) {
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error setting up database',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ConnectDatabase',
+                    function: 'nextStep',
+                },
+            });
             setError(e.message);
         }
         finally {
@@ -189,6 +226,17 @@ function ConnectDatabase({ containerStyle, header1Style, header2Style, environme
                 onConnectDatabase?.(result.clientId);
             }
             catch (e) {
+                eventTracking?.logError?.({
+                    type: 'bug', // TODO: determine type
+                    severity: 'high',
+                    message: 'Error connecting to database',
+                    errorMessage: e.message,
+                    errorStack: e.stack,
+                    errorData: {
+                        caller: 'ConnectDatabase',
+                        function: 'testConnectionAndFormClient',
+                    },
+                });
                 setError("Couldn't connect to database");
             }
             finally {

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { ConnectionType } from '../../utils/databases';
 import { ColumnsByTable } from '../../utils/table';
-import { State } from '../../AdminProvider';
+import { State } from '../../models/AdminContext';
 import { TenantInit } from '../../utils/schema';
 export default function ConnectSchema({ containerStyle, header1Style, databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }: {
     containerStyle?: CSSProperties;

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EAEZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EACL,KAAK,EACL,uBAAuB,GACxB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC,2CA4SA"}
+{"version":3,"file":"ConnectSchema.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,YAAY,EAEZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,KAAK,EACL,KAAK,EACL,uBAAuB,GACxB,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAChC,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC,2CA6UA"}