@quillsql/admin 1.3.1 → 1.3.3

package/dist/components/EnvSelectPopover.js

@@ -0,0 +1,209 @@
+"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");
+function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [hoveredItemId, setHoveredItemId] = (0, react_1.useState)(null);
+    const [isPromoteHovered, setIsPromoteHovered] = (0, react_1.useState)(false);
+    const handleItemClick = (selectedClient) => {
+        if (state.activeQuery) {
+            const message = 'Are you sure? Changing environment will exit edit mode and your changes will not be saved.';
+            if (!confirm(message))
+                return;
+            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
+            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
+        }
+        setClient(selectedClient);
+        setIsOpen(false);
+    };
+    const handlePromoteClick = (e, client) => {
+        e.preventDefault();
+        if (handlePromote) {
+            handlePromote(client);
+        }
+    };
+    const popoverRef = (0, react_1.useRef)(null);
+    const handleOutsideClick = (event) => {
+        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            document.addEventListener('mousedown', handleOutsideClick);
+        }
+        else {
+            document.removeEventListener('mousedown', handleOutsideClick);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleOutsideClick); // Cleanup
+        };
+    }, [isOpen]);
+    const dropdownStyles = {
+        position: 'relative',
+        display: 'inline-block',
+        fontFamily: theme.fontFamily,
+        fontSize: 14,
+    };
+    const separatorStyle = {
+        borderBottom: '1px solid #e7e7e7',
+    };
+    const triggerButtonStyles = {
+        width: '100%',
+        minWidth: 230,
+        maxWidth: 230,
+        outline: 'none',
+        textAlign: 'left',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        borderRadius: 6,
+        WebkitAppearance: 'none',
+        paddingLeft: 12,
+        paddingRight: 12,
+        height: 38,
+        borderTop: '1px solid #e7e7e7',
+        borderLeft: '1px solid #e7e7e7',
+        borderRight: '1px solid #e7e7e7',
+        borderBottom: '1px solid #e7e7e7',
+        background: theme.backgroundColor,
+        color: theme.primaryTextColor,
+        // boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
+        fontFamily: theme.fontFamily,
+        fontWeight: 500,
+    };
+    const dropdownContentStyles = {
+        display: isOpen ? 'flex' : 'none',
+        flexDirection: 'column',
+        background: '#FFFFFF',
+        // background: "#F7F8FA",
+        position: 'absolute',
+        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
+        border: '1px solid #e7e7e7',
+        boxSizing: 'border-box',
+        zIndex: 1,
+        borderRadius: 6,
+        padding: 8,
+        maxHeight: 420,
+        width: 230,
+        marginTop: 8,
+        gap: 5,
+        overflowY: 'scroll',
+    };
+    const itemStyles = {
+        // padding: "10px",
+        height: 42,
+        paddingLeft: 10,
+        paddingRight: 4,
+        cursor: 'pointer',
+        fontSize: '14px',
+        color: theme.primaryTextColor,
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        fontWeight: '500',
+    };
+    const itemHoverStyles = {
+        backgroundColor: 'rgba(56, 65, 81, 0.04)',
+        borderRadius: 6,
+    };
+    const selectedItemStyles = {
+        backgroundColor: 'rgba(56, 65, 81, 0.04)',
+        borderRadius: 6,
+        // boxShadow: "0 1px 6px 0 rgba(56, 65, 81, 0.09)",
+        fontWeight: '500',
+        // border: "1px solid #e7e7e7",
+    };
+    const promoteStyles = {
+        color: theme.primaryTextColor,
+        cursor: 'pointer',
+        fontSize: '13px',
+        border: isPromoteHovered ? '1px solid #e7e7e7' : '1px solid transparent',
+        backgroundColor: isPromoteHovered ? 'white' : undefined,
+        boxShadow: isPromoteHovered
+            ? '0px 1px 12px 0px rgba(56, 65, 81, 0.1)'
+            : undefined,
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 7,
+        paddingRight: 9,
+        paddingTop: 6,
+        paddingBottom: 6,
+        borderRadius: 4,
+        gap: 3,
+    };
+    const itemTextStyles = {
+        // marginRight: "30px",
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    };
+    if (client && client._id === '642ee580e45ecb91213b44aa') {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                background: '#f7f7f7',
+                borderRadius: 6,
+                height: 38,
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                paddingLeft: 4,
+                paddingRight: 4,
+            }, children: [(0, jsx_runtime_1.jsx)("button", { style: {
+                        background: environment === 'PRODUCTION' ? 'white' : undefined,
+                        color: environment === 'PRODUCTION' ? '#384151' : '#677389',
+                        fontWeight: environment === 'PRODUCTION' ? '600' : '500',
+                        borderRadius: 4,
+                        paddingLeft: 6,
+                        paddingRight: 6,
+                        paddingTop: 3,
+                        paddingBottom: 3,
+                        fontSize: 16,
+                    }, onClick: () => setEnvironment('PRODUCTION'), children: "Production" }), (0, jsx_runtime_1.jsx)("button", { style: {
+                        background: environment === 'STAGING' ? 'white' : undefined,
+                        color: environment === 'STAGING' ? '#384151' : '#677389',
+                        fontWeight: environment === 'STAGING' ? '600' : '500',
+                        borderRadius: 4,
+                        paddingLeft: 6,
+                        paddingRight: 6,
+                        paddingTop: 3,
+                        paddingBottom: 3,
+                        fontSize: 16,
+                    }, onClick: () => setEnvironment('STAGING'), children: "Staging" })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: dropdownStyles, ref: popoverRef, children: [(0, jsx_runtime_1.jsx)("button", { 
+                // onMouseEnter={() => setIsOpen(true)}
+                onClick: () => setIsOpen((isOpen) => !isOpen), style: triggerButtonStyles, children: client ? client.name : 'Select environment' }), (0, jsx_runtime_1.jsx)("div", { style: dropdownContentStyles, children: !!clients.length &&
+                    clients.map((item) => ((0, jsx_runtime_1.jsxs)("div", { onClick: client && client._id !== item._id
+                            ? () => handleItemClick(item)
+                            : undefined, style: {
+                            ...itemStyles,
+                            ...(hoveredItemId === item._id ? itemHoverStyles : {}),
+                            ...(client && client._id === item._id
+                                ? selectedItemStyles
+                                : {}),
+                        }, onMouseEnter: () => setHoveredItemId(item._id), onMouseLeave: () => setHoveredItemId(null), children: [(0, jsx_runtime_1.jsx)("span", { onClick: client && client._id === item._id
+                                    ? () => handleItemClick(item)
+                                    : undefined, style: {
+                                    ...promoteStyles,
+                                    visibility: showPromote ? 'visible' : 'hidden',
+                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: item.name }), client && client._id === item._id && ((0, jsx_runtime_1.jsxs)("div", { onClick: (e) => handlePromoteClick(e, item), style: {
+                                    ...promoteStyles,
+                                    visibility: showPromote ? 'visible' : 'hidden',
+                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", height: "16px", width: "16px", children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.25 10.25a.75.75 0 0 0 1.5 0V4.56l2.22 2.22a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06l2.22-2.22v5.69Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 9.75a.75.75 0 0 0-1.5 0v1.5A2.75 2.75 0 0 0 4.75 14h6.5A2.75 2.75 0 0 0 14 11.25v-1.5a.75.75 0 0 0-1.5 0v1.5c0 .69-.56 1.25-1.25 1.25h-6.5c-.69 0-1.25-.56-1.25-1.25v-1.5Z" })] }), "Promote"] }))] }, item._id))) }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
+                    height: '20px',
+                    width: '20px',
+                    flex: 'none',
+                    position: 'absolute',
+                    right: 8,
+                    top: 9.5,
+                    color: '#6C727F',
+                }, "aria-hidden": "true" })] }));
+}
+exports.default = EnvSelectPopover;
+//# sourceMappingURL=EnvSelectPopover.js.map

