@quillsql/admin 1.6.2 → 1.6.4

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,2CA+wBA"}
+{"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"}

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

@@ -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);
+                const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, tenantQuery, client.databaseType, queryEndpoint, getToken, 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);
+        const resp = await (0, ConnectionClient_1.getVirtualTableData)(client._id, query, client.databaseType, queryEndpoint, getToken, client.queryHeaders);
         if (resp.status === 'error') {
             throw new Error(resp.error);
         }

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

@@ -50,30 +50,11 @@ export interface DeleteButtonProps {
     style: any;
 }
 export declare const MemoizedTextInput: ({ value, onChange, placeholder, id, width, }: TextInputComponentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedButton: ({ label, onClick, isLoading, primary, style, width, disabled, tooltipText, }: {
-    label: any;
-    onClick: any;
-    isLoading?: boolean | undefined;
-    primary?: boolean | undefined;
-    style?: {} | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    tooltipText?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedSecondaryButton: ({ label, onClick, isLoading, }: {
-    label: any;
-    onClick: any;
-    isLoading?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedHeader: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedLabel: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MemoizedText: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedButton: ({ label, onClick, isLoading, primary, style, width, disabled, tooltipText, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedSecondaryButton: ({ label, onClick, isLoading, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedHeader: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedLabel: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MemoizedText: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
 export interface PopoverComponentProps {
     children: any;
     onClose?: () => void;
@@ -84,17 +65,7 @@ export interface PopoverComponentProps {
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
 }
-export declare function MemoizedPopover({ onClose, parentRef, children, style, onClick, label, showTrigger, isOpen, setIsOpen, }: {
-    onClose: any;
-    parentRef: any;
-    children: any;
-    style?: {} | undefined;
-    onClick: any;
-    label: any;
-    showTrigger?: boolean | undefined;
-    isOpen: any;
-    setIsOpen: any;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function MemoizedPopover({ onClose, parentRef, children, style, onClick, label, showTrigger, isOpen, setIsOpen, }: any): import("react/jsx-runtime").JSX.Element;
 export interface TabsComponentProps {
     options: {
         label: string;
@@ -111,11 +82,8 @@ export declare function MemoizedModal({ isOpen, setIsOpen, title, children, widt
     children: ReactNode;
     width?: number;
     height?: number;
-}): JSX.Element;
-export declare const MemoizedDeleteButton: ({ onClick, style }: {
-    onClick: any;
-    style: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}): JSX.Element | null;
+export declare const MemoizedDeleteButton: ({ onClick, style }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const LoadingSpinner: ({ scale }: {
     scale?: number;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -123,9 +91,7 @@ export declare const QuillErrorMessageComponent: ({ containerStyle, errorMessage
     containerStyle?: CSSProperties;
     errorMessage: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const OverflowContainer: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const OverflowContainer: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
 export declare const QuillToolTip: ({ children, text, enabled, containerStyle, textStyle, displayBelow, }: {
     children: ReactNode;
     text: string;
@@ -134,4 +100,11 @@ export declare const QuillToolTip: ({ children, text, enabled, containerStyle, t
     textStyle?: CSSProperties;
     displayBelow?: boolean;
 }) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export declare const QuillPortal: ({ children, containerStyle, anchorRef, showModal, setShowModal, }: {
+    children: ReactNode;
+    containerStyle?: CSSProperties;
+    anchorRef: React.RefObject<HTMLElement>;
+    showModal: boolean;
+    setShowModal: (showModal: boolean) => void;
+}) => React.ReactPortal;
 //# sourceMappingURL=UiComponents.d.ts.map

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

@@ -1,27 +1,59 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuillToolTip = exports.OverflowContainer = exports.QuillErrorMessageComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.QuillTabs = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
+exports.QuillPortal = exports.QuillToolTip = exports.OverflowContainer = exports.QuillErrorMessageComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.QuillTabs = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
 exports.MemoizedPopover = MemoizedPopover;
 exports.MemoizedModal = MemoizedModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
-//@ts-nocheck
 const react_1 = require("react");
+const AdminProvider_1 = require("../AdminProvider");
 const assets_1 = require("../assets");
 const react_2 = require("@quillsql/react");
-const useOnClickOutside_1 = __importDefault(require("../hooks/useOnClickOutside"));
+const useOnClickOutside_1 = __importStar(require("../hooks/useOnClickOutside"));
 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 [theme] = (0, react_1.useContext)(react_2.ThemeContext);
+    const { state } = (0, AdminProvider_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;
         height: 40px;
         width: 180px;
         color: #384151;
-        border: 1px solid #e7e7e7;
+        border: 1px solid ${state.theme.borderColor};
         border-radius: 6px;
         text-align: left;
         box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
@@ -31,16 +63,15 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id, width, }) => {
         padding-bottom: 0px;
         box-sizing: content-box;
     }` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: onChange, placeholder: placeholder, style: {
-                    fontFamily: theme?.fontFamily,
+                    fontFamily: state.theme?.fontFamily,
                     width: width ? 'calc(100% - 24px)' : '180px',
                 } })] }));
 };
 exports.MemoizedTextInput = MemoizedTextInput;
 const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, style = {}, width = 'auto', disabled = false, tooltipText = '', }) => {
-    const [theme] = (0, react_1.useContext)(react_2.ThemeContext);
+    const { state } = (0, AdminProvider_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: theme?.fontFamily,
-                color: primary ? 'white' : '#212121',
+                fontFamily: state.theme?.fontFamily,
                 height: 40,
                 display: 'flex',
                 border: 'none',
@@ -59,21 +90,31 @@ const MemoizedButton = ({ label, onClick, isLoading = false, primary = true, sty
                 width: width,
             }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
         .quill-button {
-            background-color: ${primary ? '#212121' : 'white'};
+          background-color: ${primary ? state.theme?.primaryButtonColor : 'white'};
+          color: ${primary
+                        ? (state.theme?.primaryButtonTextColor ?? 'white')
+                        : state.theme?.secondaryTextColor}
         }
         .quill-button-disabled {
-          background-color: rgba(56, 65, 81, 0.6);
+          background-color: ${primary ? state.theme?.primaryButtonColor : 'white'};
+          opacity: 0.5;
+          color: ${primary
+                        ? (state.theme?.primaryButtonTextColor ?? 'white')
+                        : state.theme?.secondaryTextColor}
         }
         .quill-button:hover {
-          background-color: rgba(56, 65, 81, 0.9);
+          background-color: ${primary ? state.theme?.hoverPrimaryButtonColor : 'rgba(56, 65, 81, 0.9)'};
+          color: ${primary
+                        ? (state.theme?.hoverPrimaryButtonTextColor ?? 'white')
+                        : state.theme?.secondaryTextColor}
         }` }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute' }, children: (0, jsx_runtime_1.jsx)(exports.LoadingSpinner, {}) })) : null, (0, jsx_runtime_1.jsx)("div", { style: {
                         visibility: isLoading ? 'hidden' : 'visible',
                     }, children: label })] }) }));
 };
 exports.MemoizedButton = MemoizedButton;
 const MemoizedSecondaryButton = ({ label, onClick, isLoading = false, }) => {
-    const [theme] = (0, react_1.useContext)(react_2.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    const { state } = (0, AdminProvider_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;
         background-color: white;
@@ -122,6 +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)();
     (0, useOnClickOutside_1.default)(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -143,7 +185,7 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                         onClick(e);
                     }
                 }, label: label })), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
-                        background: 'white',
+                        background: state.theme?.backgroundColor,
                         position: 'absolute',
                         boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
                         border: '1px solid #e7e7e7',
@@ -156,7 +198,10 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                         ...style,
                     }, children: children }) }))] }));
 }
