@quillsql/admin 1.3.2 → 1.3.4

package/dist/Admin.js

@@ -1,21 +1,50 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReorderableList = exports.ReportWrapper = exports.formatDateBuckets = exports.isArrayOfValidDates = exports.isValidDate = exports.setEditorTheme = exports.defineEditorTheme = exports.SQLEditorComponent = exports.TableCell = exports.AddDashboardModal = exports.classNames = exports.getPostgresBasicType = exports.convertPostgresColumn = exports.theme = exports.AddFilterModal = exports.EditFiltersModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-nocheck
-import { useState, useEffect } from 'react';
-import { QuillProvider, useQuill, Chart, Table, SQLEditor, AddToDashboardModal, ChartEditor, useDashboard, } from '@quillsql/react';
-import prismTheme from 'prism-react-renderer/themes/nightOwlLight';
-import Highlight, { defaultProps } from 'prism-react-renderer';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, MeasuringStrategy, TouchSensor, } from '@dnd-kit/core';
-import InputLabel from './components/InputLabel';
-import CardSection from './components/CardSection';
-import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, useSortable, defaultAnimateLayoutChanges, } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { OrgSelect, DashboardManager } from './components';
-import { AdminProvider, useAdmin } from './AdminProvider';
-import { ButtonPrimitive, HeaderPrimitive, ModalPrimitive, SecondaryButtonPrimitive, SelectPrimitive, TextInputPrimitive, } from './primitives';
-import DashboardBuilder from './public_components/DashboardBuilder';
-import SQLViewManager from './public_components/SQLViewManager';
-import { InitialDateRangeOptions, QUILL_SERVER, defaultDateRange, } from './utils/constants';
-import TogglePrimitive from './primitives/TogglePrimitive';
+const react_1 = require("react");
+const react_2 = require("@quillsql/react");
+const nightOwlLight_1 = __importDefault(require("prism-react-renderer/themes/nightOwlLight"));
+const prism_react_renderer_1 = __importStar(require("prism-react-renderer"));
+const core_1 = require("@dnd-kit/core");
+const InputLabel_1 = __importDefault(require("./components/InputLabel"));
+const CardSection_1 = __importDefault(require("./components/CardSection"));
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const components_1 = require("./components");
+const AdminProvider_1 = require("./AdminProvider");
+const primitives_1 = require("./primitives");
+const DashboardBuilder_1 = __importDefault(require("./public_components/DashboardBuilder"));
+const SQLViewManager_1 = __importDefault(require("./public_components/SQLViewManager"));
+const constants_1 = require("./utils/constants");
+const TogglePrimitive_1 = __importDefault(require("./primitives/TogglePrimitive"));
 const defaultTheme = {
     fontFamily: 'Inter; Helvetica',
     backgroundColor: '#FFFFFF',
@@ -31,21 +60,21 @@ const defaultTheme = {
     labelFontWeight: '500',
     fontSize: 14,
 };
-export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, client, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SelectComponent, dashNames, setSelectedEditDashboard, SecondaryButtonComponent, openAddFilterModal, openEditOrderModal, }) {
-    const { state, dispatch } = useAdmin();
-    const [selectedDashboardName, setSelectedDashboardName] = useState(selectedDashboard);
-    useEffect(() => {
+function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, client, setIsOpen, onSave, ModalComponent, TextInputComponent, ButtonComponent, HeaderComponent, SelectComponent, dashNames, setSelectedEditDashboard, SecondaryButtonComponent, openAddFilterModal, openEditOrderModal, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [selectedDashboardName, setSelectedDashboardName] = (0, react_1.useState)(selectedDashboard);
+    (0, react_1.useEffect)(() => {
         setSelectedDashboardName(selectedDashboard);
     }, [selectedDashboard]);
-    const { data } = useDashboard(selectedDashboard);
-    const [newFilters, setNewFilters] = useState([]);
-    const [isDateComparison, setIsDateComparison] = useState(state.dateFilter.comparison);
-    const [initialRange, setInitialRange] = useState(defaultDateRange);
-    const [showDateFilter, setShowDateFilter] = useState(true);
-    const [newDateFilter, setNewDateFilter] = useState(null);
-    const [selectedTable, setSelectedTable] = useState(null);
-    const [field, setField] = useState('');
-    useEffect(() => {
+    const { data } = (0, react_2.useDashboard)(selectedDashboard);
+    const [newFilters, setNewFilters] = (0, react_1.useState)([]);
+    const [isDateComparison, setIsDateComparison] = (0, react_1.useState)(state.dateFilter.comparison);
+    const [initialRange, setInitialRange] = (0, react_1.useState)(constants_1.defaultDateRange);
+    const [showDateFilter, setShowDateFilter] = (0, react_1.useState)(true);
+    const [newDateFilter, setNewDateFilter] = (0, react_1.useState)(null);
+    const [selectedTable, setSelectedTable] = (0, react_1.useState)(null);
+    const [field, setField] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
         if (data && data.dateFilter) {
             dispatch('SET_DATE_FILTER', {
                 ...state.dateFilter,
@@ -53,16 +82,19 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
             });
         }
     }, [state.dateFilter, data]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setIsDateComparison(!!state.dateFilter.comparison);
     }, [state.dateFilter]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (state.tables.length) {
-            setSelectedTable(state.tables[0]);
-            setField(state.tables[0].columns.map((elem) => elem.name)[0]);
+            const defaultTable = state.tables[0];
+            const name = state.editDashboardData?.filters[0]?.table;
+            const table = state.tables.find((t) => t.name === name) ?? defaultTable;
+            setSelectedTable(table);
+            setField(table.columns.map((elem) => elem.name)[0]);
         }
-    }, [state.tables]);
-    useEffect(() => {
+    }, [state.tables, state.editDashboardData]);
+    (0, react_1.useEffect)(() => {
         if (dashboardData && dashboardData.filters) {
             setNewFilters(dashboardData.filters);
         }
@@ -130,7 +162,7 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
             alert('We only support string and filters.');
             return;
         }
-        const url = `${QUILL_SERVER}/dashfilter/${client._id}/`;
+        const url = `${constants_1.QUILL_SERVER}/dashfilter/${client._id}/`;
         const body = {
             newDashboardName: selectedDashboardName,
             filters: updatedFilters,
@@ -175,7 +207,7 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
     };
     const handleDeleteDashboard = async () => {
         if (confirm('Are you sure? This action cannot be undone.')) {
-            const URL = `${QUILL_SERVER}/dashboard/${selectedDashboard}`;
+            const URL = `${constants_1.QUILL_SERVER}/dashboard/${selectedDashboard}`;
             const res = await fetch(URL, {
                 method: 'DELETE',
                 headers: { 'Content-Type': 'application/json' },
@@ -184,51 +216,54 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
             alert(JSON.stringify(res));
         }
     };
-    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => {
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => {
             setIsOpen(false);
             setNewFilters([]);
             setIsDateComparison(state.dateFilter.comparison);
         }, style: {
             minWidth: '814px',
             maxWidth: '814px',
-        }, children: _jsxs("div", { style: {
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 display: 'flex',
                 gap: 16,
                 flexDirection: 'column',
                 width: '100%',
-            }, children: [_jsx(HeaderComponent, { label: "Manage dashboard" }), _jsxs("div", { children: [_jsx(InputLabel, { children: "Name" }), _jsx("div", { style: { maxWidth: 230 }, children: _jsx(TextInputComponent, { value: selectedDashboardName, onChange: (e) => setSelectedDashboardName(e.target.value) }) })] }), _jsxs("div", { children: [_jsxs("div", { style: {
+                height: '100%',
+                maxHeight: '100%',
+                overflowY: 'auto'
+            }, children: [(0, jsx_runtime_1.jsx)(HeaderComponent, { label: "Manage dashboard" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Name" }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { value: selectedDashboardName, onChange: (e) => setSelectedDashboardName(e.target.value) }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'column',
                                 gap: '10px',
-                            }, children: [_jsx(CardSection, { children: "Date Filter" }), showDateFilter && (_jsx(_Fragment, { children: _jsxs("div", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)(CardSection_1.default, { children: "Date Filter" }), showDateFilter && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'row',
                                             gap: '10px',
-                                        }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(InputLabel, { children: "Label" }), _jsx("div", { style: {
+                                        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Label" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                             display: 'flex',
                                                             flexDirection: 'row',
                                                             alignItems: 'center',
-                                                        }, children: _jsx(TextInputComponent, { value: newDateFilter?.label, onChange: (e) => {
+                                                        }, children: (0, jsx_runtime_1.jsx)(TextInputComponent, { value: newDateFilter?.label, onChange: (e) => {
                                                                 setNewDateFilter({
                                                                     ...newDateFilter,
                                                                     label: e.target.value,
                                                                 });
-                                                            } }) })] }), _jsx("div", { style: {
+                                                            } }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                     display: 'flex',
                                                     flexDirection: 'row',
                                                     gap: '10px',
-                                                }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(InputLabel, { children: "Initial Range" }), _jsx(SelectComponent, { value: initialRange.label, onChange: (e) => {
-                                                                setInitialRange(InitialDateRangeOptions.find((table) => table.label === e) ?? initialRange);
-                                                            }, options: InitialDateRangeOptions.map((table) => {
+                                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Initial Range" }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: initialRange.label, onChange: (e) => {
+                                                                setInitialRange(constants_1.InitialDateRangeOptions.find((table) => table.label === e) ?? initialRange);
+                                                            }, options: constants_1.InitialDateRangeOptions.map((table) => {
                                                                 return { label: table.label, value: table.label };
-                                                            }) })] }) }), _jsx("div", { style: {
+                                                            }) })] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                     display: 'flex',
                                                     flexDirection: 'row',
                                                     gap: '10px',
-                                                }, children: _jsxs("div", { style: {
+                                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                                                         display: 'flex',
                                                         flexDirection: 'column',
-                                                    }, children: [_jsx(InputLabel, { children: "Date Comparison" }), _jsx("div", { style: {
+                                                    }, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Date Comparison" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                                 display: 'flex',
                                                                 flexDirection: 'column',
                                                                 justifyContent: 'center',
@@ -237,65 +272,65 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
                                                                 minWidth: 230,
                                                                 maxWidth: 230,
                                                                 width: 230,
-                                                            }, children: _jsx(TogglePrimitive, { value: isDateComparison, onClick: () => {
+                                                            }, children: (0, jsx_runtime_1.jsx)(TogglePrimitive_1.default, { value: isDateComparison, onClick: () => {
                                                                     setIsDateComparison((isDateComparison) => !isDateComparison);
-                                                                } }) })] }) }), _jsx("div", { style: {
+                                                                } }) })] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                     display: 'flex',
                                                     flexGrow: 1,
                                                     flexDirection: 'row',
                                                     alignItems: 'end',
                                                     justifyContent: 'end',
                                                     gap: '10px',
-                                                }, children: _jsx("div", { style: {
+                                                }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                                                         display: 'flex',
                                                         flexDirection: 'column',
                                                         justifyContent: 'center',
-                                                    }, children: _jsx("div", { onClick: () => handleDeleteDateFilter(), style: {
+                                                    }, children: (0, jsx_runtime_1.jsx)("div", { onClick: () => handleDeleteDateFilter(), style: {
                                                             height: 38,
                                                             width: 42,
                                                             alignItems: 'center',
                                                             justifyContent: 'center',
                                                             display: 'flex',
                                                             cursor: 'pointer',
-                                                        }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: _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" }) }) }) }) })] }) })), !showDateFilter && (_jsx("div", { style: { maxWidth: 230 }, children: _jsx(SecondaryButtonComponent, { onClick: handleAddDateFilter, label: "Add date filter +" }) }))] }), _jsx("div", { style: {
+                                                        }, 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" }) }) }) }) })] }) })), !showDateFilter && ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleAddDateFilter, label: "Add date filter +" }) }))] }), (0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 justifyContent: 'space-between',
                                 marginTop: 20,
-                            }, children: _jsx(CardSection, { children: "Filters" }) }), newFilters.length > 0 && (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' }, children: newFilters.map((filter, index) => {
-                                return (_jsxs("div", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)(CardSection_1.default, { children: "Filters" }) }), newFilters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' }, children: newFilters.map((filter, index) => {
+                                return ((0, jsx_runtime_1.jsxs)("div", { style: {
                                         display: 'flex',
                                         flexDirection: 'row',
                                         gap: '10px',
-                                    }, children: [_jsxs("div", { style: {
+                                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                                                 display: 'flex',
                                                 flexDirection: 'column',
                                                 maxWidth: 300,
-                                            }, children: [index === 0 && _jsx(InputLabel, { children: "Label" }), _jsx(TextInputComponent, { value: filter.label, onChange: (e) => {
+                                            }, children: [index === 0 && (0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Label" }), (0, jsx_runtime_1.jsx)(TextInputComponent, { value: filter.label, onChange: (e) => {
                                                         const updatedFilters = newFilters.map((otherFilter, i) => index === i
                                                             ? { ...otherFilter, label: e.target.value }
                                                             : otherFilter);
                                                         setNewFilters(updatedFilters);
-                                                    } })] }), _jsxs("div", { style: {
+                                                    } })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                                 display: 'flex',
                                                 flexDirection: 'column',
                                                 maxWidth: 300,
-                                            }, children: [index === 0 && _jsx(InputLabel, { children: "Table" }), _jsx(SelectComponent, { defaultValue: "", value: selectedTable ? selectedTable.name : '', onChange: (e) => setSelectedTable(state.tables.find((table) => table.name === e)), options: state.tables.map((table) => {
+                                            }, children: [index === 0 && (0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Table" }), (0, jsx_runtime_1.jsx)(SelectComponent, { defaultValue: "", value: selectedTable ? selectedTable.name : '', onChange: (e) => setSelectedTable(state.tables.find((table) => table.name === e)), options: state.tables.map((table) => {
                                                         return { label: table.name, value: table.name };
-                                                    }) })] }), _jsxs("div", { style: {
+                                                    }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                                 display: 'flex',
                                                 flexDirection: 'column',
                                                 maxWidth: 300,
-                                            }, children: [index === 0 && _jsx(InputLabel, { children: "Field" }), _jsx("div", { style: {
+                                            }, children: [index === 0 && (0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Field" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                         display: 'flex',
                                                         flexDirection: 'column',
                                                         alignItems: 'center',
-                                                    }, children: _jsxs("div", { style: {
+                                                    }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                                                             display: 'flex',
                                                             flexDirection: 'row',
                                                             alignItems: 'center',
-                                                        }, children: [_jsx(SelectComponent, { defaultValue: "", value: filter && filter.field ? filter.field : '', options: selectedTable?.columns.map((column) => {
+                                                        }, children: [(0, jsx_runtime_1.jsx)(SelectComponent, { defaultValue: "", value: filter && filter.field ? filter.field : '', options: selectedTable?.columns.map((column) => {
                                                                     return {
                                                                         label: column.name,
                                                                         value: column.name,
@@ -305,24 +340,25 @@ export function EditFiltersModal({ isOpen, dashboardData, selectedDashboard, cli
                                                                         ? { ...otherFilter, field: e }
                                                                         : otherFilter);
                                                                     setNewFilters(updatedFilters);
-                                                                } }), _jsx("div", { onClick: () => handleDeleteFilter(filter), style: {
+                                                                } }), (0, jsx_runtime_1.jsx)("div", { onClick: () => handleDeleteFilter(filter), style: {
                                                                     height: 38,
                                                                     width: 42,
                                                                     alignItems: 'center',
                                                                     justifyContent: 'center',
                                                                     display: 'flex',
                                                                     cursor: 'pointer',
-                                                                }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: _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" }) }) })] }) })] })] }));
-                            }) })), _jsx("div", { style: { height: 12 } }), _jsx(SecondaryButtonComponent, { onClick: handleAddFilter, label: "Add filter +" })] }), _jsx(CardSection, { children: "Chart order" }), _jsx("div", { style: { maxWidth: 230 }, children: _jsx(SecondaryButtonComponent, { onClick: () => openEditOrderModal(selectedDashboardName), label: "Edit chart order" }) }), _jsx(CardSection, { children: "Danger Zone" }), _jsx("div", { style: { maxWidth: 230 }, children: _jsx(SecondaryButtonComponent, { onClick: handleDeleteDashboard, label: "Delete Dashboard" }) }), _jsx("div", { style: { height: 18 } }), _jsx("div", { style: { maxWidth: 230 }, children: _jsx(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes" }) })] }) }));
+                                                                }, 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" }) }) })] }) })] })] }));
+                            }) })), (0, jsx_runtime_1.jsx)("div", { style: { height: 12 } }), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleAddFilter, label: "Add filter +" })] }), (0, jsx_runtime_1.jsx)(CardSection_1.default, { children: "Chart order" }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => openEditOrderModal(selectedDashboardName), label: "Edit chart order" }) }), (0, jsx_runtime_1.jsx)(CardSection_1.default, { children: "Danger Zone" }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleDeleteDashboard, label: "Delete Dashboard" }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 18 } }), (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 230 }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSubmitDashboardChanges, label: "Save changes" }) })] }) }));
 }
