@quillsql/admin 1.3.2 → 1.3.4

package/dist/components/OrgSelect.js

@@ -1,9 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, } from 'react';
-import { ArrowDownHeadIcon } from '../icons';
-import { useAdmin } from '../AdminProvider';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("../icons");
+const AdminProvider_1 = require("../AdminProvider");
 const useOnClickOutside = (ref, handler) => {
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
@@ -19,7 +21,7 @@ const useOnClickOutside = (ref, handler) => {
     }, [ref, handler]);
 };
 function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
-    const modalRef = useRef(null);
+    const modalRef = (0, react_1.useRef)(null);
     useOnClickOutside(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -35,7 +37,7 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
             onClose();
         }
     };
-    return (_jsxs("div", { children: [showTrigger && (_jsxs("button", { 
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsxs)("button", { 
                 //   onMouseEnter={() => setIsOpen(true)}
                 onClick: (e) => {
                     setIsOpen(!isOpen);
@@ -67,7 +69,7 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                     fontWeight: 500,
                     fontSize: 14,
                     position: 'relative',
-                }, children: [label, _jsx(ArrowDownHeadIcon, { style: {
+                }, children: [label, (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
                             height: '20px',
                             width: '20px',
                             flex: 'none',
@@ -75,7 +77,7 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                             right: 8,
                             top: 8,
                             color: '#6C727F',
-                        }, "aria-hidden": "true" })] })), isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _jsx("div", { style: {
+                        }, "aria-hidden": "true" })] })), 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',
                         position: 'absolute',
                         boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
@@ -93,13 +95,13 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                     }, children: children }) }))] }));
 }
 const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
