@quillsql/admin 1.3.7 → 1.3.9

package/dist/cjs/public_components/DashboardBuilder.js

@@ -11,6 +11,7 @@ const components_1 = require("../components");
 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"));
 function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEditor = true, }) {
     const parentRef = (0, react_1.useRef)(null);
     const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
@@ -55,22 +56,30 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
     }, [state.activeQuery]);
     (0, react_1.useEffect)(() => {
         let isSubscribed = true;
-        async function getCustomers() {
+        async function getDashNames() {
             // If you need to retrieve the JSON data from the response:
-            const response2 = await fetch(`${constants_1.QUILL_SERVER}/dashnames/${state.client._id}/`, {
-                method: 'GET',
+            const response = await fetch(`${state.queryEndpoint}`, {
+                method: 'POST',
                 headers: {
-                    Authorization: `Bearer `,
-                    environment: state.environment,
+                    ...state.queryHeaders,
+                    'Content-Type': 'application/json',
                 },
+                body: JSON.stringify({
+                    metadata: {
+                        clientId: state.client._id,
+                        publicKey: state.client._id,
+                        task: 'dashboards',
+                        databaseType: state.client.databaseType,
+                    },
+                }),
             });
-            const response2Data = await response2.json();
-            const dashNames = response2Data.dashboardNames.filter((elem) => elem !== null);
+            const data = await response.json();
+            const dashNames = data.data.dashboardNames.filter((elem) => elem !== null);
             setDashboardNames(dashNames);
             setSelectedDashboardName(dashNames[0]);
         }
         if (isSubscribed) {
-            getCustomers();
+            getDashNames();
         }
         return () => {
             isSubscribed = false;
@@ -171,28 +180,33 @@ function DashboardBuilder({ navigateToDashboardManager, containerStyle, sqlEdito
                                             userSelect: 'none',
                                         }, children: "Environment" }), (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { setEnvironment: (env) => {
                                             dispatch({ type: 'SET_ENVIRONMENT', payload: env });
-                                        }, environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: false })] }), (0, jsx_runtime_1.jsx)(components_1.OrgSelect, { environment: state.environment, setEnvironment: (env) => {
+                                        }, environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: false })] }), !state.databaseTypeMismatch.show && ((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, parentRef: parentRef })] }) }), isEditActive && ((0, jsx_runtime_1.jsx)(Banner_1.default, { onExit: () => {
+                                }, theme: state.theme, parentRef: parentRef }))] }) }), isEditActive && ((0, jsx_runtime_1.jsx)(Banner_1.default, { onExit: () => {
                         const msg = 'Are you sure you want to exit edit mode? Your changes will not be saved.';
                         if (!confirm(msg))
                             return;
                         dispatch({ type: 'SET_ACTIVE_QUERY', payload: '' });
                         dispatch({ type: 'SET_ACTIVE_EDIT_ITEM', payload: null });
-                    } })), sqlEditor && ((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: () => {
+                    } })), state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsx)(DatabaseMismatchCard_1.default, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })), sqlEditor && !state.databaseTypeMismatch.show && ((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: () => {
                         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_ACTIVE_COMPONENT',
+                                payload: 'Dashboards',
+                            });
                             state.navigateToDashboardManager();
                         }
                     }, containerStyle: {
-                        height: 'calc(100% - 138px)',
+                        height: 'calc(100% - 96px)',
                         width: '100%',
-                        paddingRight: 25,
-                        paddingTop: 25,
-                    } }))] }) }));
+                        // paddingRight: 25,
+                        // paddingTop: 25,
+                    }, organizationName: state.organizations.find((org) => {
+                        return (org.id && String(org.id) === String(state.organizationId));
+                    })?.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;AA+BnE,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,2CA+iBA"}
+{"version":3,"file":"DashboardManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/DashboardManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAgCnE,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,2CAkkBA"}

package/dist/cjs/public_components/DashboardManager.js

