@quillsql/admin 1.5.2 → 1.6.0

package/dist/cjs/modals/ReorderDashboardModal.js

@@ -9,18 +9,14 @@ const sortable_1 = require("@dnd-kit/sortable");
 const utilities_1 = require("@dnd-kit/utilities");
 const core_1 = require("@dnd-kit/core");
 const react_2 = require("@quillsql/react");
+const UiComponents_1 = require("../components/UiComponents");
 function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalComponent, ButtonComponent, selectedDashboard, organizationId, }) {
-    // const [client] = useContext(ClientContext);
-    const [dashboardItems, setDashboardItems] = (0, react_1.useState)([]);
+    const { state } = (0, AdminProvider_1.useAdmin)();
+    const [sections, setSections] = (0, react_1.useState)([]);
+    const [metrics, setMetrics] = (0, react_1.useState)({});
+    const [charts, setCharts] = (0, react_1.useState)({});
+    const [tables, setTables] = (0, react_1.useState)({});
     const [loading, setLoading] = (0, react_1.useState)(false);
-    const [doesDashboardHaveTables, setDoesDashboardHaveTables] = (0, react_1.useState)(false);
-    const [doesDashboardHaveCharts, setDoesDashboardHaveCharts] = (0, react_1.useState)(false);
-    const [doesDashboardHaveMetrics, setDoesDashboardHaveMetrics] = (0, react_1.useState)(false);
-    const [itemMap, setItemMap] = (0, react_1.useState)(null);
-    const [metrics, setMetrics] = (0, react_1.useState)([]);
-    const [charts, setCharts] = (0, react_1.useState)([]);
-    const [tables, setTables] = (0, react_1.useState)([]);
-    const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     (0, react_1.useEffect)(() => {
         async function getDashboardItems() {
             const { _id, environment } = state.client;
@@ -39,41 +35,23 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                 },
             });
             const responseData = await response.json();
-            let flattened = [];
-            for (let key in responseData.sections) {
-                flattened = flattened.concat(responseData.sections[key]);
-            }
-            setDashboardItems(flattened);
-            setMetrics(flattened.filter((elem) => elem.chartType === 'metric'));
-            setTables(flattened.filter((elem) => elem.chartType === 'table'));
-            setCharts(flattened.filter((elem) => !['metric', 'table'].includes(elem.chartType)));
+            const sections = responseData.sections;
+            setSections(Object.keys(sections));
+            const isMetric = (elem) => elem.chartType === 'metric';
+            const isChart = (elem) => !['metric', 'table'].includes(elem.chartType);
+            const isTable = (elem) => elem.chartType === 'table';
+            setMetrics(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isMetric)])));
+            setCharts(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isChart)])));
+            setTables(Object.fromEntries(Object.entries(sections).map(([k, v]) => [k, v.filter(isTable)])));
             setLoading(false);
         }
         if (selectedDashboard && state.client) {
             getDashboardItems();
         }
     }, [selectedDashboard, state.client]);