-    return (_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             position: 'relative',
             display: 'flex',
             flexDirection: 'row',
             alignItems: 'center',
             marginTop: 2,
-        }, children: [_jsx("style", { children: `
+        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
       .quill-text-input {
           background-color: white;
           height: 40px;
@@ -116,15 +118,15 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
       }
       .quill-text-input:focus {
         outline: none;
-    }` }), _jsx("div", { style: { width: 6 } }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "rgba(56, 65, 81, 0.7)", height: "16", width: "16", children: _jsx("path", { fillRule: "evenodd", d: "M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z", clipRule: "evenodd" }) }), _jsx("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
+    }` }), (0, jsx_runtime_1.jsx)("div", { style: { width: 6 } }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "rgba(56, 65, 81, 0.7)", height: "16", width: "16", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z", clipRule: "evenodd" }) }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder })] }));
 };
-export default function OrgSelect({ environment, setEnvironment, organizations, theme, organizationId, setOrganizationId, parentRef, }) {
-    useEffect(() => {
+function OrgSelect({ environment, setEnvironment, organizations, theme, organizationId, setOrganizationId, parentRef, }) {
+    (0, react_1.useEffect)(() => {
         setEnvironment(environment);
     }, [environment]);
-    const { state, dispatch } = useAdmin();
-    const [isOpen, setIsOpen] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
     const dropDownItems = organizations.map((org) => ({
         name: org.name,
         id: org.id,
@@ -147,21 +149,22 @@ export default function OrgSelect({ environment, setEnvironment, organizations,
             .toLowerCase()
             .replace(/\s+/g, '')
             .includes(searchQuery.toLowerCase().replace(/\s+/g, '')));
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h1", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                     fontSize: '14px',
                     paddingTop: '0px',
                     marginTop: '0px',
                     marginBottom: '4px',
                     fontWeight: '600',
                     color: theme.secondaryTextColor,
-                }, children: "Organization" }), _jsxs(MemoizedPopover, { parentRef: parentRef, label: selectedOrganization && selectedOrganization.name, isOpen: isOpen, onClose: () => setIsOpen(false), style: {
+                }, children: "Organization" }), (0, jsx_runtime_1.jsxs)(MemoizedPopover, { parentRef: parentRef, label: selectedOrganization && selectedOrganization.name, isOpen: isOpen, onClose: () => setIsOpen(false), style: {
                     boxSizing: 'border-box',
                     fontSize: 14,
                     //   padding: 11,
-                }, setIsOpen: setIsOpen, onClick: () => console.log(), children: [_jsx(MemoizedTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), _jsx("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), _jsxs("div", { style: { gap: 2, maxHeight: '50vh' }, children: [filteredOrganizations.map((item, index) => (_jsx(OrgSelectRow, { setSelected: handleSelectOrganization, item: item }, index))), filteredOrganizations.length === 0 && (_jsx(OrgSelectRow, { item: { name: 'No organizations found' } }))] }), _jsx("div", { style: { height: 8, width: 230 } })] })] }));
+                }, setIsOpen: setIsOpen, onClick: () => console.log(), children: [(0, jsx_runtime_1.jsx)(MemoizedTextInput, { id: "quill-search-bar", placeholder: "Search", value: searchQuery, onChange: setSearchQuery }), (0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } }), (0, jsx_runtime_1.jsxs)("div", { style: { gap: 2, maxHeight: '50vh' }, children: [filteredOrganizations.map((item, index) => ((0, jsx_runtime_1.jsx)(OrgSelectRow, { setSelected: handleSelectOrganization, item: item }, index))), filteredOrganizations.length === 0 && ((0, jsx_runtime_1.jsx)(OrgSelectRow, { item: { name: 'No organizations found' } }))] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 8, width: 230 } })] })] }));
 }
+exports.default = OrgSelect;
 function OrgSelectRow({ item, setSelected, }) {
-    return (_jsxs("div", { onClick: setSelected ? () => setSelected(item) : undefined, className: "quill-org-select", children: [_jsx("style", { children: `
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: setSelected ? () => setSelected(item) : undefined, className: "quill-org-select", children: [(0, jsx_runtime_1.jsx)("style", { children: `
   .quill-org-select {
       background-color: white;
       height: 42px;
@@ -184,10 +187,11 @@ function OrgSelectRow({ item, setSelected, }) {
   }
   .quill-org-select:hover {
     background-color: rgba(56, 65, 81, 0.04);
-  }` }), _jsx("div", { style: {
+  }` }), (0, jsx_runtime_1.jsx)("div", { style: {
                     textOverflow: 'ellipsis',
                     whiteSpace: 'nowrap',
                     overflow: 'hidden',
                     display: 'block',
                 }, children: item.name })] }));
 }
+//# sourceMappingURL=OrgSelect.js.map

package/dist/components/OrgSelect.js.map

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

package/dist/components/SqlViewTile.d.ts

@@ -5,4 +5,3 @@ export default function SqlViewTile({ query, name, header2Style, header1Style, }
     header1Style?: CSSProperties;
     header2Style?: CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SqlViewTile.d.ts.map

package/dist/components/SqlViewTile.js

@@ -1,8 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import prismTheme from 'prism-react-renderer/themes/nightOwlLight';
-import Highlight, { defaultProps } from 'prism-react-renderer';
-export default function SqlViewTile({ query, name, header2Style, header1Style, }) {
-    return (_jsxs("div", { style: {
+"use strict";
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const nightOwlLight_1 = __importDefault(require("prism-react-renderer/themes/nightOwlLight"));
+const prism_react_renderer_1 = __importStar(require("prism-react-renderer"));
+function SqlViewTile({ query, name, header2Style, header1Style, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             // height: '30px',
             // width: '40px',
             width: '100%',
@@ -13,7 +41,7 @@ export default function SqlViewTile({ query, name, header2Style, header1Style, }
             borderRadius: 6,
             padding: '12px',
             background: 'white',
-        }, children: [_jsx("h1", { style: {
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                     ...header1Style,
                     maxWidth: '100%',
                     whiteSpace: 'nowrap',
@@ -21,14 +49,14 @@ export default function SqlViewTile({ query, name, header2Style, header1Style, }
                     textOverflow: 'ellipsis',
                     fontSize: 15,
                     color: '#212121',
-                }, children: name }), _jsx("div", { style: {
+                }, children: name }), (0, jsx_runtime_1.jsx)("div", { style: {
                     backgroundColor: '#FBFBFB',
                     height: '100%',
                     borderRadius: 6,
                     fontSize: 14,
                     overflow: 'hidden',
                     border: '1px solid #e7e7e7',
-                }, children: _jsx(Highlight, { ...defaultProps, theme: prismTheme, code: query, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: {
+                }, children: (0, jsx_runtime_1.jsx)(prism_react_renderer_1.default, { ...prism_react_renderer_1.defaultProps, theme: nightOwlLight_1.default, code: query, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => ((0, jsx_runtime_1.jsx)("pre", { className: className, style: {
                             ...style,
                             textAlign: 'left',
                             margin: '1em 0',
@@ -36,5 +64,7 @@ export default function SqlViewTile({ query, name, header2Style, header1Style, }
                             overflow: 'scroll',
                             height: 130,
                             maxWidth: 520,
-                        }, children: tokens.map((line, i) => (_jsx("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => (_jsx("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) }) })] }));
+                        }, children: tokens.map((line, i) => ((0, jsx_runtime_1.jsx)("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) }) })] }));
 }
+exports.default = SqlViewTile;
+//# sourceMappingURL=SqlViewTile.js.map

package/dist/components/SqlViewTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlViewTile.js","sourceRoot":"","sources":["../../src/components/SqlViewTile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,8FAAmE;AACnE,6EAA+D;AAE/D,SAAwB,WAAW,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,YAAY,GAMb;IACC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,kBAAkB;YAClB,iBAAiB;YACjB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,OAAO;SACpB,aAED,+BACE,KAAK,EAAE;oBACL,GAAG,YAAY;oBACf,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,SAAS;iBACjB,YAEA,IAAI,GACF,EACL,gCACE,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,CAAC;oBACf,QAAQ,EAAE,EAAE;oBACZ,QAAQ,EAAE,QAAQ;oBAClB,MAAM,EAAE,mBAAmB;iBAC5B,YAED,uBAAC,8BAAS,OACJ,mCAAY,EAChB,KAAK,EAAE,uBAAU,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAC,KAAK,YAEb,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,gCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;4BACL,GAAG,KAAK;4BACR,SAAS,EAAE,MAAM;4BACjB,MAAM,EAAE,OAAO;4BACf,OAAO,EAAE,OAAO;4BAChB,QAAQ,EAAE,QAAQ;4BAClB,MAAM,EAAE,GAAG;4BACX,QAAQ,EAAE,GAAG;yBACd,YAEA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,mCAAiB,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,YAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,oCAAoB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAtC,GAAG,CAAuC,CACtD,CAAC,IAHM,CAAC,CAIL,CACP,CAAC,GACE,CACP,GACS,GACR,IACF,CACP,CAAC;AACJ,CAAC;AAjFD,8BAiFC"}

package/dist/components/StepDisplay.d.ts

@@ -7,4 +7,3 @@ interface StepDisplayProps {
 }
 export default function StepDisplay({ label, completed, header1Style, onClick, }: StepDisplayProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=StepDisplay.d.ts.map

package/dist/components/StepDisplay.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function StepDisplay({ label, completed, header1Style, onClick, }) {
-    return (_jsxs("div", { style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function StepDisplay({ label, completed, header1Style, onClick, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             height: 64,
             width: '40%',
             minWidth: 600,
@@ -11,5 +13,7 @@ export default function StepDisplay({ label, completed, header1Style, onClick, }
             borderRadius: 6,
             backgroundColor: '#F6F6F6',
             padding: '24px 24px',
-        }, id: "connect-database-form", onClick: onClick, children: [_jsx("h1", { style: { ...header1Style, marginBottom: '0px', fontSize: 16 }, children: label }), completed ? (_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }) })) : (_jsx("div", {}))] }));
+        }, id: "connect-database-form", onClick: onClick, children: [(0, jsx_runtime_1.jsx)("h1", { style: { ...header1Style, marginBottom: '0px', fontSize: 16 }, children: label }), completed ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "24px", height: "24px", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z", clipRule: "evenodd" }) }) })) : ((0, jsx_runtime_1.jsx)("div", {}))] }));
 }
+exports.default = StepDisplay;
+//# sourceMappingURL=StepDisplay.js.map

package/dist/components/StepDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDisplay.js","sourceRoot":"","sources":["../../src/components/StepDisplay.tsx"],"names":[],"mappings":";;;AAUA,SAAwB,WAAW,CAAC,EAClC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACU;IACjB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,SAAS;YAC1B,OAAO,EAAE,WAAW;SACrB,EACD,EAAE,EAAC,uBAAuB,EAC1B,OAAO,EAAE,OAAO,aAEhB,+BAAI,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,YAC9D,KAAK,GACH,EACJ,SAAS,CAAC,CAAC,CAAC,CACX,0CACE,gCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,YAEb,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gKAAgK,EAClK,QAAQ,EAAC,SAAS,GAClB,GACE,GACF,CACP,CAAC,CAAC,CAAC,CACF,iCAAW,CACZ,IACG,CACP,CAAC;AACJ,CAAC;AA/CD,8BA+CC"}

package/dist/components/index.d.ts

@@ -3,4 +3,3 @@ export { default as OrgSelect } from "./OrgSelect";
 export { default as DropDownMenu } from "./DropDownMenu";
 export { default as DashboardManager } from "../public_components/DashboardManager";
 export { default as DashboardSelectPopover } from "./DashboardSelectPopover";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.js

@@ -1,5 +1,17 @@
-export { default as EnvSelectPopover } from "./EnvSelectPopover";
-export { default as OrgSelect } from "./OrgSelect";
-export { default as DropDownMenu } from "./DropDownMenu";
-export { default as DashboardManager } from "../public_components/DashboardManager";
-export { default as DashboardSelectPopover } from "./DashboardSelectPopover";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardSelectPopover = exports.DashboardManager = exports.DropDownMenu = exports.OrgSelect = exports.EnvSelectPopover = void 0;
+var EnvSelectPopover_1 = require("./EnvSelectPopover");
+Object.defineProperty(exports, "EnvSelectPopover", { enumerable: true, get: function () { return __importDefault(EnvSelectPopover_1).default; } });
+var OrgSelect_1 = require("./OrgSelect");
+Object.defineProperty(exports, "OrgSelect", { enumerable: true, get: function () { return __importDefault(OrgSelect_1).default; } });
+var DropDownMenu_1 = require("./DropDownMenu");
+Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return __importDefault(DropDownMenu_1).default; } });
+var DashboardManager_1 = require("../public_components/DashboardManager");
+Object.defineProperty(exports, "DashboardManager", { enumerable: true, get: function () { return __importDefault(DashboardManager_1).default; } });
+var DashboardSelectPopover_1 = require("./DashboardSelectPopover");
+Object.defineProperty(exports, "DashboardSelectPopover", { enumerable: true, get: function () { return __importDefault(DashboardSelectPopover_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,0EAAoF;AAA3E,qIAAA,OAAO,OAAoB;AACpC,mEAA6E;AAApE,iJAAA,OAAO,OAA0B"}

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

@@ -8,4 +8,3 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
     environmentDetails?: ConnectionType;
     setEnvironmentDetails: (connectionInfo?: ConnectionType, schemaDetails?: SchemaDetails, schemaError?: ConnectionError) => void;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConnectDatabase.d.ts.map

package/dist/forms/client_onboard/ConnectDatabase.js

@@ -1,36 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ButtonPrimitive, TextInputPrimitive } from '../../primitives';
-import DatabaseSelector from '../../components/DatabaseSelector';
-import { DATABASE_DEFAULT_INFO, formConnectionString, getDatabaseConnectionFormat, } from '../../utils/databases';
-import { getSchemaTableInfo, testConnectionString, } from '../../api/ConnectionClient';
-import { delay } from '../../utils/delay';
-export default function ConnectDatabase({ containerStyle, header1Style, header2Style, setEnvironmentDetails, environmentDetails, }) {
-    const [showError, setShowError] = useState(false);
-    const [connectButtonMessage, setConnectButtonMessage] = useState('Connect');
-    const [copied, setCopied] = useState(false);
-    const [databaseConnectionDetails, setConnectionDetails] = useState(environmentDetails);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const primitives_1 = require("../../primitives");
+const DatabaseSelector_1 = __importDefault(require("../../components/DatabaseSelector"));
+const databases_1 = require("../../utils/databases");
+const ConnectionClient_1 = require("../../api/ConnectionClient");
+const delay_1 = require("../../utils/delay");
+function ConnectDatabase({ containerStyle, header1Style, header2Style, setEnvironmentDetails, environmentDetails, }) {
+    const [showError, setShowError] = (0, react_1.useState)(false);
+    const [connectButtonMessage, setConnectButtonMessage] = (0, react_1.useState)('Connect');
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const [databaseConnectionDetails, setConnectionDetails] = (0, react_1.useState)(environmentDetails);
     const onDatabaseSelect = (database) => {
-        setConnectionDetails(getDatabaseConnectionFormat(database));
+        setConnectionDetails((0, databases_1.getDatabaseConnectionFormat)(database));
     };
     const testConnection = async () => {
-        const connectionString = formConnectionString(databaseConnectionDetails);
-        const result = await testConnectionString(connectionString);
+        const connectionString = (0, databases_1.formConnectionString)(databaseConnectionDetails);
+        const result = await (0, ConnectionClient_1.testConnectionString)(connectionString);
         if (result) {
             try {
-                const suspectedSchema = await getSchemaTableInfo(connectionString, 'public');
+                const suspectedSchema = await (0, ConnectionClient_1.getSchemaTableInfo)(connectionString, 'public');
                 setConnectButtonMessage('Connecting');
                 // Stop the next code from running for a second
                 // This is to show the connecting message
-                await delay(1000);
+                await (0, delay_1.delay)(1000);
                 if ('selectedFields' in suspectedSchema) {
                     setConnectButtonMessage('Connected ✅');
-                    await delay(2000);
+                    await (0, delay_1.delay)(2000);
                     setEnvironmentDetails(databaseConnectionDetails, suspectedSchema, undefined);
                 }
                 else {
                     setConnectButtonMessage('Connected ✅');
-                    await delay(2000);
+                    await (0, delay_1.delay)(2000);
                     setEnvironmentDetails(databaseConnectionDetails, undefined, suspectedSchema);
                 }
             }
@@ -44,9 +49,9 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
             setShowError(true);
         }
     };
-    return (_jsxs("div", { style: { ...containerStyle }, id: "connect-database-form", children: [_jsx("h1", { style: header1Style, children: "Connect Database" }), _jsxs("div", { style: { marginTop: 12 }, children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600, color: '#565656' }, children: "Database type" }), _jsx("div", { style: { display: 'flex', gap: 10 }, children: DATABASE_DEFAULT_INFO.map((database) => {
-                            return (_jsx(DatabaseSelector, { onDatabaseSelect: onDatabaseSelect, containerStyle: { marginBottom: '12px' }, label: database.label, value: database.value, imageUrl: database.imageUrl }, database.label));
-                        }) })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { ...containerStyle }, id: "connect-database-form", children: [(0, jsx_runtime_1.jsx)("h1", { style: header1Style, children: "Connect Database" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 12 }, children: [(0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, fontWeight: 600, color: '#565656' }, children: "Database type" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 10 }, children: databases_1.DATABASE_DEFAULT_INFO.map((database) => {
+                            return ((0, jsx_runtime_1.jsx)(DatabaseSelector_1.default, { onDatabaseSelect: onDatabaseSelect, containerStyle: { marginBottom: '12px' }, label: database.label, value: database.value, imageUrl: database.imageUrl }, database.label));
+                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                             // width: '100%',
                             maxWidth: 330,
                             display: 'flex',
@@ -62,26 +67,26 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                             navigator.clipboard.writeText('34.133.137.225');
                             setCopied(true);
                             setTimeout(() => setCopied(false), 1500);
-                        }, className: "quill-active", children: [_jsx("style", { children: `.quill-active { background: #fff; border: 1px solid #e7e7e7; } 
+                        }, className: "quill-active", children: [(0, jsx_runtime_1.jsx)("style", { children: `.quill-active { background: #fff; border: 1px solid #e7e7e7; } 
         .quill-active:hover { background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7 }
         .quill-active:active { background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.07); border: 1px solid #9DC4F8; outline: 2px solid #9DC4F8; }
-        ` }), _jsx("div", { style: { ...header2Style, color: '#212121', marginBottom: '0px' }, children: _jsx("h2", { style: {
+        ` }), (0, jsx_runtime_1.jsx)("div", { style: { ...header2Style, color: '#212121', marginBottom: '0px' }, children: (0, jsx_runtime_1.jsx)("h2", { style: {
                                         WebkitUserSelect: 'none',
                                         MozUserSelect: 'none',
                                         msUserSelect: 'none',
                                         userSelect: 'none',
-                                    }, children: "Whitelist Quill's IP" }) }), _jsxs("div", { style: {
+                                    }, children: "Whitelist Quill's IP" }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'row',
                                     alignItems: 'center',
                                     gap: '6px',
                                     cursor: 'pointer',
                                     marginLeft: '12px',
-                                }, children: [_jsx("h2", { style: {
+                                }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
                                             ...header2Style,
                                             color: '#212121',
                                             marginBottom: '0px',
-                                        }, children: "34.133.137.225" }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "#212121", width: 18, height: 18, children: [_jsx("path", { d: "M7 3.5A1.5 1.5 0 0 1 8.5 2h3.879a1.5 1.5 0 0 1 1.06.44l3.122 3.12A1.5 1.5 0 0 1 17 6.622V12.5a1.5 1.5 0 0 1-1.5 1.5h-1v-3.379a3 3 0 0 0-.879-2.121L10.5 5.379A3 3 0 0 0 8.379 4.5H7v-1Z" }), _jsx("path", { d: "M4.5 6A1.5 1.5 0 0 0 3 7.5v9A1.5 1.5 0 0 0 4.5 18h7a1.5 1.5 0 0 0 1.5-1.5v-5.879a1.5 1.5 0 0 0-.44-1.06L9.44 6.439A1.5 1.5 0 0 0 8.378 6H4.5Z" })] })] })] }), copied && (_jsxs("div", { style: {
+                                        }, children: "34.133.137.225" }), (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "#212121", width: 18, height: 18, children: [(0, jsx_runtime_1.jsx)("path", { d: "M7 3.5A1.5 1.5 0 0 1 8.5 2h3.879a1.5 1.5 0 0 1 1.06.44l3.122 3.12A1.5 1.5 0 0 1 17 6.622V12.5a1.5 1.5 0 0 1-1.5 1.5h-1v-3.379a3 3 0 0 0-.879-2.121L10.5 5.379A3 3 0 0 0 8.379 4.5H7v-1Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.5 6A1.5 1.5 0 0 0 3 7.5v9A1.5 1.5 0 0 0 4.5 18h7a1.5 1.5 0 0 0 1.5-1.5v-5.879a1.5 1.5 0 0 0-.44-1.06L9.44 6.439A1.5 1.5 0 0 0 8.378 6H4.5Z" })] })] })] }), copied && ((0, jsx_runtime_1.jsxs)("div", { style: {
                             fontSize: 13,
                             fontWeight: 600,
                             color: '#565656',
@@ -90,12 +95,12 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                             flexDirection: 'row',
                             alignItems: 'center',
                             gap: 6,
-                        }, children: [_jsx("div", { children: "\u2705" }), " ", _jsx("div", { children: "Copied to clipboard" })] }))] }), databaseConnectionDetails && (_jsxs("div", { children: [databaseConnectionDetails.type === 'PostgreSQL' && (_jsx("div", { children: _jsxs("div", { children: [_jsx("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Connection String" }), _jsx(TextInputPrimitive, { onChange: (e) => {
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: "\u2705" }), " ", (0, jsx_runtime_1.jsx)("div", { children: "Copied to clipboard" })] }))] }), databaseConnectionDetails && ((0, jsx_runtime_1.jsxs)("div", { children: [databaseConnectionDetails.type === 'PostgreSQL' && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, fontWeight: 600 }, children: "Connection String" }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
                                         setConnectionDetails({
                                             ...databaseConnectionDetails,
                                             connectionString: e.target.value,
                                         });
-                                    }, value: databaseConnectionDetails.connectionString })] }) })), _jsxs("div", { style: {
+                                    }, value: databaseConnectionDetails.connectionString })] }) })), (0, jsx_runtime_1.jsxs)("div", { style: {
                             ...header1Style,
                             textAlign: 'center',
                             fontSize: 14,
@@ -105,7 +110,7 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                             alignItems: 'center',
                             paddingTop: 24,
                             paddingBottom: 0,
-                        }, children: [_jsx("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } }), _jsx("div", { style: { padding: 12 }, children: "or" }), _jsx("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } })] }), _jsx("div", { id: "database-details-form", children: _jsx("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } }), (0, jsx_runtime_1.jsx)("div", { style: { padding: 12 }, children: "or" }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 1, background: '#e7e7e7' } })] }), (0, jsx_runtime_1.jsx)("div", { id: "database-details-form", children: (0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'grid',
                                 gridTemplateColumns: 'repeat(3, 1fr)',
                                 gap: '20px',
@@ -115,23 +120,25 @@ export default function ConnectDatabase({ containerStyle, header1Style, header2S
                             // get a list of types in the databaseConnectionDetails object and create a form for each
                             Object.entries(databaseConnectionDetails).map(([key, value]) => {
                                 if (key !== 'connectionString' && key !== 'type')
-                                    return (_jsxs("div", { children: [_jsx("h2", { style: {
+                                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { style: {
                                                     ...header2Style,
                                                     fontWeight: '600',
                                                 }, children: key
                                                     .split(/(?=[A-Z])/)
                                                     .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-                                                    .join(' ') }), _jsx(TextInputPrimitive, { onChange: (e) => {
+                                                    .join(' ') }), (0, jsx_runtime_1.jsx)(primitives_1.TextInputPrimitive, { onChange: (e) => {
                                                     setConnectionDetails({
                                                         ...databaseConnectionDetails,
                                                         [key]: e.target.value,
                                                     });
                                                 }, value: value, disabled: key === 'type' })] }, key));
-                            }) }) }), _jsxs("div", { style: {
+                            }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
                             width: '100%',
                             display: 'flex',
                             justifyContent: 'space-between',
                             alignItems: 'center',
                             marginTop: '24px',
-                        }, children: [showError ? (_jsx("h2", { style: { ...header2Style, color: 'red' }, children: "Couldn't connect to database." })) : (_jsx("div", {})), _jsx(ButtonPrimitive, { label: connectButtonMessage, onClick: testConnection })] })] }))] }));
+                        }, children: [showError ? ((0, jsx_runtime_1.jsx)("h2", { style: { ...header2Style, color: 'red' }, children: "Couldn't connect to database." })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsx)(primitives_1.ButtonPrimitive, { label: connectButtonMessage, onClick: testConnection })] })] }))] }));
 }
+exports.default = ConnectDatabase;
+//# sourceMappingURL=ConnectDatabase.js.map

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

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

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

@@ -10,4 +10,3 @@ export default function ConnectSchema({ containerStyle, header1Style, header2Sty
     initialError?: ConnectionError;
     propogateSchemaDetails: (schemaDetails?: SchemaDetails) => void;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ConnectSchema.d.ts.map