-const QuillTabs = ({ options = DEFAULT_TAB_OPTIONS, value, onChange, }) => ((0, jsx_runtime_1.jsx)("div", { style: {
+const QuillTabs = ({ options = [
+    { label: 'or', value: 'OR' },
+    { label: 'and', value: 'AND' },
+], value, onChange, }) => ((0, jsx_runtime_1.jsx)("div", { style: {
         flexDirection: 'row',
         alignItems: 'center',
         borderRadius: '0.25rem',
@@ -196,7 +241,7 @@ const QuillTabs = ({ options = DEFAULT_TAB_OPTIONS, value, onChange, }) => ((0,
         }, children: option.label }, index))) }));
 exports.QuillTabs = QuillTabs;
 function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
-    const [theme] = (0, react_1.useContext)(react_2.ThemeContext);
+    const { state } = (0, AdminProvider_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         // Prevent scrolling in the background when the modal is open
         if (isOpen) {
@@ -228,7 +273,7 @@ function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
                     justifyContent: 'center',
                     alignItems: 'center',
                     transform: 'translateX(-50%) translateY(-50%)',
-                    background: 'white',
+                    background: state.theme?.backgroundColor,
                     borderRadius: 8,
                     borderStyle: 'solid',
                     borderWidth: 1,
@@ -247,7 +292,7 @@ function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
                         display: 'flex',
                         flexDirection: 'column',
                         position: 'relative',
-                        fontFamily: theme?.fontFamily,
+                        fontFamily: state.theme?.fontFamily,
                     }, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
                                 display: 'flex',
                                 flexDirection: 'row',
@@ -260,8 +305,8 @@ function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
                                         marginLeft: 20,
                                         // width: '90%',
                                         textAlign: 'left',
-                                        color: theme?.primaryTextColor,
-                                    }, children: title }), (0, jsx_runtime_1.jsx)("div", { style: { marginRight: 10, marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: () => setIsOpen(false) }) })] }), children] }) })] }));
+                                        color: state.theme?.primaryTextColor,
+                                    }, children: title }), (0, jsx_runtime_1.jsx)("div", { style: { marginRight: 10, marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: () => setIsOpen(false), style: {} }) })] }), children] }) })] }));
 }
 const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { title: "Delete", className: "quill-delete-button", type: "button", onClick: onClick, style: {
         height: 40,
@@ -281,14 +326,17 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
     background-color: rgba(56, 65, 81, 0.03);
   }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
 exports.MemoizedDeleteButton = MemoizedDeleteButton;
-const LoadingSpinner = ({ scale = 1 }) => ((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: "#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)
-            , strokeDashoffset: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
-            , stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }));
+const LoadingSpinner = ({ scale = 1 }) => {
+    const { state: { theme }, } = (0, AdminProvider_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)
+                , strokeDashoffset: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
+                , stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }));
+};
 exports.LoadingSpinner = LoadingSpinner;
 const QuillErrorMessageComponent = ({ containerStyle, errorMessage, }) => {
-    const [theme] = (0, react_1.useContext)(react_2.ThemeContext);
+    const { state } = (0, AdminProvider_1.useAdmin)();
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             borderRadius: 8,
             backgroundColor: '#FF9494',
@@ -299,7 +347,7 @@ const QuillErrorMessageComponent = ({ containerStyle, errorMessage, }) => {
             alignItems: 'center',
             fontSize: 13,
             fontWeight: 'bold',
-            fontFamily: theme?.fontFamily,
+            fontFamily: state.theme?.fontFamily,
             color: 'white',
             ...containerStyle,
         }, children: errorMessage }));