@@ -14,9 +14,11 @@ const primitives_1 = require("../primitives");
 const NewDashboardModal_1 = require("../modals/NewDashboardModal");
 const constants_1 = require("../utils/constants");
 const EmptyDashboardComponent_1 = __importDefault(require("../components/EmptyDashboardComponent"));
+const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
 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)('');
@@ -41,20 +43,28 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
         }
     }, [reloadFlag]);
     async function getDashNames() {
-        const url = `${constants_1.QUILL_SERVER}/dashnames/${state.client._id}/`;
-        const response2 = await fetch(url, {
-            method: 'GET',
+        const response = await fetch(`${state.queryEndpoint}`, {
+            method: 'POST',
             headers: {
-                Authorization: 'Bearer ', // Ensure you append your token after 'Bearer ' if needed
-                environment: state.environment,
+                ...state.queryHeaders,
+                'Content-Type': 'application/json',
             },
+            body: JSON.stringify({
+                metadata: {
+                    clientId: state.client._id,
+                    publicKey: state.client._id,
+                    task: 'dashboards',
+                    databaseType: state.client.databaseType,
+                },
+            }),
         });
         // If you need to retrieve the JSON data from the response:
-        const data = await response2.json();
-        if (!data.dashboardNames || !data.dashboardNames.length) {
+        const data = await response.json();
+        setInitialLoad(false);
+        if (!data.data.dashboardNames || !data.data.dashboardNames.length) {
             return;
         }
-        const dashNames = data.dashboardNames.map((elem) => {
+        const dashNames = data.data.dashboardNames.map((elem) => {
             if (!elem) {
                 return { name: 'null' };
             }
@@ -104,16 +114,13 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                         ...state.queryHeaders,
                         'Content-Type': 'application/json',
                     },
-                    body: JSON.stringify({
-                        metadata: state.organizationId
-                            ? {
-                                orgId: state.organizationId,
-                                task: 'config',
-                                name: dashboard,
-                                clientId: state.client._id,
-                            }
-                            : { task: 'config', name: dashboard, clientId: state.client._id },
-                    }),
+                    body: JSON.stringify({ metadata: {
+                            orgId: state.organizationId || '*',
+                            task: 'config',
+                            name: dashboard,
+                            clientId: state.client._id,
+                            databaseType: state.client.databaseType,
+                        } }),
                     credentials: state.withCredentials ? 'include' : 'omit', // If withCredentials is true, set to 'include'. Otherwise, set to 'omit'.
                 });
                 responseData = (await response.json()).data;
@@ -122,7 +129,7 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                 const url = new URL(`${constants_1.QUILL_SERVER}/dashconfig`);
                 // Setting the search parameters for the URL
                 url.search = new URLSearchParams({
-                    orgId: state.organizationId ? state.organizationId : '',
+                    orgId: state.organizationId,
                     publicKey: state.client._id,
                     name: dashboard,
                 }).toString();
@@ -166,7 +173,7 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                         display: 'flex',
                         position: 'sticky',
                         backgroundColor: 'white',
-                        zIndex: 1,
+                        zIndex: 3,
                         left: 0,
                         right: 0,
                         top: 0,
@@ -227,92 +234,95 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
                                                     color: state.theme.secondaryTextColor,
                                                     fontFamily: state.theme.fontFamily,
                                                     userSelect: 'none',
-                                                }, children: "Environment" }), (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: true, handlePromote: () => setIsPromoteDashModalOpen(true) })] })] }), !!state.dashboards.length && ((0, jsx_runtime_1.jsx)(components_1.OrgSelect, { parentRef: parentRef, environment: state.environment, setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), organizations: state.organizations, theme: state.theme, organizationId: state.organizationId, setOrganizationId: (id) => dispatch({ type: 'SET_ORGANIZATION_ID', payload: id }) }))] }) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'inline-block' }, children: [!state.dashboards.length && ((0, jsx_runtime_1.jsx)("div", { style: {
-                                width: '100%',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignItems: 'center',
-                            }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                                    height: 80,
-                                    width: 260,
-                                    borderRadius: 6,
-                                    marginTop: 100,
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    gap: 20,
-                                }, className: "hover-dash-rect", onClick: () => {
-                                    setNewDashboardModalIsOpen(true);
-                                }, children: [(0, jsx_runtime_1.jsx)("style", { children: ` .hover-dash-rect { background: white; border: 1px dashed #e7e7e7; } .hover-dash-rect:hover { background: white; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7; } ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                                }, children: "Environment" }), (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: true, handlePromote: () => setIsPromoteDashModalOpen(true) })] })] }), !!state.dashboards.length && !state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsx)(components_1.OrgSelect, { parentRef: parentRef, environment: state.environment, setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), organizations: state.organizations, theme: state.theme, organizationId: state.organizationId, setOrganizationId: (id) => dispatch({ type: 'SET_ORGANIZATION_ID', payload: id }) }))] }) }), state.databaseTypeMismatch.show ? ((0, jsx_runtime_1.jsx)(DatabaseMismatchCard_1.default, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'inline-block' }, children: [!state.dashboards.length && !initialLoad && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                        width: '100%',
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                        alignItems: 'center',
+                                    }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                            height: 80,
+                                            width: 260,
+                                            borderRadius: 6,
+                                            marginTop: 100,
                                             display: 'flex',
-                                            flexDirection: 'row',
+                                            flexDirection: 'column',
                                             alignItems: 'center',
                                             justifyContent: 'center',
-                                            width: 260,
-                                        }, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                                    fontSize: 14,
-                                                    fontWeight: 500,
-                                                    color: '#565656',
-                                                    // border: '1px solid #e7e7e7',
-                                                    paddingTop: 8,
-                                                    paddingBottom: 8,
-                                                    paddingRight: 12,
-                                                    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: {
-                                paddingRight: 25,
-                                paddingLeft: 25,
-                                paddingTop: 30,
-                            }, 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) => {
-                        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();
-                        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) => {
-                        setSelectedReorderDashboard(dashboardName);
-                        setIsReorderDashboardModalOpen(true);
-                    }, onSave: (name) => {
-                        dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
-                        dispatch({
-                            type: 'SET_DASHBOARDS',
-                            payload: [...state.dashboards, { name }],
-                        });
-                        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: () => {
-                        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 })] }) }));
+                                            gap: 20,
+                                        }, className: "hover-dash-rect", onClick: () => {
+                                            setNewDashboardModalIsOpen(true);
+                                        }, children: [(0, jsx_runtime_1.jsx)("style", { children: ` .hover-dash-rect { background: white; border: 1px dashed #e7e7e7; } .hover-dash-rect:hover { background: white; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7; } ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    display: 'flex',
+                                                    flexDirection: 'row',
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center',
+                                                    width: 260,
+                                                }, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                            fontSize: 14,
+                                                            fontWeight: 500,
+                                                            color: '#565656',
+                                                            // border: '1px solid #e7e7e7',
+                                                            paddingTop: 8,
+                                                            paddingBottom: 8,
+                                                            paddingRight: 12,
+                                                            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: {
+                                        paddingRight: 25,
+                                        paddingLeft: 25,
+                                        paddingTop: 30,
+                                    }, 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) => {
+                                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();
+                                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) => {
+                                setSelectedReorderDashboard(dashboardName);
+                                setIsReorderDashboardModalOpen(true);
+                            }, onSave: (name) => {
+                                dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
+                                dispatch({
+                                    type: 'SET_DASHBOARDS',
+                                    payload: [...state.dashboards, { name }],
+                                });
+                                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: () => {
+                                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 })] }))] }) }));
 }
 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;AAenE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAknBA"}
+{"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,2CAqUA"}