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

package/src/components/relational/graph/ProvidedNodeRenderer.tsx

@@ -2,9 +2,9 @@ import { AccountInstance } from '@xyo-network/account-model'
 import { NodeInstance } from '@xyo-network/node-model'
 import { useWeakProvidedNode } from '@xyo-network/react-node'
 
-import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks'
-import { NodeRelationalGraphProps } from '../../lib'
-import { NodeRelationalGraphFlexBox } from './Graph'
+import { useCytoscapeElements, useCytoscapeOptions } from '../../../hooks/index.js'
+import { NodeRelationalGraphProps } from '../../lib/index.js'
+import { NodeRelationalGraphFlexBox } from './Graph.js'
 
 export interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
   account?: AccountInstance

package/src/components/relational/graph/index.ts

@@ -1,2 +1,2 @@
-export * from './Graph'
-export * from './ProvidedNodeRenderer'
+export * from './Graph.js'
+export * from './ProvidedNodeRenderer.js'

package/src/components/relational/graph/story/index.ts

@@ -1 +1 @@
-export * from './TestData'
+export * from './TestData.js'

package/src/components/relational/index.ts

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

package/src/contexts/CytoscapeInstance/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { CytoscapeInstanceState } from './State'
+import { CytoscapeInstanceState } from './State.js'
 
 export const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()

package/src/contexts/CytoscapeInstance/Provider.tsx

@@ -2,7 +2,7 @@ import type { WithChildren } from '@xylabs/react-shared'
 import { Core } from 'cytoscape'
 import { useEffect, useState } from 'react'
 
-import { CytoscapeInstanceContext } from './Context'
+import { CytoscapeInstanceContext } from './Context.js'
 
 export interface CytoscapeInstanceProviderProps extends WithChildren {
   defaultInstance?: WeakRef<Core>

package/src/contexts/CytoscapeInstance/index.ts

@@ -1,4 +1,4 @@
-export * from './Context'
-export * from './Provider'
-export * from './State'
-export * from './use'
+export * from './Context.js'
+export * from './Provider.js'
+export * from './State.js'
+export * from './use.js'

package/src/contexts/CytoscapeInstance/use.ts

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { CytoscapeInstanceContext } from './Context'
+import { CytoscapeInstanceContext } from './Context.js'
 
 export const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)

package/src/contexts/index.ts

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

package/src/hooks/cytoscape/elements/index.ts

@@ -1,2 +1,2 @@
-export * from './useCytoscapeElements'
-export * from './useElements'
+export * from './useCytoscapeElements.js'
+export * from './useElements.js'

package/src/hooks/cytoscape/elements/useCytoscapeElements.ts

@@ -5,7 +5,7 @@ import { isNodeInstance } from '@xyo-network/node-model'
 import { ElementDefinition } from 'cytoscape'
 import { useEffect, useState } from 'react'
 
-import { CytoscapeElements } from '../../../Cytoscape'
+import { CytoscapeElements } from '../../../Cytoscape/index.js'
 
 export const useCytoscapeElements = (mod?: WeakRef<ModuleInstance> | null) => {
   const [elements, setElements] = useState<ElementDefinition[]>([])

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

@@ -1,7 +1,7 @@
-import { useHoveredNode } from './useHoveredNode'
-import { useNewElements } from './useNewElements'
-import { useRenderNewElements } from './useRenderNewElements'
-import { useSelectedElement } from './useSelectedElement'
+import { useHoveredNode } from './useHoveredNode.js'
+import { useNewElements } from './useNewElements.js'
+import { useRenderNewElements } from './useRenderNewElements.js'
+import { useSelectedElement } from './useSelectedElement.js'
 
 export const useElements = (hideLabels: boolean) => {
   const { selectedElement, toggleSelectedElement } = useSelectedElement()

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

@@ -1,7 +1,7 @@
 import { NodeCollection, NodeSingular } from 'cytoscape'
 import { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'
 
-import { useCytoscapeInstance } from '../../../contexts'
+import { useCytoscapeInstance } from '../../../contexts/index.js'
 
 export const useHoveredNode = (renderedElements?: NodeCollection): [NodeSingular | undefined, Dispatch<SetStateAction<NodeSingular | undefined>>] => {
   const { cy } = useCytoscapeInstance(true)

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

@@ -2,7 +2,7 @@ import { useWeakModuleFromNode } from '@xyo-network/react-node'
 import { NodeSingular } from 'cytoscape'
 import { useMemo } from 'react'
 
-import { useCytoscapeElements } from './useCytoscapeElements'
+import { useCytoscapeElements } from './useCytoscapeElements.js'
 
 export const useNewElements = (selectedElement?: NodeSingular) => {
   const selectedAddress = useMemo(() => {

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'
-export * from './contexts'
-export * from './Cytoscape'
-export * from './hooks'
+export * from './components/index.js'
+export * from './contexts/index.js'
+export * from './Cytoscape/index.js'
+export * from './hooks/index.js'