@xyo-network/react-node-renderer 2.64.9 → 2.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/hooks/cytoscape/useModuleDetails.d.cts +3 -3
- package/dist/browser/hooks/cytoscape/useModuleDetails.d.mts +3 -3
- package/dist/browser/hooks/cytoscape/useModuleDetails.d.ts +3 -3
- package/dist/node/hooks/cytoscape/useModuleDetails.d.cts +3 -3
- package/dist/node/hooks/cytoscape/useModuleDetails.d.mts +3 -3
- package/dist/node/hooks/cytoscape/useModuleDetails.d.ts +3 -3
- package/package.json +30 -30
- package/src/components/module/graph/GraphFlexBox.stories.tsx +1 -1
- package/src/components/relational/graph/Graph.stories.tsx +1 -1
- package/dist/browser/Cytoscape/CytoscapeElements.cjs +0 -132
- package/dist/browser/Cytoscape/CytoscapeElements.cjs.map +0 -1
- package/dist/browser/Cytoscape/CytoscapeElements.js +0 -111
- package/dist/browser/Cytoscape/CytoscapeElements.js.map +0 -1
- package/dist/browser/Cytoscape/CytoscapeIcons.cjs +0 -36
- package/dist/browser/Cytoscape/CytoscapeIcons.cjs.map +0 -1
- package/dist/browser/Cytoscape/CytoscapeIcons.js +0 -23
- package/dist/browser/Cytoscape/CytoscapeIcons.js.map +0 -1
- package/dist/browser/Cytoscape/CytoscapeStyles.cjs +0 -70
- package/dist/browser/Cytoscape/CytoscapeStyles.cjs.map +0 -1
- package/dist/browser/Cytoscape/CytoscapeStyles.js +0 -49
- package/dist/browser/Cytoscape/CytoscapeStyles.js.map +0 -1
- package/dist/browser/Cytoscape/index.cjs +0 -244
- package/dist/browser/Cytoscape/index.cjs.map +0 -1
- package/dist/browser/Cytoscape/index.js +0 -229
- package/dist/browser/Cytoscape/index.js.map +0 -1
- package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.cjs +0 -19
- package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.js +0 -1
- package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.js.map +0 -1
- package/dist/browser/Cytoscape/lib/encodeSvg.cjs +0 -39
- package/dist/browser/Cytoscape/lib/encodeSvg.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/encodeSvg.js +0 -18
- package/dist/browser/Cytoscape/lib/encodeSvg.js.map +0 -1
- package/dist/browser/Cytoscape/lib/iconMap.cjs +0 -35
- package/dist/browser/Cytoscape/lib/iconMap.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/iconMap.js +0 -14
- package/dist/browser/Cytoscape/lib/iconMap.js.map +0 -1
- package/dist/browser/Cytoscape/lib/index.cjs +0 -104
- package/dist/browser/Cytoscape/lib/index.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/index.js +0 -81
- package/dist/browser/Cytoscape/lib/index.js.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/ColaLayout.cjs +0 -31
- package/dist/browser/Cytoscape/lib/layout/ColaLayout.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/ColaLayout.js +0 -10
- package/dist/browser/Cytoscape/lib/layout/ColaLayout.js.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/ConcentricLayout.cjs +0 -36
- package/dist/browser/Cytoscape/lib/layout/ConcentricLayout.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/ConcentricLayout.js +0 -15
- package/dist/browser/Cytoscape/lib/layout/ConcentricLayout.js.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/index.cjs +0 -46
- package/dist/browser/Cytoscape/lib/layout/index.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/layout/index.js +0 -23
- package/dist/browser/Cytoscape/lib/layout/index.js.map +0 -1
- package/dist/browser/Cytoscape/lib/parseModuleType.cjs +0 -53
- package/dist/browser/Cytoscape/lib/parseModuleType.cjs.map +0 -1
- package/dist/browser/Cytoscape/lib/parseModuleType.js +0 -32
- package/dist/browser/Cytoscape/lib/parseModuleType.js.map +0 -1
- package/dist/browser/components/cytoscape-extensions/WithExtensions.cjs +0 -48
- package/dist/browser/components/cytoscape-extensions/WithExtensions.cjs.map +0 -1
- package/dist/browser/components/cytoscape-extensions/WithExtensions.js +0 -17
- package/dist/browser/components/cytoscape-extensions/WithExtensions.js.map +0 -1
- package/dist/browser/components/cytoscape-extensions/index.cjs +0 -50
- package/dist/browser/components/cytoscape-extensions/index.cjs.map +0 -1
- package/dist/browser/components/cytoscape-extensions/index.js +0 -17
- package/dist/browser/components/cytoscape-extensions/index.js.map +0 -1
- package/dist/browser/components/index.cjs +0 -740
- package/dist/browser/components/index.cjs.map +0 -1
- package/dist/browser/components/index.js +0 -715
- package/dist/browser/components/index.js.map +0 -1
- package/dist/browser/components/lib/RelationalGraphProps.cjs +0 -19
- package/dist/browser/components/lib/RelationalGraphProps.cjs.map +0 -1
- package/dist/browser/components/lib/RelationalGraphProps.js +0 -1
- package/dist/browser/components/lib/RelationalGraphProps.js.map +0 -1
- package/dist/browser/components/lib/index.cjs +0 -19
- package/dist/browser/components/lib/index.cjs.map +0 -1
- package/dist/browser/components/lib/index.js +0 -1
- package/dist/browser/components/lib/index.js.map +0 -1
- package/dist/browser/components/module/CardParser.cjs +0 -41
- package/dist/browser/components/module/CardParser.cjs.map +0 -1
- package/dist/browser/components/module/CardParser.js +0 -20
- package/dist/browser/components/module/CardParser.js.map +0 -1
- package/dist/browser/components/module/graph/DetailsFlexbox.cjs +0 -36
- package/dist/browser/components/module/graph/DetailsFlexbox.cjs.map +0 -1
- package/dist/browser/components/module/graph/DetailsFlexbox.js +0 -15
- package/dist/browser/components/module/graph/DetailsFlexbox.js.map +0 -1
- package/dist/browser/components/module/graph/GraphFlexBox.cjs +0 -706
- package/dist/browser/components/module/graph/GraphFlexBox.cjs.map +0 -1
- package/dist/browser/components/module/graph/GraphFlexBox.js +0 -683
- package/dist/browser/components/module/graph/GraphFlexBox.js.map +0 -1
- package/dist/browser/components/module/graph/Popper.cjs +0 -57
- package/dist/browser/components/module/graph/Popper.cjs.map +0 -1
- package/dist/browser/components/module/graph/Popper.js +0 -36
- package/dist/browser/components/module/graph/Popper.js.map +0 -1
- package/dist/browser/components/module/graph/index.cjs +0 -708
- package/dist/browser/components/module/graph/index.cjs.map +0 -1
- package/dist/browser/components/module/graph/index.js +0 -683
- package/dist/browser/components/module/graph/index.js.map +0 -1
- package/dist/browser/components/module/graph/node/Hover.cjs +0 -74
- package/dist/browser/components/module/graph/node/Hover.cjs.map +0 -1
- package/dist/browser/components/module/graph/node/Hover.js +0 -53
- package/dist/browser/components/module/graph/node/Hover.js.map +0 -1
- package/dist/browser/components/module/graph/node/hooks/index.cjs +0 -53
- package/dist/browser/components/module/graph/node/hooks/index.cjs.map +0 -1
- package/dist/browser/components/module/graph/node/hooks/index.js +0 -30
- package/dist/browser/components/module/graph/node/hooks/index.js.map +0 -1
- package/dist/browser/components/module/graph/node/hooks/useNodeElement.cjs +0 -51
- package/dist/browser/components/module/graph/node/hooks/useNodeElement.cjs.map +0 -1
- package/dist/browser/components/module/graph/node/hooks/useNodeElement.js +0 -30
- package/dist/browser/components/module/graph/node/hooks/useNodeElement.js.map +0 -1
- package/dist/browser/components/module/graph/node/index.cjs +0 -76
- package/dist/browser/components/module/graph/node/index.cjs.map +0 -1
- package/dist/browser/components/module/graph/node/index.js +0 -53
- package/dist/browser/components/module/graph/node/index.js.map +0 -1
- package/dist/browser/components/module/index.cjs +0 -726
- package/dist/browser/components/module/index.cjs.map +0 -1
- package/dist/browser/components/module/index.js +0 -701
- package/dist/browser/components/module/index.js.map +0 -1
- package/dist/browser/components/relational/graph/Graph.cjs +0 -102
- package/dist/browser/components/relational/graph/Graph.cjs.map +0 -1
- package/dist/browser/components/relational/graph/Graph.js +0 -71
- package/dist/browser/components/relational/graph/Graph.js.map +0 -1
- package/dist/browser/components/relational/graph/ProvidedNodeRenderer.cjs +0 -407
- package/dist/browser/components/relational/graph/ProvidedNodeRenderer.cjs.map +0 -1
- package/dist/browser/components/relational/graph/ProvidedNodeRenderer.js +0 -384
- package/dist/browser/components/relational/graph/ProvidedNodeRenderer.js.map +0 -1
- package/dist/browser/components/relational/graph/index.cjs +0 -414
- package/dist/browser/components/relational/graph/index.cjs.map +0 -1
- package/dist/browser/components/relational/graph/index.js +0 -389
- package/dist/browser/components/relational/graph/index.js.map +0 -1
- package/dist/browser/components/relational/graph/story/TestData.cjs +0 -70
- package/dist/browser/components/relational/graph/story/TestData.cjs.map +0 -1
- package/dist/browser/components/relational/graph/story/TestData.js +0 -49
- package/dist/browser/components/relational/graph/story/TestData.js.map +0 -1
- package/dist/browser/components/relational/graph/story/index.cjs +0 -72
- package/dist/browser/components/relational/graph/story/index.cjs.map +0 -1
- package/dist/browser/components/relational/graph/story/index.js +0 -49
- package/dist/browser/components/relational/graph/story/index.js.map +0 -1
- package/dist/browser/components/relational/index.cjs +0 -414
- package/dist/browser/components/relational/index.cjs.map +0 -1
- package/dist/browser/components/relational/index.js +0 -389
- package/dist/browser/components/relational/index.js.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/Context.cjs +0 -28
- package/dist/browser/contexts/CytoscapeInstance/Context.cjs.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/Context.js +0 -7
- package/dist/browser/contexts/CytoscapeInstance/Context.js.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/Provider.cjs +0 -41
- package/dist/browser/contexts/CytoscapeInstance/Provider.cjs.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/Provider.js +0 -20
- package/dist/browser/contexts/CytoscapeInstance/Provider.js.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/State.cjs +0 -19
- package/dist/browser/contexts/CytoscapeInstance/State.cjs.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/State.js +0 -1
- package/dist/browser/contexts/CytoscapeInstance/State.js.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/index.cjs +0 -47
- package/dist/browser/contexts/CytoscapeInstance/index.cjs.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/index.js +0 -24
- package/dist/browser/contexts/CytoscapeInstance/index.js.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/use.cjs +0 -34
- package/dist/browser/contexts/CytoscapeInstance/use.cjs.map +0 -1
- package/dist/browser/contexts/CytoscapeInstance/use.js +0 -13
- package/dist/browser/contexts/CytoscapeInstance/use.js.map +0 -1
- package/dist/browser/contexts/index.cjs +0 -47
- package/dist/browser/contexts/index.cjs.map +0 -1
- package/dist/browser/contexts/index.js +0 -24
- package/dist/browser/contexts/index.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/index.cjs +0 -267
- package/dist/browser/hooks/cytoscape/elements/index.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/index.js +0 -244
- package/dist/browser/hooks/cytoscape/elements/index.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useCytoscapeElements.cjs +0 -171
- package/dist/browser/hooks/cytoscape/elements/useCytoscapeElements.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useCytoscapeElements.js +0 -150
- package/dist/browser/hooks/cytoscape/elements/useCytoscapeElements.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useElements.cjs +0 -268
- package/dist/browser/hooks/cytoscape/elements/useElements.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useElements.js +0 -245
- package/dist/browser/hooks/cytoscape/elements/useElements.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useHoveredNode.cjs +0 -57
- package/dist/browser/hooks/cytoscape/elements/useHoveredNode.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useHoveredNode.js +0 -36
- package/dist/browser/hooks/cytoscape/elements/useHoveredNode.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useNewElements.cjs +0 -182
- package/dist/browser/hooks/cytoscape/elements/useNewElements.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useNewElements.js +0 -161
- package/dist/browser/hooks/cytoscape/elements/useNewElements.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useRenderNewElements.cjs +0 -56
- package/dist/browser/hooks/cytoscape/elements/useRenderNewElements.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useRenderNewElements.js +0 -35
- package/dist/browser/hooks/cytoscape/elements/useRenderNewElements.js.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useSelectedElement.cjs +0 -54
- package/dist/browser/hooks/cytoscape/elements/useSelectedElement.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/elements/useSelectedElement.js +0 -33
- package/dist/browser/hooks/cytoscape/elements/useSelectedElement.js.map +0 -1
- package/dist/browser/hooks/cytoscape/index.cjs +0 -488
- package/dist/browser/hooks/cytoscape/index.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/index.js +0 -473
- package/dist/browser/hooks/cytoscape/index.js.map +0 -1
- package/dist/browser/hooks/cytoscape/useCytoscapeOptions.cjs +0 -174
- package/dist/browser/hooks/cytoscape/useCytoscapeOptions.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/useCytoscapeOptions.js +0 -161
- package/dist/browser/hooks/cytoscape/useCytoscapeOptions.js.map +0 -1
- package/dist/browser/hooks/cytoscape/useCytoscapeStyle.cjs +0 -142
- package/dist/browser/hooks/cytoscape/useCytoscapeStyle.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/useCytoscapeStyle.js +0 -129
- package/dist/browser/hooks/cytoscape/useCytoscapeStyle.js.map +0 -1
- package/dist/browser/hooks/cytoscape/useIcons.cjs +0 -81
- package/dist/browser/hooks/cytoscape/useIcons.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/useIcons.js +0 -68
- package/dist/browser/hooks/cytoscape/useIcons.js.map +0 -1
- package/dist/browser/hooks/cytoscape/useModuleDetails.cjs +0 -89
- package/dist/browser/hooks/cytoscape/useModuleDetails.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/useModuleDetails.js +0 -68
- package/dist/browser/hooks/cytoscape/useModuleDetails.js.map +0 -1
- package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.cjs +0 -334
- package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.cjs.map +0 -1
- package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.js +0 -321
- package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.js.map +0 -1
- package/dist/browser/hooks/index.cjs +0 -488
- package/dist/browser/hooks/index.cjs.map +0 -1
- package/dist/browser/hooks/index.js +0 -473
- package/dist/browser/hooks/index.js.map +0 -1
- package/dist/browser/types/global.d.cjs +0 -2
- package/dist/browser/types/global.d.cjs.map +0 -1
- package/dist/browser/types/global.d.js +0 -1
- package/dist/browser/types/global.d.js.map +0 -1
- package/dist/browser/types/images.d.cjs +0 -2
- package/dist/browser/types/images.d.cjs.map +0 -1
- package/dist/browser/types/images.d.js +0 -1
- package/dist/browser/types/images.d.js.map +0 -1
- package/dist/docs.json +0 -74958
- package/dist/node/Cytoscape/CytoscapeElements.cjs +0 -136
- package/dist/node/Cytoscape/CytoscapeElements.cjs.map +0 -1
- package/dist/node/Cytoscape/CytoscapeElements.js +0 -111
- package/dist/node/Cytoscape/CytoscapeElements.js.map +0 -1
- package/dist/node/Cytoscape/CytoscapeIcons.cjs +0 -40
- package/dist/node/Cytoscape/CytoscapeIcons.cjs.map +0 -1
- package/dist/node/Cytoscape/CytoscapeIcons.js +0 -23
- package/dist/node/Cytoscape/CytoscapeIcons.js.map +0 -1
- package/dist/node/Cytoscape/CytoscapeStyles.cjs +0 -77
- package/dist/node/Cytoscape/CytoscapeStyles.cjs.map +0 -1
- package/dist/node/Cytoscape/CytoscapeStyles.js +0 -49
- package/dist/node/Cytoscape/CytoscapeStyles.js.map +0 -1
- package/dist/node/Cytoscape/index.cjs +0 -258
- package/dist/node/Cytoscape/index.cjs.map +0 -1
- package/dist/node/Cytoscape/index.js +0 -229
- package/dist/node/Cytoscape/index.js.map +0 -1
- package/dist/node/Cytoscape/lib/CyNodeModuleTypes.cjs +0 -19
- package/dist/node/Cytoscape/lib/CyNodeModuleTypes.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/CyNodeModuleTypes.js +0 -1
- package/dist/node/Cytoscape/lib/CyNodeModuleTypes.js.map +0 -1
- package/dist/node/Cytoscape/lib/encodeSvg.cjs +0 -43
- package/dist/node/Cytoscape/lib/encodeSvg.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/encodeSvg.js +0 -18
- package/dist/node/Cytoscape/lib/encodeSvg.js.map +0 -1
- package/dist/node/Cytoscape/lib/iconMap.cjs +0 -39
- package/dist/node/Cytoscape/lib/iconMap.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/iconMap.js +0 -14
- package/dist/node/Cytoscape/lib/iconMap.js.map +0 -1
- package/dist/node/Cytoscape/lib/index.cjs +0 -112
- package/dist/node/Cytoscape/lib/index.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/index.js +0 -81
- package/dist/node/Cytoscape/lib/index.js.map +0 -1
- package/dist/node/Cytoscape/lib/layout/ColaLayout.cjs +0 -35
- package/dist/node/Cytoscape/lib/layout/ColaLayout.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/layout/ColaLayout.js +0 -10
- package/dist/node/Cytoscape/lib/layout/ColaLayout.js.map +0 -1
- package/dist/node/Cytoscape/lib/layout/ConcentricLayout.cjs +0 -40
- package/dist/node/Cytoscape/lib/layout/ConcentricLayout.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/layout/ConcentricLayout.js +0 -15
- package/dist/node/Cytoscape/lib/layout/ConcentricLayout.js.map +0 -1
- package/dist/node/Cytoscape/lib/layout/index.cjs +0 -51
- package/dist/node/Cytoscape/lib/layout/index.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/layout/index.js +0 -23
- package/dist/node/Cytoscape/lib/layout/index.js.map +0 -1
- package/dist/node/Cytoscape/lib/parseModuleType.cjs +0 -57
- package/dist/node/Cytoscape/lib/parseModuleType.cjs.map +0 -1
- package/dist/node/Cytoscape/lib/parseModuleType.js +0 -32
- package/dist/node/Cytoscape/lib/parseModuleType.js.map +0 -1
- package/dist/node/components/cytoscape-extensions/WithExtensions.cjs +0 -52
- package/dist/node/components/cytoscape-extensions/WithExtensions.cjs.map +0 -1
- package/dist/node/components/cytoscape-extensions/WithExtensions.js +0 -17
- package/dist/node/components/cytoscape-extensions/WithExtensions.js.map +0 -1
- package/dist/node/components/cytoscape-extensions/index.cjs +0 -54
- package/dist/node/components/cytoscape-extensions/index.cjs.map +0 -1
- package/dist/node/components/cytoscape-extensions/index.js +0 -17
- package/dist/node/components/cytoscape-extensions/index.js.map +0 -1
- package/dist/node/components/index.cjs +0 -751
- package/dist/node/components/index.cjs.map +0 -1
- package/dist/node/components/index.js +0 -717
- package/dist/node/components/index.js.map +0 -1
- package/dist/node/components/lib/RelationalGraphProps.cjs +0 -19
- package/dist/node/components/lib/RelationalGraphProps.cjs.map +0 -1
- package/dist/node/components/lib/RelationalGraphProps.js +0 -1
- package/dist/node/components/lib/RelationalGraphProps.js.map +0 -1
- package/dist/node/components/lib/index.cjs +0 -19
- package/dist/node/components/lib/index.cjs.map +0 -1
- package/dist/node/components/lib/index.js +0 -1
- package/dist/node/components/lib/index.js.map +0 -1
- package/dist/node/components/module/CardParser.cjs +0 -45
- package/dist/node/components/module/CardParser.cjs.map +0 -1
- package/dist/node/components/module/CardParser.js +0 -20
- package/dist/node/components/module/CardParser.js.map +0 -1
- package/dist/node/components/module/graph/DetailsFlexbox.cjs +0 -40
- package/dist/node/components/module/graph/DetailsFlexbox.cjs.map +0 -1
- package/dist/node/components/module/graph/DetailsFlexbox.js +0 -15
- package/dist/node/components/module/graph/DetailsFlexbox.js.map +0 -1
- package/dist/node/components/module/graph/GraphFlexBox.cjs +0 -713
- package/dist/node/components/module/graph/GraphFlexBox.cjs.map +0 -1
- package/dist/node/components/module/graph/GraphFlexBox.js +0 -685
- package/dist/node/components/module/graph/GraphFlexBox.js.map +0 -1
- package/dist/node/components/module/graph/Popper.cjs +0 -63
- package/dist/node/components/module/graph/Popper.cjs.map +0 -1
- package/dist/node/components/module/graph/Popper.js +0 -36
- package/dist/node/components/module/graph/Popper.js.map +0 -1
- package/dist/node/components/module/graph/index.cjs +0 -715
- package/dist/node/components/module/graph/index.cjs.map +0 -1
- package/dist/node/components/module/graph/index.js +0 -685
- package/dist/node/components/module/graph/index.js.map +0 -1
- package/dist/node/components/module/graph/node/Hover.cjs +0 -78
- package/dist/node/components/module/graph/node/Hover.cjs.map +0 -1
- package/dist/node/components/module/graph/node/Hover.js +0 -53
- package/dist/node/components/module/graph/node/Hover.js.map +0 -1
- package/dist/node/components/module/graph/node/hooks/index.cjs +0 -57
- package/dist/node/components/module/graph/node/hooks/index.cjs.map +0 -1
- package/dist/node/components/module/graph/node/hooks/index.js +0 -30
- package/dist/node/components/module/graph/node/hooks/index.js.map +0 -1
- package/dist/node/components/module/graph/node/hooks/useNodeElement.cjs +0 -55
- package/dist/node/components/module/graph/node/hooks/useNodeElement.cjs.map +0 -1
- package/dist/node/components/module/graph/node/hooks/useNodeElement.js +0 -30
- package/dist/node/components/module/graph/node/hooks/useNodeElement.js.map +0 -1
- package/dist/node/components/module/graph/node/index.cjs +0 -80
- package/dist/node/components/module/graph/node/index.cjs.map +0 -1
- package/dist/node/components/module/graph/node/index.js +0 -53
- package/dist/node/components/module/graph/node/index.js.map +0 -1
- package/dist/node/components/module/index.cjs +0 -734
- package/dist/node/components/module/index.cjs.map +0 -1
- package/dist/node/components/module/index.js +0 -703
- package/dist/node/components/module/index.js.map +0 -1
- package/dist/node/components/relational/graph/Graph.cjs +0 -107
- package/dist/node/components/relational/graph/Graph.cjs.map +0 -1
- package/dist/node/components/relational/graph/Graph.js +0 -71
- package/dist/node/components/relational/graph/Graph.js.map +0 -1
- package/dist/node/components/relational/graph/ProvidedNodeRenderer.cjs +0 -411
- package/dist/node/components/relational/graph/ProvidedNodeRenderer.cjs.map +0 -1
- package/dist/node/components/relational/graph/ProvidedNodeRenderer.js +0 -384
- package/dist/node/components/relational/graph/ProvidedNodeRenderer.js.map +0 -1
- package/dist/node/components/relational/graph/index.cjs +0 -420
- package/dist/node/components/relational/graph/index.cjs.map +0 -1
- package/dist/node/components/relational/graph/index.js +0 -389
- package/dist/node/components/relational/graph/index.js.map +0 -1
- package/dist/node/components/relational/graph/story/TestData.cjs +0 -74
- package/dist/node/components/relational/graph/story/TestData.cjs.map +0 -1
- package/dist/node/components/relational/graph/story/TestData.js +0 -49
- package/dist/node/components/relational/graph/story/TestData.js.map +0 -1
- package/dist/node/components/relational/graph/story/index.cjs +0 -76
- package/dist/node/components/relational/graph/story/index.cjs.map +0 -1
- package/dist/node/components/relational/graph/story/index.js +0 -49
- package/dist/node/components/relational/graph/story/index.js.map +0 -1
- package/dist/node/components/relational/index.cjs +0 -420
- package/dist/node/components/relational/index.cjs.map +0 -1
- package/dist/node/components/relational/index.js +0 -389
- package/dist/node/components/relational/index.js.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/Context.cjs +0 -32
- package/dist/node/contexts/CytoscapeInstance/Context.cjs.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/Context.js +0 -7
- package/dist/node/contexts/CytoscapeInstance/Context.js.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/Provider.cjs +0 -45
- package/dist/node/contexts/CytoscapeInstance/Provider.cjs.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/Provider.js +0 -20
- package/dist/node/contexts/CytoscapeInstance/Provider.js.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/State.cjs +0 -19
- package/dist/node/contexts/CytoscapeInstance/State.cjs.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/State.js +0 -1
- package/dist/node/contexts/CytoscapeInstance/State.js.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/index.cjs +0 -53
- package/dist/node/contexts/CytoscapeInstance/index.cjs.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/index.js +0 -24
- package/dist/node/contexts/CytoscapeInstance/index.js.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/use.cjs +0 -38
- package/dist/node/contexts/CytoscapeInstance/use.cjs.map +0 -1
- package/dist/node/contexts/CytoscapeInstance/use.js +0 -13
- package/dist/node/contexts/CytoscapeInstance/use.js.map +0 -1
- package/dist/node/contexts/index.cjs +0 -53
- package/dist/node/contexts/index.cjs.map +0 -1
- package/dist/node/contexts/index.js +0 -24
- package/dist/node/contexts/index.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/index.cjs +0 -273
- package/dist/node/hooks/cytoscape/elements/index.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/index.js +0 -245
- package/dist/node/hooks/cytoscape/elements/index.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useCytoscapeElements.cjs +0 -175
- package/dist/node/hooks/cytoscape/elements/useCytoscapeElements.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useCytoscapeElements.js +0 -150
- package/dist/node/hooks/cytoscape/elements/useCytoscapeElements.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useElements.cjs +0 -273
- package/dist/node/hooks/cytoscape/elements/useElements.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useElements.js +0 -246
- package/dist/node/hooks/cytoscape/elements/useElements.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useHoveredNode.cjs +0 -61
- package/dist/node/hooks/cytoscape/elements/useHoveredNode.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useHoveredNode.js +0 -36
- package/dist/node/hooks/cytoscape/elements/useHoveredNode.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useNewElements.cjs +0 -186
- package/dist/node/hooks/cytoscape/elements/useNewElements.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useNewElements.js +0 -161
- package/dist/node/hooks/cytoscape/elements/useNewElements.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useRenderNewElements.cjs +0 -60
- package/dist/node/hooks/cytoscape/elements/useRenderNewElements.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useRenderNewElements.js +0 -35
- package/dist/node/hooks/cytoscape/elements/useRenderNewElements.js.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useSelectedElement.cjs +0 -59
- package/dist/node/hooks/cytoscape/elements/useSelectedElement.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/elements/useSelectedElement.js +0 -34
- package/dist/node/hooks/cytoscape/elements/useSelectedElement.js.map +0 -1
- package/dist/node/hooks/cytoscape/index.cjs +0 -498
- package/dist/node/hooks/cytoscape/index.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/index.js +0 -475
- package/dist/node/hooks/cytoscape/index.js.map +0 -1
- package/dist/node/hooks/cytoscape/useCytoscapeOptions.cjs +0 -178
- package/dist/node/hooks/cytoscape/useCytoscapeOptions.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/useCytoscapeOptions.js +0 -161
- package/dist/node/hooks/cytoscape/useCytoscapeOptions.js.map +0 -1
- package/dist/node/hooks/cytoscape/useCytoscapeStyle.cjs +0 -146
- package/dist/node/hooks/cytoscape/useCytoscapeStyle.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/useCytoscapeStyle.js +0 -129
- package/dist/node/hooks/cytoscape/useCytoscapeStyle.js.map +0 -1
- package/dist/node/hooks/cytoscape/useIcons.cjs +0 -85
- package/dist/node/hooks/cytoscape/useIcons.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/useIcons.js +0 -68
- package/dist/node/hooks/cytoscape/useIcons.js.map +0 -1
- package/dist/node/hooks/cytoscape/useModuleDetails.cjs +0 -94
- package/dist/node/hooks/cytoscape/useModuleDetails.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/useModuleDetails.js +0 -69
- package/dist/node/hooks/cytoscape/useModuleDetails.js.map +0 -1
- package/dist/node/hooks/cytoscape/useRelationalGraphOptions.cjs +0 -338
- package/dist/node/hooks/cytoscape/useRelationalGraphOptions.cjs.map +0 -1
- package/dist/node/hooks/cytoscape/useRelationalGraphOptions.js +0 -321
- package/dist/node/hooks/cytoscape/useRelationalGraphOptions.js.map +0 -1
- package/dist/node/hooks/index.cjs +0 -498
- package/dist/node/hooks/index.cjs.map +0 -1
- package/dist/node/hooks/index.js +0 -475
- package/dist/node/hooks/index.js.map +0 -1
- package/dist/node/types/global.d.cjs +0 -2
- package/dist/node/types/global.d.cjs.map +0 -1
- package/dist/node/types/global.d.js +0 -1
- package/dist/node/types/global.d.js.map +0 -1
- package/dist/node/types/images.d.cjs +0 -2
- package/dist/node/types/images.d.cjs.map +0 -1
- package/dist/node/types/images.d.js +0 -1
- package/dist/node/types/images.d.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.tsx","../../../../src/Cytoscape/lib/encodeSvg.ts","../../../../src/Cytoscape/lib/iconMap.ts","../../../../src/Cytoscape/CytoscapeIcons.tsx","../../../../src/Cytoscape/CytoscapeStyles.ts","../../../../src/hooks/cytoscape/useIcons.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, Node, NodeAsRoot, NodeWithName } from '../../Cytoscape'\nimport { useIcons } from './useIcons'\n\nexport const useCytoscapeStyle = (hideLabels = false) => {\n const theme = useTheme()\n const icons = useIcons()\n\n const style: CytoscapeOptions['style'] = useMemo(\n () => [\n Node(icons, theme.palette.primary.main, hideLabels),\n NodeWithName(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),\n NodeAsRoot(theme.palette.secondary.main),\n EdgeStyled(theme.palette.divider, theme.palette.divider),\n ],\n [icons, hideLabels, theme],\n )\n\n return style\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n const svgString = renderToStaticMarkup(reactElement)\n\n const doc = new DOMParser().parseFromString(svgString, 'text/html')\n const svgElement = doc.getElementsByTagName('svg')[0]\n if (svgElement) {\n svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n svgElement.setAttribute('height', '100')\n svgElement.style.fill = color ?? 'black'\n }\n\n return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n archivist: '',\n bridge: '',\n diviner: '',\n module: '',\n node: '',\n sentinel: '',\n witness: '',\n})\n","import {\n BubbleChartRounded as BubbleChartRoundedIcon,\n Hub as HubIcon,\n InsertLinkRounded as InsertLinkRoundedIcon,\n Inventory2Rounded as Inventory2RoundedIcon,\n QuestionMarkRounded as QuestionMarkRoundedIcon,\n TimerRounded as TimerRoundedIcon,\n VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\nimport { OverridableComponent } from '@mui/material/OverridableComponent'\n\nimport { CyNodeModuleTypes } from './lib'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n archivist: Inventory2RoundedIcon,\n bridge: InsertLinkRoundedIcon,\n diviner: BubbleChartRoundedIcon,\n module: QuestionMarkRoundedIcon,\n node: HubIcon,\n sentinel: TimerRoundedIcon,\n witness: VisibilityRoundedIcon,\n}\n","import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib'\n\nexport const NodeWithName = (color?: string, outlineColor?: string): Stylesheet => ({\n selector: 'node[name]',\n style: {\n color,\n 'font-family': 'Lexend Deca, Helvetica, sans-serif',\n 'font-size': 12,\n 'overlay-padding': '6px',\n 'text-halign': 'center',\n 'text-outline-color': outlineColor,\n 'text-outline-width': '1px',\n 'text-valign': 'top',\n },\n})\n\nexport const Node = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n selector: 'node',\n style: {\n 'background-color': bgColor,\n 'background-height': '75%',\n 'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n 'background-width': '24',\n label: hideLabels ? undefined : 'data(name)',\n shape: 'round-rectangle',\n },\n})\n\nexport const NodeAsRoot = (bgColor?: string) => ({\n selector: '.activeNode',\n style: {\n 'background-color': bgColor,\n },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n selector: 'edge',\n style: {\n 'curve-style': 'bezier',\n 'line-color': lineColor,\n 'line-opacity': 0.1,\n 'target-arrow-color': targetArrowColor,\n 'target-arrow-shape': 'triangle',\n width: 3,\n },\n})\n","import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'\n\nexport const useIcons = () => {\n const theme = useTheme()\n const icons = useMemo(() => {\n const iconMap = generateIconMap()\n return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n const icon = <IconComponent fontSize=\"small\" />\n acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n return acc\n }, iconMap)\n }, [theme.palette])\n\n return icons\n}\n"],"mappings":";AAAA,SAAS,YAAAA,iBAAgB;AAEzB,SAAS,WAAAC,gBAAe;;;ACAxB,SAAS,4BAA4B;AAErC,IAAM,UAAU;AAET,IAAM,YAAY,CAAC,cAA4B,UAAmB;AACvE,QAAM,YAAY,qBAAqB,YAAY;AAEnD,QAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,WAAW,WAAW;AAClE,QAAM,aAAa,IAAI,qBAAqB,KAAK,EAAE,CAAC;AACpD,MAAI,YAAY;AACd,eAAW,aAAa,SAAS,4BAA4B;AAC7D,eAAW,aAAa,UAAU,KAAK;AACvC,eAAW,MAAM,OAAO,SAAS;AAAA,EACnC;AAEA,SAAO,GAAG,OAAO,GAAG,OAAO,mBAAmB,WAAW,SAAS,CAAC;AACrE;;;AChBO,IAAM,kBAA2D,OAAO;AAAA,EAC7E,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;;;ACVA;AAAA,EACE,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,OAChB;AAOA,IAAM,YAAwF;AAAA,EACnG,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;;;ACnBO,IAAM,eAAe,CAAC,OAAgB,kBAAuC;AAAA,EAClF,UAAU;AAAA,EACV,OAAO;AAAA,IACL;AAAA,IACA,eAAe;AAAA,IACf,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,eAAe;AAAA,EACjB;AACF;AAEO,IAAM,OAAO,CAAC,OAA0C,SAAkB,aAAa,WAAuB;AAAA,EACnH,UAAU;AAAA,EACV,OAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,oBAAoB,CAAC,SAAS,MAAM,KAAK,KAAK,MAAM,CAAsB;AAAA,IAC1E,oBAAoB;AAAA,IACpB,OAAO,aAAa,SAAY;AAAA,IAChC,OAAO;AAAA,EACT;AACF;AAEO,IAAM,aAAa,CAAC,aAAsB;AAAA,EAC/C,UAAU;AAAA,EACV,OAAO;AAAA,IACL,oBAAoB;AAAA,EACtB;AACF;AAEO,IAAM,aAAa,CAAC,WAAoB,sBAA+B;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACF;;;AC/CA,SAAS,gBAAgB;AACzB,SAAS,eAAe;AASL;AALZ,IAAM,WAAW,MAAM;AAC5B,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAAU,gBAAgB;AAChC,WAAO,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,aAAa,MAAM;AACtE,YAAM,OAAO,oBAAC,iBAAc,UAAS,SAAQ;AAC7C,UAAI,IAAyB,IAAI,UAAU,MAAM,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,aAAO;AAAA,IACT,GAAG,OAAO;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;;;ALVO,IAAM,oBAAoB,CAAC,aAAa,UAAU;AACvD,QAAM,QAAQC,UAAS;AACvB,QAAM,QAAQ,SAAS;AAEvB,QAAM,QAAmCC;AAAA,IACvC,MAAM;AAAA,MACJ,KAAK,OAAO,MAAM,QAAQ,QAAQ,MAAM,UAAU;AAAA,MAClD,aAAa,MAAM,QAAQ,KAAK,SAAS,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAAA,MAClG,WAAW,MAAM,QAAQ,UAAU,IAAI;AAAA,MACvC,WAAW,MAAM,QAAQ,SAAS,MAAM,QAAQ,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,OAAO,YAAY,KAAK;AAAA,EAC3B;AAEA,SAAO;AACT;","names":["useTheme","useMemo","useTheme","useMemo"]}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/hooks/cytoscape/useIcons.tsx
|
|
21
|
-
var useIcons_exports = {};
|
|
22
|
-
__export(useIcons_exports, {
|
|
23
|
-
useIcons: () => useIcons
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(useIcons_exports);
|
|
26
|
-
var import_material = require("@mui/material");
|
|
27
|
-
var import_react = require("react");
|
|
28
|
-
|
|
29
|
-
// src/Cytoscape/lib/encodeSvg.ts
|
|
30
|
-
var import_server = require("react-dom/server");
|
|
31
|
-
var dataUri = "data:image/svg+xml,";
|
|
32
|
-
var encodeSvg = (reactElement, color) => {
|
|
33
|
-
const svgString = (0, import_server.renderToStaticMarkup)(reactElement);
|
|
34
|
-
const doc = new DOMParser().parseFromString(svgString, "text/html");
|
|
35
|
-
const svgElement = doc.getElementsByTagName("svg")[0];
|
|
36
|
-
if (svgElement) {
|
|
37
|
-
svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg");
|
|
38
|
-
svgElement.setAttribute("height", "100");
|
|
39
|
-
svgElement.style.fill = color ?? "black";
|
|
40
|
-
}
|
|
41
|
-
return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
// src/Cytoscape/lib/iconMap.ts
|
|
45
|
-
var generateIconMap = () => ({
|
|
46
|
-
archivist: "",
|
|
47
|
-
bridge: "",
|
|
48
|
-
diviner: "",
|
|
49
|
-
module: "",
|
|
50
|
-
node: "",
|
|
51
|
-
sentinel: "",
|
|
52
|
-
witness: ""
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
// src/Cytoscape/CytoscapeIcons.tsx
|
|
56
|
-
var import_icons_material = require("@mui/icons-material");
|
|
57
|
-
var CyIconSet = {
|
|
58
|
-
archivist: import_icons_material.Inventory2Rounded,
|
|
59
|
-
bridge: import_icons_material.InsertLinkRounded,
|
|
60
|
-
diviner: import_icons_material.BubbleChartRounded,
|
|
61
|
-
module: import_icons_material.QuestionMarkRounded,
|
|
62
|
-
node: import_icons_material.Hub,
|
|
63
|
-
sentinel: import_icons_material.TimerRounded,
|
|
64
|
-
witness: import_icons_material.VisibilityRounded
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
// src/hooks/cytoscape/useIcons.tsx
|
|
68
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
69
|
-
var useIcons = () => {
|
|
70
|
-
const theme = (0, import_material.useTheme)();
|
|
71
|
-
const icons = (0, import_react.useMemo)(() => {
|
|
72
|
-
const iconMap = generateIconMap();
|
|
73
|
-
return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
|
|
74
|
-
const icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { fontSize: "small" });
|
|
75
|
-
acc[name] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary));
|
|
76
|
-
return acc;
|
|
77
|
-
}, iconMap);
|
|
78
|
-
}, [theme.palette]);
|
|
79
|
-
return icons;
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=useIcons.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/hooks/cytoscape/useIcons.tsx","../../../../src/Cytoscape/lib/encodeSvg.ts","../../../../src/Cytoscape/lib/iconMap.ts","../../../../src/Cytoscape/CytoscapeIcons.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'\n\nexport const useIcons = () => {\n const theme = useTheme()\n const icons = useMemo(() => {\n const iconMap = generateIconMap()\n return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n const icon = <IconComponent fontSize=\"small\" />\n acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n return acc\n }, iconMap)\n }, [theme.palette])\n\n return icons\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n const svgString = renderToStaticMarkup(reactElement)\n\n const doc = new DOMParser().parseFromString(svgString, 'text/html')\n const svgElement = doc.getElementsByTagName('svg')[0]\n if (svgElement) {\n svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n svgElement.setAttribute('height', '100')\n svgElement.style.fill = color ?? 'black'\n }\n\n return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n archivist: '',\n bridge: '',\n diviner: '',\n module: '',\n node: '',\n sentinel: '',\n witness: '',\n})\n","import {\n BubbleChartRounded as BubbleChartRoundedIcon,\n Hub as HubIcon,\n InsertLinkRounded as InsertLinkRoundedIcon,\n Inventory2Rounded as Inventory2RoundedIcon,\n QuestionMarkRounded as QuestionMarkRoundedIcon,\n TimerRounded as TimerRoundedIcon,\n VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\nimport { OverridableComponent } from '@mui/material/OverridableComponent'\n\nimport { CyNodeModuleTypes } from './lib'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n archivist: Inventory2RoundedIcon,\n bridge: InsertLinkRoundedIcon,\n diviner: BubbleChartRoundedIcon,\n module: QuestionMarkRoundedIcon,\n node: HubIcon,\n sentinel: TimerRoundedIcon,\n witness: VisibilityRoundedIcon,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AACzB,mBAAwB;;;ACCxB,oBAAqC;AAErC,IAAM,UAAU;AAET,IAAM,YAAY,CAAC,cAA4B,UAAmB;AACvE,QAAM,gBAAY,oCAAqB,YAAY;AAEnD,QAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,WAAW,WAAW;AAClE,QAAM,aAAa,IAAI,qBAAqB,KAAK,EAAE,CAAC;AACpD,MAAI,YAAY;AACd,eAAW,aAAa,SAAS,4BAA4B;AAC7D,eAAW,aAAa,UAAU,KAAK;AACvC,eAAW,MAAM,OAAO,SAAS;AAAA,EACnC;AAEA,SAAO,GAAG,OAAO,GAAG,OAAO,mBAAmB,WAAW,SAAS,CAAC;AACrE;;;AChBO,IAAM,kBAA2D,OAAO;AAAA,EAC7E,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;;;ACVA,4BAQO;AAOA,IAAM,YAAwF;AAAA,EACnG,WAAW,sBAAAA;AAAA,EACX,QAAQ,sBAAAC;AAAA,EACR,SAAS,sBAAAC;AAAA,EACT,QAAQ,sBAAAC;AAAA,EACR,MAAM,sBAAAC;AAAA,EACN,UAAU,sBAAAC;AAAA,EACV,SAAS,sBAAAC;AACX;;;AHbmB;AALZ,IAAM,WAAW,MAAM;AAC5B,QAAM,YAAQ,0BAAS;AACvB,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,UAAU,gBAAgB;AAChC,WAAO,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,aAAa,MAAM;AACtE,YAAM,OAAO,4CAAC,iBAAc,UAAS,SAAQ;AAC7C,UAAI,IAAyB,IAAI,UAAU,MAAM,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,aAAO;AAAA,IACT,GAAG,OAAO;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;","names":["Inventory2RoundedIcon","InsertLinkRoundedIcon","BubbleChartRoundedIcon","QuestionMarkRoundedIcon","HubIcon","TimerRoundedIcon","VisibilityRoundedIcon"]}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
// src/hooks/cytoscape/useIcons.tsx
|
|
2
|
-
import { useTheme } from "@mui/material";
|
|
3
|
-
import { useMemo } from "react";
|
|
4
|
-
|
|
5
|
-
// src/Cytoscape/lib/encodeSvg.ts
|
|
6
|
-
import { renderToStaticMarkup } from "react-dom/server";
|
|
7
|
-
var dataUri = "data:image/svg+xml,";
|
|
8
|
-
var encodeSvg = (reactElement, color) => {
|
|
9
|
-
const svgString = renderToStaticMarkup(reactElement);
|
|
10
|
-
const doc = new DOMParser().parseFromString(svgString, "text/html");
|
|
11
|
-
const svgElement = doc.getElementsByTagName("svg")[0];
|
|
12
|
-
if (svgElement) {
|
|
13
|
-
svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg");
|
|
14
|
-
svgElement.setAttribute("height", "100");
|
|
15
|
-
svgElement.style.fill = color ?? "black";
|
|
16
|
-
}
|
|
17
|
-
return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// src/Cytoscape/lib/iconMap.ts
|
|
21
|
-
var generateIconMap = () => ({
|
|
22
|
-
archivist: "",
|
|
23
|
-
bridge: "",
|
|
24
|
-
diviner: "",
|
|
25
|
-
module: "",
|
|
26
|
-
node: "",
|
|
27
|
-
sentinel: "",
|
|
28
|
-
witness: ""
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
// src/Cytoscape/CytoscapeIcons.tsx
|
|
32
|
-
import {
|
|
33
|
-
BubbleChartRounded as BubbleChartRoundedIcon,
|
|
34
|
-
Hub as HubIcon,
|
|
35
|
-
InsertLinkRounded as InsertLinkRoundedIcon,
|
|
36
|
-
Inventory2Rounded as Inventory2RoundedIcon,
|
|
37
|
-
QuestionMarkRounded as QuestionMarkRoundedIcon,
|
|
38
|
-
TimerRounded as TimerRoundedIcon,
|
|
39
|
-
VisibilityRounded as VisibilityRoundedIcon
|
|
40
|
-
} from "@mui/icons-material";
|
|
41
|
-
var CyIconSet = {
|
|
42
|
-
archivist: Inventory2RoundedIcon,
|
|
43
|
-
bridge: InsertLinkRoundedIcon,
|
|
44
|
-
diviner: BubbleChartRoundedIcon,
|
|
45
|
-
module: QuestionMarkRoundedIcon,
|
|
46
|
-
node: HubIcon,
|
|
47
|
-
sentinel: TimerRoundedIcon,
|
|
48
|
-
witness: VisibilityRoundedIcon
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
// src/hooks/cytoscape/useIcons.tsx
|
|
52
|
-
import { jsx } from "react/jsx-runtime";
|
|
53
|
-
var useIcons = () => {
|
|
54
|
-
const theme = useTheme();
|
|
55
|
-
const icons = useMemo(() => {
|
|
56
|
-
const iconMap = generateIconMap();
|
|
57
|
-
return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
|
|
58
|
-
const icon = /* @__PURE__ */ jsx(IconComponent, { fontSize: "small" });
|
|
59
|
-
acc[name] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary));
|
|
60
|
-
return acc;
|
|
61
|
-
}, iconMap);
|
|
62
|
-
}, [theme.palette]);
|
|
63
|
-
return icons;
|
|
64
|
-
};
|
|
65
|
-
export {
|
|
66
|
-
useIcons
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=useIcons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/hooks/cytoscape/useIcons.tsx","../../../../src/Cytoscape/lib/encodeSvg.ts","../../../../src/Cytoscape/lib/iconMap.ts","../../../../src/Cytoscape/CytoscapeIcons.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'\n\nexport const useIcons = () => {\n const theme = useTheme()\n const icons = useMemo(() => {\n const iconMap = generateIconMap()\n return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n const icon = <IconComponent fontSize=\"small\" />\n acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n return acc\n }, iconMap)\n }, [theme.palette])\n\n return icons\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n const svgString = renderToStaticMarkup(reactElement)\n\n const doc = new DOMParser().parseFromString(svgString, 'text/html')\n const svgElement = doc.getElementsByTagName('svg')[0]\n if (svgElement) {\n svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n svgElement.setAttribute('height', '100')\n svgElement.style.fill = color ?? 'black'\n }\n\n return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n archivist: '',\n bridge: '',\n diviner: '',\n module: '',\n node: '',\n sentinel: '',\n witness: '',\n})\n","import {\n BubbleChartRounded as BubbleChartRoundedIcon,\n Hub as HubIcon,\n InsertLinkRounded as InsertLinkRoundedIcon,\n Inventory2Rounded as Inventory2RoundedIcon,\n QuestionMarkRounded as QuestionMarkRoundedIcon,\n TimerRounded as TimerRoundedIcon,\n VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\nimport { OverridableComponent } from '@mui/material/OverridableComponent'\n\nimport { CyNodeModuleTypes } from './lib'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n archivist: Inventory2RoundedIcon,\n bridge: InsertLinkRoundedIcon,\n diviner: BubbleChartRoundedIcon,\n module: QuestionMarkRoundedIcon,\n node: HubIcon,\n sentinel: TimerRoundedIcon,\n witness: VisibilityRoundedIcon,\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,eAAe;;;ACCxB,SAAS,4BAA4B;AAErC,IAAM,UAAU;AAET,IAAM,YAAY,CAAC,cAA4B,UAAmB;AACvE,QAAM,YAAY,qBAAqB,YAAY;AAEnD,QAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,WAAW,WAAW;AAClE,QAAM,aAAa,IAAI,qBAAqB,KAAK,EAAE,CAAC;AACpD,MAAI,YAAY;AACd,eAAW,aAAa,SAAS,4BAA4B;AAC7D,eAAW,aAAa,UAAU,KAAK;AACvC,eAAW,MAAM,OAAO,SAAS;AAAA,EACnC;AAEA,SAAO,GAAG,OAAO,GAAG,OAAO,mBAAmB,WAAW,SAAS,CAAC;AACrE;;;AChBO,IAAM,kBAA2D,OAAO;AAAA,EAC7E,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;;;ACVA;AAAA,EACE,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,OAChB;AAOA,IAAM,YAAwF;AAAA,EACnG,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;;;AHbmB;AALZ,IAAM,WAAW,MAAM;AAC5B,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAAU,gBAAgB;AAChC,WAAO,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,aAAa,MAAM;AACtE,YAAM,OAAO,oBAAC,iBAAc,UAAS,SAAQ;AAC7C,UAAI,IAAyB,IAAI,UAAU,MAAM,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,aAAO;AAAA,IACT,GAAG,OAAO;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;","names":[]}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/hooks/cytoscape/useModuleDetails.tsx
|
|
21
|
-
var useModuleDetails_exports = {};
|
|
22
|
-
__export(useModuleDetails_exports, {
|
|
23
|
-
useModuleDetails: () => useModuleDetails
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(useModuleDetails_exports);
|
|
26
|
-
var import_react_promise = require("@xylabs/react-promise");
|
|
27
|
-
var import_react = require("react");
|
|
28
|
-
|
|
29
|
-
// src/contexts/CytoscapeInstance/Context.ts
|
|
30
|
-
var import_react_shared = require("@xyo-network/react-shared");
|
|
31
|
-
var CytoscapeInstanceContext = (0, import_react_shared.createContextEx)();
|
|
32
|
-
|
|
33
|
-
// src/contexts/CytoscapeInstance/use.ts
|
|
34
|
-
var import_react_shared2 = require("@xyo-network/react-shared");
|
|
35
|
-
var useCytoscapeInstance = (required = false) => (0, import_react_shared2.useContextEx)(CytoscapeInstanceContext, "CytoscapeInstance", required);
|
|
36
|
-
|
|
37
|
-
// src/hooks/cytoscape/useModuleDetails.tsx
|
|
38
|
-
var useModuleDetails = (rootModule, onFoundModule) => {
|
|
39
|
-
const { cy } = useCytoscapeInstance();
|
|
40
|
-
const [moduleAddress, setModuleAddress] = (0, import_react.useState)();
|
|
41
|
-
const [foundModule] = (0, import_react_promise.usePromise)(async () => {
|
|
42
|
-
if (moduleAddress === null)
|
|
43
|
-
return null;
|
|
44
|
-
if (moduleAddress && rootModule) {
|
|
45
|
-
const foundModule2 = await rootModule.resolve(moduleAddress);
|
|
46
|
-
return foundModule2 ? foundModule2 : null;
|
|
47
|
-
}
|
|
48
|
-
}, [moduleAddress, rootModule]);
|
|
49
|
-
(0, import_react.useEffect)(() => {
|
|
50
|
-
const resizeObserver = new ResizeObserver(() => {
|
|
51
|
-
if (moduleAddress === null) {
|
|
52
|
-
setTimeout(() => cy?.center(), 100);
|
|
53
|
-
} else if (foundModule && cy) {
|
|
54
|
-
const node = cy.nodes(`[id="${moduleAddress}"]`)?.[0];
|
|
55
|
-
setTimeout(() => cy.center(node), 100);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
const container = cy?.container();
|
|
59
|
-
if (container) {
|
|
60
|
-
resizeObserver.observe(container);
|
|
61
|
-
}
|
|
62
|
-
return () => {
|
|
63
|
-
if (container)
|
|
64
|
-
resizeObserver.unobserve(container);
|
|
65
|
-
};
|
|
66
|
-
}, [cy, moduleAddress, foundModule, rootModule?.address]);
|
|
67
|
-
(0, import_react.useEffect)(() => {
|
|
68
|
-
if (foundModule) {
|
|
69
|
-
onFoundModule?.();
|
|
70
|
-
}
|
|
71
|
-
}, [cy, moduleAddress, foundModule, onFoundModule]);
|
|
72
|
-
const onModuleDetails = (address) => {
|
|
73
|
-
const moduleNode = cy?.nodes(`[id="${address}"]`);
|
|
74
|
-
const rootModuleNode = cy?.nodes(`[id="${rootModule?.address}"]`);
|
|
75
|
-
const foundModuleNode = cy?.nodes(`[id="${foundModule?.address}"]`);
|
|
76
|
-
const notModuleNode = cy?.nodes(`[id != "${address}"]`);
|
|
77
|
-
if (address) {
|
|
78
|
-
moduleNode?.toggleClass("activeNode", true);
|
|
79
|
-
notModuleNode?.toggleClass("activeNode", false);
|
|
80
|
-
} else {
|
|
81
|
-
notModuleNode?.toggleClass("activeNode", false);
|
|
82
|
-
const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode;
|
|
83
|
-
activeNode?.toggleClass("activeNode", true);
|
|
84
|
-
}
|
|
85
|
-
setModuleAddress(address);
|
|
86
|
-
};
|
|
87
|
-
return { module: foundModule, onModuleDetails };
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=useModuleDetails.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/hooks/cytoscape/useModuleDetails.tsx","../../../../src/contexts/CytoscapeInstance/Context.ts","../../../../src/contexts/CytoscapeInstance/use.ts"],"sourcesContent":["import { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../contexts'\n\nexport const useModuleDetails = (rootModule?: ModuleInstance | null, onFoundModule?: () => void) => {\n const { cy } = useCytoscapeInstance()\n const [moduleAddress, setModuleAddress] = useState<string | null>()\n\n const [foundModule] = usePromise(async () => {\n if (moduleAddress === null) return null\n if (moduleAddress && rootModule) {\n const foundModule = await rootModule.resolve(moduleAddress)\n return foundModule ? foundModule : null\n }\n }, [moduleAddress, rootModule])\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver(() => {\n if (moduleAddress === null) {\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => cy?.center(), 100)\n } else if (foundModule && cy) {\n const node = cy.nodes(`[id=\"${moduleAddress}\"]`)?.[0]\n // cy.pan(newPan)\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => cy.center(node), 100)\n }\n })\n\n const container = cy?.container()\n if (container) {\n resizeObserver.observe(container)\n }\n\n return () => {\n if (container) resizeObserver.unobserve(container)\n }\n }, [cy, moduleAddress, foundModule, rootModule?.address])\n\n useEffect(() => {\n if (foundModule) {\n onFoundModule?.()\n }\n }, [cy, moduleAddress, foundModule, onFoundModule])\n\n const onModuleDetails = (address?: string | null) => {\n const moduleNode = cy?.nodes(`[id=\"${address}\"]`)\n const rootModuleNode = cy?.nodes(`[id=\"${rootModule?.address}\"]`)\n const foundModuleNode = cy?.nodes(`[id=\"${foundModule?.address}\"]`)\n const notModuleNode = cy?.nodes(`[id != \"${address}\"]`)\n\n if (address) {\n // address was passed so we set the node to active styles\n moduleNode?.toggleClass('activeNode', true)\n notModuleNode?.toggleClass('activeNode', false)\n } else {\n // no address was passes so we reset the state\n notModuleNode?.toggleClass('activeNode', false)\n const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode\n activeNode?.toggleClass('activeNode', true)\n }\n setModuleAddress(address)\n }\n\n return { module: foundModule, onModuleDetails }\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA2B;AAE3B,mBAAoC;;;ACFpC,0BAAgC;AAIzB,IAAM,+BAA2B,qCAAwC;;;ACJhF,IAAAA,uBAA6B;AAItB,IAAM,uBAAuB,CAAC,WAAW,cAAU,mCAAa,0BAA0B,qBAAqB,QAAQ;;;AFEvH,IAAM,mBAAmB,CAAC,YAAoC,kBAA+B;AAClG,QAAM,EAAE,GAAG,IAAI,qBAAqB;AACpC,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAwB;AAElE,QAAM,CAAC,WAAW,QAAI,iCAAW,YAAY;AAC3C,QAAI,kBAAkB;AAAM,aAAO;AACnC,QAAI,iBAAiB,YAAY;AAC/B,YAAMC,eAAc,MAAM,WAAW,QAAQ,aAAa;AAC1D,aAAOA,eAAcA,eAAc;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,eAAe,UAAU,CAAC;AAE9B,8BAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,kBAAkB,MAAM;AAE1B,mBAAW,MAAM,IAAI,OAAO,GAAG,GAAG;AAAA,MACpC,WAAW,eAAe,IAAI;AAC5B,cAAM,OAAO,GAAG,MAAM,QAAQ,aAAa,IAAI,IAAI,CAAC;AAGpD,mBAAW,MAAM,GAAG,OAAO,IAAI,GAAG,GAAG;AAAA,MACvC;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,UAAU;AAChC,QAAI,WAAW;AACb,qBAAe,QAAQ,SAAS;AAAA,IAClC;AAEA,WAAO,MAAM;AACX,UAAI;AAAW,uBAAe,UAAU,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,eAAe,aAAa,YAAY,OAAO,CAAC;AAExD,8BAAU,MAAM;AACd,QAAI,aAAa;AACf,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,IAAI,eAAe,aAAa,aAAa,CAAC;AAElD,QAAM,kBAAkB,CAAC,YAA4B;AACnD,UAAM,aAAa,IAAI,MAAM,QAAQ,OAAO,IAAI;AAChD,UAAM,iBAAiB,IAAI,MAAM,QAAQ,YAAY,OAAO,IAAI;AAChE,UAAM,kBAAkB,IAAI,MAAM,QAAQ,aAAa,OAAO,IAAI;AAClE,UAAM,gBAAgB,IAAI,MAAM,WAAW,OAAO,IAAI;AAEtD,QAAI,SAAS;AAEX,kBAAY,YAAY,cAAc,IAAI;AAC1C,qBAAe,YAAY,cAAc,KAAK;AAAA,IAChD,OAAO;AAEL,qBAAe,YAAY,cAAc,KAAK;AAC9C,YAAM,aAAa,iBAAiB,SAAS,kBAAkB;AAC/D,kBAAY,YAAY,cAAc,IAAI;AAAA,IAC5C;AACA,qBAAiB,OAAO;AAAA,EAC1B;AAEA,SAAO,EAAE,QAAQ,aAAa,gBAAgB;AAChD;","names":["import_react_shared","foundModule"]}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
// src/hooks/cytoscape/useModuleDetails.tsx
|
|
2
|
-
import { usePromise } from "@xylabs/react-promise";
|
|
3
|
-
import { useEffect, useState } from "react";
|
|
4
|
-
|
|
5
|
-
// src/contexts/CytoscapeInstance/Context.ts
|
|
6
|
-
import { createContextEx } from "@xyo-network/react-shared";
|
|
7
|
-
var CytoscapeInstanceContext = createContextEx();
|
|
8
|
-
|
|
9
|
-
// src/contexts/CytoscapeInstance/use.ts
|
|
10
|
-
import { useContextEx } from "@xyo-network/react-shared";
|
|
11
|
-
var useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, "CytoscapeInstance", required);
|
|
12
|
-
|
|
13
|
-
// src/hooks/cytoscape/useModuleDetails.tsx
|
|
14
|
-
var useModuleDetails = (rootModule, onFoundModule) => {
|
|
15
|
-
const { cy } = useCytoscapeInstance();
|
|
16
|
-
const [moduleAddress, setModuleAddress] = useState();
|
|
17
|
-
const [foundModule] = usePromise(async () => {
|
|
18
|
-
if (moduleAddress === null)
|
|
19
|
-
return null;
|
|
20
|
-
if (moduleAddress && rootModule) {
|
|
21
|
-
const foundModule2 = await rootModule.resolve(moduleAddress);
|
|
22
|
-
return foundModule2 ? foundModule2 : null;
|
|
23
|
-
}
|
|
24
|
-
}, [moduleAddress, rootModule]);
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
const resizeObserver = new ResizeObserver(() => {
|
|
27
|
-
if (moduleAddress === null) {
|
|
28
|
-
setTimeout(() => cy?.center(), 100);
|
|
29
|
-
} else if (foundModule && cy) {
|
|
30
|
-
const node = cy.nodes(`[id="${moduleAddress}"]`)?.[0];
|
|
31
|
-
setTimeout(() => cy.center(node), 100);
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
const container = cy?.container();
|
|
35
|
-
if (container) {
|
|
36
|
-
resizeObserver.observe(container);
|
|
37
|
-
}
|
|
38
|
-
return () => {
|
|
39
|
-
if (container)
|
|
40
|
-
resizeObserver.unobserve(container);
|
|
41
|
-
};
|
|
42
|
-
}, [cy, moduleAddress, foundModule, rootModule?.address]);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
if (foundModule) {
|
|
45
|
-
onFoundModule?.();
|
|
46
|
-
}
|
|
47
|
-
}, [cy, moduleAddress, foundModule, onFoundModule]);
|
|
48
|
-
const onModuleDetails = (address) => {
|
|
49
|
-
const moduleNode = cy?.nodes(`[id="${address}"]`);
|
|
50
|
-
const rootModuleNode = cy?.nodes(`[id="${rootModule?.address}"]`);
|
|
51
|
-
const foundModuleNode = cy?.nodes(`[id="${foundModule?.address}"]`);
|
|
52
|
-
const notModuleNode = cy?.nodes(`[id != "${address}"]`);
|
|
53
|
-
if (address) {
|
|
54
|
-
moduleNode?.toggleClass("activeNode", true);
|
|
55
|
-
notModuleNode?.toggleClass("activeNode", false);
|
|
56
|
-
} else {
|
|
57
|
-
notModuleNode?.toggleClass("activeNode", false);
|
|
58
|
-
const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode;
|
|
59
|
-
activeNode?.toggleClass("activeNode", true);
|
|
60
|
-
}
|
|
61
|
-
setModuleAddress(address);
|
|
62
|
-
};
|
|
63
|
-
return { module: foundModule, onModuleDetails };
|
|
64
|
-
};
|
|
65
|
-
export {
|
|
66
|
-
useModuleDetails
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=useModuleDetails.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/hooks/cytoscape/useModuleDetails.tsx","../../../../src/contexts/CytoscapeInstance/Context.ts","../../../../src/contexts/CytoscapeInstance/use.ts"],"sourcesContent":["import { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../../contexts'\n\nexport const useModuleDetails = (rootModule?: ModuleInstance | null, onFoundModule?: () => void) => {\n const { cy } = useCytoscapeInstance()\n const [moduleAddress, setModuleAddress] = useState<string | null>()\n\n const [foundModule] = usePromise(async () => {\n if (moduleAddress === null) return null\n if (moduleAddress && rootModule) {\n const foundModule = await rootModule.resolve(moduleAddress)\n return foundModule ? foundModule : null\n }\n }, [moduleAddress, rootModule])\n\n useEffect(() => {\n const resizeObserver = new ResizeObserver(() => {\n if (moduleAddress === null) {\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => cy?.center(), 100)\n } else if (foundModule && cy) {\n const node = cy.nodes(`[id=\"${moduleAddress}\"]`)?.[0]\n // cy.pan(newPan)\n // cytoscape tries to center prematurely without it :(\n setTimeout(() => cy.center(node), 100)\n }\n })\n\n const container = cy?.container()\n if (container) {\n resizeObserver.observe(container)\n }\n\n return () => {\n if (container) resizeObserver.unobserve(container)\n }\n }, [cy, moduleAddress, foundModule, rootModule?.address])\n\n useEffect(() => {\n if (foundModule) {\n onFoundModule?.()\n }\n }, [cy, moduleAddress, foundModule, onFoundModule])\n\n const onModuleDetails = (address?: string | null) => {\n const moduleNode = cy?.nodes(`[id=\"${address}\"]`)\n const rootModuleNode = cy?.nodes(`[id=\"${rootModule?.address}\"]`)\n const foundModuleNode = cy?.nodes(`[id=\"${foundModule?.address}\"]`)\n const notModuleNode = cy?.nodes(`[id != \"${address}\"]`)\n\n if (address) {\n // address was passed so we set the node to active styles\n moduleNode?.toggleClass('activeNode', true)\n notModuleNode?.toggleClass('activeNode', false)\n } else {\n // no address was passes so we reset the state\n notModuleNode?.toggleClass('activeNode', false)\n const activeNode = foundModuleNode?.length ? foundModuleNode : rootModuleNode\n activeNode?.toggleClass('activeNode', true)\n }\n setModuleAddress(address)\n }\n\n return { module: foundModule, onModuleDetails }\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n"],"mappings":";AAAA,SAAS,kBAAkB;AAE3B,SAAS,WAAW,gBAAgB;;;ACFpC,SAAS,uBAAuB;AAIzB,IAAM,2BAA2B,gBAAwC;;;ACJhF,SAAS,oBAAoB;AAItB,IAAM,uBAAuB,CAAC,WAAW,UAAU,aAAa,0BAA0B,qBAAqB,QAAQ;;;AFEvH,IAAM,mBAAmB,CAAC,YAAoC,kBAA+B;AAClG,QAAM,EAAE,GAAG,IAAI,qBAAqB;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB;AAElE,QAAM,CAAC,WAAW,IAAI,WAAW,YAAY;AAC3C,QAAI,kBAAkB;AAAM,aAAO;AACnC,QAAI,iBAAiB,YAAY;AAC/B,YAAMA,eAAc,MAAM,WAAW,QAAQ,aAAa;AAC1D,aAAOA,eAAcA,eAAc;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,eAAe,UAAU,CAAC;AAE9B,YAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,kBAAkB,MAAM;AAE1B,mBAAW,MAAM,IAAI,OAAO,GAAG,GAAG;AAAA,MACpC,WAAW,eAAe,IAAI;AAC5B,cAAM,OAAO,GAAG,MAAM,QAAQ,aAAa,IAAI,IAAI,CAAC;AAGpD,mBAAW,MAAM,GAAG,OAAO,IAAI,GAAG,GAAG;AAAA,MACvC;AAAA,IACF,CAAC;AAED,UAAM,YAAY,IAAI,UAAU;AAChC,QAAI,WAAW;AACb,qBAAe,QAAQ,SAAS;AAAA,IAClC;AAEA,WAAO,MAAM;AACX,UAAI;AAAW,uBAAe,UAAU,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,eAAe,aAAa,YAAY,OAAO,CAAC;AAExD,YAAU,MAAM;AACd,QAAI,aAAa;AACf,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,IAAI,eAAe,aAAa,aAAa,CAAC;AAElD,QAAM,kBAAkB,CAAC,YAA4B;AACnD,UAAM,aAAa,IAAI,MAAM,QAAQ,OAAO,IAAI;AAChD,UAAM,iBAAiB,IAAI,MAAM,QAAQ,YAAY,OAAO,IAAI;AAChE,UAAM,kBAAkB,IAAI,MAAM,QAAQ,aAAa,OAAO,IAAI;AAClE,UAAM,gBAAgB,IAAI,MAAM,WAAW,OAAO,IAAI;AAEtD,QAAI,SAAS;AAEX,kBAAY,YAAY,cAAc,IAAI;AAC1C,qBAAe,YAAY,cAAc,KAAK;AAAA,IAChD,OAAO;AAEL,qBAAe,YAAY,cAAc,KAAK;AAC9C,YAAM,aAAa,iBAAiB,SAAS,kBAAkB;AAC/D,kBAAY,YAAY,cAAc,IAAI;AAAA,IAC5C;AACA,qBAAiB,OAAO;AAAA,EAC1B;AAEA,SAAO,EAAE,QAAQ,aAAa,gBAAgB;AAChD;","names":["foundModule"]}
|