-export function AddFilterModal({ isOpen, selectedDashboard, client, setIsOpen, ModalComponent, TextInputComponent, SelectComponent, HeaderComponent, ButtonComponent, openAddDashboardModal, }) {
-    const [selectedTable, setSelectedTable] = useState(null);
-    const [name, setName] = useState('');
-    const [field, setField] = useState('');
-    const [filterType, setFilterType] = useState('string');
-    const [dateRange, setDateRange] = useState([new Date(), new Date()]);
-    const { state, dispatch } = useAdmin();
-    useEffect(() => {
+exports.EditFiltersModal = EditFiltersModal;
+function AddFilterModal({ isOpen, selectedDashboard, client, setIsOpen, ModalComponent, TextInputComponent, SelectComponent, HeaderComponent, ButtonComponent, openAddDashboardModal, }) {
+    const [selectedTable, setSelectedTable] = (0, react_1.useState)(null);
+    const [name, setName] = (0, react_1.useState)('');
+    const [field, setField] = (0, react_1.useState)('');
+    const [filterType, setFilterType] = (0, react_1.useState)('string');
+    const [dateRange, setDateRange] = (0, react_1.useState)([new Date(), new Date()]);
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    (0, react_1.useEffect)(() => {
         if (state.tables.length) {
             setSelectedTable(state.tables[0]);
             // setField(tables[0].columns.map((elem) => elem.name));
@@ -339,7 +375,7 @@ export function AddFilterModal({ isOpen, selectedDashboard, client, setIsOpen, M
             return;
         }
         let responseData;
-        const url = `${QUILL_SERVER}/dashfilter/${client._id}/`;
+        const url = `${constants_1.QUILL_SERVER}/dashfilter/${client._id}/`;
         const body = {
             name: selectedDashboard,
             filter: {
@@ -378,19 +414,21 @@ export function AddFilterModal({ isOpen, selectedDashboard, client, setIsOpen, M
     if (!selectedTable) {
         return null;
     }
-    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(HeaderComponent, { label: "Add filter" }), _jsx("div", { children: "Label" }), _jsx(TextInputComponent, { value: name, onChange: (e) => setName(e.target.value) }), _jsx("div", { children: "Table" }), _jsx(SelectComponent, { defaultValue: "", value: selectedTable ? selectedTable : '', onChange: (e) => setSelectedTable(e.target.value), QuillOptions: state.tables.map((table) => {
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(HeaderComponent, { label: "Add filter" }), (0, jsx_runtime_1.jsx)("div", { children: "Label" }), (0, jsx_runtime_1.jsx)(TextInputComponent, { value: name, onChange: (e) => setName(e.target.value) }), (0, jsx_runtime_1.jsx)("div", { children: "Table" }), (0, jsx_runtime_1.jsx)(SelectComponent, { defaultValue: "", value: selectedTable ? selectedTable : '', onChange: (e) => setSelectedTable(e.target.value), QuillOptions: state.tables.map((table) => {
                         return { label: table.name, value: table.name };
-                    }) }), _jsx("div", { children: "Field" }), _jsx(SelectComponent, { defaultValue: "", value: field ? field : '', QuillOptions: selectedTable.columns.map((column) => {
+                    }) }), (0, jsx_runtime_1.jsx)("div", { children: "Field" }), (0, jsx_runtime_1.jsx)(SelectComponent, { defaultValue: "", value: field ? field : '', QuillOptions: selectedTable.columns.map((column) => {
                         return { label: column.name, value: column.name };
                     }), onChange: (e) => {
                         setField(e);
-                    } }), _jsx(ButtonComponent, { label: "Add filter", onClick: handleAddFilter })] }) }));
+                    } }), (0, jsx_runtime_1.jsx)(ButtonComponent, { label: "Add filter", onClick: handleAddFilter })] }) }));
 }
