@quillsql/admin 1.6.4 → 1.7.1

package/dist/esm/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/esm/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/esm/components/QuillSelectWithCombo.js

@@ -3,13 +3,13 @@ import useOnClickOutside, { getEffectiveZIndex, } from '../hooks/useOnClickOutsi
 import { LoadingSpinner } from './UiComponents';
 import React, { useEffect, useMemo, useRef, useState, } from 'react';
 import { ListboxTextInput } from './QuillMultiSelectWithCombo';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 import { createPortal } from 'react-dom';
 import { getScrollableParent } from '../utils/ui';
 /**
  * A robust select component that implements the new minimal Select interface.
  */
-export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, }) {
+export function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, hideEmptyOption, disabled, badge, mimicReactSelect, testLabel, displayValue, }) {
     const theme = useAdmin().state.theme;
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
@@ -170,7 +170,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                             textOverflow: 'ellipsis',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
-                            fontWeight: value?.length || isLoading ? undefined : 300,
+                            fontWeight: isLoading ? undefined : 300,
                         }, children: isLoading ? 'Loading...' : selectedLabel }), badge && (_jsx("span", { style: {
                             color: 'white',
                             backgroundColor: 'black',
@@ -273,11 +273,39 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     background: ${theme?.hoverBackgroundColor};
                     color: ${theme?.hoverTextColor};
                   }
-                ` }), _jsx("span", { style: {
-                                        textOverflow: 'ellipsis',
-                                        whiteSpace: 'nowrap',
+                ` }), _jsxs("div", { style: {
+                                        display: 'flex',
+                                        flexDirection: 'row',
+                                        flex: 1,
+                                        minWidth: 0,
                                         overflow: 'hidden',
-                                    }, children: option.label ?? nullLabel })] }, option.value)))) : (_jsx("div", { style: {
+                                        gap: 8,
+                                        alignItems: 'center',
+                                    }, children: [_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 && (_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)))) : (_jsx("div", { style: {
                                 width: '100%',
                                 alignItems: 'center',
                                 justifyContent: 'center',

package/dist/esm/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/esm/components/QuillToolTipPortal.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 export const QuillToolTipPortal = ({ children, text, enabled = true, containerStyle = {}, textStyle = {}, mirror = false, }) => {
     const { state: { theme }, } = useAdmin();
     const [isOpen, setIsOpen] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,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/esm/components/SqlTextEditor.js

@@ -5,6 +5,7 @@ import MonacoEditor from '@monaco-editor/react';
 import { Resizable } from 're-resizable';
 import { generateSuggestionsByDatasource, generateSuggestionsBySchema, QUILL_LANGUAGE, } from '../utils/monacoAutocomplete';
 import { LoadingSpinner } from './UiComponents';
+import { useAdmin } from '../hooks/useAdmin';
 function defineEditorTheme(monaco) {
     monaco.editor.defineTheme('onedark', {
         base: 'vs',
@@ -22,7 +23,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' });
@@ -40,6 +41,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;
     }
@@ -47,6 +59,7 @@ function setEditorTheme(_editor, monaco, schema, databaseType) {
 export default function SqlTextEditor({ containerStyle, value, setValue, setEditorMounted, schema, databaseType = 'postgresql', resizable = true, }) {
     const [editorKey, setEditorKey] = useState(0);
     const currentProvider = useRef(null);
+    const { eventTracking } = useAdmin();
     useEffect(() => {
         if (currentProvider.current) {
             currentProvider.current.dispose();
@@ -81,7 +94,7 @@ export default function SqlTextEditor({ containerStyle, value, setValue, setEdit
                 }, 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/esm/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/esm/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/esm/components/Tenants/EditTenant.js

@@ -10,7 +10,7 @@ import InputLabel from '../InputLabel';
 import QuillTab from '../QuillTab';
 import { QuillSelectComponentWithCombo } from '../QuillSelectWithCombo';
 import CardSection from '../CardSection';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import { isNumberType, isStringType, processColumnReference, } from '../../utils/columnProcessing';
 import SqlTextEditor from '../SqlTextEditor';
 import { Highlight, themes } from 'prism-react-renderer';
@@ -61,7 +61,7 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
     const [isEditingTenantQuery, setIsEditingTenantQuery] = useState(false);
     const [returnedTenantIds, setReturnedTenantIds] = useState([]);
     const [showFlagWarning, setShowFlagWarning] = useState(false);
-    const { getToken, quillFetchWithToken } = useAdmin();
+    const { getToken, quillFetchWithToken, eventTracking } = useAdmin();
     const formIssue = useMemo(() => {
         if (!tenantName) {
             return 'Must have a unique name';
@@ -139,7 +139,7 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
                 setCurrentTableObj(databaseTables?.find((table) => table.tableName === tenantTable));
             }
             else {
-                const resp = await getVirtualTableData(client._id, tenantQuery, client.databaseType, queryEndpoint, getToken, client.queryHeaders);
+                const resp = await getVirtualTableData(client._id, tenantQuery, client.databaseType, queryEndpoint, getToken, eventTracking, client.queryHeaders);
                 if (resp.status === 'error') {
                     throw new Error(resp.error);
                 }
@@ -159,7 +159,7 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
             fetchTables();
     }, [isSchemaLoading]);
     const setCustomSQLQuery = useCallback(async (query) => {
-        const resp = await getVirtualTableData(client._id, query, client.databaseType, queryEndpoint, getToken, client.queryHeaders);
+        const resp = await getVirtualTableData(client._id, query, client.databaseType, queryEndpoint, getToken, eventTracking, client.queryHeaders);
         if (resp.status === 'error') {
             throw new Error(resp.error);
         }
@@ -220,7 +220,17 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
                 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;
             }
         }
@@ -303,6 +313,17 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
         }
         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);
         }
     };
@@ -438,7 +459,7 @@ export function EditTenant({ tenant, setTenant, setCreateNewTenant, onSubmitEdit
                                     }, disabled: !tenantDefaultId })] })] }) })] }));
 }
 function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state } = useAdmin();
