@quillsql/admin 1.3.1 → 1.3.2

package/{lib → dist}/modals/PromoteViewModal.js

@@ -1,9 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
-const components_1 = require("../components");
-const react_1 = require("react");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from "../Admin";
+import { DropDownMenu } from "../components";
+import { useEffect, useState } from "react";
+import { QUILL_SERVER } from "../utils/constants";
 const createStyles = (theme) => ({
     modalContent: {
         display: "flex",
@@ -64,17 +63,17 @@ const createStyles = (theme) => ({
         color: theme.primaryButtonTextColor,
     },
 });
-function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }) {
-    const [modalSelectedView, setModalSelectedView] = (0, react_1.useState)(views[0]);
-    const [selectedToClient, setSelectedToClient] = (0, react_1.useState)(clients[0]);
-    (0, react_1.useEffect)(() => {
+export default function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client, clients, views, }) {
+    const [modalSelectedView, setModalSelectedView] = useState(views[0]);
+    const [selectedToClient, setSelectedToClient] = useState(clients[0]);
+    useEffect(() => {
         setModalSelectedView(views[0]);
         setSelectedToClient(clients[0]);
     }, [views, clients]);
-    const styles = createStyles(Admin_1.theme);
+    const styles = createStyles(theme);
     const handlePromote = async () => {
         try {
-            const response = await fetch("https://quill-344421.uc.r.appspot.com/promote_view/", {
+            const response = await fetch(`${QUILL_SERVER}/promote_view/`, {
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
@@ -95,14 +94,12 @@ function PromoteViewModal({ ModalComponent, isOpen, setIsOpen, clientId, client,
             console.error("Promotion failed:", error);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: styles.modalContent, children: (0, jsx_runtime_1.jsx)("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "SQL View:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: views, setSelected: setModalSelectedView, selected: modalSelectedView, theme: Admin_1.theme }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.multiContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "From:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: Admin_1.theme, disabled: true }) })] }), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsxs)("div", { style: styles.group, children: [(0, jsx_runtime_1.jsx)("h1", { style: styles.header, children: "To:" }), (0, jsx_runtime_1.jsx)("div", { style: styles.text, children: (0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: Admin_1.theme }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { children: [_jsx("div", { style: styles.modalContent, children: _jsx("h1", { style: styles.modalHeader, children: "Promote Changes" }) }), _jsxs("div", { style: styles.container, children: [_jsx("h1", { style: styles.header, children: "SQL View:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: views, setSelected: setModalSelectedView, selected: modalSelectedView, theme: theme }) })] }), _jsxs("div", { style: styles.multiContainer, children: [_jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "From:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: [client], setSelected: () => { }, selected: client, theme: theme, disabled: true }) })] }), _jsx("span", {}), _jsxs("div", { style: styles.group, children: [_jsx("h1", { style: styles.header, children: "To:" }), _jsx("div", { style: styles.text, children: _jsx(DropDownMenu, { items: clients.filter((c) => c.name !== client.name), setSelected: setSelectedToClient, selected: selectedToClient, theme: theme }) })] })] }), _jsx("div", { style: {
                         display: "flex",
                         justifyContent: "center",
                         alignItems: "center",
-                    }, children: (0, jsx_runtime_1.jsx)("button", { style: styles.button, onClick: () => {
+                    }, children: _jsx("button", { style: styles.button, onClick: () => {
                             handlePromote();
                             setIsOpen(false);
                         }, children: "Promote SQL View" }) })] }) }));
 }
-exports.default = PromoteViewModal;
-//# sourceMappingURL=PromoteViewModal.js.map

package/{lib → dist}/modals/ReorderDashboardModal.d.ts