package/dist/components/EnvSelectPopover.js.map

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

package/dist/components/InputLabel.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export default function InputLabel(props: PropsWithChildren): JSX.Element;
+//# sourceMappingURL=InputLabel.d.ts.map

package/dist/components/InputLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/components/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAcxE"}

package/dist/components/InputLabel.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function InputLabel(props) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            fontFamily: 'Inter; Helvetica',
+            color: '#6C727F',
+            fontSize: 14,
+            fontWeight: '600',
+            marginBottom: 2,
+        }, children: props.children }));
+}
+exports.default = InputLabel;
+//# sourceMappingURL=InputLabel.js.map

package/dist/components/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../src/components/InputLabel.tsx"],"names":[],"mappings":";;;AAEA,SAAwB,UAAU,CAAC,KAAwB;IACzD,OAAO,CACL,gCACE,KAAK,EAAE;YACL,UAAU,EAAE,kBAAkB;YAC9B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;YACjB,YAAY,EAAE,CAAC;SAChB,YAEA,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC;AAdD,6BAcC"}

package/{lib → dist}/components/OrgSelect.d.ts

@@ -9,3 +9,4 @@ interface OrgSelectProps {
 }
 export default function OrgSelect({ environment, setEnvironment, organizations, theme, organizationId, setOrganizationId, parentRef, }: OrgSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=OrgSelect.d.ts.map

package/dist/components/OrgSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrgSelect.d.ts","sourceRoot":"","sources":["../../src/components/OrgSelect.tsx"],"names":[],"mappings":"AAWA,UAAU,cAAc;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D;AA0ND,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAiGhB"}

package/{lib → dist}/components/OrgSelect.js

@@ -3,6 +3,7 @@ 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) => {
     (0, react_1.useEffect)(() => {
         const listener = (event) => {
@@ -11,11 +12,11 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event);
         };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
         return () => {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
         };
     }, [ref, handler]);
 };
