@quillsql/admin 1.2.4 → 1.2.6

package/lib/primitives/ModalPrimitive.js

@@ -0,0 +1,49 @@
+"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)(() => {
+        // Prevent scrolling in the background when the modal is open
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            // Re-enable scrolling when the modal is closed/unmounted
+            document.body.style.overflow = 'unset';
+        };
+    }, [isOpen]);
+    if (!isOpen) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'fixed',
+                    top: '0',
+                    right: '0',
+                    bottom: '0',
+                    left: '0',
+                    zIndex: '50',
+                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+                    backdropFilter: 'blur(5px)',
+                }, onClick: close }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'fixed',
+                    left: '50%',
+                    top: '50%',
+                    zIndex: '50',
+                    maxHeight: '90vh',
+                    minWidth: 462,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    transform: 'translateX(-50%) translateY(-50%)',
+                    background: 'white',
+                    borderRadius: 8,
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                    borderColor: '#e7e7e7',
+                    padding: 30,
+                }, children: children })] }));
+};
+exports.default = ModalPrimitive;
+//# sourceMappingURL=ModalPrimitive.js.map

package/lib/primitives/ModalPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPrimitive.js","sourceRoot":"","sources":["../../src/primitives/ModalPrimitive.tsx"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,oCAA6D;AAS7D,MAAM,cAAc,GAAkC,CAAC,EACnD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,aAAY,GACvB,EAAE,EAAE;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,6DAA6D;QAC7D,IAAI,MAAM,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC3C;QAED,OAAO,GAAG,EAAE;YACR,yDAAyD;YACzD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC3C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,6DACI,gCACI,KAAK,EAAE;oBACH,QAAQ,EAAE,OAAO;oBACjB,GAAG,EAAE,GAAG;oBACR,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE,GAAG;oBACX,IAAI,EAAE,GAAG;oBACT,MAAM,EAAE,IAAI;oBACZ,eAAe,EAAE,0BAA0B;oBAC3C,cAAc,EAAE,WAAW;iBAC9B,EACD,OAAO,EAAE,KAAK,GAChB,EACF,gCACI,KAAK,EAAE;oBACH,QAAQ,EAAE,OAAO;oBACjB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBACV,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,GAAG;oBACb,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,SAAS,EAAE,mCAAmC;oBAC9C,UAAU,EAAE,OAAO;oBACnB,YAAY,EAAE,CAAC;oBACf,WAAW,EAAE,OAAO;oBACpB,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,SAAS;oBACtB,OAAO,EAAE,EAAE;iBACd,YAEA,QAAQ,GACP,IACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/lib/primitives/SecondaryButtonPrimitive.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QuillTheme } from '../Admin';
+type SecondaryButtonPrimitiveProps = {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    label: string;
+    theme?: QuillTheme;
+};
+declare const SecondaryButtonPrimitive: React.FC<SecondaryButtonPrimitiveProps>;
+export default SecondaryButtonPrimitive;

package/lib/primitives/SecondaryButtonPrimitive.js

@@ -0,0 +1,25 @@
+"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: {
+            height: 36,
+            background: "#F9FAFB",
+            color: theme?.primaryTextColor,
+            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,
+        }, onClick: onClick, children: label }));
+};
+exports.default = SecondaryButtonPrimitive;
+//# sourceMappingURL=SecondaryButtonPrimitive.js.map

package/lib/primitives/SecondaryButtonPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButtonPrimitive.js","sourceRoot":"","sources":["../../src/primitives/SecondaryButtonPrimitive.tsx"],"names":[],"mappings":";;;AACA,oCAA6D;AAQ7D,MAAM,wBAAwB,GAA4C,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,aAAY,EAAE,EAAE,EAAE;IACnH,OAAO,CACH,mCACI,KAAK,EAAE;YACH,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,KAAK,EAAE,gBAAgB;YAC9B,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,KAAK,EAAE,UAAU;YAC7B,UAAU,EAAE,KAAK,EAAE,gBAAgB,IAAI,GAAG;YAC1C,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;SACnB,EACD,OAAO,EAAE,OAAO,YAEf,KAAK,GACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}

