@xyo-network/react-node-renderer 2.72.5 → 2.72.6

package/package.json

@@ -23,10 +23,10 @@
     "@xyo-network/module-events": "^2.94.40",
     "@xyo-network/module-model": "^2.94.40",
     "@xyo-network/node-model": "^2.94.40",
-    "@xyo-network/react-archivist": "~2.72.5",
-    "@xyo-network/react-module": "~2.72.5",
-    "@xyo-network/react-node": "~2.72.5",
-    "@xyo-network/react-shared": "~2.72.5",
+    "@xyo-network/react-archivist": "~2.72.6",
+    "@xyo-network/react-module": "~2.72.6",
+    "@xyo-network/react-node": "~2.72.6",
+    "@xyo-network/react-shared": "~2.72.6",
     "@xyo-network/sentinel-model": "^2.94.40",
     "@xyo-network/witness-model": "^2.94.40",
     "cytoscape": "^3.28.1",
@@ -55,8 +55,8 @@
     "@xyo-network/http-bridge": "^2.94.40",
     "@xyo-network/id-plugin": "^2.91.11",
     "@xyo-network/node-memory": "^2.94.40",
-    "@xyo-network/react-storybook": "~2.72.5",
-    "@xyo-network/react-wallet": "~2.72.5",
+    "@xyo-network/react-storybook": "~2.72.6",
+    "@xyo-network/react-wallet": "~2.72.6",
     "@xyo-network/sentinel": "^2.94.40",
     "typescript": "^5.4.5"
   },
@@ -111,6 +111,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.72.5",
+  "version": "2.72.6",
   "type": "module"
 }

package/src/components/module/graph/GraphFlexBox.tsx

@@ -13,12 +13,13 @@ import { StyledModuleHoverPopper } from './Popper'
 
 export interface ModuleGraphFlexBoxProps extends FlexBoxProps {
   disableModuleDetails?: boolean
+  hideActions?: boolean
   layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola'
   layoutOptions?: object
   rootModule?: ModuleInstance | null
 }
 
-export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ rootModule, disableModuleDetails, ...props }) => {
+export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ hideActions, rootModule, disableModuleDetails, ...props }) => {
   const cytoscapeRef = useRef<HTMLDivElement>(null)
   const { handleToggleLabels, hideLabels, options } = useRelationalGraphOptions(rootModule ?? undefined)
   const { hoveredNode, setHoveredNode, toggleSelectedElement } = useElements(hideLabels)
@@ -29,11 +30,13 @@ export const ModuleGraphFlexBox: React.FC<ModuleGraphFlexBoxProps> = ({ rootModu
     <WithExtensions>
       <NodeRelationalGraphFlexBox
         actions={
-          module ? null : (
-            <Button size={'small'} onClick={handleToggleLabels} variant="contained">
+          module ? null
+          : hideActions ?
+            null
+          : <Button size={'small'} onClick={handleToggleLabels} variant="contained">
               Toggle Labels
             </Button>
-          )
+
         }
         showDetails={!!module}
         detail={<DetailsFlexbox onClose={() => onModuleDetails(null)} />}