@@ -44,61 +45,61 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                         onClick(e);
                     }
                 }, style: {
-                    width: "100%",
+                    width: '100%',
                     minWidth: 230,
                     maxWidth: 230,
-                    outline: "none",
-                    textAlign: "left",
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
+                    outline: 'none',
+                    textAlign: 'left',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
                     borderRadius: 6,
-                    WebkitAppearance: "none",
-                    borderTop: "1px solid #e7e7e7",
-                    borderLeft: "1px solid #e7e7e7",
-                    borderRight: "1px solid #e7e7e7",
-                    borderBottom: "1px solid #e7e7e7",
+                    WebkitAppearance: 'none',
+                    borderTop: '1px solid #e7e7e7',
+                    borderLeft: '1px solid #e7e7e7',
+                    borderRight: '1px solid #e7e7e7',
+                    borderBottom: '1px solid #e7e7e7',
                     paddingLeft: 12,
                     paddingRight: 12,
                     height: 38,
-                    background: "white",
-                    color: "#384151",
+                    background: 'white',
+                    color: '#384151',
                     // boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
                     // fontFamily: theme.fontFamily,
                     fontWeight: 500,
                     fontSize: 14,
-                    position: "relative",
+                    position: 'relative',
                 }, children: [label, (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
-                            height: "20px",
-                            width: "20px",
-                            flex: "none",
-                            position: "absolute",
+                            height: '20px',
+                            width: '20px',
+                            flex: 'none',
+                            position: 'absolute',
                             right: 8,
                             top: 8,
-                            color: "#6C727F",
-                        }, "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)",
-                        border: "1px solid #e7e7e7",
-                        boxSizing: "content-box",
+                            color: '#6C727F',
+                        }, "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)',
+                        border: '1px solid #e7e7e7',
+                        boxSizing: 'content-box',
                         zIndex: 1,
                         top: showTrigger ? 8 : 0,
                         borderRadius: 6,
                         //   padding: 20,