@@ -1,8 +1,11 @@
-export default function ReorderDashboardModal({ isOpen, setIsOpen, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }: {
+export default function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }: {
     isOpen: any;
     setIsOpen: any;
+    client: any;
+    onSave: any;
     ModalComponent: any;
     ButtonComponent: any;
     selectedDashboard: any;
     organizationId: any;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReorderDashboardModal.d.ts.map

package/dist/modals/ReorderDashboardModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderDashboardModal.d.ts","sourceRoot":"","sources":["../../src/modals/ReorderDashboardModal.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf;;;;;;;;;CAAA,2CAiMA"}

package/{lib → dist}/modals/ReorderDashboardModal.js

@@ -1,26 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @ts-nocheck
-const react_1 = require("react");
-const AdminProvider_1 = require("../AdminProvider");
-const Admin_1 = require("../Admin");
-function ReorderDashboardModal({ isOpen, setIsOpen, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }) {
+import { useEffect, useState } from 'react';
+import { useAdmin } from '../AdminProvider';
+import { ReorderableList } from '../Admin';
+import { QUILL_SERVER } from '../utils/constants';
+export default function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }) {
     // const [client] = useContext(ClientContext);
-    const [dashboardItems, setDashboardItems] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [chartType, setChartType] = (0, react_1.useState)("metric");
-    const [doesDashboardHaveTables, setDoesDashboardHaveTables] = (0, react_1.useState)(false);
-    const [doesDashboardHaveCharts, setDoesDashboardHaveCharts] = (0, react_1.useState)(false);
-    const [doesDashboardHaveMetrics, setDoesDashboardHaveMetrics] = (0, react_1.useState)(false);
-    const [orderArray, setOrderArray] = (0, react_1.useState)([]);
-    const [itemMap, setItemMap] = (0, react_1.useState)(null);
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
-    (0, react_1.useEffect)(() => {
+    const [dashboardItems, setDashboardItems] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [chartType, setChartType] = useState('metric');
+    const [doesDashboardHaveTables, setDoesDashboardHaveTables] = useState(false);
+    const [doesDashboardHaveCharts, setDoesDashboardHaveCharts] = useState(false);
+    const [doesDashboardHaveMetrics, setDoesDashboardHaveMetrics] = useState(false);
+    const [orderArray, setOrderArray] = useState([]);
+    const [itemMap, setItemMap] = useState(null);
+    const { state, dispatch } = useAdmin();
+    useEffect(() => {
         async function getDashboardItems() {
             const { _id, environment } = state.client;
             setLoading(true);
-            const url = new URL("https://quill-344421.uc.r.appspot.com/dashconfig");
+            const url = new URL(`${QUILL_SERVER}/dashconfig`);
             // Add query parameters to the URL
             url.search = new URLSearchParams({
                 publicKey: _id,
@@ -28,7 +27,7 @@ function ReorderDashboardModal({ isOpen, setIsOpen, ModalComponent, ButtonCompon
                 name: selectedDashboard,
             }).toString();
             const response = await fetch(url, {
-                method: "GET",
+                method: 'GET',
                 headers: {
                     environment: environment || undefined,
                 },
@@ -45,13 +44,13 @@ function ReorderDashboardModal({ isOpen, setIsOpen, ModalComponent, ButtonCompon
             getDashboardItems();
         }
     }, [selectedDashboard, state.client]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const itemMap = new Map();
         dashboardItems.forEach((item) => {
-            if (item.chartType === "table") {
+            if (item.chartType === 'table') {
                 setDoesDashboardHaveTables(true);
             }
-            else if (item.chartType === "metric") {
+            else if (item.chartType === 'metric') {
                 setDoesDashboardHaveMetrics(true);
             }
             else {
@@ -64,63 +63,62 @@ function ReorderDashboardModal({ isOpen, setIsOpen, ModalComponent, ButtonCompon
     const closeModal = () => {
         setIsOpen(false);
     };
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                display: "flex",
-                flexDirection: "column",
-                position: "relative",
+    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                position: 'relative',
                 minWidth: 700,
                 maxWidth: 700,
                 minHeight: 700,
+                zIndex: 100,
                 // overflowY: "scroll",
-            }, children: [loading ? (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }) : null, dashboardItems.length > 0 && itemMap.size > 0 && ((0, jsx_runtime_1.jsx)(Admin_1.ReorderableList, { itemMap: itemMap, initialItems: dashboardItems.filter((elem) => chartType === "chart"
-                        ? elem.chartType !== "metric" && elem.chartType !== "table"
-                        : elem.chartType === chartType), ButtonComponent: ButtonComponent, closeModal: closeModal })), (0, jsx_runtime_1.jsxs)("div", { style: {
+            }, children: [loading ? _jsx("div", { children: 'Loading...' }) : null, dashboardItems.length > 0 && itemMap.size > 0 && (_jsx(ReorderableList, { itemMap: itemMap, client: client, initialItems: dashboardItems.filter((elem) => chartType === 'chart'
+                        ? elem.chartType !== 'metric' && elem.chartType !== 'table'
+                        : elem.chartType === chartType), ButtonComponent: ButtonComponent, closeModal: closeModal, onSave: onSave })), _jsxs("div", { style: {
                         height: 80,
-                        background: "white",
+                        background: 'white',
                         width: 700,
-                        position: "absolute",
+                        position: 'absolute',
                         top: -20,
                         left: 0,
                         right: 20,
                         paddingTop: 20,
-                        display: "flex",
-                        flexDirection: "row",
-                        alignItems: "center",
-                        justifyContent: "space-between",
-                    }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 22, fontWeight: 600 }, children: "Reorder items" }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                background: "#f7f7f7",
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                    }, children: [_jsx("h1", { style: { fontSize: 22, fontWeight: 600 }, children: "Reorder items" }), _jsxs("div", { style: {
+                                background: '#f7f7f7',
                                 borderRadius: 6,
                                 height: 32,
-                                display: "flex",
-                                flexDirection: "row",
-                                alignItems: "center",
+                                display: 'flex',
+                                flexDirection: 'row',
+                                alignItems: 'center',
                                 paddingLeft: 4,
                                 paddingRight: 4,
-                            }, children: [doesDashboardHaveMetrics && ((0, jsx_runtime_1.jsx)("button", { style: {
-                                        background: chartType === "metric" ? "white" : undefined,
-                                        color: chartType === "metric" ? "#384151" : "#677389",
-                                        fontWeight: chartType === "metric" ? "600" : "500",
+                            }, children: [doesDashboardHaveMetrics && (_jsx("button", { style: {
+                                        background: chartType === 'metric' ? 'white' : undefined,
+                                        color: chartType === 'metric' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'metric' ? '600' : '500',
                                         borderRadius: 4,
                                         paddingLeft: 6,
                                         paddingRight: 6,
                                         fontSize: 16,
-                                    }, onClick: () => setChartType("metric"), children: "Metrics" })), doesDashboardHaveCharts && ((0, jsx_runtime_1.jsx)("button", { style: {
-                                        background: chartType === "chart" ? "white" : undefined,
-                                        color: chartType === "chart" ? "#384151" : "#677389",
-                                        fontWeight: chartType === "chart" ? "600" : "500",
+                                    }, onClick: () => setChartType('metric'), children: "Metrics" })), doesDashboardHaveCharts && (_jsx("button", { style: {
+                                        background: chartType === 'chart' ? 'white' : undefined,
+                                        color: chartType === 'chart' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'chart' ? '600' : '500',
                                         borderRadius: 4,
                                         paddingLeft: 6,
                                         paddingRight: 6,
                                         fontSize: 16,
-                                    }, onClick: () => setChartType("chart"), children: "Charts" })), doesDashboardHaveTables && ((0, jsx_runtime_1.jsx)("button", { style: {
-                                        background: chartType === "table" ? "white" : undefined,
-                                        color: chartType === "table" ? "#384151" : "#677389",
-                                        fontWeight: chartType === "table" ? "600" : "500",
+                                    }, onClick: () => setChartType('chart'), children: "Charts" })), doesDashboardHaveTables && (_jsx("button", { style: {
+                                        background: chartType === 'table' ? 'white' : undefined,
+                                        color: chartType === 'table' ? '#384151' : '#677389',
+                                        fontWeight: chartType === 'table' ? '600' : '500',
                                         borderRadius: 4,
                                         paddingLeft: 6,
                                         paddingRight: 6,
                                         fontSize: 16,
-                                    }, onClick: () => setChartType("table"), children: "Tables" }))] })] })] }) }));
+                                    }, onClick: () => setChartType('table'), children: "Tables" }))] })] })] }) }));
 }
