@xyo-network/react-node-renderer 7.5.4 → 7.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-node-renderer",
-  "version": "7.5.4",
+  "version": "7.5.6",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,24 +43,24 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/react-async-effect": "~7.1.15",
-    "@xylabs/react-flexbox": "~7.1.15",
-    "@xylabs/react-identicon": "~7.1.15",
-    "@xylabs/react-promise": "~7.1.15",
-    "@xylabs/react-shared": "~7.1.15",
-    "@xylabs/react-theme": "~7.1.15",
-    "@xylabs/sdk-js": "~5.0.79",
-    "@xyo-network/account-model": "~5.3.5",
-    "@xyo-network/archivist-model": "~5.3.5",
-    "@xyo-network/bridge-model": "~5.3.5",
-    "@xyo-network/diviner-model": "~5.3.5",
-    "@xyo-network/module-model": "~5.3.5",
-    "@xyo-network/node-model": "~5.3.5",
-    "@xyo-network/react-archivist": "7.5.4",
-    "@xyo-network/react-module": "7.5.4",
-    "@xyo-network/react-node": "7.5.4",
-    "@xyo-network/sentinel-model": "~5.3.5",
-    "@xyo-network/witness-model": "~5.3.5",
+    "@xylabs/react-async-effect": "~7.1.17",
+    "@xylabs/react-flexbox": "~7.1.17",
+    "@xylabs/react-identicon": "~7.1.17",
+    "@xylabs/react-promise": "~7.1.17",
+    "@xylabs/react-shared": "~7.1.17",
+    "@xylabs/react-theme": "~7.1.17",
+    "@xylabs/sdk-js": "~5.0.90",
+    "@xyo-network/account-model": "~5.3.17",
+    "@xyo-network/archivist-model": "~5.3.17",
+    "@xyo-network/bridge-model": "~5.3.17",
+    "@xyo-network/diviner-model": "~5.3.17",
+    "@xyo-network/module-model": "~5.3.17",
+    "@xyo-network/node-model": "~5.3.17",
+    "@xyo-network/react-archivist": "7.5.6",
+    "@xyo-network/react-module": "7.5.6",
+    "@xyo-network/react-node": "7.5.6",
+    "@xyo-network/sentinel-model": "~5.3.17",
+    "@xyo-network/witness-model": "~5.3.17",
     "cytoscape": "~3.33.1",
     "cytoscape-cola": "~2.5.1",
     "cytoscape-cose-bilkent": "~4.1.0",
@@ -68,33 +68,33 @@
     "cytoscape-euler": "~1.2.3"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.8",
-    "@mui/material": "~7.3.8",
-    "@storybook/react-vite": "~10.2.9",
+    "@mui/icons-material": "~7.3.9",
+    "@mui/material": "~7.3.9",
+    "@storybook/react-vite": "~10.3.3",
     "@types/cytoscape": "~3.31.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "~19.2.3",
-    "@xylabs/events": "~5.0.79",
-    "@xylabs/ts-scripts-yarn3": "~7.3.2",
-    "@xylabs/tsconfig": "~7.3.2",
-    "@xylabs/tsconfig-dom": "~7.3.2",
-    "@xylabs/tsconfig-react": "~7.3.2",
-    "@xyo-network/archivist": "~5.3.5",
-    "@xyo-network/archivist-memory": "~5.3.5",
-    "@xyo-network/bridge-http": "~5.3.5",
-    "@xyo-network/bridge-model": "~5.3.5",
+    "@xylabs/events": "~5.0.90",
+    "@xylabs/ts-scripts-yarn3": "~7.5.6",
+    "@xylabs/tsconfig": "~7.5.6",
+    "@xylabs/tsconfig-dom": "~7.5.6",
+    "@xylabs/tsconfig-react": "~7.5.6",
+    "@xyo-network/archivist": "~5.3.17",
+    "@xyo-network/archivist-memory": "~5.3.17",
+    "@xyo-network/bridge-http": "~5.3.17",
+    "@xyo-network/bridge-model": "~5.3.17",
     "@xyo-network/id-plugin": "~5.3.1",
-    "@xyo-network/node-memory": "~5.3.5",
-    "@xyo-network/react-storybook": "7.5.4",
-    "@xyo-network/react-wallet": "7.5.4",
-    "@xyo-network/sentinel": "~5.3.5",
-    "@xyo-network/sentinel-memory": "~5.3.5",
+    "@xyo-network/node-memory": "~5.3.17",
+    "@xyo-network/react-storybook": "7.5.6",
+    "@xyo-network/react-wallet": "7.5.6",
+    "@xyo-network/sentinel": "~5.3.17",
+    "@xyo-network/sentinel-memory": "~5.3.17",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.0",
-    "storybook": "~10.2.9",
+    "react-router-dom": "^7.13.2",
+    "storybook": "~10.3.3",
     "typescript": "^5.9.3",
-    "vite": "~7.3.1",
+    "vite": "~8.0.3",
     "zod": "^4.3.6"
   },
   "peerDependencies": {

package/src/Cytoscape/lib/encodeSvg.ts

@@ -1,6 +1,5 @@
 import { isDefined } from '@xylabs/sdk-js'
 import type { ReactElement } from 'react'
-// eslint-disable-next-line import-x/no-internal-modules
 import { renderToStaticMarkup } from 'react-dom/server'
 
 const dataUri = 'data:image/svg+xml,'

package/src/components/module/graph/node/hooks/useNodeElement.tsx

@@ -1,7 +1,7 @@
 import type { PopperProps } from '@mui/material'
 import type { NodeSingular } from 'cytoscape'
 import {
-  useEffect, useMemo, useRef, useState,
+  useEffect, useRef, useState,
 } from 'react'
 
 export const useNodeElement = (node?: NodeSingular) => {
@@ -10,11 +10,11 @@ export const useNodeElement = (node?: NodeSingular) => {
   const [boundingBox, setBoundingBox] = useState(node?.renderedBoundingBox())
 
   // Ensure first render clears the previous element when node changes to avoid flicker
-  useMemo(() => {
+  useEffect(() => {
     setCurrentElement(null)
   }, [node])
 
-  useMemo(() => {
+  useEffect(() => {
     setBoundingBox(node?.renderedBoundingBox())
   }, [node])
 
@@ -31,7 +31,7 @@ export const useNodeElement = (node?: NodeSingular) => {
   }, [node])
 
   // Once boundingBox state is set and applied to the layout, update the ref
-  useMemo(() => {
+  useEffect(() => {
     setCurrentElement(ref.current)
   }, [boundingBox])
 

package/src/hooks/cytoscape/useCytoscapeOptions.ts

@@ -23,7 +23,7 @@ export const useCytoscapeOptions = (
         style: resolvedStyle,
       }
     }
-  }, [elements, layout, style])
+  }, [elements, resolvedLayout, resolvedStyle])
 
   return options
 }

package/src/hooks/cytoscape/useIcons.tsx

@@ -16,7 +16,7 @@ export const useIcons = () => {
       acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.vars.palette.primary.contrastText)
       return acc
     }, iconMap)
-  }, [theme.palette])
+  }, [theme.vars.palette.primary.contrastText])
 
   return icons
 }