-                        overflow: "auto",
-                        display: "flex",
-                        flexDirection: "column",
-                        alignItems: "center",
+                        overflow: 'auto',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
                         ...style,
                     }, children: children }) }))] }));
 }
 const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            position: "relative",
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
             marginTop: 2,
         }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
       .quill-text-input {
@@ -123,35 +124,43 @@ function OrgSelect({ environment, setEnvironment, organizations, theme, organiza
     (0, react_1.useEffect)(() => {
         setEnvironment(environment);
     }, [environment]);
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [searchQuery, setSearchQuery] = (0, react_1.useState)("");
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
     const dropDownItems = organizations.map((org) => ({
         name: org.name,
         id: org.id,
     }));
     const handleSelectOrganization = (selectedItem) => {
-        setOrganizationId(selectedItem?.id || "");
+        if (state.activeQuery) {
+            const message = 'Are you sure? Changing organization will exit edit mode and your changes will not be saved.';
+            if (!confirm(message))
+                return;
+            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
+            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
+        }
+        setOrganizationId(selectedItem?.id || '');
         setIsOpen(false);
     };
     const selectedOrganization = dropDownItems.find((item) => item.id === organizationId);
-    const filteredOrganizations = searchQuery === ""
+    const filteredOrganizations = searchQuery === ''
         ? dropDownItems
         : dropDownItems.filter((org) => org.name
             .toLowerCase()
-            .replace(/\s+/g, "")
-            .includes(searchQuery.toLowerCase().replace(/\s+/g, "")));
-    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",
+            .replace(/\s+/g, '')
+            .includes(searchQuery.toLowerCase().replace(/\s+/g, '')));
+    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" }), (0, jsx_runtime_1.jsxs)(MemoizedPopover, { parentRef: parentRef, label: selectedOrganization && selectedOrganization.name, isOpen: isOpen, onClose: () => setIsOpen(false), style: {
-                    boxSizing: "border-box",
+                    boxSizing: 'border-box',
                     fontSize: 14,
                     //   padding: 11,
-                }, 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 } })] })] }));
+                }, 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, }) {
@@ -179,10 +188,10 @@ function OrgSelectRow({ item, setSelected, }) {
   .quill-org-select:hover {
     background-color: rgba(56, 65, 81, 0.04);
   }` }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    display: "block",
+                    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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export default function SqlViewTile({ query, name, header2Style, header1Style, }: {
+    query: string;
+    name: string;
+    header1Style?: CSSProperties;
+    header2Style?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SqlViewTile.d.ts.map

package/dist/components/SqlViewTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlViewTile.d.ts","sourceRoot":"","sources":["../../src/components/SqlViewTile.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,2CAuEA"}

package/dist/components/SqlViewTile.js

@@ -0,0 +1,70 @@
+"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%',
+            height: 200,
+            display: 'flex',
+            flexDirection: 'column',
+            border: '1px solid #e7e7e7',
+            borderRadius: 6,
+            padding: '12px',
+            background: 'white',
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                    ...header1Style,
+                    maxWidth: '100%',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    fontSize: 15,
+                    color: '#212121',
+                }, children: name }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    backgroundColor: '#FBFBFB',
+                    height: '100%',
+                    borderRadius: 6,
+                    fontSize: 14,
+                    overflow: 'hidden',
+                    border: '1px solid #e7e7e7',
+                }, 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',
+                            padding: '0.5em',
+                            overflow: 'scroll',
+                            height: 130,
+                            maxWidth: 520,
+                        }, 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

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+interface StepDisplayProps {
+    label: string;
+    completed: boolean;
+    header1Style: CSSProperties;
+    onClick?: () => void;
+}
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDisplay.d.ts","sourceRoot":"","sources":["../../src/components/StepDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACR,EAAE,gBAAgB,2CA0ClB"}

package/dist/components/StepDisplay.js

@@ -0,0 +1,19 @@
+"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,
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            borderRadius: 6,
+            backgroundColor: '#F6F6F6',
+            padding: '24px 24px',
+        }, 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/{lib → dist}/components/index.d.ts

@@ -3,3 +3,4 @@ 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { ConnectionError, ConnectionType } from '../../utils/databases';
+import { SchemaDetails } from '../../utils/schema';
+export default function ConnectDatabase({ containerStyle, header1Style, header2Style, setEnvironmentDetails, environmentDetails, }: {
+    containerStyle?: CSSProperties;
+    header1Style?: CSSProperties;
+    header2Style?: CSSProperties;
+    environmentDetails?: ConnectionType;
+    setEnvironmentDetails: (connectionInfo?: ConnectionType, schemaDetails?: SchemaDetails, schemaError?: ConnectionError) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectDatabase.d.ts.map