+    const { state, eventTracking } = useAdmin();
     const [localQuery, setLocalQuery] = useState(customSQLQuery);
     const [tableSearchQuery, setTableSearchQuery] = useState('');
     const [displayedTableData, setDisplayedTableData] = useState(databaseTables);
@@ -450,6 +471,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);
@@ -459,7 +491,7 @@ function CustomSQLQueryModal({ customSQLQuery, setCustomSQLQuery, databaseTables
         if (!name) {
             return;
         }
-        const newQuery = `SELECT * FROM ${processColumnReference(name, state.client.databaseType)};`;
+        const newQuery = `SELECT * FROM ${processColumnReference(name, databaseType.toLowerCase())};`;
         if (!localQuery || localQuery.length === 0) {
             setLocalQuery(newQuery);
         }
@@ -562,7 +594,7 @@ function MappingCard({ mappingField, SecondaryButtonComponent, setMappingToEdit,
             }, children: [_jsx(InputLabel, { children: mappingField }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [_jsx(SecondaryButtonComponent, { label: "Edit", onClick: () => setMappingToEdit(mappingField) }), _jsx(SecondaryButtonComponent, { label: "Delete", onClick: () => onDelete(mappingField) })] })] }) }));
 }
 function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuery, handleSubmitMappingEdit, databaseTables, databaseType, ButtonComponent, SecondaryButtonComponent, onClose, }) {
-    const { state } = useAdmin();
+    const { state, eventTracking } = useAdmin();
     const [loading, setLoading] = useState(false);
     const [mappingTo, setMappingTo] = useState(toTenant);
     useEffect(() => {
@@ -584,6 +616,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 {
@@ -606,7 +649,7 @@ function MappingForm({ currentMapping, client, toTenant, fromTenant, mappingQuer
         if (!name) {
             return;
         }
-        const newQuery = `SELECT * FROM ${processColumnReference(name, state.client.databaseType)};`;
+        const newQuery = `SELECT * FROM ${processColumnReference(name, databaseType.toLowerCase())};`;
         if (!localQuery || localQuery.length === 0) {
             setLocalQuery(newQuery);
         }

package/dist/esm/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/esm/components/UiComponents.d.ts.map

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

package/dist/esm/components/UiComponents.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useState, useRef, } from 'react';
-import { useAdmin } from '../AdminProvider';
+import { useAdmin } from '../hooks/useAdmin';
 import { XIcon } from '../assets';
 import { ThemeContext } from '@quillsql/react';
 import useOnClickOutside, { getEffectiveZIndex, } from '../hooks/useOnClickOutside';
@@ -340,6 +340,7 @@ export const OverflowContainer = ({ children }) => {
     const containerStyle = {
         position: 'relative',
         overflowY: 'auto',
+        overscrollBehavior: 'none',
     };
     const shadowStyle = {
         position: 'sticky',

package/dist/esm/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/esm/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/esm/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/esm/forms/client_onboard/ConnectDatabase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectDatabase.d.ts","sourceRoot":"","sources":["../../../../src/forms/client_onboard/ConnectDatabase.tsx"],"names":[],"mappings":"AAAA,OAAc,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/esm/forms/client_onboard/ConnectDatabase.js

@@ -10,12 +10,17 @@ import QuillTab from '../../components/QuillTab';
 import { QuillMultiSelectComponentWithCombo } from '../../components/QuillMultiSelectWithCombo';
 import CardSection from '../../components/CardSection';
 // import InputLabel from '../../components/InputLabel';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import { quillFetch } from '../../utils/dataFetcher';
+import { useLongLoading } from '../../hooks/useLongLoading';
 export default function ConnectDatabase({ containerStyle, header1Style, header2Style, environmentDetails, setEnvironmentDetails, fetchSchemasLoading, onConnectDatabase, }) {
-    const { state, getToken } = useAdmin();
+    const { state, getToken, eventTracking } = useAdmin();
     const [error, setError] = useState(undefined);
     const [isConnecting, setIsConnecting] = useState(false);
+    useLongLoading(isConnecting, {
+        origin: 'ConnectDatabase',
+        loadDescription: 'Connecting to database',
+    });
     const [clientId, setClientId] = useState(environmentDetails.client.clientId);
     const [fileLabel, setFileLabel] = useState('No file chosen');
     const [allSchemas, setAllSchemas] = useState([]);
@@ -49,7 +54,12 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
         // 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) => {
@@ -71,6 +81,17 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
             }
             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');
             }
         };
@@ -81,6 +102,7 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
             return false;
         }
         const typedDetails = databaseConnectionDetails;
+        const databricksDetails = databaseConnectionDetails;
         switch (databaseConnectionDetails.type) {
             case 'PostgreSQL':
             case 'MySQL':
@@ -95,6 +117,10 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                     !(typedDetails.port ||
                         (typedDetails.warehouse &&
                             typedDetails.type === 'Snowflake')));
+            case 'Databricks':
+                return (!databricksDetails.host ||
+                    !databricksDetails.path ||
+                    !databricksDetails.token);
             case 'BigQuery':
                 return !databaseConnectionDetails.jsonString;
             default:
@@ -126,6 +152,17 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
             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 {
@@ -183,6 +220,17 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                 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/esm/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/esm/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"}

package/dist/esm/forms/client_onboard/ConnectSchema.js

@@ -1,20 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { ButtonPrimitive, ModalPrimitive, SecondaryButtonPrimitive, TextInputPrimitive, } from '../../primitives';
-import { useAdmin } from '../../AdminProvider';
+import { useAdmin } from '../../hooks/useAdmin';
 import { EditTenant } from '../../components/Tenants/EditTenant';
 import CardSection from '../../components/CardSection';
 import { useDatabaseSchema } from '../../hooks/useDatabaseSchema';
 import { MemoizedButton } from '../../components/UiComponents';
+import { useLongLoading } from '../../hooks/useLongLoading';
 export default function ConnectSchema({ containerStyle, header1Style, 
 // header2Style,
 databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSchemas, state, label, returnToConnectDatabase, }) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [formError, setFormError] = useState(undefined);
     const [isSubmitTenantLoading, setSubmitTenantLoading] = useState(false);
+    useLongLoading(isSubmitTenantLoading, {
+        origin: 'ConnectSchema',
+        loadDescription: 'Submitting tenant',
+    });
     const [tenantToEdit, setTenantToEdit] = useState(tenantInit?.ownerTenant);
     const { schema, isLoading } = useDatabaseSchema();
-    const { quillFetchWithToken } = useAdmin();
+    const { quillFetchWithToken, eventTracking } = useAdmin();
     const tenantRequest = async (tenant, mode, isOnboarding) => {
         return await quillFetchWithToken({
             client: {
@@ -70,6 +75,17 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
         }
         catch (e) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error updating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ConnectSchema',
+                    function: 'onSubmitEditTenant',
+                },
+            });
             setFormError('Error updating tenant');
         }
         finally {
@@ -99,11 +115,27 @@ databaseSchema, connection, tenantInit, onTenantCreation, clientId, selectedSche
                 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) {
             console.log('error', e);
+            eventTracking?.logError?.({
+                type: 'bug', // TODO: determine type
+                severity: 'high',
+                message: 'Error validating tenant',
+                errorMessage: e.message,
+                errorStack: e.stack,
+                errorData: {
+                    caller: 'ConnectSchema',
+                    function: 'onValidateEditTenant',
+                },
+            });
             setFormError('Error validating tenant');
             return [];
         }

package/dist/esm/forms/client_onboard/CreateVirtualTables.d.ts

@@ -1,8 +1,7 @@
 import { CSSProperties } from 'react';
 import { ColumnsByTable } from '../../utils/table';
 import { ConnectionType } from '../../utils/databases';
-import { State } from '../../AdminProvider';
-import { QuillTenant } from '../../utils/tenants';
+import { State } from '../../models/AdminContext';
 import { QuillProviderClient } from '@quillsql/react/dist/cjs/models/Client';
 import { TenantInit } from '../../utils/schema';
 export default function CreateVirtualTables({ containerStyle, header1Style, header2Style, environmentDetails, databaseSchema, completeOnboarding, client, state, tenantInit, isLoading, sqlTables, setSqlTables, }: {
@@ -38,10 +37,4 @@ export declare function VirtualTableModal({ isOpen, setIsOpen, queryInfo, setQue
     }) => void;
     addVirtualTable: (e: boolean) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TenantFieldModal({ isOpen, setClosed, tenant, onOverride, }: {
-    isOpen: boolean;
-    setClosed: () => void;
-    tenant?: QuillTenant;
-    onOverride?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CreateVirtualTables.d.ts.map