-export default function Portal({ publicKey, queryEndpoint, theme = defaultTheme, queryHeaders, withCredentials, environment, organizationId, TextInputComponent, ButtonComponent, SecondaryButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, UserManagementComponent, HeaderComponent, }) {
-    return (_jsx(AdminProvider, { publicKey: publicKey, children: _jsx(Navigation, { theme: theme, publicKey: publicKey, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials, TextInputComponent: TextInputComponent || TextInputPrimitive, ButtonComponent: ButtonComponent || ButtonPrimitive, HeaderComponent: HeaderComponent || HeaderPrimitive, SecondaryButtonComponent: SecondaryButtonComponent || SecondaryButtonPrimitive, ModalComponent: ModalComponent || ModalPrimitive, environment: environment, OrganizationSelectComponent: OrganizationSelectComponent, UserManagementComponent: UserManagementComponent, SelectComponent: SelectComponent || SelectPrimitive }) }));
+exports.AddFilterModal = AddFilterModal;
+function Portal({ publicKey, queryEndpoint, theme = defaultTheme, queryHeaders, withCredentials, environment, organizationId, TextInputComponent, ButtonComponent, SecondaryButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, UserManagementComponent, HeaderComponent, }) {
+    return ((0, jsx_runtime_1.jsx)(AdminProvider_1.AdminProvider, { publicKey: publicKey, children: (0, jsx_runtime_1.jsx)(Navigation, { theme: theme, publicKey: publicKey, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials, TextInputComponent: TextInputComponent || primitives_1.TextInputPrimitive, ButtonComponent: ButtonComponent || primitives_1.ButtonPrimitive, HeaderComponent: HeaderComponent || primitives_1.HeaderPrimitive, SecondaryButtonComponent: SecondaryButtonComponent || primitives_1.SecondaryButtonPrimitive, ModalComponent: ModalComponent || primitives_1.ModalPrimitive, environment: environment, OrganizationSelectComponent: OrganizationSelectComponent, UserManagementComponent: UserManagementComponent, SelectComponent: SelectComponent || primitives_1.SelectPrimitive }) }));
 }
+exports.default = Portal;
 function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, UserManagementComponent, HeaderComponent, publicKey, queryEndpoint, queryHeaders, environment, withCredentials, }) {
-    const { state, dispatch } = useAdmin();
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     // MMTODO: Idk if this is needed
     // useEffect(() => {
     //     setEnvironmentContext(environment);
@@ -401,23 +439,23 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
     const renderComponentBasedOnName = () => {
         switch (state.activeComponent) {
             case 'Dashboards':
-                return (_jsx(DashboardManager, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, HeaderComponent: HeaderComponent, setReportId: (id) => dispatch({ type: 'SET_REPORT_ID', payload: id }), queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials }));
+                return ((0, jsx_runtime_1.jsx)(components_1.DashboardManager, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, HeaderComponent: HeaderComponent, setReportId: (id) => dispatch({ type: 'SET_REPORT_ID', payload: id }), queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials }));
             case 'SQL editor':
-                return _jsx(DashboardBuilder, {});
+                return (0, jsx_runtime_1.jsx)(DashboardBuilder_1.default, {});
             case 'Report':
-                return (_jsx(ReportWrapper, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, OrganizationSelectComponent: OrganizationSelectComponent, organizationId: state.organizationId, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials }));
+                return ((0, jsx_runtime_1.jsx)(ReportWrapper, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, OrganizationSelectComponent: OrganizationSelectComponent, organizationId: state.organizationId, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders, withCredentials: withCredentials }));
             case 'SQL views':
-                return _jsx(SQLViewManager, {});
+                return (0, jsx_runtime_1.jsx)(SQLViewManager_1.default, {});
             default:
-                return (_jsx(Dashboards, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, OrganizationSelectComponent: OrganizationSelectComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, HeaderComponent: HeaderComponent, setReportId: (id) => dispatch({ type: 'SET_REPORT_ID', payload: id }), queryEndpoint: queryEndpoint, organizationId: state.organizationId, queryHeaders: queryHeaders, withCredentials: withCredentials }));
+                return ((0, jsx_runtime_1.jsx)(Dashboards, { TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, OrganizationSelectComponent: OrganizationSelectComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, HeaderComponent: HeaderComponent, setReportId: (id) => dispatch({ type: 'SET_REPORT_ID', payload: id }), queryEndpoint: queryEndpoint, organizationId: state.organizationId, queryHeaders: queryHeaders, withCredentials: withCredentials }));
         }
     };
