neo4j-labs · nielsdejong · Jan 9, 2022 · Dec 12, 2021 · Dec 15, 2021 · Dec 16, 2021
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "neodash",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "NeoDash - Neo4j Dashboard Builder",
   "neo4jDesktop": {
     "apiVersion": "^1.2.0"
@@ -64,13 +64,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.6",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@material-ui/styles": "^4.11.4",
     "@material-ui/system": "^4.12.1",
     "@material-ui/utils": "^4.11.2",
-    "@mui/x-data-grid": "^4.0.1",
+    "@mui/material": "^5.2.7",
+    "@mui/x-data-grid": "^5.2.1",
     "@react-leaflet/core": "1.0.2",
     "codemirror": "^5.63.3",
     "cypher-codemirror": "^1.1.7",

diff --git a/public/embed-test.html b/public/embed-test.html
@@ -6,7 +6,7 @@
 </head>
 
 <body>
-    <p>I am an iFrame of the page located at <a href="http://neodash.graphapp.io/embed-test.html" target="_blank">http://neodash.graphapp.io/embed-test.html</a></p> 
+    <p>I am an iFrame of the page located at <a href="https://neodash.graphapp.io/embed-test.html" target="_blank">https://neodash.graphapp.io/embed-test.html</a></p> 
     <p>I'm embedded directly into a dashboard, and dynamically passed the user-made parameter selections.</p>
     <p>I will not refresh when selections are updated, but, I can see variables change.</p>
     <p>You can use me to embed external visualizations that are updated together with other charts.</p>

diff --git a/public/style.css b/public/style.css
@@ -53,12 +53,12 @@
 .MuiChip-root:before {
     border: none !important;
 }
-.MuiDataGrid-columnsContainer {
+/* .MuiDataGrid-columnHeaders {
     min-height: 32px !important;
     max-height: 32px !important;
     line-height: 32px !important;
-    /* border-top: 1px solid rgba(224, 224, 224, 1); */
 }
+
 .MuiDataGrid-columnSeparator{
     height: 32px;
 }
@@ -70,6 +70,9 @@
     overflow-y: hidden !important;
     overflow-x: hidden !important;
 }
+.MuiTablePagination-root{
+    margin-top: -10px;
+} */
 .MuiTablePagination-root{
     margin-top: -10px;
 }

diff --git a/release-notes.md b/release-notes.md
@@ -1,3 +1,21 @@
+
+## NeoDash 2.0.5
+Graph report:
+- Fixed node position after dragging nodes.
+- Added option to 'lock' graph views, storing the current positions of the nodes in the graph.
+- Added experimental graph layouts.
+
+Table:
+- Fixed bug where the report freezes for very wide tables.
+- Added support for rendering native/custom Neo4j types in the table.
+
+Parameter select:
+- Fixed issue where the dashboard crashes for slow connections.
+
+Editor:
+- Added button to create a debug file from the 'About' screen.
+
+
 ## NeoDash 2.0.4
 New features:
 - Added option dashboard setting to let users view reports in a fullscreen pop-up.

diff --git a/src/application/Application.tsx b/src/application/Application.tsx
@@ -10,7 +10,7 @@ import NeoNotificationModal from '../modal/NotificationModal';
 import NeoWelcomeScreenModal from '../modal/WelcomeScreenModal';
 import { removeReportRequest } from '../page/PageThunks';
 import { connect } from 'react-redux';
-import { applicationGetConnection, applicationGetShareDetails, applicationGetOldDashboard, applicationHasNeo4jDesktopConnection, applicationHasAboutModalOpen, applicationHasCachedDashboard, applicationHasConnectionModalOpen, applicationIsConnected, applicationHasWelcomeScreenOpen } from '../application/ApplicationSelectors';
+import { applicationGetConnection, applicationGetShareDetails, applicationGetOldDashboard, applicationHasNeo4jDesktopConnection, applicationHasAboutModalOpen, applicationHasCachedDashboard, applicationHasConnectionModalOpen, applicationIsConnected, applicationHasWelcomeScreenOpen, applicationGetDebugState } from '../application/ApplicationSelectors';
 import { createConnectionThunk, createConnectionFromDesktopIntegrationThunk, setDatabaseFromNeo4jDesktopIntegrationThunk, handleSharedDashboardsThunk, onConfirmLoadSharedDashboardThunk } from '../application/ApplicationThunks';
 import { clearDesktopConnectionProperties, clearNotification, resetShareDetails, setAboutModalOpen, setConnected, setConnectionModalOpen, setDashboardToLoadAfterConnecting, setOldDashboard, setStandAloneMode, setWelcomeScreenOpen } from '../application/ApplicationActions';
 import { resetDashboardState } from '../dashboard/DashboardActions';
@@ -29,7 +29,7 @@ import { NeoLoadSharedDashboardModal } from '../modal/LoadSharedDashboardModal';
 const Application = ({ connection, connected, hasCachedDashboard, oldDashboard, clearOldDashboard,
     connectionModalOpen, aboutModalOpen, loadDashboard, hasNeo4jDesktopConnection, shareDetails,
     createConnection, createConnectionFromDesktopIntegration, onResetShareDetails, onConfirmLoadSharedDashboard,
-    initializeApplication, resetDashboard, onAboutModalOpen, onAboutModalClose,
+    initializeApplication, resetDashboard, onAboutModalOpen, onAboutModalClose, getDebugState,
     welcomeScreenOpen, setWelcomeScreenOpen, onConnectionModalOpen, onConnectionModalClose }) => {
 
     const [initialized, setInitialized] = React.useState(false);
@@ -48,7 +48,8 @@ const Application = ({ connection, connected, hasCachedDashboard, oldDashboard,
             {(connected) ? <Dashboard></Dashboard> : <></>}
             <NeoAboutModal
                 open={aboutModalOpen}
-                handleClose={onAboutModalClose}>
+                handleClose={onAboutModalClose}
+                getDebugState={getDebugState}>
             </NeoAboutModal>
             <NeoConnectionModal
                 open={connectionModalOpen}
@@ -90,6 +91,7 @@ const mapStateToProps = state => ({
     aboutModalOpen: applicationHasAboutModalOpen(state),
     welcomeScreenOpen: applicationHasWelcomeScreenOpen(state),
     hasCachedDashboard: applicationHasCachedDashboard(state),
+    getDebugState: () => {return applicationGetDebugState(state)},
     hasNeo4jDesktopConnection: applicationHasNeo4jDesktopConnection(state),
 });
 

diff --git a/src/application/ApplicationSelectors.tsx b/src/application/ApplicationSelectors.tsx
@@ -55,4 +55,16 @@ export const applicationHasCachedDashboard = (state: any) => {
         return false;
     }
     return !_.isEqual(state.dashboard, initialState);
+}
+
+/**
+ * Deep-copy the current state, and remove the password.
+ */
+export const applicationGetDebugState = (state: any) => {
+    const copy = JSON.parse(JSON.stringify(state));
+    copy.application.connection.password = "************";
+    if(copy.application.desktopConnection){
+        copy.application.desktopConnection.password = "************";
+    }
+    return copy;
 }