@quillsql/admin 1.3.1 → 1.3.3

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

@@ -3,7 +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");
-function EnvSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, }) {
+function DashboardSelectDropdown({ dashboards, setDashboard, dashboard, theme, setSelectedEditDashboard, onClickNewDashboard, }) {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const [hoveredItemId, setHoveredItemId] = (0, react_1.useState)(null);
     const [isPromoteHovered, setIsPromoteHovered] = (0, react_1.useState)(false);
@@ -19,58 +19,53 @@ function EnvSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelec
     };
     (0, react_1.useEffect)(() => {
         if (isOpen) {
-            document.addEventListener("mousedown", handleOutsideClick);
+            document.addEventListener('mousedown', handleOutsideClick);
         }
         else {
-            document.removeEventListener("mousedown", handleOutsideClick);
+            document.removeEventListener('mousedown', handleOutsideClick);
         }
         return () => {
-            document.removeEventListener("mousedown", handleOutsideClick); // Cleanup
+            document.removeEventListener('mousedown', handleOutsideClick); // Cleanup
         };
     }, [isOpen]);
     const dropdownStyles = {
-        position: "relative",
-        display: "inline-block",
+        position: 'relative',
+        display: 'inline-block',
         fontFamily: theme?.fontFamily,
         fontSize: 14,
     };
-    const separatorStyle = {
-        borderBottom: "1px solid #e7e7e7",
-    };
     const triggerButtonStyles = {
-        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",
+        WebkitAppearance: 'none',
         paddingLeft: 12,
         paddingRight: 12,
         height: 38,
-        borderTop: "1px solid #e7e7e7",
-        borderLeft: "1px solid #e7e7e7",
-        borderRight: "1px solid #e7e7e7",
-        borderBottom: "1px solid #e7e7e7",
+        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,
-        borderStyle: "solid",
+        borderStyle: 'solid',
     };
     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",
+        display: isOpen ? 'flex' : 'none',
+        flexDirection: 'column',
+        background: '#FFFFFF',
+        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,
@@ -80,42 +75,39 @@ function EnvSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelec
         gap: 5,
     };
     const itemStyles = {
-        // padding: "10px",
         height: 42,
         paddingLeft: 10,
         paddingRight: 4,
-        cursor: "pointer",
-        fontSize: "14px",
+        cursor: 'pointer',
+        fontSize: '14px',
         color: theme?.primaryTextColor,
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        fontWeight: "500",
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        fontWeight: '500',
     };
     const itemHoverStyles = {
-        backgroundColor: "rgba(56, 65, 81, 0.04)",
+        backgroundColor: 'rgba(56, 65, 81, 0.04)',
         borderRadius: 6,
     };
     const selectedItemStyles = {
-        backgroundColor: "rgba(56, 65, 81, 0.04)",
+        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",
+        fontWeight: '500',
     };
     const promoteStyles = {
         color: theme?.primaryTextColor,
-        cursor: "pointer",
-        fontSize: "13px",
-        border: isPromoteHovered ? "1px solid #e7e7e7" : "1px solid transparent",
-        backgroundColor: isPromoteHovered ? "white" : undefined,
+        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)"
+            ? '0px 1px 12px 0px rgba(56, 65, 81, 0.1)'
             : undefined,
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
         paddingLeft: 7,
         paddingRight: 9,
         paddingTop: 6,