-    return (_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             display: 'flex',
             flexDirection: 'column',
             height: '100vh',
             width: '100vw',
-        }, children: [_jsxs("nav", { style: {
+        }, children: [(0, jsx_runtime_1.jsxs)("nav", { style: {
                     zIndex: 2,
                     height: '70px',
                     width: '100%',
@@ -436,13 +474,13 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
                     borderLeftWidth: 0,
                     borderRightWidth: 0,
                     borderStyle: 'solid',
-                    borderColor: theme.borderColor,
-                }, children: [_jsx("div", { style: {
+                    borderColor: exports.theme.borderColor,
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                             paddingTop: '18px',
                             paddingLeft: '14px',
                             paddingBottom: '18px',
                             width: 230,
-                        }, children: _jsxs("svg", { width: "45", height: "18", viewBox: "0 0 45 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { clipPath: "url(#clip0_2489_282)", children: _jsx("path", { d: "M18.634 17.3008H9.196C7.97867 17.3008 6.84933 17.1248 5.808 16.7728C4.78133 16.4061 3.894 15.8781 3.146 15.1888C2.398 14.4994 1.81133 13.6634 1.386 12.6808C0.960667 11.6981 0.748 10.5761 0.748 9.31478C0.748 8.14145 0.960667 7.06345 1.386 6.08078C1.826 5.09811 2.42 4.25478 3.168 3.55078C3.916 2.84678 4.796 2.30411 5.808 1.92278C6.82 1.52678 7.90533 1.32878 9.064 1.32878C10.2227 1.32878 11.308 1.52678 12.32 1.92278C13.332 2.31878 14.212 2.86878 14.96 3.57278C15.708 4.27678 16.2947 5.12011 16.72 6.10278C17.16 7.07078 17.38 8.14145 17.38 9.31478C17.38 9.87211 17.314 10.4148 17.182 10.9428C17.0647 11.4708 16.8813 11.9694 16.632 12.4388C16.3827 12.9081 16.06 13.3334 15.664 13.7148C15.268 14.0814 14.806 14.3821 14.278 14.6168V14.6608H18.634V17.3008ZM4.312 9.31478C4.312 9.98945 4.43667 10.6201 4.686 11.2068C4.93533 11.7934 5.27267 12.3068 5.698 12.7468C6.138 13.1721 6.644 13.5094 7.216 13.7588C7.788 14.0081 8.404 14.1328 9.064 14.1328C9.724 14.1328 10.34 14.0081 10.912 13.7588C11.484 13.5094 11.9827 13.1721 12.408 12.7468C12.848 12.3068 13.1927 11.7934 13.442 11.2068C13.6913 10.6201 13.816 9.98945 13.816 9.31478C13.816 8.64011 13.6913 8.00945 13.442 7.42278C13.1927 6.83611 12.848 6.33011 12.408 5.90478C11.9827 5.46478 11.484 5.12011 10.912 4.87078C10.34 4.62145 9.724 4.49678 9.064 4.49678C8.404 4.49678 7.788 4.62145 7.216 4.87078C6.644 5.12011 6.138 5.46478 5.698 5.90478C5.27267 6.33011 4.93533 6.83611 4.686 7.42278C4.43667 8.00945 4.312 8.64011 4.312 9.31478ZM29.3164 17.3008H26.1484V15.8488H26.1044C25.987 16.0541 25.833 16.2594 25.6424 16.4648C25.4664 16.6701 25.2464 16.8534 24.9824 17.0148C24.7184 17.1761 24.4177 17.3081 24.0804 17.4108C23.743 17.5134 23.3764 17.5648 22.9804 17.5648C22.1444 17.5648 21.4624 17.4401 20.9344 17.1908C20.421 16.9268 20.0177 16.5674 19.7244 16.1128C19.4457 15.6581 19.255 15.1228 19.1524 14.5068C19.0644 13.8908 19.0204 13.2234 19.0204 12.5048V6.60878H22.3204V11.8448C22.3204 12.1528 22.3277 12.4754 22.3424 12.8128C22.3717 13.1354 22.4377 13.4361 22.5404 13.7148C22.6577 13.9934 22.8264 14.2208 23.0464 14.3968C23.281 14.5728 23.611 14.6608 24.0364 14.6608C24.4617 14.6608 24.8064 14.5874 25.0704 14.4408C25.3344 14.2794 25.5324 14.0741 25.6644 13.8248C25.811 13.5608 25.9064 13.2674 25.9504 12.9448C25.9944 12.6221 26.0164 12.2848 26.0164 11.9328V6.60878H29.3164V17.3008ZM30.8172 6.60878H34.1172V17.3008H30.8172V6.60878ZM30.5532 3.24278C30.5532 2.71478 30.7365 2.26745 31.1032 1.90078C31.4845 1.51945 31.9392 1.32878 32.4672 1.32878C32.9952 1.32878 33.4425 1.51945 33.8092 1.90078C34.1905 2.26745 34.3812 2.71478 34.3812 3.24278C34.3812 3.77078 34.1905 4.22545 33.8092 4.60678C33.4425 4.97345 32.9952 5.15678 32.4672 5.15678C31.9392 5.15678 31.4845 4.97345 31.1032 4.60678C30.7365 4.22545 30.5532 3.77078 30.5532 3.24278ZM35.652 0.66878H38.952V17.3008H35.652V0.66878ZM40.4869 0.66878H43.7869V17.3008H40.4869V0.66878Z", fill: "#212121" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_2489_282", children: _jsx("rect", { width: "45", height: "18", fill: "white" }) }) })] }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [_jsx("button", { style: {
+                        }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "45", height: "18", viewBox: "0 0 45 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_2489_282)", children: (0, jsx_runtime_1.jsx)("path", { d: "M18.634 17.3008H9.196C7.97867 17.3008 6.84933 17.1248 5.808 16.7728C4.78133 16.4061 3.894 15.8781 3.146 15.1888C2.398 14.4994 1.81133 13.6634 1.386 12.6808C0.960667 11.6981 0.748 10.5761 0.748 9.31478C0.748 8.14145 0.960667 7.06345 1.386 6.08078C1.826 5.09811 2.42 4.25478 3.168 3.55078C3.916 2.84678 4.796 2.30411 5.808 1.92278C6.82 1.52678 7.90533 1.32878 9.064 1.32878C10.2227 1.32878 11.308 1.52678 12.32 1.92278C13.332 2.31878 14.212 2.86878 14.96 3.57278C15.708 4.27678 16.2947 5.12011 16.72 6.10278C17.16 7.07078 17.38 8.14145 17.38 9.31478C17.38 9.87211 17.314 10.4148 17.182 10.9428C17.0647 11.4708 16.8813 11.9694 16.632 12.4388C16.3827 12.9081 16.06 13.3334 15.664 13.7148C15.268 14.0814 14.806 14.3821 14.278 14.6168V14.6608H18.634V17.3008ZM4.312 9.31478C4.312 9.98945 4.43667 10.6201 4.686 11.2068C4.93533 11.7934 5.27267 12.3068 5.698 12.7468C6.138 13.1721 6.644 13.5094 7.216 13.7588C7.788 14.0081 8.404 14.1328 9.064 14.1328C9.724 14.1328 10.34 14.0081 10.912 13.7588C11.484 13.5094 11.9827 13.1721 12.408 12.7468C12.848 12.3068 13.1927 11.7934 13.442 11.2068C13.6913 10.6201 13.816 9.98945 13.816 9.31478C13.816 8.64011 13.6913 8.00945 13.442 7.42278C13.1927 6.83611 12.848 6.33011 12.408 5.90478C11.9827 5.46478 11.484 5.12011 10.912 4.87078C10.34 4.62145 9.724 4.49678 9.064 4.49678C8.404 4.49678 7.788 4.62145 7.216 4.87078C6.644 5.12011 6.138 5.46478 5.698 5.90478C5.27267 6.33011 4.93533 6.83611 4.686 7.42278C4.43667 8.00945 4.312 8.64011 4.312 9.31478ZM29.3164 17.3008H26.1484V15.8488H26.1044C25.987 16.0541 25.833 16.2594 25.6424 16.4648C25.4664 16.6701 25.2464 16.8534 24.9824 17.0148C24.7184 17.1761 24.4177 17.3081 24.0804 17.4108C23.743 17.5134 23.3764 17.5648 22.9804 17.5648C22.1444 17.5648 21.4624 17.4401 20.9344 17.1908C20.421 16.9268 20.0177 16.5674 19.7244 16.1128C19.4457 15.6581 19.255 15.1228 19.1524 14.5068C19.0644 13.8908 19.0204 13.2234 19.0204 12.5048V6.60878H22.3204V11.8448C22.3204 12.1528 22.3277 12.4754 22.3424 12.8128C22.3717 13.1354 22.4377 13.4361 22.5404 13.7148C22.6577 13.9934 22.8264 14.2208 23.0464 14.3968C23.281 14.5728 23.611 14.6608 24.0364 14.6608C24.4617 14.6608 24.8064 14.5874 25.0704 14.4408C25.3344 14.2794 25.5324 14.0741 25.6644 13.8248C25.811 13.5608 25.9064 13.2674 25.9504 12.9448C25.9944 12.6221 26.0164 12.2848 26.0164 11.9328V6.60878H29.3164V17.3008ZM30.8172 6.60878H34.1172V17.3008H30.8172V6.60878ZM30.5532 3.24278C30.5532 2.71478 30.7365 2.26745 31.1032 1.90078C31.4845 1.51945 31.9392 1.32878 32.4672 1.32878C32.9952 1.32878 33.4425 1.51945 33.8092 1.90078C34.1905 2.26745 34.3812 2.71478 34.3812 3.24278C34.3812 3.77078 34.1905 4.22545 33.8092 4.60678C33.4425 4.97345 32.9952 5.15678 32.4672 5.15678C31.9392 5.15678 31.4845 4.97345 31.1032 4.60678C30.7365 4.22545 30.5532 3.77078 30.5532 3.24278ZM35.652 0.66878H38.952V17.3008H35.652V0.66878ZM40.4869 0.66878H43.7869V17.3008H40.4869V0.66878Z", fill: "#212121" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_2489_282", children: (0, jsx_runtime_1.jsx)("rect", { width: "45", height: "18", fill: "white" }) }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsx)("button", { style: {
                                     color: '#212121',
                                     backgroundColor: state.activeComponent === 'Dashboards'
                                         ? '#2121210A'
@@ -458,7 +496,7 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
                                     outline: 'none',
                                 }, 
                                 // onClick={() => setActiveComponent("Dashboards")}
-                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'Dashboards' }), children: "Dashboards" }), _jsx("button", { style: {
+                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'Dashboards' }), children: "Dashboards" }), (0, jsx_runtime_1.jsx)("button", { style: {
                                     color: '#212121',
                                     backgroundColor: state.activeComponent === 'SQL editor'
                                         ? '#2121210A'
@@ -474,7 +512,7 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
                                     outline: 'none',
                                 }, 
                                 // onClick={() => setActiveComponent("SQL editor")}
-                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'SQL editor' }), children: "SQL editor" }), _jsx("button", { style: {
+                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'SQL editor' }), children: "SQL editor" }), (0, jsx_runtime_1.jsx)("button", { style: {
                                     color: '#212121',
                                     backgroundColor: state.activeComponent === 'SQL views'
                                         ? '#2121210A'
@@ -490,7 +528,7 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
                                     outline: 'none',
                                 }, 
                                 // onClick={() => setActiveComponent("SQL views")}
-                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'SQL views' }), children: "SQL views" })] }), _jsx("div", { style: {
+                                onClick: () => dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'SQL views' }), children: "SQL views" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             minHeight: '50px',
@@ -498,21 +536,21 @@ function Navigation({ TextInputComponent, ButtonComponent, SecondaryButtonCompon
                             alignItems: 'center',
                             paddingRight: '8px',
                             width: 230,
-                        }, children: UserManagementComponent && _jsx(UserManagementComponent, {}) })] }), _jsx("div", { style: {
+                        }, children: UserManagementComponent && (0, jsx_runtime_1.jsx)(UserManagementComponent, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'column',
                     height: '100%',
                     width: '100%',
                     // marginTop: activeComponent !== 'Report' ? '70px' : undefined
-                }, children: _jsx(QuillProvider
+                }, children: (0, jsx_runtime_1.jsx)(react_2.QuillProvider
                 // organizationId={'2'}
                 // publicKey={client?._id}
                 , { 
                     // organizationId={'2'}
                     // publicKey={client?._id}
-                    organizationId: state.organizationId, queryEndpoint: queryEndpoint, withCredentials: withCredentials, queryHeaders: queryHeaders, publicKey: state.client._id, environment: state.environment, theme: theme, children: renderComponentBasedOnName() }) })] }));
+                    organizationId: state.organizationId, queryEndpoint: queryEndpoint, withCredentials: withCredentials, queryHeaders: queryHeaders, publicKey: state.client._id, environment: state.environment, theme: exports.theme, children: renderComponentBasedOnName() }) })] }));
 }