@@ -321,8 +369,8 @@ const OverflowContainer = ({ children }) => {
         const container = containerRef.current;
         if (container) {
             checkOverflow();
-            const topObserver = new IntersectionObserver(([entry]) => setShowTopShadow(!entry.isIntersecting), { root: container, threshold: 0 });
-            const bottomObserver = new IntersectionObserver(([entry]) => setShowBottomShadow(!entry.isIntersecting), { root: container, threshold: 0 });
+            const topObserver = new IntersectionObserver(([entry]) => setShowTopShadow(!entry?.isIntersecting), { root: container, threshold: 0 });
+            const bottomObserver = new IntersectionObserver(([entry]) => setShowBottomShadow(!entry?.isIntersecting), { root: container, threshold: 0 });
             const topSentinel = document.createElement('div');
             const bottomSentinel = document.createElement('div');
             container.insertBefore(topSentinel, container.firstChild);
@@ -430,3 +478,83 @@ const QuillToolTip = ({ children, text, enabled = true, containerStyle = {}, tex
         }` }), children, (0, jsx_runtime_1.jsx)("div", { className: "tooltip-text", style: { ...textStyle }, children: text })] })) : (children);
 };
 exports.QuillToolTip = QuillToolTip;
+const QuillPortal = ({ children, containerStyle, anchorRef, showModal, setShowModal, }) => {
+    const modalRef = (0, react_1.useRef)(null);
+    const [popoverPosition, setPopoverPosition] = (0, react_1.useState)(undefined);
+    const [z, setZ] = (0, react_1.useState)(10);
+    const scrollableParentRef = (0, react_1.useRef)(document.body);
+    const updatePosition = () => {
+        if (anchorRef.current) {
+            requestAnimationFrame(() => {
+                const rect = anchorRef?.current?.getBoundingClientRect();
+                if (rect) {
+                    const viewportHeight = window.innerHeight;
+                    // Calculate available space below the element with a 64px bottom margin
+                    const availableHeight = viewportHeight - rect.bottom - 64;
+                    setPopoverPosition({
+                        top: rect.bottom + window.scrollY,
+                        left: rect.left + window.scrollX,
+                        width: rect.width,
+                        maxHeight: availableHeight,
+                    });
+                }
+            });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        let resizeObserver;
+        let mutationObserver;
+        if (showModal && anchorRef.current) {
+            updatePosition();
+            setZ((0, useOnClickOutside_1.getEffectiveZIndex)(anchorRef.current) + 1);
+            resizeObserver = new ResizeObserver(() => updatePosition());
+            resizeObserver.observe(anchorRef.current);
+            mutationObserver = new MutationObserver(() => updatePosition());
+            mutationObserver.observe(anchorRef.current, {
+                attributes: true,
+                subtree: true,
+            });
+            // Track scrolling of the nearest scrollable ancestor
+            scrollableParentRef.current = (0, ui_1.getScrollableParent)(anchorRef.current);
+            scrollableParentRef.current.addEventListener('scroll', updatePosition, {
+                passive: true,
+            });
+            const handleResize = () => requestAnimationFrame(updatePosition);
+            window.addEventListener('resize', handleResize, { passive: true });
+            return () => {
+                resizeObserver.disconnect();
+                mutationObserver.disconnect();
+                scrollableParentRef.current.removeEventListener('scroll', updatePosition);
+                window.removeEventListener('resize', handleResize);
+            };
+        }
+    }, [showModal]);
+    (0, useOnClickOutside_1.default)(modalRef, (event) => {
+        if (!anchorRef.current?.contains(event.target))
+            setShowModal(false);
+    }, showModal);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'absolute',
+            top: `${popoverPosition?.top ?? 0}px`,
+            left: `${popoverPosition?.left ?? 0}px`,
+            width: `${popoverPosition?.width ?? 0}px`,
+            maxHeight: `${Math.max(popoverPosition?.maxHeight ?? 0, 100)}px`,
+            visibility: popoverPosition ? 'visible' : 'hidden',
+            // display: 'flex',
+            // flexDirection: 'column',
+            // boxSizing: 'border-box',
+            // borderWidth: 1,
+            // borderStyle: 'solid',
+            // borderColor: theme?.borderColor,
+            // borderRadius: 6,
+            // background: theme?.backgroundColor,
+            // marginTop: 12,
+            zIndex: z,
+            // padding: 6,
+            // fontFamily: theme?.fontFamily,
+            // overflow: 'scroll',
+            // fontSize: 14,
+            ...containerStyle,
+        }, ref: modalRef, "data-portal-ignore": "true", children: children }), document.body);
+};
+exports.QuillPortal = QuillPortal;

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