diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx index 2ce0099c8cb..58c366f53e1 100644 --- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx +++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx @@ -33,7 +33,8 @@ export function DetailsPane({ vizItem, graphStyle, nodeInspectorWidth, - onGraphInteraction = () => undefined + onGraphInteraction = () => undefined, + showPropertiesTable = true }: DetailsPaneProps): JSX.Element { const [maxPropertiesCount, setMaxPropertiesCount] = useState( DETAILS_PANE_STEP_SIZE @@ -135,17 +136,19 @@ export function DetailsPane({ ) })} - - - + {showPropertiesTable && ( + + + + )} ) } diff --git a/src/neo4j-arc/graph-visualization/GraphVisualizer/DefaultPanelContent/DefaultDetailsPane.tsx b/src/neo4j-arc/graph-visualization/GraphVisualizer/DefaultPanelContent/DefaultDetailsPane.tsx index 15f2e2df234..8e90e9db650 100644 --- a/src/neo4j-arc/graph-visualization/GraphVisualizer/DefaultPanelContent/DefaultDetailsPane.tsx +++ b/src/neo4j-arc/graph-visualization/GraphVisualizer/DefaultPanelContent/DefaultDetailsPane.tsx @@ -37,12 +37,14 @@ export type DetailsPaneProps = { graphStyle: GraphStyleModel nodeInspectorWidth: number onGraphInteraction?: GraphInteractionCallBack + showPropertiesTable?: boolean } export function DefaultDetailsPane({ vizItem, graphStyle, nodeInspectorWidth, - onGraphInteraction = () => undefined + onGraphInteraction = () => undefined, + showPropertiesTable = true }: DetailsPaneProps): JSX.Element { const [maxPropertiesCount, setMaxPropertiesCount] = useState( DETAILS_PANE_STEP_SIZE @@ -142,17 +144,19 @@ export function DefaultDetailsPane({ ) })} - - - + {showPropertiesTable && ( + + + + )} ) } diff --git a/src/neo4j-arc/graph-visualization/GraphVisualizer/GraphVisualizer.tsx b/src/neo4j-arc/graph-visualization/GraphVisualizer/GraphVisualizer.tsx index c10ffac4c93..fa65abeb4bc 100644 --- a/src/neo4j-arc/graph-visualization/GraphVisualizer/GraphVisualizer.tsx +++ b/src/neo4j-arc/graph-visualization/GraphVisualizer/GraphVisualizer.tsx @@ -57,6 +57,7 @@ type GraphVisualizerDefaultProps = { disableWheelZoomInfoMessage: () => void useGeneratedDefaultColors: boolean showNodeInspectorPanel: boolean + showPropertiesTable: boolean } type GraphVisualizerProps = GraphVisualizerDefaultProps & { relationships: BasicRelationship[] @@ -120,7 +121,8 @@ export class GraphVisualizer extends Component< wheelZoomInfoMessageEnabled: false, disableWheelZoomInfoMessage: () => undefined, useGeneratedDefaultColors: true, - showNodeInspectorPanel: true + showNodeInspectorPanel: true, + showPropertiesTable: true } constructor(props: GraphVisualizerProps) { @@ -309,6 +311,7 @@ export class GraphVisualizer extends Component< DetailsPaneOverride={this.props.DetailsPaneOverride} OverviewPaneOverride={this.props.OverviewPaneOverride} onGraphInteraction={this.props.onGraphInteraction} + showPropertiesTable={this.props.showPropertiesTable} /> )} diff --git a/src/neo4j-arc/graph-visualization/GraphVisualizer/NodeInspectorPanel.tsx b/src/neo4j-arc/graph-visualization/GraphVisualizer/NodeInspectorPanel.tsx index 12d9572c1e7..92495390e89 100644 --- a/src/neo4j-arc/graph-visualization/GraphVisualizer/NodeInspectorPanel.tsx +++ b/src/neo4j-arc/graph-visualization/GraphVisualizer/NodeInspectorPanel.tsx @@ -53,6 +53,7 @@ interface NodeInspectorPanelProps { DetailsPaneOverride?: React.FC OverviewPaneOverride?: React.FC onGraphInteraction?: GraphInteractionCallBack + showPropertiesTable?: boolean } export const defaultPanelWidth = (): number => @@ -120,6 +121,7 @@ export class NodeInspectorPanel extends Component { {shownEl.type === 'node' || shownEl.type === 'relationship' ? (