-export const theme = {
+exports.theme = {
     fontFamily: 'Inter; Helvetica',
     backgroundColor: '#FFFFFF',
     primaryTextColor: '#364153',
@@ -528,7 +566,7 @@ export const theme = {
     primaryButtonColor: '#212121',
     primaryButtonTextColor: '#FFFFFF',
 };
-export function convertPostgresColumn(column) {
+function convertPostgresColumn(column) {
     let format;
     switch (column.dataTypeID) {
         case 20: // int8
@@ -557,7 +595,8 @@ export function convertPostgresColumn(column) {
         format: format,
     };
 }
-export function getPostgresBasicType(column) {
+exports.convertPostgresColumn = convertPostgresColumn;
+function getPostgresBasicType(column) {
     let format;
     // first check if column.dataTypeID exists
     if (column.dataTypeID) {
@@ -605,21 +644,23 @@ export function getPostgresBasicType(column) {
     }
     return format;
 }
-export function classNames(...classes) {
+exports.getPostgresBasicType = getPostgresBasicType;
+function classNames(...classes) {
     return classes.filter(Boolean).join(' ');
 }
-export function AddDashboardModal({ selectedDashboard, isOpen, setIsOpen, client, ModalComponent, TextInputComponent, SelectComponent, HeaderComponent, ButtonComponent, dashNames, getDashNames, organizationId, }) {
-    const { state, dispatch } = useAdmin();
-    const [selectedDashboardName, setSelectedDashboardName] = useState(selectedDashboard?.name);
+exports.classNames = classNames;
+function AddDashboardModal({ selectedDashboard, isOpen, setIsOpen, client, ModalComponent, TextInputComponent, SelectComponent, HeaderComponent, ButtonComponent, dashNames, getDashNames, organizationId, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    const [selectedDashboardName, setSelectedDashboardName] = (0, react_1.useState)(selectedDashboard?.name);
     // const [tables] = useContext(TablesContext);
-    const [selectedTable, setSelectedTable] = useState(null);
-    const [name, setName] = useState('');
-    const [field, setField] = useState('');
-    const [filterType, setFilterType] = useState('string');
-    const [dateRange, setDateRange] = useState([new Date(), new Date()]);
-    const [newFilters, setNewFilters] = useState([]);
-    const [newDateFilter, setNewDateFilter] = useState(null);
-    useEffect(() => {
+    const [selectedTable, setSelectedTable] = (0, react_1.useState)(null);
+    const [name, setName] = (0, react_1.useState)('');
+    const [field, setField] = (0, react_1.useState)('');
+    const [filterType, setFilterType] = (0, react_1.useState)('string');
+    const [dateRange, setDateRange] = (0, react_1.useState)([new Date(), new Date()]);
+    const [newFilters, setNewFilters] = (0, react_1.useState)([]);
+    const [newDateFilter, setNewDateFilter] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         if (state.tables.length) {
             setSelectedTable(state.tables[0]);
             // setField(tables[0].columns.map((elem) => elem.name));
@@ -689,7 +730,7 @@ export function AddDashboardModal({ selectedDashboard, isOpen, setIsOpen, client
             return;
         }
         let responseData;
-        const url = `${QUILL_SERVER}/newdash/${client._id}/`;
+        const url = `${constants_1.QUILL_SERVER}/newdash/${client._id}/`;
         const body = newDateFilter && Object.keys(newDateFilter).length
             ? {
                 dateFilter: newDateFilter,
@@ -731,56 +772,57 @@ export function AddDashboardModal({ selectedDashboard, isOpen, setIsOpen, client
         }
     };
     if (!selectedTable) {
-        return _jsx(_Fragment, {});
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
     const handleAddFilter = async () => {
         setNewFilters([...newFilters, { label: '', field }]);
     };
-    return (_jsx(ModalComponent, { isOpen: isOpen, close: () => setIsOpen(false), children: _jsxs("div", { children: [_jsx(TextInputComponent, { placeholder: "Enter Dashboard Name...", onChange: (e) => setSelectedDashboardName(e.target.value), value: selectedDashboardName }), _jsxs("div", { style: {
+    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)(TextInputComponent, { placeholder: "Enter Dashboard Name...", onChange: (e) => setSelectedDashboardName(e.target.value), value: selectedDashboardName }), (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         alignItems: 'center',
                     }, children: [newFilters.map((filter, index) => {
-                            return (_jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h2", { children: "Label" }), _jsx(TextInputComponent, { value: filter.label, onChange: (e) => {
+                            return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h2", { children: "Label" }), (0, jsx_runtime_1.jsx)(TextInputComponent, { value: filter.label, onChange: (e) => {
                                                     const updatedFilters = newFilters.map((otherFilter, i) => index === i
                                                         ? { ...otherFilter, label: e.target.value }
                                                         : otherFilter);
                                                     setNewFilters(updatedFilters);
-                                                } })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("h4", { children: "Field" }), _jsx("div", { style: {
+                                                } })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h4", { children: "Field" }), (0, jsx_runtime_1.jsx)("div", { style: {
                                                     display: 'flex',
                                                     flexDirection: 'column',
                                                     alignItems: 'center',
-                                                }, children: _jsxs("div", { style: {
+                                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                                                         display: 'flex',
                                                         flexDirection: 'row',
                                                         alignItems: 'center',
-                                                    }, children: [_jsx(SelectComponent, { defaultValue: "", value: filter && filter.field ? filter.field : '', QuillOptions: selectedTable.columns.map((column) => {
+                                                    }, children: [(0, jsx_runtime_1.jsx)(SelectComponent, { defaultValue: "", value: filter && filter.field ? filter.field : '', QuillOptions: selectedTable.columns.map((column) => {
                                                                 return { label: column.name, value: column.name };
                                                             }), onChange: (e) => {
                                                                 const updatedFilters = newFilters.map((otherFilter, i) => index === i
                                                                     ? { ...otherFilter, field: e }
                                                                     : otherFilter);
                                                                 setNewFilters(updatedFilters);
-                                                            } }), _jsx("div", { onClick: () => handleDeleteFilter(filter), style: {
+                                                            } }), (0, jsx_runtime_1.jsx)("div", { onClick: () => handleDeleteFilter(filter), style: {
                                                                 height: 38,
                                                                 width: 42,
                                                                 alignItems: 'center',
                                                                 justifyContent: 'center',
                                                                 display: 'flex',
-                                                            }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#4C5462", width: "20", height: "20", children: _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" }) }) })] }) })] })] }, filter.field + index));
-                        }), _jsx(ButtonComponent, { onClick: handleAddFilter, label: "Add new filter +" }), _jsx(ButtonComponent, { onClick: handleAddDashboardSubmit, label: "Add Dashboard +" })] })] }) }));
+                                                            }, 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" }) }) })] }) })] })] }, filter.field + index));
+                        }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleAddFilter, label: "Add new filter +" }), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleAddDashboardSubmit, label: "Add Dashboard +" })] })] }) }));
 }
-export function TableCell({ table, clickTableCell }) {
+exports.AddDashboardModal = AddDashboardModal;
+function TableCell({ table, clickTableCell }) {
     const handleClickTableCell = () => {
         clickTableCell(table);
     };
-    return (_jsxs("div", { onClick: handleClickTableCell, style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: handleClickTableCell, style: {
             marginBottom: '54px',
             flex: 1,
             minWidth: '540px',
             maxWidth: '540px',
             cursor: 'pointer',
-        }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: _jsx("h3", { style: { color: '#384151' }, children: table.displayName }) }), _jsx(Highlight, { ...defaultProps, theme: prismTheme, code: table.viewQuery, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => (_jsx("pre", { className: className, style: {
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)("h3", { style: { color: '#384151' }, children: table.displayName }) }), (0, jsx_runtime_1.jsx)(prism_react_renderer_1.default, { ...prism_react_renderer_1.defaultProps, theme: nightOwlLight_1.default, code: table.viewQuery, language: "sql", children: ({ className, style, tokens, getLineProps, getTokenProps }) => ((0, jsx_runtime_1.jsx)("pre", { className: className, style: {
                         ...style,
                         textAlign: 'left',
                         margin: '1em 0',
@@ -790,21 +832,22 @@ export function TableCell({ table, clickTableCell }) {
                         maxWidth: 520,
                         // lineHeight: "1.3em",
                         // height: "1.3em",
-                    }, children: tokens.map((line, i) => (_jsx("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => (_jsx("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) })] }, table.displayName));
+                    }, children: tokens.map((line, i) => ((0, jsx_runtime_1.jsx)("div", { ...getLineProps({ line, key: i }), children: line.map((token, key) => ((0, jsx_runtime_1.jsx)("span", { ...getTokenProps({ token, key }) }, key))) }, i))) })) })] }, table.displayName));
 }
-export const SQLEditorComponent = ({ query, setQuery, 
+exports.TableCell = TableCell;
+const SQLEditorComponent = ({ query, setQuery, 
 // handleRunQuery,
 theme,
 // defineEditorTheme,
 // setEditorTheme,
  }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [rows, setRows] = useState([]);
-    const [columns, setColumns] = useState([]);
-    const [fields, setFields] = useState([]);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [rows, setRows] = (0, react_1.useState)([]);
+    const [columns, setColumns] = (0, react_1.useState)([]);
+    const [fields, setFields] = (0, react_1.useState)([]);
     // const [activeQuery] = useContext(ActiveQueryContext);
-    const { state, dispatch } = useAdmin();
-    return (_jsxs("div", { style: {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             background: theme.backgroundColor,
             // maxHeight: 700,
             // width: "100%",
@@ -814,7 +857,7 @@ theme,
             // marginLeft: 20,
             borderRadius: 6,
             overflow: 'hidden',
-        }, children: [_jsx(SQLEditor, { containerStyle: { height: 'calc(100vh - 270px)', width: '100%' }, onChangeQuery: (query) => setQuery(query), onChangeData: (data) => setRows(data), onChangeColumns: (columns) => setColumns(columns), onChangeFields: (fields) => setFields(fields), defaultQuery: state.activeQuery ? state.activeQuery : '' }), rows.length > 0 && (_jsx("button", { style: {
+        }, children: [(0, jsx_runtime_1.jsx)(react_2.SQLEditor, { containerStyle: { height: 'calc(100vh - 270px)', width: '100%' }, onChangeQuery: (query) => setQuery(query), onChangeData: (data) => setRows(data), onChangeColumns: (columns) => setColumns(columns), onChangeFields: (fields) => setFields(fields), defaultQuery: state.activeQuery ? state.activeQuery : '' }), rows.length > 0 && ((0, jsx_runtime_1.jsx)("button", { style: {
                     height: 36,
                     marginLeft: 250,
                     marginTop: 20,
@@ -832,10 +875,11 @@ theme,
                     fontSize: 14,
                     paddingLeft: 20,
                     paddingRight: 20,
-                }, onClick: () => setIsOpen(true), children: "Add to dashboard" })), _jsx(AddToDashboardModal, { isOpen: isOpen, setIsOpen: setIsOpen, rows: rows, columns: columns, query: query, showTableFormatQuillOptions: true, showDateFieldQuillOptions: true, showAccessControlQuillOptions: true, fields: fields })] }));
+                }, onClick: () => setIsOpen(true), children: "Add to dashboard" })), (0, jsx_runtime_1.jsx)(react_2.AddToDashboardModal, { isOpen: isOpen, setIsOpen: setIsOpen, rows: rows, columns: columns, query: query, showTableFormatQuillOptions: true, showDateFieldQuillOptions: true, showAccessControlQuillOptions: true, fields: fields })] }));
 };
+exports.SQLEditorComponent = SQLEditorComponent;
 const SchemaListComponent = ({ schema, theme }) => {
-    return (_jsx("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             background: theme.backgroundColor,
             maxHeight: 700,
             width: 300,
@@ -844,10 +888,10 @@ const SchemaListComponent = ({ schema, theme }) => {
             // maxHeight: "100%",
             paddingLeft: 20,
             paddingRight: 20,
-        }, children: schema.map((elem, index) => (_jsx(SchemaItem, { elem: elem, theme: theme, index: index }, elem.displayName + index))) }));
+        }, children: schema.map((elem, index) => ((0, jsx_runtime_1.jsx)(SchemaItem, { elem: elem, theme: theme, index: index }, elem.displayName + index))) }));
 };
 function SchemaItem({ elem, theme, index }) {
-    const [isOpen, setIsOpen] = useState(index === 0);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(index === 0);
     const schemaContainerStyle = {
         display: 'flex',
         flexDirection: 'column',
@@ -869,12 +913,12 @@ function SchemaItem({ elem, theme, index }) {
     const schemaRowHoverStyle = {
         background: theme.selectUnderlayColor,
     };
-    return (_jsxs("div", { style: schemaContainerStyle, children: [_jsxs("div", { style: { ...schemaRowStyle, ...(isOpen && schemaRowHoverStyle) }, onClick: () => setIsOpen(!isOpen), children: [_jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: schemaContainerStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: { ...schemaRowStyle, ...(isOpen && schemaRowHoverStyle) }, onClick: () => setIsOpen(!isOpen), children: [(0, jsx_runtime_1.jsx)("p", { style: {
                             marginLeft: theme.padding,
                             fontSize: theme.fontSize,
                             color: '#384151',
                             fontWeight: '500',
-                        }, children: elem.displayName }), _jsx("div", { style: {
+                        }, children: elem.displayName }), (0, jsx_runtime_1.jsx)("div", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'center',
@@ -883,19 +927,19 @@ function SchemaItem({ elem, theme, index }) {
                             paddingBottom: 20,
                             paddingLeft: 0,
                             cursor: 'pointer',
-                        }, children: isOpen ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "h-5 w-5 text-gray-400", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })) : (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "h-5 w-5", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) })) })] }), isOpen ? (_jsx("div", { style: {
+                        }, children: isOpen ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "h-5 w-5 text-gray-400", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "h-5 w-5", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) })) })] }), isOpen ? ((0, jsx_runtime_1.jsx)("div", { style: {
                     paddingBottom: theme.padding,
                     display: 'flex',
                     flexDirection: 'column',
                     paddingLeft: theme.padding,
                     paddingRight: theme.padding,
-                }, children: elem.columns.map((elem, index) => (_jsxs("div", { style: {
+                }, children: elem.columns.map((elem, index) => ((0, jsx_runtime_1.jsxs)("div", { style: {
                         paddingTop: theme.padding,
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'center',
                         justifyContent: 'space-between',
-                    }, children: [_jsx("div", { title: elem.displayName, className: "text-gray-500", style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { title: elem.displayName, className: "text-gray-500", style: {
                                 fontSize: 13,
                                 //   color: theme.secondaryFontColor,
                                 whiteSpace: 'nowrap',
@@ -905,14 +949,14 @@ function SchemaItem({ elem, theme, index }) {
                                 overflow: 'hidden',
                                 width: 200,
                                 maxWidth: 200,
-                            }, children: elem.displayName }), _jsx("div", { className: "text-gray-500", title: elem.displayName, style: {
+                            }, children: elem.displayName }), (0, jsx_runtime_1.jsx)("div", { className: "text-gray-500", title: elem.displayName, style: {
                                 fontSize: 13,
                                 color: theme.secondaryFontColor,
                                 padding: 0,
                                 margin: 0,
                             }, children: elem.fieldType })] }, elem.displayName + elem.index))) })) : null] }));
 }
-export function defineEditorTheme(monaco, theme) {
+function defineEditorTheme(monaco, theme) {
     monaco.editor.defineTheme('onedark', {
         base: theme.darkMode ? 'vs-dark' : 'vs',
         inherit: true,
@@ -929,7 +973,8 @@ export function defineEditorTheme(monaco, theme) {
         },
     });
 }
-export function setEditorTheme(editor, monaco) {
+exports.defineEditorTheme = defineEditorTheme;
+function setEditorTheme(editor, monaco) {
     try {
         monaco.editor.setTheme('onedark');
     }
@@ -937,11 +982,14 @@ export function setEditorTheme(editor, monaco) {
         console.log('ERROR: ', e);
     }
 }
-export function isValidDate(d) {
+exports.setEditorTheme = setEditorTheme;
+function isValidDate(d) {
     return d instanceof Date && !isNaN(d);
 }
-export const isArrayOfValidDates = (arr, field) => arr.every((d) => new Date(d[field]) instanceof Date && !isNaN(new Date(d[field])));
-export function formatDateBuckets(startDate, endDate) {
+exports.isValidDate = isValidDate;
+const isArrayOfValidDates = (arr, field) => arr.every((d) => new Date(d[field]) instanceof Date && !isNaN(new Date(d[field])));
+exports.isArrayOfValidDates = isArrayOfValidDates;
+function formatDateBuckets(startDate, endDate) {
     // Calculate the distance in hours
     const distanceInHours = Math.abs(differenceInHours(endDate, startDate));
     // Check if the distance is less than or equal to one hour
@@ -989,6 +1037,7 @@ export function formatDateBuckets(startDate, endDate) {
         startOf: startOfYear,
     };
 }
+exports.formatDateBuckets = formatDateBuckets;
 const POSTGRES_DATE_TYPES = [
     'timestamp',
     'date',
@@ -1009,8 +1058,8 @@ const FORMAT_QuillOptionS = [
     { value: 'string', label: 'string' },
 ];
 function Report({ reportId, saveDashboardItem, isOpen, setIsOpen, isEditQueryOpen, SecondaryButtonComponent, ButtonComponent, deleteReport, updateQuery, OrganizationSelectComponent, ModalComponent, NavigateToDashboardBuilder, }) {
-    const { data, loading, error } = useQuill(reportId);
-    const { state, dispatch } = useAdmin();
+    const { data, loading, error } = (0, react_2.useQuill)(reportId);
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const downloadCSV = () => {
         // report.rows
         if (!data) {
@@ -1046,9 +1095,9 @@ function Report({ reportId, saveDashboardItem, isOpen, setIsOpen, isEditQueryOpe
         return null;
     }
     if (error) {
-        return _jsx("div", { children: error });
+        return (0, jsx_runtime_1.jsx)("div", { children: error });
     }
-    return (_jsxs("div", { style: { paddingLeft: 40, paddingRight: 40 }, children: [_jsx("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { paddingLeft: 40, paddingRight: 40 }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     //   width: 'calc(100vw - 30px)',
                     display: 'flex',
                     position: 'fixed',
@@ -1068,64 +1117,64 @@ function Report({ reportId, saveDashboardItem, isOpen, setIsOpen, isEditQueryOpe
                     borderLeftWidth: 0,
                     borderRightWidth: 0,
                     borderStyle: 'solid',
-                    borderColor: theme.borderColor,
+                    borderColor: exports.theme.borderColor,
                     paddingBottom: 20,
                     boxShadow: '0px 1px 4px 0px rgba(0, 0, 0, 0.07)',
                     //   paddingRight: '50px',
                     //   position: 'absolute'
                     //   // zIndex: 10
-                }, children: _jsxs("div", { style: {
+                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'flex-end',
                         justifyContent: 'space-between',
                         width: '100%',
                         // marginLeft: '25px'
-                    }, children: [_jsxs("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 paddingBottom: 4,
-                            }, children: [_jsx(SecondaryButtonComponent, { label: "\u2190 Back", onClick: goBack }), _jsx("h1", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "\u2190 Back", onClick: goBack }), (0, jsx_runtime_1.jsx)("h1", { style: {
                                         fontSize: '36px',
                                         paddingTop: '0px',
                                         fontWeight: '600',
                                         color: '#384151',
                                         margin: 0,
                                         paddingLeft: 16,
-                                    }, children: data.name })] }), _jsxs("div", { style: {
+                                    }, children: data.name })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
-                            }, children: [_jsx("div", { style: { width: '20px' } }), _jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx("div", { style: {
+                            }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '20px' } }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'row',
                                             alignItems: 'flex-end',
                                             gap: 16,
-                                        }, children: _jsx(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 }) }) })] })] }) }), _jsx("div", { style: { height: 240 } }), _jsx(Chart, { chartId: reportId, colors: theme.chartColors, containerStyle: {
+                                        }, 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 }) }) })] })] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 240 } }), (0, jsx_runtime_1.jsx)(react_2.Chart, { chartId: reportId, colors: exports.theme.chartColors, containerStyle: {
                     width: 'calc(100vw - 80px)',
                     height: data.chartType === 'table' ? 600 : 400,
-                } }), _jsxs("div", { style: {
+                } }), (0, jsx_runtime_1.jsxs)("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: 16,
                     marginTop: 20,
-                }, children: [_jsx(SecondaryButtonComponent, { label: "Edit chart", onClick: () => setIsOpen(true) }), state.navigateToDashboardBuilder && (_jsx(SecondaryButtonComponent, { label: "Edit query", onClick: () => {
+                }, children: [(0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Edit chart", onClick: () => setIsOpen(true) }), state.navigateToDashboardBuilder && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Edit query", onClick: () => {
                             dispatch({ type: 'SET_ACTIVE_QUERY', payload: data.queryString });
                             dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: data });
                             state.navigateToDashboardBuilder();
-                        } })), _jsx(SecondaryButtonComponent, { label: "Delete", onClick: deleteReport })] }), data.chartType !== 'table' && (_jsx(Table, { containerStyle: { height: 400, width: '100%', marginTop: 24 }, chartId: reportId })), _jsx(EditVisualizationModal, { isOpen: isOpen, setIsOpen: setIsOpen, report: data, isEditMode: !!state.activeQuery, data: data.rows, query: data.queryString, columns: data.columns, fields: data.fields })] }));
+                        } })), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: "Delete", onClick: deleteReport })] }), data.chartType !== 'table' && ((0, jsx_runtime_1.jsx)(react_2.Table, { containerStyle: { height: 400, width: '100%', marginTop: 24 }, chartId: reportId })), (0, jsx_runtime_1.jsx)(EditVisualizationModal, { isOpen: isOpen, setIsOpen: setIsOpen, report: data, isEditMode: !!state.activeQuery, data: data.rows, query: data.queryString, columns: data.columns, fields: data.fields })] }));
 }
