@xyo-network/react-node-renderer 7.5.8 → 7.5.12

package/src/hooks/cytoscape/useModuleDetails.tsx

@@ -1,83 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import {
-  isDefined, isDefinedNotNull, isTruthy,
-} from '@xylabs/sdk-js'
-import type { ModuleInstance } from '@xyo-network/module-model'
-import {
-  useCallback, useEffect, useState,
-} from 'react'
-
-import { useCytoscapeInstance } from '../../contexts/index.ts'
-
-export const useModuleDetails = (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
-  const { cy } = useCytoscapeInstance()
-  const [moduleAddress, setModuleAddress] = useState<string | null>()
-
-  const [foundModule] = usePromise(async () => {
-    if (moduleAddress === null) return null
-    const rootModuleInstance = rootModule?.deref()
-    if (isDefined(moduleAddress) && isDefined(rootModuleInstance)) {
-      const foundModule = await rootModuleInstance.resolve(moduleAddress)
-      return foundModule ?? null
-    }
-  }, [moduleAddress, rootModule])
-
-  const createObserver = useCallback(() => {
-    return new ResizeObserver(() => {
-      if (moduleAddress === null) {
-        // cytoscape tries to center prematurely without it :(
-        setTimeout(() => {
-          cy?.deref()?.center()
-        }, 100)
-      } else if (foundModule && cy) {
-        const node = cy?.deref()?.nodes(`[id="${moduleAddress}"]`)?.[0]
-        // cy.pan(newPan)
-        // cytoscape tries to center prematurely without it :(
-        setTimeout(() => {
-          cy?.deref()?.center(node)
-        }, 100)
-      }
-    })
-  }, [cy, moduleAddress, foundModule])
-
-  useEffect(() => {
-    const resizeObserver = createObserver()
-
-    const container = cy?.deref()?.container()
-    if (container) {
-      resizeObserver.observe(container)
-    }
-
-    return () => {
-      if (container) resizeObserver.unobserve(container)
-    }
-  }, [cy, moduleAddress, foundModule, rootModule])
-
-  useEffect(() => {
-    if (foundModule) {
-      onFoundModule?.()
-    }
-  }, [cy, moduleAddress, foundModule, onFoundModule, createObserver])
-
-  // eslint-disable-next-line complexity
-  const onModuleDetails = (address?: string | null) => {
-    const moduleNode = cy?.deref()?.nodes(`[id="${address}"]`)
-    const rootModuleNode = cy?.deref()?.nodes(`[id="${rootModule?.deref()?.address}"]`)
-    const foundModuleNode = cy?.deref()?.nodes(`[id="${foundModule?.address}"]`)
-    const notModuleNode = cy?.deref()?.nodes(`[id != "${address}"]`)
-
-    if (isTruthy(address)) {
-      // address was passed so we set the node to active styles
-      moduleNode?.toggleClass('activeNode', true)
-      notModuleNode?.toggleClass('activeNode', false)
-    } else {
-      // no address was passes so we reset the state
-      notModuleNode?.toggleClass('activeNode', false)
-      const activeNode = isDefinedNotNull(foundModuleNode) && foundModuleNode.length > 0 ? foundModuleNode : rootModuleNode
-      activeNode?.toggleClass('activeNode', true)
-    }
-    setModuleAddress(address)
-  }
-
-  return { mod: foundModule, onModuleDetails }
-}

package/src/hooks/cytoscape/useRelationalGraphOptions.tsx

@@ -1,23 +0,0 @@
-import type { ModuleInstance } from '@xyo-network/module-model'
-import { useState } from 'react'
-
-import { ConcentricLayout } from '../../Cytoscape/index.ts'
-import { useCytoscapeElements } from './elements/index.ts'
-import { useCytoscapeOptions } from './useCytoscapeOptions.ts'
-import { useCytoscapeStyle } from './useCytoscapeStyle.tsx'
-
-export const useRelationalGraphOptions = (mod?: WeakRef<ModuleInstance>) => {
-  const [hideLabels, setHideLabels] = useState(true)
-
-  const handleToggleLabels = () => {
-    setHideLabels(oldValue => !oldValue)
-  }
-
-  const elements = useCytoscapeElements(mod)
-  const style = useCytoscapeStyle(hideLabels)
-  const options = useCytoscapeOptions(elements, style, ConcentricLayout)
-
-  return {
-    handleToggleLabels, hideLabels, options,
-  }
-}

package/src/hooks/index.ts

@@ -1 +0,0 @@
-export * from './cytoscape/index.ts'

package/src/index.ts

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

package/src/types/global.d.ts

@@ -1,19 +0,0 @@
-declare module 'cytoscape-cola' {
-  const ext: cytoscape.Ext
-  export = ext
-}
-
-declare module 'cytoscape-cose-bilkent' {
-  const ext: cytoscape.Ext
-  export = ext
-}
-
-declare module 'cytoscape-euler' {
-  const ext: cytoscape.Ext
-  export = ext
-}
-
-declare module 'cytoscape-dagre' {
-  const ext: cytoscape.Ext
-  export = ext
-}

package/src/types/images.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.svg'
-declare module '*.gif'
-declare module '*.webp'

package/src/types/theme.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'