package/lib/primitives/SelectPrimitive.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { QuillTheme } from '../Admin';
+type Option = {
+    value: string;
+    label: string;
+};
+type SelectPrimitiveProps = {
+    options: Option[];
+    onChange: (value: string) => void;
+    value: string;
+    theme?: QuillTheme;
+};
+declare const SelectPrimitive: React.FC<SelectPrimitiveProps>;
+export default SelectPrimitive;

package/lib/primitives/SelectPrimitive.js

@@ -0,0 +1,39 @@
+"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, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("select", { style: {
+                    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,
+                    borderWidth: theme?.borderWidth,
+                    borderColor: theme?.borderColor,
+                    background: theme?.backgroundColor,
+                    color: theme?.primaryTextColor,
+                    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: {
+                    height: '20px',
+                    width: '20px',
+                    flex: 'none',
+                    position: 'absolute',
+                    right: 8,
+                    top: 9,
+                    color: theme?.secondaryTextColor,
+                }, "aria-hidden": 'true' })] }));
+};
+exports.default = SelectPrimitive;
+//# sourceMappingURL=SelectPrimitive.js.map

package/lib/primitives/SelectPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPrimitive.js","sourceRoot":"","sources":["../../src/primitives/SelectPrimitive.tsx"],"names":[],"mappings":";;;AACA,oCAA6C;AAC7C,oCAA6D;AAc7D,MAAM,eAAe,GAAmC,CAAC,EACrD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,aAAY,GACvB,EAAE,EAAE;IACD,OAAO,CACH,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAChC,mCACI,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,GAAG;oBACb,QAAQ,EAAE,GAAG;oBACb,OAAO,EAAE,MAAM;oBACf,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,YAAY,EAAE,CAAC;oBACf,gBAAgB,EAAE,MAAM;oBACxB,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;oBAChB,MAAM,EAAE,EAAE;oBACV,WAAW,EAAE,KAAK,EAAE,WAAW;oBAC/B,WAAW,EAAE,KAAK,EAAE,WAAW;oBAC/B,UAAU,EAAE,KAAK,EAAE,eAAe;oBAClC,KAAK,EAAE,KAAK,EAAE,gBAAgB;oBAC9B,SAAS,EAAE,6BAA6B;oBACxC,UAAU,EAAE,KAAK,EAAE,UAAU;iBAChC,EACD,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAEhD,OAAO,CAAC,MAAM,GAAG,CAAC;oBACf,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpB,mCAEI,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,KAAK,CAGnB,CACL,CAAC,GACD,EACT,uBAAC,yBAAiB,IACd,KAAK,EAAE;oBACH,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,MAAM;oBACZ,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,KAAK,EAAE,kBAAkB;iBACnC,iBACW,MAAM,GACpB,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/lib/primitives/TextInputPrimitive.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { QuillTheme } from '../Admin';
+interface TextInputPrimitiveProps {
+    onChange: (e: any) => void;
+    value: string;
+    placeholder?: string;
+    theme?: QuillTheme;
+}
+declare const TextInputPrimitive: React.FC<TextInputPrimitiveProps>;
+export default TextInputPrimitive;

package/lib/primitives/TextInputPrimitive.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Admin_1 = require("../Admin");
+const TextInputPrimitive = ({ onChange, value, placeholder, theme = Admin_1.theme }) => {
+    return ((0, jsx_runtime_1.jsx)("input", { style: {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            paddingLeft: "12px",
+            paddingRight: "12px",
+            fontWeight: "medium",
+            height: 38,
+            minWidth: 230,
+            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",
+        }, onChange: onChange, value: value, placeholder: placeholder }));
+};
+exports.default = TextInputPrimitive;
+//# sourceMappingURL=TextInputPrimitive.js.map

package/lib/primitives/TextInputPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPrimitive.js","sourceRoot":"","sources":["../../src/primitives/TextInputPrimitive.tsx"],"names":[],"mappings":";;;AACA,oCAA6D;AAS7D,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,aAAY,EAAE,EAAE,EAAE;IACrH,OAAO,CACH,kCACI,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE,6BAA6B;YACxC,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,KAAK,EAAE,eAAe,IAAI,OAAO;YAClD,KAAK,EAAE,KAAK,EAAE,gBAAgB;YAC9B,WAAW,EAAE,KAAK;YAClB,WAAW,EAAE,KAAK,EAAE,WAAW,IAAI,SAAS;YAC5C,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,KAAK;SACtB,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/lib/primitives/index.d.ts