-function EditVisualizationModal({ isOpen, setIsOpen, report, data, isEditMode }) {
+function EditVisualizationModal({ isOpen, setIsOpen, report, data, isEditMode, }) {
     if (!report && !data?.length) {
         return null;
     }
-    return (_jsx(_Fragment, { children: isOpen && (_jsxs("div", { className: "inset-0 overflow-y-auto relative", style: { zIndex: 120 }, children: [_jsx("div", { className: "absolute inset-0 bg-black/30", "aria-hidden": "true", onClick: () => setIsOpen(false) }), _jsx("div", { className: "flex min-h-full items-center justify-center p-4", children: _jsx("div", { className: "bg-white px-7 py-7 rounded-lg", children: _jsx(ChartEditor, { isOpen: isOpen, setIsOpen: setIsOpen, isEditMode: isEditMode, chartId: report._id, admin: true }) }) })] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 overflow-y-auto relative", style: { zIndex: 120 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-black/30", "aria-hidden": "true", onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)("div", { className: "flex min-h-full items-center justify-center p-4", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white px-7 py-7 rounded-lg", children: (0, jsx_runtime_1.jsx)(react_2.ChartEditor, { isOpen: isOpen, setIsOpen: setIsOpen, isEditMode: isEditMode, chartId: report._id, admin: true }) }) })] })) }));
 }
-export function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, organizationId, queryEndpoint, queryHeaders, withCredentials, }) {
-    const { state, dispatch } = useAdmin();
-    let [isOpen, setIsOpen] = useState(false);
-    const [isEditQueryOpen, setIsEditQueryOpen] = useState(false);
+function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, organizationId, queryEndpoint, queryHeaders, withCredentials, }) {
+    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
+    let [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [isEditQueryOpen, setIsEditQueryOpen] = (0, react_1.useState)(false);
     const updateQuery = async (dashboardItemId, query) => {
         if (!state.client || !dashboardItemId || !query) {
             return;
@@ -1153,7 +1202,7 @@ export function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, Modal
             responseData = await response.json();
         }
         else {
-            const url = `${QUILL_SERVER}/updatequery/${state.client._id}/${organizationId}/`;
+            const url = `${constants_1.QUILL_SERVER}/updatequery/${state.client._id}/${organizationId}/`;
             const requestBody = {
                 dashboardItemId,
                 query,
@@ -1220,7 +1269,7 @@ export function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, Modal
             responseData = await response.json(); // If the server returns JSON data
         }
         else {
-            const url = `${QUILL_SERVER}/deletedash/${state.client._id}/${organizationId}/`;
+            const url = `${constants_1.QUILL_SERVER}/deletedash/${state.client._id}/${organizationId}/`;
             const requestBody = {
                 dashboardItemId: state.reportId,
             };
@@ -1239,22 +1288,23 @@ export function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, Modal
             dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'Dashboards' });
         }
     };
-    return (_jsx(Report, { reportId: state.reportId, updateQuery: updateQuery, isOpen: isOpen, setIsOpen: setIsOpen, isEditQueryOpen: isEditQueryOpen, setIsEditQueryOpen: setIsEditQueryOpen, deleteReport: deleteReport, SecondaryButtonComponent: SecondaryButtonComponent, ButtonComponent: ButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, OrganizationSelectComponent: OrganizationSelectComponent }));
+    return ((0, jsx_runtime_1.jsx)(Report, { reportId: state.reportId, updateQuery: updateQuery, isOpen: isOpen, setIsOpen: setIsOpen, isEditQueryOpen: isEditQueryOpen, setIsEditQueryOpen: setIsEditQueryOpen, deleteReport: deleteReport, SecondaryButtonComponent: SecondaryButtonComponent, ButtonComponent: ButtonComponent, ModalComponent: ModalComponent, SelectComponent: SelectComponent, OrganizationSelectComponent: OrganizationSelectComponent }));
 }
+exports.ReportWrapper = ReportWrapper;
 const measuringConfig = {
     droppable: {
-        strategy: MeasuringStrategy.Always,
+        strategy: core_1.MeasuringStrategy.Always,
     },
 };
-export function ReorderableList({ initialItems, client, itemMap, ButtonComponent, closeModal, onSave, }) {
-    const [items, setItems] = useState([]);
+function ReorderableList({ initialItems, client, itemMap, ButtonComponent, closeModal, onSave, }) {
+    const [items, setItems] = (0, react_1.useState)([]);
     // const [client] = useContext(ClientContext);
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }), useSensor(TouchSensor, {
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }), (0, core_1.useSensor)(core_1.TouchSensor, {
         activationConstraint: '',
     }));
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setItems(initialItems
             .sort((a, b) => {
             if (a.order === undefined && b.order === undefined)
@@ -1275,7 +1325,7 @@ export function ReorderableList({ initialItems, client, itemMap, ButtonComponent
             return;
         }
         try {
-            const response = await fetch(`${QUILL_SERVER}/dashorder/`, {
+            const response = await fetch(`${constants_1.QUILL_SERVER}/dashorder/`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -1297,7 +1347,7 @@ export function ReorderableList({ initialItems, client, itemMap, ButtonComponent
             console.error(error.message);
         }
     };
-    return (_jsxs("div", { children: [_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, measuring: measuringConfig, children: _jsx(SortableContext, { items: items, strategy: verticalListSortingStrategy, children: _jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, measuring: measuringConfig, children: (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: items, strategy: sortable_1.verticalListSortingStrategy, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                             background: 'white',
                             position: 'fixed',
                             width: '100%',
@@ -1305,7 +1355,7 @@ export function ReorderableList({ initialItems, client, itemMap, ButtonComponent
                             overflowY: 'scroll',
                             overflowX: 'hidden',
                             maxWidth: 700,
-                        }, children: [_jsx("div", { style: { height: 80 } }), items.map((id) => (_jsx(SortableItem, { id: id, name: itemMap?.get(id).name }, id))), _jsx("div", { style: { height: 100, width: '100%' } })] }) }) }), _jsx("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { height: 80 } }), items.map((id) => ((0, jsx_runtime_1.jsx)(SortableItem, { id: id, name: itemMap?.get(id).name }, id))), (0, jsx_runtime_1.jsx)("div", { style: { height: 100, width: '100%' } })] }) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                     height: 80,
                     paddingTop: 20,
                     width: '100%',
@@ -1314,7 +1364,7 @@ export function ReorderableList({ initialItems, client, itemMap, ButtonComponent
                     bottom: -20,
                     left: 0,
                     right: 0,
-                }, children: _jsx(ButtonComponent, { onClick: handleSaveChanges, label: "Save changes" }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: handleSaveChanges, label: "Save changes" }) })] }));
     function handleDragEnd(event) {
         const { active, over } = event;
         if (!over?.id || !active?.id) {
@@ -1324,20 +1374,21 @@ export function ReorderableList({ initialItems, client, itemMap, ButtonComponent
             setItems((items) => {
                 const oldIndex = items.indexOf(active.id);
                 const newIndex = items.indexOf(over.id);
-                return arrayMove(items, oldIndex, newIndex);
+                return (0, sortable_1.arrayMove)(items, oldIndex, newIndex);
             });
         }
     }
 }
-const animateLayoutChanges = (args) => args.isSorting || args.wasDragging ? defaultAnimateLayoutChanges(args) : true;
+exports.ReorderableList = ReorderableList;
+const animateLayoutChanges = (args) => args.isSorting || args.wasDragging ? (0, sortable_1.defaultAnimateLayoutChanges)(args) : true;
 function SortableItem({ id, name }) {
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+    const { attributes, listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({
         animateLayoutChanges,
         id: id,
     });
     let height = 50;
     const style = {
-        transform: CSS.Translate.toString(transform),
+        transform: utilities_1.CSS.Translate.toString(transform),
         transition,
         display: 'flex',
         justifyContent: 'space-between',
@@ -1350,7 +1401,7 @@ function SortableItem({ id, name }) {
         marginBottom: 20,
         background: 'white',
     };
-    return (_jsx("div", { ref: setNodeRef, style: style, ...attributes, children: _jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: setNodeRef, style: style, ...attributes, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 cursor: 'pointer',
                 width: '100%',
                 display: 'flex',
@@ -1358,7 +1409,7 @@ function SortableItem({ id, name }) {
                 alignItems: 'center',
                 justifyContent: 'space-between',
                 height: 260,
-            }, ...listeners, children: [_jsxs("div", { style: {
+            }, ...listeners, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         justifyContent: 'space-between',
@@ -1366,19 +1417,20 @@ function SortableItem({ id, name }) {
                         paddingTop: 20,
                         paddingBottom: 20,
                         width: '100%',
-                    }, children: [_jsx("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                 minWidth: 600,
                                 width: '100%',
                                 paddingLeft: 20,
                                 fontSize: 18,
                                 fontWeight: '500',
-                            }, children: name }), _jsx(Chart, { chartId: id, containerStyle: {
+                            }, children: name }), (0, jsx_runtime_1.jsx)(react_2.Chart, { chartId: id, containerStyle: {
                                 height: 180,
                                 width: '100%',
-                            } })] }), _jsx("div", { style: {
+                            } })] }), (0, jsx_runtime_1.jsx)("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         paddingRight: 20,
                         paddingLeft: 20,
-                    }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "#6D727E", height: 24, width: 24, children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) }) })] }) }));
+                    }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "#6D727E", height: 24, width: 24, children: (0, jsx_runtime_1.jsx)("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) }) })] }) }));
 }
+//# sourceMappingURL=Admin.js.map