-exports.default = ReorderDashboardModal;
-//# sourceMappingURL=ReorderDashboardModal.js.map

package/dist/modals/index.d.ts

@@ -0,0 +1,5 @@
+export { default as PromoteDashModal } from './PromoteDashModal';
+export { default as EditDashboardsModal } from './EditDashboardsModal';
+export { default as PromoteViewModal } from './PromoteViewModal';
+export { default as ReorderDashboardModal } from './ReorderDashboardModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modals/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/{lib → dist}/primitives/ButtonPrimitive.d.ts

@@ -4,6 +4,9 @@ type ButtonPrimitiveProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     label: string;
     theme?: QuillTheme;
+    style?: React.CSSProperties;
+    variant?: 'primary' | 'secondary' | 'danger';
 };
 declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps>;
 export default ButtonPrimitive;
+//# sourceMappingURL=ButtonPrimitive.d.ts.map

package/dist/primitives/ButtonPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/ButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/primitives/ButtonPrimitive.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const ButtonPrimitive = ({ onClick, label, theme = defaultTheme, style, variant = 'primary', }) => {
+    if (variant === 'danger') {
+        return (_jsxs("button", { style: {
+                height: 36,
+                color: 'red',
+                display: 'flex',
+                borderRadius: 6,
+                alignItems: 'center',
+                justifyContent: 'center',
+                outline: 'none',
+                cursor: 'pointer',
+                fontFamily: theme?.fontFamily,
+                fontWeight: theme?.buttonFontWeight || 600,
+                border: 'none',
+                fontSize: 14,
+                paddingLeft: 20,
+                paddingRight: 20,
+                ...style,
+            }, onClick: onClick, className: "quill--danger-button", children: [_jsx("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), label] }));
+    }
+    return (_jsxs("button", { style: {
+            height: 36,
+            color: theme?.backgroundColor,
+            display: 'flex',
+            borderRadius: 6,
+            alignItems: 'center',
+            justifyContent: 'center',
+            outline: 'none',
+            cursor: 'pointer',
+            fontFamily: theme?.fontFamily,
+            fontWeight: theme?.buttonFontWeight || 600,
+            border: 'none',
+            fontSize: 14,
+            paddingLeft: 20,
+            paddingRight: 20,
+            ...style,
+        }, onClick: onClick, className: "quill-button", children: [_jsx("style", { children: `.quill-button {
+                    background: #212121;
+                    color: white;
+                }
+                .quill-button:hover {
+                    background: rgba(0,0,0,0.75);
+                }` }), label] }));
+};
+export default ButtonPrimitive;

package/{lib → dist}/primitives/HeaderPrimitive.d.ts

@@ -6,3 +6,4 @@ type HeaderPrimitiveProps = {
 };
 declare const HeaderPrimitive: React.FC<HeaderPrimitiveProps>;
 export default HeaderPrimitive;
+//# sourceMappingURL=HeaderPrimitive.d.ts.map

package/dist/primitives/HeaderPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/HeaderPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/primitives/HeaderPrimitive.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const HeaderPrimitive = ({ label, theme = defaultTheme, }) => (_jsx("h1", { style: {
+        color: theme?.primaryTextColor,
+        fontFamily: theme?.fontFamily,
+        fontWeight: theme?.buttonFontWeight || 600,
+        fontSize: 24,
+    }, children: label }));
+export default HeaderPrimitive;

package/{lib → dist}/primitives/ModalPrimitive.d.ts

@@ -1,10 +1,12 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { QuillTheme } from '../Admin';
 type ModalPrimitiveProps = {
     isOpen: boolean;
     close: () => void;
     children: React.ReactNode;
+    style?: CSSProperties;
     theme?: QuillTheme;
 };
 declare const ModalPrimitive: React.FC<ModalPrimitiveProps>;
 export default ModalPrimitive;
+//# sourceMappingURL=ModalPrimitive.d.ts.map

package/dist/primitives/ModalPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/ModalPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/{lib → dist}/primitives/ModalPrimitive.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Admin_1 = require("../Admin");
-const ModalPrimitive = ({ isOpen, close, children, theme = Admin_1.theme, }) => {
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { theme as defaultTheme } from '../Admin';
+const ModalPrimitive = ({ isOpen, close, children, style, theme = defaultTheme, }) => {
+    useEffect(() => {
         // Prevent scrolling in the background when the modal is open
         if (isOpen) {
             document.body.style.overflow = 'hidden';
@@ -17,7 +15,7 @@ const ModalPrimitive = ({ isOpen, close, children, theme = Admin_1.theme, }) =>
     if (!isOpen) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
                     position: 'fixed',
                     top: '0',
                     right: '0',
@@ -26,7 +24,7 @@ const ModalPrimitive = ({ isOpen, close, children, theme = Admin_1.theme, }) =>
                     zIndex: '50',
                     backgroundColor: 'rgba(255, 255, 255, 0.8)',
                     backdropFilter: 'blur(5px)',
-                }, onClick: close }), (0, jsx_runtime_1.jsx)("div", { style: {
+                }, onClick: close }), _jsx("div", { style: {
                     position: 'fixed',
                     left: '50%',
                     top: '50%',
@@ -43,7 +41,7 @@ const ModalPrimitive = ({ isOpen, close, children, theme = Admin_1.theme, }) =>
                     borderWidth: 1,
                     borderColor: '#e7e7e7',
                     padding: 30,
+                    ...style,
                 }, children: children })] }));
 };
-exports.default = ModalPrimitive;
-//# sourceMappingURL=ModalPrimitive.js.map
+export default ModalPrimitive;

package/{lib → dist}/primitives/SecondaryButtonPrimitive.d.ts

@@ -7,3 +7,4 @@ type SecondaryButtonPrimitiveProps = {
 };
 declare const SecondaryButtonPrimitive: React.FC<SecondaryButtonPrimitiveProps>;
 export default SecondaryButtonPrimitive;
+//# sourceMappingURL=SecondaryButtonPrimitive.d.ts.map

package/dist/primitives/SecondaryButtonPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButtonPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,6BAA6B,GAAG;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAyBrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/{lib → dist}/primitives/SecondaryButtonPrimitive.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Admin_1 = require("../Admin");
-const SecondaryButtonPrimitive = ({ onClick, label, theme = Admin_1.theme }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { style: {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const SecondaryButtonPrimitive = ({ onClick, label, theme = defaultTheme }) => {
+    return (_jsx("button", { style: {
             height: 36,
             background: "#F9FAFB",
             color: theme?.primaryTextColor,
@@ -21,5 +19,4 @@ const SecondaryButtonPrimitive = ({ onClick, label, theme = Admin_1.theme }) =>
             paddingRight: 20,
         }, onClick: onClick, children: label }));
 };
-exports.default = SecondaryButtonPrimitive;
-//# sourceMappingURL=SecondaryButtonPrimitive.js.map
+export default SecondaryButtonPrimitive;

package/{lib → dist}/primitives/SelectPrimitive.d.ts

@@ -13,3 +13,4 @@ type SelectPrimitiveProps = {
 };
 declare const SelectPrimitive: React.FC<SelectPrimitiveProps>;
 export default SelectPrimitive;
+//# sourceMappingURL=SelectPrimitive.d.ts.map

package/dist/primitives/SelectPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/SelectPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/{lib → dist}/primitives/SelectPrimitive.js

@@ -1,15 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../icons");
-const Admin_1 = require("../Admin");
-const SelectPrimitive = ({ options, onChange, value, theme = Admin_1.theme, disabled = false, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownHeadIcon } from "../icons";
+import { theme as defaultTheme } from "../Admin";
+const SelectPrimitive = ({ options, onChange, value, theme = defaultTheme, disabled = false, }) => {
+    return (_jsxs("div", { style: {
             position: "relative",
             fontFamily: theme?.fontFamily,
             fontSize: 14,
             fontWeight: 500,
-        }, children: [(0, jsx_runtime_1.jsx)("select", { disabled: disabled, style: {
+        }, children: [_jsx("select", { disabled: disabled, style: {
                     width: "100%",
                     minWidth: 230,
                     maxWidth: 230,
@@ -30,7 +28,7 @@ const SelectPrimitive = ({ options, onChange, value, theme = Admin_1.theme, disa
                     boxShadow: "0 1px 2px 0 rgba(0,0,0,.05)",
                     fontFamily: theme?.fontFamily,
                 }, value: value || "", onChange: (event) => onChange(event.target.value), children: options?.length > 0 &&
-                    options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option.value, label: option.label }, option.value))) }), (0, jsx_runtime_1.jsx)(icons_1.ArrowDownHeadIcon, { style: {
+                    options.map((option) => (_jsx("option", { value: option.value, label: option.label }, option.value))) }), _jsx(ArrowDownHeadIcon, { style: {
                     height: "20px",
                     width: "20px",
                     flex: "none",
@@ -40,5 +38,4 @@ const SelectPrimitive = ({ options, onChange, value, theme = Admin_1.theme, disa
                     color: theme?.secondaryTextColor,
                 }, "aria-hidden": "true" })] }));
 };
-exports.default = SelectPrimitive;
-//# sourceMappingURL=SelectPrimitive.js.map
+export default SelectPrimitive;

package/{lib → dist}/primitives/TextInputPrimitive.d.ts

@@ -5,6 +5,8 @@ interface TextInputPrimitiveProps {
     value: string;
     placeholder?: string;
     theme?: QuillTheme;
+    disabled?: boolean;
 }
 declare const TextInputPrimitive: React.FC<TextInputPrimitiveProps>;
 export default TextInputPrimitive;
+//# sourceMappingURL=TextInputPrimitive.d.ts.map

package/dist/primitives/TextInputPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAyB,MAAM,UAAU,CAAC;AAE7D,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/primitives/TextInputPrimitive.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { theme as defaultTheme } from '../Admin';
+const TextInputPrimitive = ({ onChange, value, placeholder, theme = defaultTheme, disabled = false, }) => {
+    return (_jsx("input", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingLeft: '12px',
+            paddingRight: '12px',
+            fontWeight: 'medium',
+            height: 38,
+            minWidth: 250,
+            boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
+            width: '100%',
+            backgroundColor: theme?.backgroundColor || 'white',
+            color: theme?.primaryTextColor,
+            borderWidth: '1px',
+            borderColor: theme?.borderColor || '#E7E7E7',
+            borderStyle: 'solid',
+            borderRadius: '6px',
+            fontSize: 14,
+        }, disabled: disabled, onChange: onChange, value: value, placeholder: placeholder }));
+};
+export default TextInputPrimitive;

package/dist/primitives/TogglePrimitive.d.ts

@@ -0,0 +1,6 @@
+declare const TogglePrimitive: ({ value, onClick }: {
+    value: any;
+    onClick: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TogglePrimitive;
+//# sourceMappingURL=TogglePrimitive.d.ts.map

package/dist/primitives/TogglePrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../src/primitives/TogglePrimitive.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe;WAAiC,GAAG;aAAW,GAAG;6CAiEtE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/primitives/TogglePrimitive.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TogglePrimitive = ({ value, onClick }) => {
+    const toggleStyle = {
+        container: {
+            display: 'inline-block',
+            position: 'relative',
+            width: '70px',
+            height: '38px',
+            borderRadius: '24px',
+            backgroundColor: value ? '#212121' : '#ccc',
+            cursor: 'pointer',
+            transition: 'background-color 0.4s',
+        },
+        circle: {
+            position: 'absolute',
+            top: '3px',
+            left: value ? '35px' : '3px',
+            width: '32px',
+            height: '32px',
+            borderRadius: '50%',
+            backgroundColor: '#FFF',
+            transition: 'left 0.4s',
+        },
+        icon: {
+            position: 'absolute',
+            top: '3px',
+            left: '3px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '20px',
+            height: '20px',
+            color: '#FFF',
+        },
+    };
+    return (_jsxs("div", { style: toggleStyle.container, onClick: onClick, "aria-checked": value, role: "switch", "aria-label": "Toggle between dark and light mode", children: [_jsx("div", { style: toggleStyle.circle }), value ? (_jsx("div", { style: {
+                    ...toggleStyle.icon,
+                    left: '35px',
+                    color: '#FFC107',
+                } })) : (_jsx("div", { style: {
+                    ...toggleStyle.icon,
+                    color: '#607D8B',
+                } }))] }));
+};
+export default TogglePrimitive;

package/dist/primitives/index.d.ts

@@ -0,0 +1,7 @@
+export { default as TextInputPrimitive } from './TextInputPrimitive';
+export { default as ButtonPrimitive } from './ButtonPrimitive';
+export { default as SecondaryButtonPrimitive } from './SecondaryButtonPrimitive';
+export { default as ModalPrimitive } from './ModalPrimitive';
+export { default as SelectPrimitive } from './SelectPrimitive';
+export { default as HeaderPrimitive } from './HeaderPrimitive';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/public_components/CreateEnvironment.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export default function CreateEnvironment({ navigateToDashboardManager, containerStyle, }: {
+    navigateToDashboardManager?: () => void;
+    containerStyle?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateEnvironment.d.ts.map

package/dist/public_components/CreateEnvironment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEnvironment.d.ts","sourceRoot":"","sources":["../../src/public_components/CreateEnvironment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AA2ClE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAiLA"}