@@ -0,0 +1,6 @@
+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';

package/lib/primitives/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderPrimitive = exports.SelectPrimitive = exports.ModalPrimitive = exports.SecondaryButtonPrimitive = exports.ButtonPrimitive = exports.TextInputPrimitive = void 0;
+var TextInputPrimitive_1 = require("./TextInputPrimitive");
+Object.defineProperty(exports, "TextInputPrimitive", { enumerable: true, get: function () { return __importDefault(TextInputPrimitive_1).default; } });
+var ButtonPrimitive_1 = require("./ButtonPrimitive");
+Object.defineProperty(exports, "ButtonPrimitive", { enumerable: true, get: function () { return __importDefault(ButtonPrimitive_1).default; } });
+var SecondaryButtonPrimitive_1 = require("./SecondaryButtonPrimitive");
+Object.defineProperty(exports, "SecondaryButtonPrimitive", { enumerable: true, get: function () { return __importDefault(SecondaryButtonPrimitive_1).default; } });
+var ModalPrimitive_1 = require("./ModalPrimitive");
+Object.defineProperty(exports, "ModalPrimitive", { enumerable: true, get: function () { return __importDefault(ModalPrimitive_1).default; } });
+var SelectPrimitive_1 = require("./SelectPrimitive");
+Object.defineProperty(exports, "SelectPrimitive", { enumerable: true, get: function () { return __importDefault(SelectPrimitive_1).default; } });
+var HeaderPrimitive_1 = require("./HeaderPrimitive");
+Object.defineProperty(exports, "HeaderPrimitive", { enumerable: true, get: function () { return __importDefault(HeaderPrimitive_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,uEAAiF;AAAxE,qJAAA,OAAO,OAA4B;AAC5C,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}

package/lib/public_components/DashboardBuilder.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from "react";
+export default function DashboardBuilder({ navigateToDashboardManager, containerStyle, }: {
+    navigateToDashboardManager?: () => void;
+    containerStyle?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/public_components/DashboardBuilder.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AdminProvider_1 = require("../AdminProvider");
+const Admin_1 = require("../Admin");
+const components_1 = require("../components");
+function DashboardBuilder({ navigateToDashboardManager, containerStyle, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [customerId, setCustomerId] = (0, react_1.useState)("");
+    const [checked, setChecked] = (0, react_1.useState)(false);
+    const [selected, setSelected] = (0, react_1.useState)("");
+    const [userTyping, setUserTyping] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    const [filteredOptions, setFilteredOptions] = (0, react_1.useState)([]);
+    const [sqlPrompt, setSqlPrompt] = (0, react_1.useState)("");
+    const [dashboardNames, setDashboardNames] = (0, react_1.useState)([]);
+    const [selectedDashboardName, setSelectedDashboardName] = (0, react_1.useState)("");
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [query, setQuery] = (0, react_1.useState)(state.activeQuery);
+    const [rows, setRows] = (0, react_1.useState)([]);
+    const [columns, setColumns] = (0, react_1.useState)([]);
+    const [fields, setFields] = (0, react_1.useState)([]);
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)("");
+    const [sqlResponseLoading, setSqlResponseLoading] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (navigateToDashboardManager) {
+            dispatch({ type: 'SET_NAVIGATE_TO_DASHBOARD_MANAGER', payload: navigateToDashboardManager });
+        }
+        else {
+            console.warn('navigateToDashboardManager is undefined');
+        }
+    }, [navigateToDashboardManager]);
+    (0, react_1.useEffect)(() => {
+        setQuery(state.activeQuery);
+    }, [state.activeQuery]);
+    (0, react_1.useEffect)(() => {
+        let isSubscribed = true;
+        async function getCustomers() {
+            // If you need to retrieve the JSON data from the response:
+            const response2 = await fetch(`https://quill-344421.uc.r.appspot.com/dashnames/${state.client._id}/`, {
+                method: "GET",
+                headers: {
+                    Authorization: `Bearer `,
+                    environment: state.environment,
+                },
+            });
+            const response2Data = await response2.json();
+            const dashNames = response2Data.dashboardNames.filter((elem) => elem !== null);
+            setDashboardNames(dashNames);
+            setSelectedDashboardName(dashNames[0]);
+        }
+        if (isSubscribed) {
+            getCustomers();
+        }
+        return () => {
+            isSubscribed = false;
+        };
+    }, [state.environment]);
+    // const navigate = useNavigate();
+    const handleRunQuery = async () => {
+        const { _id } = state.client;
+        try {
+            const response = await fetch(`https://quill-344421.uc.r.appspot.com/dashquery?orgId=${state.organizationId || ""}&publicKey=${_id}`, {
+                method: "POST",
+                headers: {
+                    Authorization: `Bearer `,
+                    environment: state.environment,
+                    "Content-Type": "application/json", // Important when sending JSON
+                },
+                body: JSON.stringify({
+                    query,
+                }),
+            });
+            const responseData = await response.json();
+            if (responseData && responseData.errorMessage) {
+                setErrorMessage("Failed to run SQL query: " + responseData.errorMessage);
+                setRows([]);
+                setColumns([]);
+                setFields([]);
+                return;
+            }
+            setErrorMessage("");
+            setRows(responseData.rows);
+            setColumns(responseData.fields.map((elem) => (0, Admin_1.convertPostgresColumn)(elem)));
+            setFields(responseData.fields);
+        }
+        catch (e) {
+            console.log("ERROR: ", e);
+            return;
+        }
+    };
+    const handleAddToDashboard = () => {
+        setIsOpen(true);
+    };
+    const newRows = (0, react_1.useMemo)(() => {
+        return JSON.parse(JSON.stringify(rows));
+    }, [rows]);
+    /* all your useState and useContext calls and your useEffect hooks */
+    // MMTODO: idk if this is needed
+    // const handleSetOrganization = (org) => {
+    //     setOrganization(null);
+    //     setTimeout(() => setOrganization(org), 50);
+    // };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            paddingTop: "70px",
+            paddingLeft: "30px",
+            paddingRight: "30px",
+            ...containerStyle,
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    //   width: 'calc(100vw - 30px)',
+                    display: "flex",
+                    // position: "fixed",
+                    backgroundColor: "white",
+                    zIndex: 1,
+                    left: 0,
+                    right: 0,
+                    top: 0,
+                    flexDirection: "row",
+                    paddingTop: 85,
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    paddingLeft: "30px",
+                    paddingRight: "30px",
+                    borderBottomWidth: 1,
+                    borderTopWidth: 0,
+                    borderLeftWidth: 0,
+                    borderRightWidth: 0,
+                    borderStyle: "solid",
+                    borderColor: state.theme.borderColor,
+                    paddingBottom: 20,
+                    boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
+                    //   paddingRight: '50px',
+                    //   position: 'absolute'
+                    //   // zIndex: 10
+                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: "flex",
+                        flexDirection: "row",
+                        alignItems: "flex-end",
+                        justifyContent: "space-between",
+                        width: "100%",
+                        // marginLeft: '25px'
+                    }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                                fontSize: "36px",
+                                paddingTop: "0px",
+                                fontWeight: "600",
+                                color: "#384151",
+                                margin: 0,
+                                paddingBottom: 4,
+                            }, children: "SQL Editor" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                display: "flex",
+                                flexDirection: "row",
+                                alignItems: "center",
+                            }, children: (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", flexDirection: "column" }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: "flex",
+                                        flexDirection: "row",
+                                        alignItems: "flex-end",
+                                        gap: 16,
+                                    }, children: [(0, jsx_runtime_1.jsx)(components_1.OrgSelect, { environment: state.environment, setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), organizations: state.organizations, organizationId: state.organizationId, setOrganizationId: (orgId) => dispatch({ type: 'SET_ORGANIZATION_ID', payload: orgId }), theme: state.theme }), state.clients.length > 1 && (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: false })] }) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 120 } }), (0, jsx_runtime_1.jsx)(Admin_1.SQLEditorComponent, { query: query, setQuery: setQuery, theme: state.theme })] }));
+}
+exports.default = DashboardBuilder;
+//# sourceMappingURL=DashboardBuilder.js.map

package/lib/public_components/DashboardBuilder.js.map

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

package/lib/public_components/DashboardManager.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from "react";
+export default function DashboardManager({ navigateToDashboardBuilder, containerStyle, }: {
+    navigateToDashboardBuilder?: () => void;
+    containerStyle?: CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;