Collection of bug fixes for the 2.4.2 release

public/style.css

@@ -95,7 +95,8 @@
 }
 
 .react-resizable-handle {
-  bottom: 1px !important;
+  bottom: 4px !important;
+  right: -2px !important;
   opacity: 0.5;
   color: rgb(222, 222, 222);
 }
@@ -216,7 +217,7 @@
 }
 
 .card-view .MuiTablePagination-root {
-  margin-top: -40px;
+  margin-top: 0px;
 
 }
 
@@ -253,3 +254,7 @@
   display: none;
 }
 /* End Gantt chart workaround */
+
+.markdown-widget a {
+  text-decoration: underline;
+}

src/application/ApplicationActions.ts

@@ -150,6 +150,7 @@ export const setStandaloneEnabled = (
   standaloneDashboardURL: string,
   standaloneUsername: string,
   standalonePassword: string,
+  standalonePasswordWarningHidden: boolean,
   standaloneAllowLoad: boolean,
   standaloneLoadFromOtherDatabases: boolean,
   standaloneMultiDatabase: boolean,
@@ -167,6 +168,7 @@ export const setStandaloneEnabled = (
     standaloneDashboardURL,
     standaloneUsername,
     standalonePassword,
+    standalonePasswordWarningHidden,
     standaloneAllowLoad,
     standaloneLoadFromOtherDatabases,
     standaloneMultiDatabase,

src/application/ApplicationReducer.ts

@@ -148,20 +148,20 @@
       state = update(state, { standalone: standalone });
       return state;
     }
     case SET_LOGGING_MODE: {
       const { loggingMode } = payload;
       state = update(state, { loggingMode: loggingMode });
       return state;
     }
     case SET_LOGGING_DATABASE: {
       const { loggingDatabase } = payload;
       state = update(state, { loggingDatabase: loggingDatabase });
       return state;
     }
     case SET_LOG_ERROR_NOTIFICATION: {
       const { logErrorNotification } = payload;
       state = update(state, { logErrorNotification: logErrorNotification });
       return state;
     }
     case SET_SSO_ENABLED: {
       const { enabled, discoveryUrl } = payload;
@@ -195,6 +195,7 @@
         standaloneDashboardURL,
         standaloneUsername,
         standalonePassword,
+        standalonePasswordWarningHidden,
         standaloneAllowLoad,
         standaloneLoadFromOtherDatabases,
         standaloneMultiDatabase,
@@ -211,6 +212,7 @@
         standaloneDashboardURL: standaloneDashboardURL,
         standaloneUsername: standaloneUsername,
         standalonePassword: standalonePassword,
+        standalonePasswordWarningHidden: standalonePasswordWarningHidden,
         standaloneAllowLoad: standaloneAllowLoad,
         standaloneLoadFromOtherDatabases: standaloneLoadFromOtherDatabases,
         standaloneMultiDatabase: standaloneMultiDatabase,

src/application/ApplicationSelectors.ts

@@ -38,7 +38,7 @@
 };
 
 export const applicationGetConnectionUser = (state: any) => {
   return state.application.connection.username;
 };
 
 export const applicationGetShareDetails = (state: any) => {
@@ -50,7 +50,7 @@
 };
 
 export const applicationGetLoggingMode = (state: any) => {
   return state.application.loggingMode;
 };
 
 export const applicationHasNeo4jDesktopConnection = (state: any) => {
@@ -94,6 +94,7 @@
     standaloneDashboardURL: state.application.standaloneDashboardURL,
     standaloneUsername: state.application.standaloneUsername,
     standalonePassword: state.application.standalonePassword,
+    standalonePasswordWarningHidden: state.application.standalonePasswordWarningHidden,
     standaloneAllowLoad: state.application.standaloneAllowLoad,
     standaloneLoadFromOtherDatabases: state.application.standaloneLoadFromOtherDatabases,
     standaloneMultiDatabase: state.application.standaloneMultiDatabase,

src/application/ApplicationThunks.ts

@@ -78,7 +78,7 @@
         if (records && records[0] && records[0].error) {
           dispatch(createNotificationThunk('Unable to establish connection', records[0].error));
           if (loggingSettings.loggingMode > '0') {
             dispatch(
               createLogThunk(
                 driver,
                 loggingSettings.loggingDatabase,
@@ -103,7 +103,7 @@
           dispatch(updateSessionParameterThunk('session_database', database));
           dispatch(updateSessionParameterThunk('session_username', username));
           if (loggingSettings.loggingMode > '0') {
             dispatch(
               createLogThunk(
                 driver,
                 loggingSettings.loggingDatabase,
@@ -259,26 +259,42 @@
       const skipConfirmation = urlParams.get('skipConfirmation') == 'Yes';
 
       const dashboardDatabase = urlParams.get('dashboardDatabase');
+      dispatch(setStandaloneDashboardDatabase(dashboardDatabase));
       if (urlParams.get('credentials')) {
+        setWelcomeScreenOpen(false);
         const connection = decodeURIComponent(urlParams.get('credentials'));
         const protocol = connection.split('://')[0];
         const username = connection.split('://')[1].split(':')[0];
         const password = connection.split('://')[1].split(':')[1].split('@')[0];
-
         const database = connection.split('@')[1].split(':')[0];
         const url = connection.split('@')[1].split(':')[1];
         const port = connection.split('@')[1].split(':')[2];
-        if (url == password) {
-          // Special case where a connect link is generated without a password.
-          // Here, the format is parsed incorrectly and we open the connection window instead.
-
-          dispatch(resetShareDetails());
-          dispatch(setConnectionProperties(protocol, url, port, database, username.split('@')[0], ''));
-          dispatch(setWelcomeScreenOpen(false));
-          dispatch(setConnectionModalOpen(true));
-          // window.history.pushState({}, document.title, "/");
-          return;
-        }
+        // if (url == password) {
+        //   // Special case where a connect link is generated without a password.
+        //   // Here, the format is parsed incorrectly and we open the connection window instead.
+        //   dispatch(setConnectionProperties(protocol, url, port, database, username.split('@')[0], ''));
+        //   dispatch(
+        //     setShareDetailsFromUrl(
+        //       type,
+        //       id,
+        //       standalone,
+        //       protocol,
+        //       url,
+        //       port,
+        //       database,
+        //       username.split('@')[0],
+        //       '',
+        //       dashboardDatabase,
+        //       true
+        //     )
+        //   );
+        //   setDashboardToLoadAfterConnecting(id);
+        //   window.history.pushState({}, document.title, window.location.pathname);
+        //   dispatch(setConnectionModalOpen(true));
+        //   dispatch(setWelcomeScreenOpen(false));
+        //   // window.history.pushState({}, document.title, "/");
+        //   return;
+        // }
 
         dispatch(setConnectionModalOpen(false));
         dispatch(
@@ -448,6 +464,7 @@
         config.standaloneDashboardURL,
         config.standaloneUsername,
         config.standalonePassword,
+        config.standalonePasswordWarningHidden,
         config.standaloneAllowLoad,
         config.standaloneLoadFromOtherDatabases,
         config.standaloneMultiDatabase,
@@ -558,7 +575,7 @@
       dispatch(initializeApplicationAsEditorThunk(config, paramsToSetAfterConnecting));
     }
   } catch (e) {
     console.log(e);
     dispatch(setWelcomeScreenOpen(false));
     dispatch(
       createNotificationThunk(
@@ -605,7 +622,6 @@
   (config, paramsToSetAfterConnecting) => (dispatch: any, getState: any) => {
     const clearNotificationAfterLoad = true;
     const state = getState();
-
     // If we are running in standalone mode, auto-set the connection details that are configured.
     dispatch(
       setConnectionProperties(
@@ -648,4 +664,5 @@
     } else {
       dispatch(setConnectionModalOpen(true));
     }
+    dispatch(handleSharedDashboardsThunk());
   };

src/card/settings/CardSettings.tsx

@@ -36,7 +36,7 @@ const NeoCardSettings = ({
   expanded,
   onToggleCardExpand,
 }) => {
-  const reportHeight = heightPx - CARD_HEADER_HEIGHT + 24;
+  const reportHeight = heightPx - CARD_HEADER_HEIGHT + 19;
 
   const cardSettingsHeader = (
     <NeoCardSettingsHeader

src/card/view/CardView.tsx

@@ -44,7 +44,7 @@ const NeoCardView = ({
   expanded,
   onToggleCardExpand,
 }) => {
-  const reportHeight = heightPx - CARD_FOOTER_HEIGHT - CARD_HEADER_HEIGHT + 22;
+  const reportHeight = heightPx - CARD_FOOTER_HEIGHT - CARD_HEADER_HEIGHT + 20;
   const cardHeight = heightPx - CARD_FOOTER_HEIGHT + 23;
   const ref = React.useRef();
 
@@ -137,10 +137,10 @@ const NeoCardView = ({
 
   const localParameters = { ...getLocalParameters(query), ...getLocalParameters(settings.drilldownLink) };
   const reportTypes = getReportTypes(extensions);
-  const withoutFooter =
-    reportTypes[type] && reportTypes[type].withoutFooter
-      ? reportTypes[type].withoutFooter
-      : (reportTypes[type] && !reportTypes[type].selection) || (settings && settings.hideSelections);
+  const reportTypeHasNoFooter = reportTypes[type] && reportTypes[type].withoutFooter;
+  const withoutFooter = reportTypeHasNoFooter
+    ? reportTypes[type].withoutFooter
+    : (reportTypes[type] && !reportTypes[type].selection) || (settings && settings.hideSelections);
 
   const getGlobalParameter = (key: string): unknown => {
     return globalParameters ? globalParameters[key] : undefined;
@@ -170,13 +170,13 @@ const NeoCardView = ({
     paddingRight: '0px',
     paddingTop: '0px',
     width: '100%',
-    marginTop: '-3px',
+    marginTop: '-9px',
     height: expanded
       ? withoutFooter
         ? '100%'
         : `calc(100% - ${CARD_FOOTER_HEIGHT}px)`
       : withoutFooter
-      ? `${reportHeight + CARD_FOOTER_HEIGHT}px`
+      ? `${reportHeight + CARD_FOOTER_HEIGHT - (reportTypeHasNoFooter ? 0 : 20)}px`
       : `${reportHeight}px`,
     overflow: 'auto',
   };

src/chart/ChartUtils.ts

@@ -219,7 +219,7 @@
     let param = _.replace(`$`, '').trim();
     let val = parameters?.[param] || null;
     let type = getRecordType(val);
-    let valueRender = type === 'string' ? val : RenderSubValue(val);
+    let valueRender = type === 'string' || type == 'link' ? val : RenderSubValue(val);
     return valueRender;
   };
 
@@ -406,6 +406,9 @@
  * @returns True if it's an object castable to date
  */
 export function isCastableToNeo4jDate(value: object) {
+  if (value == null || value == undefined) {
+    return false;
+  }
   let keys = Object.keys(value);
   return keys.length == 3 && keys.includes('day') && keys.includes('month') && keys.includes('year');
 }

src/chart/bar/BarChart.tsx

@@ -21,7 +21,7 @@
   const customDimensions = settings.customDimensions ? settings.customDimensions : false;
   const legendWidth = settings.legendWidth ? settings.legendWidth : 128;
   const marginTop = settings.marginTop ? settings.marginTop : 24;
-  const marginBottom = settings.marginBottom ? settings.marginBottom : 60;
+  const marginBottom = settings.marginBottom ? settings.marginBottom : 30;
   const legend = settings.legend ? settings.legend : false;
   const labelRotation = settings.labelRotation != undefined ? settings.labelRotation : 45;
   const barWidth = settings.barWidth ? settings.barWidth : 10;
@@ -30,7 +30,7 @@
   const expandHeightForLegend = settings.expandHeightForLegend ? settings.expandHeightForLegend : false;
   const actionsRules =
     extensionEnabled(props.extensions, 'actions') && props.settings && props.settings.actionsRules
       ? props.settings.actionsRules
       : [];
   const pageNames = getPageNumbersAndNamesList();
 
@@ -122,17 +122,17 @@
   // Function to call from BarComponent. Conducts necessary logic for Report Action.
   const handleBarClick = (e) => {
     // Get the original record that was used to draw this bar (or a group in a bar).
     const record = getOriginalRecordForNivoClickEvent(e, records, selection);
 
     // If there's a record, check if there are any rules assigned to each of the fields (columns).
     if (record) {
       Object.keys(record).forEach((key) => {
         let rules = getRule({ field: key, value: record[key] }, actionsRules, 'Click');
         // If there is a rule assigned, run the rule with the specified field and value retrieved from the record.
         rules?.forEach((rule) => {
           const ruleField = rule.field;
           const ruleValue = record[rule.value];
           performActionOnElement(
             { field: ruleField, value: ruleValue },
             actionsRules,
             { ...props, pageNames: pageNames },
@@ -149,7 +149,7 @@
     if (legendPosition === 'Vertical') {
       return legend ? legendWidth + marginRight : marginRight;
     }
     return marginRight;
   }
 
   // Original margin function, refactored
@@ -218,7 +218,7 @@
       <g
         transform={`translate(${bar.x},${bar.y})`}
         // onClick event to trigger event to pass value with report action
         onClick={(event) => onClick(bar.data, event)}
         style={{ cursor: 'pointer' }}
       >
         {shade ? <rect x={-3} y={7} width={bar.width} height={bar.height} fill='rgba(0, 0, 0, .07)' /> : <></>}
@@ -291,7 +291,7 @@
     }
 
     if (legendPosition === 'Horizontal') {
       return [
         {
           dataFrom: 'keys',
           anchor: 'bottom',
@@ -317,7 +317,7 @@
       ];
     }
     // Vertical legend
     return [
       {
         dataFrom: 'keys',
         anchor: 'bottom-right',
@@ -353,11 +353,11 @@
     }
 
     if (legendPosition === 'Horizontal') {
       const horizontalLegendWidth = legendWidth * data.length + 200;
       return adaptableWidth > horizontalLegendWidth ? adaptableWidth : horizontalLegendWidth;
     }
 
     return barWidth * 5 * data.length + legendWidth;
   }
 
   // Container to make the chart scroll horizontally
@@ -369,7 +369,7 @@
 
   // Container for scrolling container to scroll in
   const barChartStyle: React.CSSProperties = customDimensions
     ? {
         width: '100%',
         overflowX: 'auto',
         overflowY: 'auto',

src/chart/graph/component/GraphChartCanvas.tsx

@@ -1,10 +1,21 @@
 import React from 'react';
 
-const canvasStyle = { paddingLeft: '10px', position: 'relative', overflow: 'hidden', width: '100%', height: '100%' };
+const canvasStyle = {
+  paddingLeft: '10px',
+  marginBottom: 5,
+  position: 'relative',
+  overflow: 'hidden',
+  width: '100%',
+  height: '100%',
+};
 
 /**
  * Renders the canvas on which the graph visualization is projected.
  */
 export const NeoGraphChartCanvas = ({ children }) => {
-  return <div style={canvasStyle}>{children}</div>;
+  return (
+    <div className='graph-chart-canvas' style={canvasStyle}>
+      {children}
+    </div>
+  );
 };

src/chart/markdown/MarkdownChart.tsx

@@ -19,7 +19,10 @@ const NeoMarkdownChart = (props: ChartProps) => {
   const modifiedMarkdown = replaceGlobalParameters ? replaceDashboardParameters(markdown, parameters) : markdown;
   // TODO: we should check if the gfm plugin has an impact on the standard security provided by ReactMarkdown
   return (
-    <div style={{ marginTop: '0px', marginLeft: '15px', marginRight: '15px', marginBottom: '0px' }}>
+    <div
+      className='markdown-widget'
+      style={{ marginTop: '0px', marginLeft: '15px', marginRight: '15px', marginBottom: '0px' }}
+    >
       <base target='_blank' /> <ReactMarkdown remarkPLugins={[gfm]} children={modifiedMarkdown} />
     </div>
   );

src/chart/table/TableChart.tsx

@@ -40,12 +40,17 @@
 
 function renderAsButtonWrapper(renderer) {
   return function renderAsButton(value) {
+    const outputValue = renderer(value, true);
+    // If there's nothing to be rendered, there's no button needed.
+    if (outputValue == '') {
+      return <></>;
+    }
     return (
       <Button
         style={{ width: '100%', marginLeft: '5px', marginRight: '5px' }}
         variant='contained'
         color='primary'
-      >{`${renderer(value)}`}</Button>
+      >{`${outputValue}`}</Button>
     );
   };
 }
@@ -107,8 +112,7 @@
     return key != 'id' ? key : `${key} `;
   };
 
-  const actionableFields = actionsRules.map((r) => r.field);
-
+  const actionableFields = actionsRules.filter((r) => r.condition !== 'rowCheck').map((r) => r.field);
   const columns = transposed
     ? [records[0].keys[0]].concat(records.map((record) => record._fields[0]?.toString() || '')).map((key, i) => {
         const uniqueKey = `${String(key)}_${i}`;
@@ -126,7 +130,9 @@
           actionableFields.includes(key)
         );
       })
-    : records[0].keys.map((key, i) => {
+    : records[0] &&
+      records[0].keys &&
+      records[0].keys.map((key, i) => {
         const value = records[0].get(key);
         if (columnWidthsType == 'Relative (%)') {
           return ApplyColumnType(

src/config/ReportConfig.tsx

@@ -380,7 +380,7 @@ const _REPORT_TYPES = {
       marginBottom: {
         label: 'Margin Bottom',
         type: SELECTION_TYPES.NUMBER,
-        default: 45,
+        default: 30,
       },
       legendWidth: {
         label: 'Legend Width',

src/dashboard/Dashboard.tsx

@@ -36,7 +36,6 @@
     );
     setDriver(newDriver);
   }
-
   const content = (
     <Neo4jProvider driver={driver}>
       <NeoDashboardConnectionUpdateHandler
@@ -70,7 +69,7 @@
         {!standaloneSettings.standalone || (standaloneSettings.standalone && standaloneSettings.standaloneAllowLoad) ? (
           <NeoDashboardSidebar />
         ) : (
           <></>
         )}
         <div className='n-w-full n-h-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md'>
           <div className='n-w-full n-h-full n-overflow-y-scroll n-flex n-flex-row'>
@@ -81,7 +80,8 @@
                   {/* The main content of the page */}
 
                   <div>
-                    {standaloneSettings.standalonePassword ? (
+                    {standaloneSettings.standalonePassword &&
+                    standaloneSettings.standalonePasswordWarningHidden !== true ? (
                       <div style={{ textAlign: 'center', color: 'red', paddingTop: 60, marginBottom: -50 }}>
                         Warning: NeoDash is running with a plaintext password in config.json.
                       </div>

src/dashboard/DashboardThunks.ts

@@ -103,12 +103,12 @@
     }
 
     // Cast dashboard parameters from serialized format to correct types
     Object.keys(dashboard.settings.parameters).forEach((key) => {
       const value = dashboard.settings.parameters[key];
 
       // Serialized Date to Neo4jDate
       if (value && value.year && value.month && value.day) {
         dashboard.settings.parameters[key] = new Neo4jDate(value.year, value.month, value.day);
       }
     });
 
@@ -144,29 +144,29 @@
 
 export const saveDashboardToNeo4jThunk =
   (driver, database, dashboard, date, user, onSuccess) => (dispatch: any, getState: any) => {
     const state = getState();
     const loggingSettings = applicationGetLoggingSettings(state);
     const loguser = applicationGetConnectionUser(state);
     const neodashMode = applicationIsStandalone(state) ? 'Standalone' : 'Editor';
 
     try {
       let { uuid } = dashboard;
 
       // Dashboards pre-2.3.4 may not always have a UUID. If this is the case, generate one just before we save.
       if (!dashboard.uuid) {
         uuid = createUUID();
         dashboard.uuid = uuid;
         dispatch(setDashboardUuid(uuid));
         createUUID();
       }
 
       const { title, version } = dashboard;
 
       // Generate a cypher query to save the dashboard.
       const query =
         'MERGE (n:_Neodash_Dashboard {uuid: $uuid }) SET n.title = $title, n.version = $version, n.user = $user, n.content = $content, n.date = datetime($date) RETURN $uuid as uuid';
 
       const parameters = {
         uuid: uuid,
         title: title,
         version: version,
@@ -174,19 +174,19 @@
         content: JSON.stringify(dashboard, null, 2),
         date: date,
       };
       runCypherQuery(
         driver,
         database,
         query,
         parameters,
         1,
         () => {},
         (records) => {
           if (records && records[0] && records[0]._fields && records[0]._fields[0] && records[0]._fields[0] == uuid) {
             dispatch(createNotificationThunk('🎉 Success!', 'Your current dashboard was saved to Neo4j.'));
             onSuccess(uuid);
             if (loggingSettings.loggingMode > '1') {
               dispatch(
                 createLogThunk(
                   driver,
                   loggingSettings.loggingDatabase,
@@ -202,15 +202,15 @@
                 )
               );
             }
           } else {
             dispatch(
               createNotificationThunk(
                 'Unable to save dashboard',
                 `Do you have write access to the '${database}' database?`
               )
             );
             if (loggingSettings.loggingMode > '1') {
               dispatch(
                 createLogThunk(
                   driver,
                   loggingSettings.loggingDatabase,
@@ -230,9 +230,9 @@
         }
       );
     } catch (e) {
       dispatch(createNotificationThunk('Unable to save dashboard to Neo4j', e));
       if (loggingSettings.loggingMode > '1') {
         dispatch(
           createLogThunk(
             driver,
             loggingSettings.loggingDatabase,
@@ -285,9 +285,9 @@
 };
 
 export const loadDashboardFromNeo4jThunk = (driver, database, uuid, callback) => (dispatch: any, getState: any) => {
   const state = getState();
   const loggingSettings = applicationGetLoggingSettings(state);
   const loguser = applicationGetConnectionUser(state);
   const neodashMode = applicationIsStandalone(state) ? 'Standalone' : 'Editor';
 
   try {
@@ -317,7 +317,7 @@
             )
           );
           if (loggingSettings.loggingMode > '1') {
             dispatch(
               createLogThunk(
                 driver,
                 loggingSettings.loggingDatabase,
@@ -336,8 +336,8 @@
         } else {
           callback(records[0]._fields[0]);
           if (loggingSettings.loggingMode > '1') {
             const dashboard = JSON.parse(records[0]._fields[0]);
             dispatch(
               createLogThunk(
                 driver,
                 loggingSettings.loggingDatabase,
@@ -359,7 +359,7 @@
   } catch (e) {
     dispatch(createNotificationThunk('Unable to load dashboard to Neo4j', e));
     if (loggingSettings.loggingMode > '1') {
       dispatch(
         createLogThunk(
           driver,
           loggingSettings.loggingDatabase,
@@ -377,22 +377,22 @@
 
 export const loadDashboardFromNeo4jByNameThunk =
   (driver, database, name, callback) => (dispatch: any, getState: any) => {
     const loggingState = getState();
     const loggingSettings = applicationGetLoggingSettings(loggingState);
     const loguser = applicationGetConnectionUser(loggingState);
     const neodashMode = applicationIsStandalone(loggingState) ? 'Standalone' : 'Editor';
     try {
       const query =
         'MATCH (d:_Neodash_Dashboard) WHERE d.title = $name RETURN d.content as dashboard ORDER by d.date DESC LIMIT 1';
       runCypherQuery(
         driver,
         database,
         query,
         { name: name },
         1,
         (status) => {
           if (status == QueryStatus.NO_DATA) {
             dispatch(
               createNotificationThunk(
                 'Unable to load dashboard.',
                 'A dashboard with the provided name could not be found.'
@@ -400,16 +400,16 @@
             );
           }
         },
         (records) => {
           if (records.length == 0) {
             dispatch(
               createNotificationThunk(
-                'Unable to load dashboard.',
+                `Unable to load dashboard "${name}".`,
                 'A dashboard with the provided name could not be found.'
               )
             );
             if (loggingSettings.loggingMode > '1') {
               dispatch(
                 createLogThunk(
                   driver,
                   loggingSettings.loggingDatabase,
@@ -425,13 +425,13 @@
                 )
               );
             }
             return;
           }
 
           if (records[0].error) {
-            dispatch(createNotificationThunk('Unable to load dashboard.', records[0].error));
+            dispatch(createNotificationThunk(`Unable to load dashboard "${name}".`, records[0].error));
             if (loggingSettings.loggingMode > '1') {
               dispatch(
                 createLogThunk(
                   driver,
                   loggingSettings.loggingDatabase,
@@ -447,11 +447,11 @@
                 )
               );
             }
             return;
           }
 
           if (loggingSettings.loggingMode > '1') {
             dispatch(
               createLogThunk(
                 driver,
                 loggingSettings.loggingDatabase,
@@ -467,27 +467,27 @@
               )
             );
           }
           callback(records[0]._fields[0]);
         }
       );
     } catch (e) {
       dispatch(createNotificationThunk('Unable to load dashboard from Neo4j', e));
     }
   };
 
 export const loadDashboardListFromNeo4jThunk = (driver, database, callback) => (dispatch: any) => {
   function setStatus(status) {
     if (status == QueryStatus.NO_DATA) {
       runCallback([]);
     }
   }
   function runCallback(records) {
     if (!records || !records[0] || !records[0]._fields) {
       callback([]);
       return;
     }
     const result = records.map((r, index) => {
       return {
         uuid: r._fields[0],
         title: r._fields[1],
         date: r._fields[2],
@@ -496,7 +496,7 @@
         index: index,
       };
     });
     callback(result);
   }
   try {
     runCypherQuery(
@@ -505,8 +505,8 @@
       'MATCH (n:_Neodash_Dashboard) RETURN n.uuid as uuid, n.title as title, toString(n.date) as date,  n.user as author, n.version as version ORDER BY toLower(n.title) ASC',
       {},
       1000,
       (status) => setStatus(status),
       (records) => runCallback(records)
     );
   } catch (e) {
     dispatch(createNotificationThunk('Unable to load dashboard list from Neo4j', e));

src/dashboard/sidebar/DashboardSidebarListItem.tsx

@@ -19,7 +19,7 @@
             size='medium'
             color={selected == true ? (saved == true ? 'primary' : 'warning') : 'neutral'}
             style={{
-              width: '300px',
+              width: '240px',
               whiteSpace: 'nowrap',
               overflowX: 'clip',
               justifyContent: 'left',
@@ -58,7 +58,7 @@
                 />
               </Tooltip>
             ) : (
               <Tooltip title='Settings' aria-label='settings' disableInteractive>
                 <EllipsisVerticalIconOutline
                   color='rgb(var(--palette-warning-text))'
                   style={{ float: 'right', marginRight: '-6px' }}

src/extensions/actions/ActionsRuleCreationModal.tsx

@@ -251,29 +251,28 @@
     }
 
     // When we are accessing node properties (not page names), parse the node label + property pair to only show properties.
-    if (rule.customization !== 'set page') {
+    if (rule.customization !== 'set page' && (type == 'graph' || type == 'map')) {
       suggestions = suggestions.map((e) => e.split('.')[1] || e);
     }
 
     return suggestions;
   };
 
   const handleOnInputchange = (customization, index, value) => {
-    console.log(customization, index, value);
     updateRuleField(index, 'value', value);
     if (type == 'bar' && customization !== 'set page') {
       // For bar charts, duplicate the value to rule.field
       updateRuleField(index, 'field', value);
     }
   };
 
   const handleOnChange = (customization, index, newValue) => {
     updateRuleField(index, 'value', newValue);
   };
 
   const actionHelperClass = 'n-w-2/3 n-inline-flex';
   const spanClass = 'n-align-middle ';
   const textInputClass = 'font-bold n-ml-2 n-mt-[1px] n-float-right n-w-full';
 
   // Sets parameter value
   const getActionHelper = (rule, index, customization) => {
@@ -334,9 +333,9 @@
   // Styling was then extracted into functions outside of the html components, hence the naming.
   const td2Styling = (type) => ({ width: type === 'bar' ? '15%' : '30%' });
   const td2DropdownClassname = (type) => `n-align-middle n-pr-1 ${type === 'bar' ? 'n-w-full' : 'n-w-2/5'}`;
   const td2Autocomplete = (type, index, rule) =>
     (type !== 'bar' ? (
       <Autocomplete
         className='n-align-middle n-inline-block n-w-/5'
         disableClearable={true}
         id='autocomplete-label-type'
@@ -349,14 +348,14 @@
         style={{
           minWidth: 125,
         }}
         onInputChange={(event, value) => {
           updateRuleField(index, 'field', value);
         }}
         onChange={(event, newValue) => {
           updateRuleField(index, 'field', newValue);
         }}
         renderInput={(params) => (
           <TextField
             {...params}
             placeholder='Field name...'
             style={{ padding: 0 }}
@@ -365,10 +364,10 @@
         )}
       />
     ) : (
       <></>
     ));
   const td4Styling = (type) => ({ width: type === 'bar' ? '45%' : '40%' });
   const td4DropdownClassname = 'n-align-middle, n-w-1/3';
   const td6Styling = (type) => ({ width: type === 'bar' ? '30%' : '20%' });
 
   return (
@@ -492,10 +491,10 @@
                               inputValue={rule.value || ''}
                               popupIcon={<></>}
                               style={{ minWidth: 250 }}
                               onInputChange={(e, value) => handleOnInputchange(rule.customization, index, value)}
                               onChange={(e, newValue) => handleOnChange(rule.customization, index, newValue)}
                               renderInput={(params) => (
                                 <TextField {...params} placeholder='Value name...' InputLabelProps={{ shrink: true }} />
                               )}
                             />
                           </div>