@xyo-network/react-node-renderer 2.56.2 → 2.56.3

package/dist/esm/components/ProvidedNodeRenderer.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useProvidedWrappedNode } from '@xyo-network/react-node';
+import { useWrappedProvidedNode } from '@xyo-network/react-node';
 import { useCytoscapeElements, useCytoscapeOptions } from '../hooks';
 import { NodeRelationalGraph } from './RelationalGraph';
 export const ProvidedNodeRenderer = ({ node, ...props }) => {
-    const [providedNode] = useProvidedWrappedNode();
+    const [providedNode] = useWrappedProvidedNode();
     const elements = useCytoscapeElements(node ?? providedNode);
     const options = useCytoscapeOptions(elements);
     return _jsx(NodeRelationalGraph, { alignItems: "stretch", flexGrow: 1, height: "100%", options: options, ...props });

package/package.json

@@ -17,10 +17,10 @@
     "@xyo-network/diviner-model": "^2.64.1",
     "@xyo-network/module": "^2.64.1",
     "@xyo-network/node": "^2.64.1",
-    "@xyo-network/react-archivist": "^2.56.2",
-    "@xyo-network/react-module": "^2.56.2",
-    "@xyo-network/react-node": "^2.56.2",
-    "@xyo-network/react-shared": "^2.56.2",
+    "@xyo-network/react-archivist": "^2.56.3",
+    "@xyo-network/react-module": "^2.56.3",
+    "@xyo-network/react-node": "^2.56.3",
+    "@xyo-network/react-shared": "^2.56.3",
     "cytoscape": "^3.25.0"
   },
   "peerDependencies": {
@@ -36,16 +36,16 @@
     "@storybook/react": "^7.0.24",
     "@types/cytoscape": "^3.19.10",
     "@types/react-dom": "^18.2.6",
-    "@xylabs/ts-scripts-yarn3": "^2.18.2",
-    "@xylabs/tsconfig-react": "^2.18.2",
+    "@xylabs/ts-scripts-yarn3": "^2.18.7",
+    "@xylabs/tsconfig-react": "^2.18.7",
     "@xyo-network/archivist": "^2.64.1",
     "@xyo-network/bridge": "^2.64.1",
     "@xyo-network/id-plugin": "^2.64.1",
     "@xyo-network/module": "^2.64.1",
     "@xyo-network/node": "^2.64.1",
-    "@xyo-network/react-node": "^2.56.2",
-    "@xyo-network/react-storybook": "^2.56.2",
-    "@xyo-network/react-wallet": "^2.56.2",
+    "@xyo-network/react-node": "^2.56.3",
+    "@xyo-network/react-storybook": "^2.56.3",
+    "@xyo-network/react-wallet": "^2.56.3",
     "@xyo-network/sentinel": "^2.64.1",
     "typescript": "^5.1.6"
   },
@@ -92,5 +92,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.56.2"
+  "version": "2.56.3"
 }

package/src/components/ProvidedNodeRenderer.tsx

@@ -1,5 +1,5 @@
 import { NodeWrapper } from '@xyo-network/node'
-import { useProvidedWrappedNode } from '@xyo-network/react-node'
+import { useWrappedProvidedNode } from '@xyo-network/react-node'
 
 import { useCytoscapeElements, useCytoscapeOptions } from '../hooks'
 import { NodeRelationalGraphProps } from './lib'
@@ -10,7 +10,7 @@ export interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
 }
 
 export const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {
-  const [providedNode] = useProvidedWrappedNode()
+  const [providedNode] = useWrappedProvidedNode()
   const elements = useCytoscapeElements(node ?? providedNode)
   const options = useCytoscapeOptions(elements)
 

package/src/components/RelationalGraph.stories.tsx

@@ -5,7 +5,7 @@ import { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archi
 import { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/bridge'
 import { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'
 import { MemoryNode, NodeConfigSchema, NodeWrapper } from '@xyo-network/node'
-import { NodeProvider, useModule, useProvidedWrappedNode } from '@xyo-network/react-node'
+import { NodeProvider, useNodeFromNode, useWrappedProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'
@@ -76,14 +76,14 @@ export default {
 const Template: StoryFn<typeof NodeRelationalGraph> = (props) => <NodeRelationalGraph {...props} />
 
 const TemplateDescribe: StoryFn<typeof NodeRelationalGraph> = (props) => {
-  const [node] = useProvidedWrappedNode()
+  const [node] = useWrappedProvidedNode()
   const elements = useCytoscapeElements(node)
   const options = useCytoscapeOptions(elements)
   return <NodeRelationalGraph options={options} {...props} />
 }
 
 const TemplateCustomAddress: StoryFn<typeof NodeRelationalGraph> = (props) => {
-  const [node] = useModule('ChildNode')
+  const [node] = useNodeFromNode('ChildNode')
   const wrappedNode = useMemo(() => (node ? NodeWrapper.wrap(node) : undefined), [node])
   const elements = useCytoscapeElements(wrappedNode)
   const options = useCytoscapeOptions(elements)
@@ -93,7 +93,7 @@ const TemplateCustomAddress: StoryFn<typeof NodeRelationalGraph> = (props) => {
 const TemplateProvidedNodeRenderer: StoryFn<typeof ProvidedNodeRenderer> = (props) => <ProvidedNodeRenderer {...props} />
 
 const TemplateAttachDetach: StoryFn<typeof NodeRelationalGraph> = (props) => {
-  const [node] = useModule('ChildNode')
+  const [node] = useNodeFromNode('ChildNode')
   const wrappedNode = useMemo(() => (node ? NodeWrapper.wrap(node) : undefined), [node])
   const elements = useCytoscapeElements(wrappedNode)
   const options = useCytoscapeOptions(elements)

package/src/components/RelationalGraphEvents.stories.tsx

@@ -2,7 +2,7 @@ import { Decorator, Meta, StoryFn } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
 import { ArchivistConfigSchema, MemoryArchivist } from '@xyo-network/archivist'
 import { MemoryNode, NodeConfigSchema } from '@xyo-network/node'
-import { NodeProvider, useProvidedWrappedNode } from '@xyo-network/react-node'
+import { NodeProvider, useWrappedProvidedNode } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { EventObject } from 'cytoscape'
@@ -49,7 +49,7 @@ export default {
 } as Meta
 
 const Template: StoryFn<typeof NodeRelationalGraph> = (props) => {
-  const [node] = useProvidedWrappedNode()
+  const [node] = useWrappedProvidedNode()
   const elements = useCytoscapeElements(node)
   const options = useCytoscapeOptions(elements)