@@ -128,7 +120,7 @@ function EnvSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelec
     };
     return ((0, jsx_runtime_1.jsxs)("div", { style: dropdownStyles, ref: popoverRef, children: [(0, jsx_runtime_1.jsx)("button", { 
                 // onMouseEnter={() => setIsOpen(true)}
-                onClick: () => setIsOpen(true), style: triggerButtonStyles, children: dashboard ? dashboard : "Select dashboard" }), (0, jsx_runtime_1.jsxs)("div", { style: dropdownContentStyles, children: [dashboards.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: dashboard && dashboard !== item.value
+                onClick: () => setIsOpen(true), style: triggerButtonStyles, children: dashboard ? dashboard : 'Select dashboard' }), (0, jsx_runtime_1.jsxs)("div", { style: dropdownContentStyles, children: [dashboards.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { onClick: dashboard && dashboard !== item.value
                             ? () => handleItemClick(item.value)
                             : undefined, style: {
                             ...itemStyles,
@@ -136,44 +128,44 @@ function EnvSelectPopover({ dashboards, setDashboard, dashboard, theme, setSelec
                             ...(dashboard && dashboard === item.value
                                 ? selectedItemStyles
                                 : {}),
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
                         }, onMouseEnter: () => setHoveredItemId(item.value), onMouseLeave: () => setHoveredItemId(null), children: [(0, jsx_runtime_1.jsx)("span", { style: {
                                     ...itemTextStyles,
-                                    textOverflow: "ellipsis",
-                                    whiteSpace: "nowrap",
-                                    overflow: "hidden",
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
                                 }, children: item.value }), dashboard && dashboard === item.value && ((0, jsx_runtime_1.jsxs)("div", { onClick: () => {
                                     setSelectedEditDashboard(item.value);
                                 }, style: {
                                     ...promoteStyles,
                                     //   visibility: showPromote ? "visible" : "hidden",
-                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "12px", width: "12px", style: { marginRight: 1 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8.34 1.804A1 1 0 0 1 9.32 1h1.36a1 1 0 0 1 .98.804l.295 1.473c.497.144.971.342 1.416.587l1.25-.834a1 1 0 0 1 1.262.125l.962.962a1 1 0 0 1 .125 1.262l-.834 1.25c.245.445.443.919.587 1.416l1.473.294a1 1 0 0 1 .804.98v1.361a1 1 0 0 1-.804.98l-1.473.295a6.95 6.95 0 0 1-.587 1.416l.834 1.25a1 1 0 0 1-.125 1.262l-.962.962a1 1 0 0 1-1.262.125l-1.25-.834a6.953 6.953 0 0 1-1.416.587l-.294 1.473a1 1 0 0 1-.98.804H9.32a1 1 0 0 1-.98-.804l-.295-1.473a6.957 6.957 0 0 1-1.416-.587l-1.25.834a1 1 0 0 1-1.262-.125l-.962-.962a1 1 0 0 1-.125-1.262l.834-1.25a6.957 6.957 0 0 1-.587-1.416l-1.473-.294A1 1 0 0 1 1 10.68V9.32a1 1 0 0 1 .804-.98l1.473-.295c.144-.497.342-.971.587-1.416l-.834-1.25a1 1 0 0 1 .125-1.262l.962-.962A1 1 0 0 1 5.38 3.03l1.25.834a6.957 6.957 0 0 1 1.416-.587l.294-1.473ZM13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z", clipRule: "evenodd" }) }), "Manage"] }))] }, item.value))), (0, jsx_runtime_1.jsx)(CreateNewButton, { theme: theme })] }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
-                    height: "20px",
-                    width: "20px",
-                    flex: "none",
-                    position: "absolute",
+                                }, onMouseEnter: () => setIsPromoteHovered(true), onMouseLeave: () => setIsPromoteHovered(false), children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "12px", width: "12px", style: { marginRight: 1 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8.34 1.804A1 1 0 0 1 9.32 1h1.36a1 1 0 0 1 .98.804l.295 1.473c.497.144.971.342 1.416.587l1.25-.834a1 1 0 0 1 1.262.125l.962.962a1 1 0 0 1 .125 1.262l-.834 1.25c.245.445.443.919.587 1.416l1.473.294a1 1 0 0 1 .804.98v1.361a1 1 0 0 1-.804.98l-1.473.295a6.95 6.95 0 0 1-.587 1.416l.834 1.25a1 1 0 0 1-.125 1.262l-.962.962a1 1 0 0 1-1.262.125l-1.25-.834a6.953 6.953 0 0 1-1.416.587l-.294 1.473a1 1 0 0 1-.98.804H9.32a1 1 0 0 1-.98-.804l-.295-1.473a6.957 6.957 0 0 1-1.416-.587l-1.25.834a1 1 0 0 1-1.262-.125l-.962-.962a1 1 0 0 1-.125-1.262l.834-1.25a6.957 6.957 0 0 1-.587-1.416l-1.473-.294A1 1 0 0 1 1 10.68V9.32a1 1 0 0 1 .804-.98l1.473-.295c.144-.497.342-.971.587-1.416l-.834-1.25a1 1 0 0 1 .125-1.262l.962-.962A1 1 0 0 1 5.38 3.03l1.25.834a6.957 6.957 0 0 1 1.416-.587l.294-1.473ZM13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z", clipRule: "evenodd" }) }), "Manage"] }))] }, item.value))), (0, jsx_runtime_1.jsx)(CreateNewButton, { onClick: onClickNewDashboard, theme: theme })] }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
+                    height: '20px',
+                    width: '20px',
+                    flex: 'none',
+                    position: 'absolute',
                     right: 8,
                     top: 9.5,
-                    color: "#6C727F",
+                    color: '#6C727F',
                 }, "aria-hidden": "true" })] }));
 }
-exports.default = EnvSelectPopover;
-function CreateNewButton({ theme }) {
-    return ((0, jsx_runtime_1.jsxs)("button", { style: {
+exports.default = DashboardSelectDropdown;
+function CreateNewButton({ onClick, theme, }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { onClick: onClick, style: {
             height: 42,
             paddingLeft: 10,
             paddingRight: 4,
-            cursor: "pointer",
-            fontSize: "14px",
+            cursor: 'pointer',
+            fontSize: '14px',
             color: theme?.primaryTextColor,
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
-            fontWeight: "500",
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            fontWeight: '500',
             borderRadius: 4,
-            outline: "none",
+            outline: 'none',
         }, className: "quill-create-dash", children: [(0, jsx_runtime_1.jsx)("style", { children: `.quill-create-dash {
                 background: white;
                 border: 1px solid transparent;

package/dist/components/DashboardSelectPopover.js.map

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

package/dist/components/DatabaseSelector.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+interface DatabaseSelectorProps {
+    label: string;
+    imageUrl: string;
+    value: string;
+    onDatabaseSelect: (database: string) => void;
+    containerStyle?: CSSProperties;
+}
+export default function DatabaseSelector({ label, imageUrl, value, onDatabaseSelect, containerStyle, }: DatabaseSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DatabaseSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseSelector.d.ts","sourceRoot":"","sources":["../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGvD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,GACf,EAAE,qBAAqB,2CAqCvB"}

package/dist/components/DatabaseSelector.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DatabaseSelector({ label, imageUrl, value, onDatabaseSelect, containerStyle, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            ...containerStyle,
+            height: 128,
+            width: 128,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            border: '1px solid #e0e0e0',
+            borderRadius: 6,
+            padding: 12,
+        }, id: "connect-database-form", onClick: () => {
+            onDatabaseSelect(value);
+        }, children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: label, style: { height: 72, width: 72, objectFit: 'contain' } }), (0, jsx_runtime_1.jsx)("h1", { style: {
+                    fontSize: 14,
+                    fontWeight: '500',
+                    color: '#212121',
+                    marginTop: 10,
+                }, children: label })] }));
+}
+exports.default = DatabaseSelector;
+//# sourceMappingURL=DatabaseSelector.js.map

package/dist/components/DatabaseSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseSelector.js","sourceRoot":"","sources":["../../src/components/DatabaseSelector.tsx"],"names":[],"mappings":";;;AAWA,SAAwB,gBAAgB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,cAAc,GACQ;IACtB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,GAAG,cAAc;YACjB,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,EAAE;SACZ,EACD,EAAE,EAAC,uBAAuB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,aAED,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GACtD,EACF,+BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,EAAE;iBACd,YAEA,KAAK,GACH,IACD,CACP,CAAC;AACJ,CAAC;AA3CD,mCA2CC"}

package/dist/components/DeleteButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function DeleteButton(props: any): JSX.Element;
+//# sourceMappingURL=DeleteButton.d.ts.map

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

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

package/dist/components/DeleteButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DeleteButton(props) {
+    return ((0, jsx_runtime_1.jsx)("div", { onClick: props.onClick, style: {
+            height: 38,
+            width: 42,
+            alignItems: 'center',
+            justifyContent: 'center',
+            display: 'flex',
+        }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }) }));
+}
+exports.default = DeleteButton;
+//# sourceMappingURL=DeleteButton.js.map

package/dist/components/DeleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteButton.js","sourceRoot":"","sources":["../../src/components/DeleteButton.tsx"],"names":[],"mappings":";;;AAAA,SAAwB,YAAY,CAAC,KAAU;IAC7C,OAAO,CACL,gCACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;SAChB,YAED,gCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,YAEX,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+LAA+L,EACjM,QAAQ,EAAC,SAAS,GAClB,GACE,GACF,CACP,CAAC;AACJ,CAAC;AA3BD,+BA2BC"}

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

@@ -7,3 +7,4 @@ interface DropdownMenuProps {
 }
 export default function DropdownMenu({ items, setSelected, selected, theme, disabled, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=DropDownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.d.ts","sourceRoot":"","sources":["../../src/components/DropDownMenu.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAgB,GACjB,EAAE,iBAAiB,2CA2EnB"}

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

@@ -2,22 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 function DropdownMenu({ items, setSelected, selected, theme, disabled = false, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: { display: "flex", flexDirection: "column" }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                position: "relative",
+    return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                position: 'relative',
                 fontFamily: theme?.fontFamily,
                 fontSize: 14,
                 fontWeight: 500,
-            }, children: [(0, jsx_runtime_1.jsx)("select", { style: {
-                        width: "100%",
+            }, children: [(0, jsx_runtime_1.jsxs)("select", { style: {
+                        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",
+                        WebkitAppearance: 'none',
                         paddingLeft: 12,
                         paddingRight: 12,
                         height: 38,
@@ -25,19 +25,19 @@ function DropdownMenu({ items, setSelected, selected, theme, disabled = false, }
                         borderColor: theme?.borderColor,
                         background: theme?.backgroundColor,
                         color: theme?.primaryTextColor,
-                        boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
+                        boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
                         fontFamily: theme?.fontFamily,
                     }, disabled: disabled, onChange: (e) => {
                         setSelected(items.find((item) => item.name === e.target.value));
-                    }, value: selected ? selected.name : "", children: items.slice(0, 50).map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item.name, children: item.name }, item.name))) }), (0, jsx_runtime_1.jsxs)("svg", { style: {
-                        height: "20px",
-                        width: "20px",
-                        flex: "none",
-                        position: "absolute",
+                    }, value: selected ? selected.name : '', children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: items && items.length !== 0 ? 'Select' : 'N/A' }), items.slice(0, 50).map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item.name, children: item.name }, item.name)))] }), (0, jsx_runtime_1.jsxs)("svg", { style: {
+                        height: '20px',
+                        width: '20px',
+                        flex: 'none',
+                        position: 'absolute',
                         right: 8,
                         top: 9,
                         color: theme?.secondaryTextColor,
-                    }, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", visibility: disabled ? "hidden" : "visible", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] })] }) }));
+                    }, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", visibility: disabled ? 'hidden' : 'visible', children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] })] }) }));
 }
 exports.default = DropdownMenu;
 //# sourceMappingURL=DropDownMenu.js.map

package/{lib → dist}/components/DropDownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.js","sourceRoot":"","sources":["../../src/components/DropDownMenu.tsx"],"names":[],"mappings":";;;AAUA,SAAwB,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACE;IAClB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YACtD,iCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE,KAAK,EAAE,UAAU;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;aAChB,aAED,mCACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,GAAG;wBACb,QAAQ,EAAE,GAAG;wBACb,OAAO,EAAE,MAAM;wBACf,SAAS,EAAE,MAAM;wBACjB,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,YAAY,EAAE,CAAC;wBACf,gBAAgB,EAAE,MAAM;wBACxB,WAAW,EAAE,EAAE;wBACf,YAAY,EAAE,EAAE;wBAChB,MAAM,EAAE,EAAE;wBACV,WAAW,EAAE,KAAK,EAAE,WAAW;wBAC/B,WAAW,EAAE,KAAK,EAAE,WAAW;wBAC/B,UAAU,EAAE,KAAK,EAAE,eAAe;wBAClC,KAAK,EAAE,KAAK,EAAE,gBAAgB;wBAC9B,SAAS,EAAE,6BAA6B;wBACxC,UAAU,EAAE,KAAK,EAAE,UAAU;qBAC9B,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAClE,CAAC,EACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAEnC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChC,mCAAwB,KAAK,EAAE,IAAI,CAAC,IAAI,YACrC,IAAI,CAAC,IAAI,IADC,IAAI,CAAC,IAAI,CAEb,CACV,CAAC,GACK,EAET,iCACE,KAAK,EAAE;wBACL,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,IAAI,EAAE,MAAM;wBACZ,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,CAAC;wBACR,GAAG,EAAE,CAAC;wBACN,KAAK,EAAE,KAAK,EAAE,kBAAkB;qBACjC,iBACW,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aAE3C,iCAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,EACtC,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gEAAgE,GAClE,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC;AA9ED,+BA8EC"}
+{"version":3,"file":"DropDownMenu.js","sourceRoot":"","sources":["../../src/components/DropDownMenu.tsx"],"names":[],"mappings":";;;AAUA,SAAwB,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACE;IAClB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YACtD,iCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE,KAAK,EAAE,UAAU;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;aAChB,aAED,oCACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,GAAG;wBACb,QAAQ,EAAE,GAAG;wBACb,OAAO,EAAE,MAAM;wBACf,SAAS,EAAE,MAAM;wBACjB,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,YAAY,EAAE,CAAC;wBACf,gBAAgB,EAAE,MAAM;wBACxB,WAAW,EAAE,EAAE;wBACf,YAAY,EAAE,EAAE;wBAChB,MAAM,EAAE,EAAE;wBACV,WAAW,EAAE,KAAK,EAAE,WAAW;wBAC/B,WAAW,EAAE,KAAK,EAAE,WAAW;wBAC/B,UAAU,EAAE,KAAK,EAAE,eAAe;wBAClC,KAAK,EAAE,KAAK,EAAE,gBAAgB;wBAC9B,SAAS,EAAE,6BAA6B;wBACxC,UAAU,EAAE,KAAK,EAAE,UAAU;qBAC9B,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAClE,CAAC,EACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAEpC,mCAAQ,KAAK,EAAC,EAAE,YACb,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,GACxC,EACR,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChC,mCAAwB,KAAK,EAAE,IAAI,CAAC,IAAI,YACrC,IAAI,CAAC,IAAI,IADC,IAAI,CAAC,IAAI,CAEb,CACV,CAAC,IACK,EAET,iCACE,KAAK,EAAE;wBACL,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,IAAI,EAAE,MAAM;wBACZ,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,CAAC;wBACR,GAAG,EAAE,CAAC;wBACN,KAAK,EAAE,KAAK,EAAE,kBAAkB;qBACjC,iBACW,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aAE3C,iCAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,EACtC,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gEAAgE,GAClE,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAjFD,+BAiFC"}

package/dist/components/DropDownMenuWithLabel.d.ts

@@ -0,0 +1,12 @@
+interface DropdownMenuWithLabelProps {
+    items: any[];
+    setSelected: (selected: any) => void;
+    selected: any;
+    label: string;
+    theme?: any;
+    secondaryTextColor?: string;
+    disabled?: boolean;
+}
+export default function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, disabled, secondaryTextColor, }: DropdownMenuWithLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DropDownMenuWithLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenuWithLabel.d.ts","sourceRoot":"","sources":["../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,kBAA8B,GAC/B,EAAE,0BAA0B,2CA0F5B"}

package/dist/components/DropDownMenuWithLabel.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DropdownMenuWithLabel({ items, setSelected, selected, theme, label, disabled = false, secondaryTextColor = '#6e6e6e', }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                    fontSize: '14px',
+                    paddingTop: '0px',
+                    marginTop: '0px',
+                    marginBottom: '4px',
+                    fontWeight: '600',
+                    color: secondaryTextColor,
+                    userSelect: 'none',
+                }, children: label }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        position: 'relative',
+                        fontFamily: theme?.fontFamily,
+                        fontSize: 14,
+                        fontWeight: 500,
+                    }, children: [(0, jsx_runtime_1.jsxs)("select", { style: {
+                                width: '100%',
+                                minWidth: 250,
+                                maxWidth: 250,
+                                outline: 'none',
+                                textAlign: 'left',
+                                whiteSpace: 'nowrap',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                borderRadius: 6,
+                                WebkitAppearance: 'none',
+                                paddingLeft: 12,
+                                paddingRight: 12,
+                                height: 38,
+                                borderWidth: 1,
+                                borderColor: '#e7e7e7',
+                                background: 'white',
+                                color: '#212121',
+                                boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
+                                fontFamily: theme?.fontFamily,
+                            }, disabled: disabled, onChange: (e) => {
+                                setSelected(items.find((item) => item === e.target.value));
+                            }, value: selected || '', children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: items && items.length !== 0 ? 'Select' : 'N/A' }), items.slice(0, 50).map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item, children: item }, item)))] }), (0, jsx_runtime_1.jsxs)("svg", { style: {
+                                height: '20px',
+                                width: '20px',
+                                flex: 'none',
+                                position: 'absolute',
+                                right: 8,
+                                top: 9,
+                                color: '#565656',
+                            }, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", visibility: disabled ? 'hidden' : 'visible', children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] })] }) })] }));
+}
+exports.default = DropdownMenuWithLabel;
+//# sourceMappingURL=DropDownMenuWithLabel.js.map

package/dist/components/DropDownMenuWithLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenuWithLabel.js","sourceRoot":"","sources":["../../src/components/DropDownMenuWithLabel.tsx"],"names":[],"mappings":";;;AAYA,SAAwB,qBAAqB,CAAC,EAC5C,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,SAAS,GACH;IAC3B,OAAO,CACL,4CACE,+BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,KAAK;oBAChB,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,kBAAkB;oBACzB,UAAU,EAAE,MAAM;iBACnB,YAEA,KAAK,GACH,EACL,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YACtD,iCACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,UAAU,EAAE,KAAK,EAAE,UAAU;wBAC7B,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;qBAChB,aAED,oCACE,KAAK,EAAE;gCACL,KAAK,EAAE,MAAM;gCACb,QAAQ,EAAE,GAAG;gCACb,QAAQ,EAAE,GAAG;gCACb,OAAO,EAAE,MAAM;gCACf,SAAS,EAAE,MAAM;gCACjB,UAAU,EAAE,QAAQ;gCACpB,QAAQ,EAAE,QAAQ;gCAClB,YAAY,EAAE,UAAU;gCACxB,YAAY,EAAE,CAAC;gCACf,gBAAgB,EAAE,MAAM;gCACxB,WAAW,EAAE,EAAE;gCACf,YAAY,EAAE,EAAE;gCAChB,MAAM,EAAE,EAAE;gCACV,WAAW,EAAE,CAAC;gCACd,WAAW,EAAE,SAAS;gCACtB,UAAU,EAAE,OAAO;gCACnB,KAAK,EAAE,SAAS;gCAChB,SAAS,EAAE,6BAA6B;gCACxC,UAAU,EAAE,KAAK,EAAE,UAAU;6BAC9B,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACd,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;4BAC7D,CAAC,EACD,KAAK,EAAE,QAAQ,IAAI,EAAE,aAErB,mCAAQ,KAAK,EAAC,EAAE,YACb,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,GACxC,EACR,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChC,mCAAmB,KAAK,EAAE,IAAI,YAC3B,IAAI,IADM,IAAI,CAER,CACV,CAAC,IACK,EAET,iCACE,KAAK,EAAE;gCACL,MAAM,EAAE,MAAM;gCACd,KAAK,EAAE,MAAM;gCACb,IAAI,EAAE,MAAM;gCACZ,QAAQ,EAAE,UAAU;gCACpB,KAAK,EAAE,CAAC;gCACR,GAAG,EAAE,CAAC;gCACN,KAAK,EAAE,SAAS;6BACjB,iBACW,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,aAE3C,iCAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,EACtC,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gEAAgE,GAClE,IACE,IACF,GACF,IACF,CACP,CAAC;AACJ,CAAC;AAlGD,wCAkGC"}

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

@@ -10,3 +10,4 @@ interface EnvSelectPopoverProps {
 }
 export default function EnvSelectPopover({ clients, setClient, client, theme, environment, setEnvironment, handlePromote, showPromote, }: EnvSelectPopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=EnvSelectPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvSelectPopover.d.ts","sourceRoot":"","sources":["../../src/components/EnvSelectPopover.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,2CAsSvB"}