-    (0, react_1.useEffect)(() => {
-        const itemMap = new Map();
-        dashboardItems.forEach((item) => {
-            if (item.chartType === 'table') {
-                setDoesDashboardHaveTables(true);
-            }
-            else if (item.chartType === 'metric') {
-                setDoesDashboardHaveMetrics(true);
-            }
-            else {
-                setDoesDashboardHaveCharts(true);
-            }
-            itemMap.set(item._id, item);
-        });
-        setItemMap(itemMap);
-    }, [dashboardItems]);
     const handleSaveChanges = async () => {
         if (!client)
             return;
-        if (!dashboardItems.length)
-            return;
         try {
             const response = await fetch(`${constants_1.QUILL_SERVER}/dashorder/`, {
                 method: 'POST',
@@ -82,7 +60,11 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                 },
                 body: JSON.stringify({
                     publicKey: client._id,
-                    orderArray: [...metrics, ...charts, ...tables],
+                    orderArray: [
+                        ...Object.values(metrics).flat(),
+                        ...Object.values(charts).flat(),
+                        ...Object.values(tables).flat(),
+                    ],
                 }),
             });
             if (!response.ok) {
@@ -104,7 +86,7 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
             flexDirection: 'column',
             width: 'calc(100vw - 80px)',
             height: 'calc(100vh - 80px)',
-        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 22, fontWeight: 600, width: '100%' }, children: "Reorder Items" }), loading ? (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }) : null, (0, jsx_runtime_1.jsx)("div", { style: {
+        }, children: [(0, jsx_runtime_1.jsx)("h1", { style: { fontSize: 22, fontWeight: 600, width: '100%' }, children: "Reorder Items" }), loading ? (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) : null, (0, jsx_runtime_1.jsx)("div", { style: {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: 20,
@@ -112,7 +94,18 @@ function ReorderDashboardModal({ isOpen, setIsOpen, client, onSave, ModalCompone
                     width: '100%',
                     height: 'calc(100% - 20px)',
                     zIndex: 100,
-                }, children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: dashboardItems.length > 0 && itemMap.size > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [doesDashboardHaveMetrics && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'metrics', items: metrics, setItems: setMetrics })), doesDashboardHaveCharts && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'charts', items: charts, setItems: setCharts })), doesDashboardHaveTables && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'tables', items: tables, setItems: setTables }))] })) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                }, children: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 20 }, children: sections
+                        .sort((a, b) => a.length - b.length)
+                        .map((sectionName, sectionIndex) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 20,
+                        }, children: [sectionName && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)("h1", { style: {
+                                        fontSize: 22,
+                                        fontWeight: 'bold',
+                                        textAlign: 'left',
+                                        marginTop: sectionIndex > 0 ? 20 : 0,
+                                    }, children: sectionName }) })), metrics[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'metrics', section: sectionName, items: metrics[sectionName], setItems: setMetrics })), charts[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'charts', section: sectionName, items: charts[sectionName], setItems: setCharts })), tables[sectionName]?.length > 0 && ((0, jsx_runtime_1.jsx)(ReorderableGrid, { type: 'tables', section: sectionName, items: tables[sectionName], setItems: setTables }))] }))) }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                     width: '100%',
                     display: 'flex',
                     flexDirection: 'row',
@@ -157,13 +150,15 @@ const SortableItem = (props) => {
                                     fontSize: 18,
                                     fontWeight: '500',
                                     flexGrow: 1,
-                                }, children: props.value }), (0, jsx_runtime_1.jsx)(HandleButton, {})] }), (0, jsx_runtime_1.jsx)(react_2.Chart, { chartId: props.id, containerStyle: {
+                                }, children: props.value }), (0, jsx_runtime_1.jsx)(HandleButton, {})] }), (0, jsx_runtime_1.jsx)(react_2.Chart, { reportId: props.id, containerStyle: {
                             padding: 10,
                             height: props.chartType === 'metric' ? 80 : 250,
                             width: 'calc(100% - 20px)',
                         } })] }) }) }));
 };
