@xyo-network/react-node-renderer 2.81.0 → 2.81.1

package/src/hooks/cytoscape/elements/useRenderNewElements.tsx

@@ -1,8 +1,8 @@
 import { CollectionReturnValue, ElementDefinition } from 'cytoscape'
 import { useEffect, useState } from 'react'
 
-import { useCytoscapeInstance } from '../../../contexts'
-import { ColaLayout } from '../../../Cytoscape'
+import { useCytoscapeInstance } from '../../../contexts/index.js'
+import { ColaLayout } from '../../../Cytoscape/index.js'
 
 export const useRenderNewElements = (newElements: ElementDefinition[] = [], hideLabels?: boolean) => {
   const { cy } = useCytoscapeInstance(true)

package/src/hooks/cytoscape/elements/useSelectedElement.tsx

@@ -1,7 +1,7 @@
 import { NodeSingular } from 'cytoscape'
 import { useState } from 'react'
 
-import { useCytoscapeInstance } from '../../../contexts'
+import { useCytoscapeInstance } from '../../../contexts/index.js'
 
 export const useSelectedElement = () => {
   const [selectedElement, setSelectedElement] = useState<NodeSingular>()

package/src/hooks/cytoscape/index.ts

@@ -1,4 +1,4 @@
-export * from './elements'
-export * from './useCytoscapeOptions'
-export * from './useModuleDetails'
-export * from './useRelationalGraphOptions'
+export * from './elements/index.js'
+export * from './useCytoscapeOptions.js'
+export * from './useModuleDetails.js'
+export * from './useRelationalGraphOptions.js'

package/src/hooks/cytoscape/useCytoscapeOptions.ts

@@ -1,8 +1,8 @@
 import { CytoscapeOptions } from 'cytoscape'
 import { useMemo } from 'react'
 
-import { ConcentricLayout } from '../../Cytoscape'
-import { useCytoscapeStyle } from './useCytoscapeStyle'
+import { ConcentricLayout } from '../../Cytoscape/index.js'
+import { useCytoscapeStyle } from './useCytoscapeStyle.js'
 
 export const useCytoscapeOptions = (
   elements: CytoscapeOptions['elements'],

package/src/hooks/cytoscape/useCytoscapeStyle.tsx

@@ -2,8 +2,8 @@ import { useTheme } from '@mui/material'
 import { CytoscapeOptions } from 'cytoscape'
 import { useMemo } from 'react'
 
-import { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape'
-import { useIcons } from './useIcons'
+import { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape/index.js'
+import { useIcons } from './useIcons.js'
 
 export const useCytoscapeStyle = (hideLabels = false) => {
   const theme = useTheme()

package/src/hooks/cytoscape/useIcons.tsx

@@ -1,7 +1,7 @@
 import { useTheme } from '@mui/material'
 import { useMemo } from 'react'
 
-import { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'
+import { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape/index.js'
 
 export const useIcons = () => {
   const theme = useTheme()

package/src/hooks/cytoscape/useModuleDetails.tsx

@@ -2,7 +2,7 @@ import { usePromise } from '@xylabs/react-promise'
 import { ModuleInstance } from '@xyo-network/module-model'
 import { useEffect, useState } from 'react'
 
-import { useCytoscapeInstance } from '../../contexts'
+import { useCytoscapeInstance } from '../../contexts/index.js'
 
 export const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
   const { cy } = useCytoscapeInstance()

package/src/hooks/cytoscape/useRelationalGraphOptions.tsx

@@ -1,10 +1,10 @@
 import { ModuleInstance } from '@xyo-network/module-model'
 import { useState } from 'react'
 
-import { ConcentricLayout } from '../../Cytoscape'
-import { useCytoscapeElements } from './elements'
-import { useCytoscapeOptions } from './useCytoscapeOptions'
-import { useCytoscapeStyle } from './useCytoscapeStyle'
+import { ConcentricLayout } from '../../Cytoscape/index.js'
+import { useCytoscapeElements } from './elements/index.js'
+import { useCytoscapeOptions } from './useCytoscapeOptions.js'
+import { useCytoscapeStyle } from './useCytoscapeStyle.js'
 
 export const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {
   const [hideLabels, setHideLabels] = useState(true)

package/src/hooks/index.ts

@@ -1 +1 @@
-export * from './cytoscape'
+export * from './cytoscape/index.js'

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from './components/index.js'
-export * from './contexts'
-export * from './Cytoscape'
-export * from './hooks'
+export * from './contexts/index.js'
+export * from './Cytoscape/index.js'
+export * from './hooks/index.js'