-function ReorderableGrid({ type, items, setItems }) {
+function ReorderableGrid({ type, section, items, setItems }) {
+    if (!items)
+        return null;
     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, {
@@ -174,10 +169,12 @@ function ReorderableGrid({ type, items, setItems }) {
         if (!active || !over)
             return;
         if (active.id !== over.id) {
-            setItems((itemList) => {
-                const oldIndex = itemList.findIndex((item) => item._id === active.id);
-                const newIndex = itemList.findIndex((item) => item._id === over.id);
-                return (0, sortable_1.arrayMove)(itemList, oldIndex, newIndex);
+            setItems((items) => {
+                const list = items[section];
+                const oldIndex = list.findIndex((item) => item._id === active.id);
+                const newIndex = list.findIndex((item) => item._id === over.id);
+                const newOrder = (0, sortable_1.arrayMove)(list, oldIndex, newIndex);
+                return { ...items, [section]: newOrder };
             });
         }
     };

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

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

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

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

package/dist/cjs/modals/index.js

@@ -3,11 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReorderDashboardModal = exports.PromoteViewModal = exports.EditDashboardsModal = exports.PromoteDashModal = void 0;
+exports.ReorderDashboardModal = exports.PromoteViewModal = exports.PromoteDashModal = void 0;
 var PromoteDashModal_1 = require("./PromoteDashModal");
 Object.defineProperty(exports, "PromoteDashModal", { enumerable: true, get: function () { return __importDefault(PromoteDashModal_1).default; } });
-var EditDashboardsModal_1 = require("./EditDashboardsModal");
-Object.defineProperty(exports, "EditDashboardsModal", { enumerable: true, get: function () { return __importDefault(EditDashboardsModal_1).default; } });
 var PromoteViewModal_1 = require("./PromoteViewModal");
 Object.defineProperty(exports, "PromoteViewModal", { enumerable: true, get: function () { return __importDefault(PromoteViewModal_1).default; } });
 var ReorderDashboardModal_1 = require("./ReorderDashboardModal");

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

@@ -7,6 +7,8 @@ type ButtonPrimitiveProps = {
     style?: React.CSSProperties;
     variant?: 'primary' | 'secondary' | 'danger';
 };
-declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps>;
+declare const ButtonPrimitive: React.FC<ButtonPrimitiveProps & {
+    isLoading?: boolean;
+}>;
 export default ButtonPrimitive;
 //# sourceMappingURL=ButtonPrimitive.d.ts.map

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

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

package/dist/cjs/primitives/ButtonPrimitive.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Admin_1 = require("../Admin");
-const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant = 'primary', }) => {
+const UiComponents_1 = require("../components/UiComponents");
+const ButtonPrimitive = ({ onClick, isLoading = false, label, theme = Admin_1.theme, style, variant = 'primary', }) => {
     if (variant === 'danger') {
         return ((0, jsx_runtime_1.jsxs)("button", { style: {
                 height: 36,
@@ -20,7 +21,7 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
                 paddingLeft: 20,
                 paddingRight: 20,
                 ...style,
-            }, onClick: onClick, className: "quill--danger-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), label] }));
+            }, onClick: onClick, className: "quill--danger-button", children: [(0, jsx_runtime_1.jsx)("style", { children: ` .quill--danger-button { background: #e7e7e7 } .quill--danger-button:hover { background: #DCDCDC }` }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { style: { padding: '32px 0px' }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : (label)] }));
     }
     return ((0, jsx_runtime_1.jsxs)("button", { style: {
             height: 36,
@@ -34,6 +35,7 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
             fontFamily: theme?.fontFamily,
             fontWeight: theme?.buttonFontWeight || 600,
             border: 'none',
+            whiteSpace: 'nowrap',
             fontSize: 14,
             paddingLeft: 20,
             paddingRight: 20,
@@ -44,6 +46,6 @@ const ButtonPrimitive = ({ onClick, label, theme = Admin_1.theme, style, variant
                 }
                 .quill-button:hover {
                     background: rgba(0,0,0,0.75);
-                }` }), label] }));
+                }` }), isLoading ? ((0, jsx_runtime_1.jsx)("div", { style: { padding: '0px 16px' }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : (label)] }));
 };
 exports.default = ButtonPrimitive;

package/dist/cjs/primitives/TogglePrimitive.js

@@ -6,8 +6,8 @@ const TogglePrimitive = ({ value, onClick }) => {
         container: {
             display: 'inline-block',
             position: 'relative',
-            width: '70px',
-            height: '38px',
+            width: '50px',
+            height: '30px',
             borderRadius: '24px',
             backgroundColor: value ? '#212121' : '#ccc',
             cursor: 'pointer',
@@ -16,9 +16,9 @@ const TogglePrimitive = ({ value, onClick }) => {
         circle: {
             position: 'absolute',
             top: '3px',
-            left: value ? '35px' : '3px',
-            width: '32px',
-            height: '32px',
+            left: value ? '23px' : '3px',
+            width: '24px',
+            height: '24px',
             borderRadius: '50%',
             backgroundColor: '#FFF',
             transition: 'left 0.4s',

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

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

package/dist/cjs/public_components/CreateEnvironment.js

@@ -145,7 +145,7 @@ function CreateEnvironment({ navigateToDashboardManager, containerStyle, }) {
                     setCreateEnvSteps(updatedSteps);
                     setAllSchemaInfo(schemaDetails);
                     openStep('createSQLViews');
-                }, allSchemaInfo: allSchemaInfo, environmentDetails: environmentDetails, initialError: initialError, clientId: clientId })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Connect Schema", completed: createEnvSteps.connectSchema.completed, header1Style: header1Style, onClick: () => {
+                }, allSchemaInfo: allSchemaInfo, environmentDetails: environmentDetails, initialError: initialError, clientId: clientId, state: state })) : ((0, jsx_runtime_1.jsx)(StepDisplay_1.default, { label: "Connect Schema", completed: createEnvSteps.connectSchema.completed, header1Style: header1Style, onClick: () => {
                     openStep('connectSchema');
                     setInitialError(undefined);
                 } })), createEnvSteps.createSQLViews.open ? ((0, jsx_runtime_1.jsx)(CreateSqlViews_1.default, { containerStyle: {

package/dist/cjs/public_components/DashboardBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAa5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CA8ZA"}
+{"version":3,"file":"DashboardBuilder.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAY5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,EACd,SAAgB,GACjB,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAgcA"}

package/dist/cjs/public_components/DashboardBuilder.js

@@ -12,7 +12,6 @@ const react_2 = require("@quillsql/react");
 const constants_1 = require("../utils/constants");
 const Banner_1 = __importDefault(require("../components/Banner"));
 const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
-const primitives_1 = require("../primitives");
 const modeToggleOptions = ['SQL Editor', 'Report Builder'];
 function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEditor = true, }) {
     const parentRef = (0, react_1.useRef)(null);
@@ -160,7 +159,7 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                         borderLeftWidth: 0,
                         borderRightWidth: 0,
                         borderStyle: 'solid',
-                        borderColor: state.theme.borderColor,
+                        borderColor: state.theme?.borderColor,
                         paddingBottom: 20,
                         // boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
                         //   paddingRight: '50px',
@@ -237,7 +236,12 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                         // and don't refetch when switching back and forth.
                         height: toggleMode === 'Report Builder' ? '100%' : 0,
                         overflow: 'hidden',
-                    }, children: (0, jsx_runtime_1.jsx)(react_2.ReportBuilder, { admin: true, initialTableName: state.tables.length > 0 && state.tables[0].name, onAddToDashboardComplete: () => {
+                    }, children: (0, jsx_runtime_1.jsx)(react_2.ReportBuilder, { isAdminEnabled: true, 
+                        // initialTableName={state.tables.length > 0 && state.tables[0]!.name}
+                        onSubmitCreateReport: (report) => {
+                            const dashboard = state.dashboards.find((dash) => {
+                                return dash.name === report.dashboardName;
+                            });
                             dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
                             dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
                             if (state.navigateToDashboardManager) {
@@ -245,14 +249,41 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                                     type: 'SET_ACTIVE_COMPONENT',
                                     payload: 'Dashboards',
                                 });
+                                dispatch({
+                                    type: 'SET_SELECTED_DASHBOARD',
+                                    payload: dashboard,
+                                });
+                                state.navigateToDashboardManager();
+                            }
+                        }, onSubmitEditReport: (report) => {
+                            const dashboard = state.dashboards.find((dash) => {
+                                return dash.name === report.dashboardName;
+                            });
+                            dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
+                            dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
+                            if (state.navigateToDashboardManager) {
+                                dispatch({
+                                    type: 'SET_ACTIVE_COMPONENT',
+                                    payload: 'Dashboards',
+                                });
+                                dispatch({
+                                    type: 'SET_SELECTED_DASHBOARD',
+                                    payload: dashboard,
+                                });
                                 state.navigateToDashboardManager();
                             }
                         }, organizationName: state.organizations.find((org) => {
                             return (org.id && String(org.id) === String(state.organizationId));
-                        })?.name }) }), sqlEditor && !state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsx)("div", { style: {
+                        })?.name, containerStyle: {
+                            height: '100%',
+                            width: '100%',
+                        } }) }), sqlEditor && !state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsx)("div", { style: {
                         height: toggleMode === 'SQL Editor' ? '100%' : 0,
                         overflow: 'hidden',
-                    }, children: (0, jsx_runtime_1.jsx)(react_2.SQLEditor, { chartBuilderEnabled: true, showAccessControlOptions: true, showDateFieldOptions: true, showTableFormatOptions: true, defaultQuery: query, isEditMode: !!state.activeQuery, addToDashboardButtonLabel: state.activeQuery ? 'Save changes' : 'Add to dashboard', chartBuilderTitle: state.activeQuery ? 'Save changes' : 'Add to dashboard', dashboardItem: state.activeQuery ? state.activeEditItem : undefined, onAddToDashboardComplete: () => {
+                    }, children: (0, jsx_runtime_1.jsx)(react_2.SQLEditor, { isChartBuilderEnabled: true, showAccessControlOptions: true, showDateFieldOptions: true, showTableFormatOptions: true, defaultQuery: query, addToDashboardButtonLabel: state.activeQuery ? 'Save changes' : 'Add to dashboard', chartBuilderTitle: state.activeQuery ? 'Save changes' : 'Add to dashboard', report: state.activeQuery ? state.activeEditItem : undefined, onAddToDashboardComplete: (report) => {
+                            const dashboard = state.dashboards.find((dash) => {
+                                return dash.name === report.dashboardName;
+                            });
                             dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
                             dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
                             if (state.navigateToDashboardManager) {
@@ -260,6 +291,10 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                                     type: 'SET_ACTIVE_COMPONENT',
                                     payload: 'Dashboards',
                                 });
+                                dispatch({
+                                    type: 'SET_SELECTED_DASHBOARD',
+                                    payload: dashboard,
+                                });
                                 state.navigateToDashboardManager();
                             }
                         }, containerStyle: {
@@ -269,6 +304,6 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                             // paddingTop: 25,
                         }, organizationName: state.organizations.find((org) => {
                             return (org.id && String(org.id) === String(state.organizationId));
-                        })?.name, ButtonComponent: primitives_1.ButtonPrimitive }) }))] }) }));
+                        })?.name }) }))] }) }));
 }
 exports.default = DashboardBuilder;

package/dist/cjs/public_components/DashboardManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAiCnE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAukBA"}
+{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA0BnE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,0BAA0B,EAC1B,cAAc,GACf,EAAE;IACD,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAofA"}

package/dist/cjs/public_components/DashboardManager.js

@@ -16,34 +16,28 @@ const constants_1 = require("../utils/constants");
 const EmptyDashboardComponent_1 = __importDefault(require("../components/EmptyDashboardComponent"));
 const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
 const UiComponents_1 = require("../components/UiComponents");
+const QuillSelect_1 = require("../components/QuillSelect");
+const EditFiltersModal_1 = require("../modals/EditFiltersModal");
 function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
     const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
     const parentRef = (0, react_1.useRef)(null);
     const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
     const [dashboards, setDashboards] = (0, react_1.useState)([]);
     const [reloadFlag, setReloadFlag] = (0, react_1.useState)(false);
-    const [selectedEditDashboard, setSelectedEditDashboard] = (0, react_1.useState)('');
     const [selectedReorderDashboard, setSelectedReorderDashboard] = (0, react_1.useState)('');
-    const [addFilterModalIsOpen, setAddFilterModalIsOpen] = (0, react_1.useState)(false);
-    const [isAddDashboardModalOpen, setIsAddDashboardModalOpen] = (0, react_1.useState)(false);
     const [newDashboardModalIsOpen, setNewDashboardModalIsOpen] = (0, react_1.useState)(false);
     const [editFilterModalIsOpen, setEditFilterModalIsOpen] = (0, react_1.useState)(false);
-    const { reload: reloadDashboard } = (0, react_2.useDashboard)(state.selectedDashboard);
+    const { reload: reloadDashboard } = (0, react_2.useDashboard)(state.selectedDashboard?.name);
     const [isReorderDashboardModalOpen, setIsReorderDashboardModalOpen] = (0, react_1.useState)(false);
     const [dashboardData, setDashboardData] = (0, react_1.useState)(null);
-    // const [activeComponent, setActiveComponent] = useContext(
-    //     ActiveComponentContext
-    // );
-    const [isEditDashboardModalOpen, setIsEditDashboardModalOpen] = (0, react_1.useState)(false);
     const [isPromoteDashModalOpen, setIsPromoteDashModalOpen] = (0, react_1.useState)(false);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     // A useless flag that just turns itself off.
     (0, react_1.useEffect)(() => {
         if (reloadFlag) {
             setReloadFlag(false);
         }
     }, [reloadFlag]);
-    async function getDashNames() {
+    async function getDashNames(dashboardName) {
         const response = await fetch(`${state.queryEndpoint}`, {
             method: 'POST',
             headers: {
@@ -63,20 +57,19 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
         const data = await response.json();
         setInitialLoad(false);
         if (!data.data.dashboardNames || !data.data.dashboardNames.length) {
+            dispatch({ type: 'SET_DASHBOARDS', payload: [] });
             return;
         }
-        const dashNames = data.data.dashboardNames.map((elem) => {
-            if (!elem) {
-                return { name: 'null' };
-            }
-            return { name: elem };
+        let selectedDashboard = data.data.dashboards.find((dash) => {
+            return dash.name === dashboardName;
         });
-        dispatch({ type: 'SET_DASHBOARDS', payload: dashNames });
+        if (!selectedDashboard) {
+            selectedDashboard = data.data.dashboards[0];
+        }
+        dispatch({ type: 'SET_DASHBOARDS', payload: data.data.dashboards });
         dispatch({
             type: 'SET_SELECTED_DASHBOARD',
-            payload: dashNames.some((dash) => dash.name === state.selectedDashboard)
-                ? state.selectedDashboard
-                : dashNames[0].name,
+            payload: selectedDashboard,
         });
     }
     (0, react_1.useEffect)(() => {
@@ -93,7 +86,7 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
     (0, react_1.useEffect)(() => {
         let isSubscribed = true;
         if (isSubscribed) {
-            getDashNames();
+            getDashNames(state.selectedDashboard?.name || '');
         }
         return () => {
             isSubscribed = false;
@@ -148,21 +141,10 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
             }
             setData(responseData);
         }
-        if (state.selectedEditDashboard) {
-            getDashboardData(state.selectedEditDashboard, (data) => {
-                dispatch({ type: 'SET_EDIT_DASHBOARD_DATA', payload: data });
-            });
-            return;
-        }
         if (state.selectedDashboard && state.client) {
-            getDashboardData(state.selectedDashboard, setDashboardData);
+            getDashboardData(state.selectedDashboard.name, setDashboardData);
         }
-    }, [
-        state.selectedDashboard,
-        state.selectedEditDashboard,
-        state.organizationId,
-        state.client,
-    ]);
+    }, [state.selectedDashboard, state.organizationId, state.client]);
     return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                     display: 'flex',
                     flexDirection: 'column',
@@ -188,7 +170,7 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                             borderLeftWidth: 0,
                             borderRightWidth: 0,
                             borderStyle: 'solid',
-                            borderColor: state.theme.borderColor,
+                            borderColor: state.theme?.borderColor,
                             paddingBottom: 20,
                             // boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
                             //   paddingRight: '50px',
@@ -213,17 +195,18 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                                                             return { value: elem.name, label: elem.name };
                                                         })
                                                         : [], setDashboard: (dashboard) => {
+                                                        const selectedDashboard = state.dashboards.find((dash) => {
+                                                            return dash.name === dashboard;
+                                                        });
                                                         dispatch({
                                                             type: 'SET_SELECTED_DASHBOARD',
-                                                            payload: dashboard,
+                                                            payload: selectedDashboard,
                                                         });
-                                                    }, dashboard: state.selectedDashboard ? state.selectedDashboard : '', theme: state.theme, onClickNewDashboard: () => {
+                                                    }, dashboard: state.selectedDashboard
+                                                        ? state.selectedDashboard.name
+                                                        : '', theme: state.theme, onClickNewDashboard: () => {
                                                         setNewDashboardModalIsOpen(true);
                                                     }, setSelectedEditDashboard: (d) => {
-                                                        dispatch({
-                                                            type: 'SET_SELECTED_EDIT_DASHBOARD',
-                                                            payload: d,
-                                                        });
                                                         setEditFilterModalIsOpen(true);
                                                     } })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
                                                         fontSize: '14px',
@@ -268,65 +251,46 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                                                                 paddingLeft: 12,
                                                                 borderRadius: 4,
                                                                 cursor: 'pointer',
-                                                            }, className: "quill-hover-button", children: "Create new dashboard" })] })] }) })), reloadFlag ? null : ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard, containerStyle: { padding: 25 }, onClickDashboardItem: (elem) => {
-                                            dispatch({ type: 'SET_REPORT_ID', payload: elem._id });
-                                            dispatch({
-                                                type: 'SET_ACTIVE_COMPONENT',
-                                                payload: 'Report',
-                                            });
-                                        }, EmptyDashboardComponent: EmptyDashboardComponent_1.default }))] }), (0, jsx_runtime_1.jsx)(modals_1.EditDashboardsModal, { clientId: state.client._id, isOpen: isEditDashboardModalOpen, setIsOpen: setIsEditDashboardModalOpen, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, openEditFilterModal: (dashboardName) => {
-                                    dispatch({
-                                        type: 'SET_SELECTED_EDIT_DASHBOARD',
-                                        payload: dashboardName,
-                                    });
-                                    setEditFilterModalIsOpen(true);
-                                    // setIsEditDashboardModalOpen(false);
-                                }, openAddDashboardModal: () => {
-                                    setIsAddDashboardModalOpen(true);
-                                    // setIsEditDashboardModalOpen(false);
-                                }, openEditOrderModal: (dashboardName) => {
+                                                            }, className: "quill-hover-button", children: "Create new dashboard" })] })] }) })), reloadFlag
+                                        ? null
+                                        : (state.dashboards.length || initialLoad) && ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard?.name, containerStyle: { padding: 25 }, onClickReport: (elem) => {
+                                                dispatch({ type: 'SET_REPORT_ID', payload: elem._id });
+                                                dispatch({
+                                                    type: 'SET_ACTIVE_COMPONENT',
+                                                    payload: 'Report',
+                                                });
+                                            }, EmptyDashboardComponent: EmptyDashboardComponent_1.default }))] }), state.selectedDashboard && ((0, jsx_runtime_1.jsx)(modals_1.PromoteDashModal, { clientId: state.client._id, client: state.client, clients: state.clients, isOpen: isPromoteDashModalOpen, setIsOpen: setIsPromoteDashModalOpen, ModalComponent: primitives_1.ModalPrimitive, dashboards: state.dashboards, selectedDashboard: state.selectedDashboard?.name, theme: state.theme, ButtonComponent: primitives_1.ButtonPrimitive })), state.selectedDashboard && ((0, jsx_runtime_1.jsx)(EditFiltersModal_1.EditFiltersModal, { selectedDashboard: state.selectedDashboard, dashboardData: state.selectedDashboard, isOpen: editFilterModalIsOpen, setIsOpen: setEditFilterModalIsOpen, openEditOrderModal: (dashboardName) => {
                                     setSelectedReorderDashboard(dashboardName);
                                     setIsReorderDashboardModalOpen(true);
-                                }, HeaderComponent: primitives_1.HeaderPrimitive, setDashboardData: setDashboardData, dashboards: state.dashboards, getDashNames: getDashNames }), (0, jsx_runtime_1.jsx)(modals_1.PromoteDashModal, { clientId: state.client._id, client: state.client, clients: state.clients, isOpen: isPromoteDashModalOpen, setIsOpen: setIsPromoteDashModalOpen, ModalComponent: primitives_1.ModalPrimitive, dashboards: state.dashboards, selectedDashboard: state.selectedDashboard, theme: state.theme, ButtonComponent: primitives_1.ButtonPrimitive }), (0, jsx_runtime_1.jsx)(Admin_1.EditFiltersModal, { selectedDashboard: state.selectedDashboard, dashboardData: state.editDashboardData, isOpen: editFilterModalIsOpen, setIsOpen: setEditFilterModalIsOpen, openAddFilterModal: () => {
-                                    setAddFilterModalIsOpen(true);
-                                    // setEditFilterModalIsOpen(false);
-                                }, openEditOrderModal: (dashboardName) => {
-                                    setSelectedReorderDashboard(dashboardName);
-                                    setIsReorderDashboardModalOpen(true);
-                                }, onSave: async () => {
-                                    await getDashNames();
+                                }, onSave: async (dashName) => {
+                                    await getDashNames(dashName);
                                     setReloadFlag(true);
-                                    reloadDashboard();
-                                }, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: primitives_1.SelectPrimitive, dashNames: state.dashboards, setSelectedEditDashboard: (d) => dispatch({ type: 'SET_SELECTED_EDIT_DASHBOARD', payload: d }) }), (0, jsx_runtime_1.jsx)(NewDashboardModal_1.NewDashboardModal, { isOpen: newDashboardModalIsOpen, setIsOpen: setNewDashboardModalIsOpen, openEditOrderModal: (dashboardName) => {
+                                    reloadDashboard(dashName);
+                                }, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: QuillSelect_1.QuillSelectComponent, dashNames: state.dashboards })), (0, jsx_runtime_1.jsx)(NewDashboardModal_1.NewDashboardModal, { isOpen: newDashboardModalIsOpen, setIsOpen: setNewDashboardModalIsOpen, openEditOrderModal: (dashboardName) => {
                                     setSelectedReorderDashboard(dashboardName);
                                     setIsReorderDashboardModalOpen(true);
-                                }, onSave: (name) => {
-                                    dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
+                                }, onSave: (dashboard) => {
+                                    dispatch({
+                                        type: 'SET_SELECTED_DASHBOARD',
+                                        payload: dashboard,
+                                    });
                                     dispatch({
                                         type: 'SET_DASHBOARDS',
-                                        payload: [...state.dashboards, { name }],
+                                        payload: [...state.dashboards, { ...dashboard }],
                                     });
                                     setReloadFlag(true);
-                                    reloadDashboard();
-                                }, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: primitives_1.SelectPrimitive, dashNames: state.dashboards, setSelectedEditDashboard: (d) => dispatch({ type: 'SET_SELECTED_EDIT_DASHBOARD', payload: d }) }), (0, jsx_runtime_1.jsx)(modals_1.ReorderDashboardModal, { organizationId: state.organizationId, isOpen: isReorderDashboardModalOpen, client: state.client, onSave: () => {
+                                    reloadDashboard(state.selectedDashboard?.name);
+                                }, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: QuillSelect_1.QuillSelectComponent, dashNames: state.dashboards }), (0, jsx_runtime_1.jsx)(modals_1.ReorderDashboardModal, { organizationId: state.organizationId, isOpen: isReorderDashboardModalOpen, client: state.client, onSave: () => {
                                     setReloadFlag(true);
-                                    reloadDashboard();
-                                }, setIsOpen: setIsReorderDashboardModalOpen, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, selectedDashboard: selectedReorderDashboard }), (0, jsx_runtime_1.jsx)(Admin_1.AddFilterModal, { selectedDashboard: state.selectedEditDashboard, isOpen: addFilterModalIsOpen, setIsOpen: setAddFilterModalIsOpen, client: state.client, ModalComponent: primitives_1.ModalPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, SelectComponent: primitives_1.SelectPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, openAddDashboardModal: () => {
-                                    setIsAddDashboardModalOpen(true);
-                                    // setAddFilterModalIsOpen(false);
-                                } }), (0, jsx_runtime_1.jsx)(Admin_1.AddDashboardModal, { selectedDashboard: state.selectedDashboard, isOpen: isAddDashboardModalOpen, setIsOpen: setIsAddDashboardModalOpen, client: state.client, ModalComponent: primitives_1.ModalPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, SelectComponent: primitives_1.SelectPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, dashNames: state.dashboards, 
-                                // @ts-ignore
-                                openAddFilterModal: () => {
-                                    setAddFilterModalIsOpen(true);
-                                    // setIsAddDashboardModalOpen(false);
-                                }, organizationId: state.organizationId, getDashNames: getDashNames })] }))] }), (0, jsx_runtime_1.jsx)(Admin_1.ReportWrapper, { isOpen: state.activeComponent === 'Report', setIsOpen: (isOpen) => {
+                                    reloadDashboard(state.selectedDashboard?.name);
+                                }, setIsOpen: setIsReorderDashboardModalOpen, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, selectedDashboard: selectedReorderDashboard })] }))] }), (0, jsx_runtime_1.jsx)(Admin_1.ReportWrapper, { isOpen: state.activeComponent === 'Report', setIsOpen: (isOpen) => {
                     dispatch({
                         type: 'SET_ACTIVE_COMPONENT',
                         payload: isOpen ? 'Report' : 'Dashboards',
                     });
                 }, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, ModalComponent: UiComponents_1.MemoizedModal, SelectComponent: primitives_1.SelectPrimitive, OrganizationSelectComponent: components_1.OrgSelect, organizationId: state.organizationId, queryEndpoint: state.queryEndpoint, queryHeaders: state.queryHeaders, withCredentials: state.withCredentials, reloadDashboard: () => {
                     setReloadFlag(true);
-                    reloadDashboard();
+                    reloadDashboard(state.selectedDashboard?.name);
                 } })] }));
 }
 exports.default = DashboardManager;

package/dist/cjs/public_components/SQLViewManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SQLViewManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/SQLViewManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA0BnE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA8VA"}
+{"version":3,"file":"SQLViewManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/SQLViewManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAyBnE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAgaA"}