@teambit/graph 0.0.719 → 0.0.722
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/ui/dependencies-graph/dependencies-graph.js +2 -1
- package/dist/ui/dependencies-graph/dependencies-graph.js.map +1 -1
- package/package-tar/teambit-graph-0.0.722.tgz +0 -0
- package/package.json +8 -8
- package/{preview-1651029886240.js → preview-1651289072753.js} +2 -2
- package/ui/dependencies-graph/dependencies-graph.tsx +2 -0
- package/package-tar/teambit-graph-0.0.719.tgz +0 -0
|
@@ -132,7 +132,8 @@ function ComponentNodeContainer(props) {
|
|
|
132
132
|
node: data.node,
|
|
133
133
|
type: data.type
|
|
134
134
|
}));
|
|
135
|
-
}
|
|
135
|
+
} // @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)
|
|
136
|
+
|
|
136
137
|
|
|
137
138
|
const NodeTypes = {
|
|
138
139
|
ComponentNode: ComponentNodeContainer
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["dependencies-graph.tsx"],"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesGraph","graph","rootNode","componentWidgets","className","onLoad","children","rest","graphRef","elements","context","handleLoad","instance","current","fitView","undefined","styles","controls","calcMinimapColors","minimap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAeA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAEA,SAASA,sBAAT,CAAgCC,KAAhC,EAAkD;AAChD,QAAM;AAAEC,IAAAA,cAAc,GAAGC,8BAASC,GAA5B;AAAiCC,IAAAA,cAAc,GAAGF,8BAASG,MAA3D;AAAmEC,IAAAA,IAAnE;AAAyEC,IAAAA;AAAzE,MAAgFP,KAAtF;AAEA,sBACE;AAAK,IAAA,GAAG,EAAEO;AAAV,kBACE,+BAAC,2BAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEH,cAAhC;AAAgD,IAAA,aAAa,EAAE;AAA/D,IADF,eAEE,+BAAC,2BAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEH,cAAhC;AAAgD,IAAA,aAAa,EAAE;AAA/D,IAFF,eAGE,+BAAC,8BAAD;AAAe,IAAA,IAAI,EAAEK,IAAI,CAACE,IAA1B;AAAgC,IAAA,IAAI,EAAEF,IAAI,CAACG;AAA3C,IAHF,CADF;AAOD
|
|
1
|
+
{"version":3,"sources":["dependencies-graph.tsx"],"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesGraph","graph","rootNode","componentWidgets","className","onLoad","children","rest","graphRef","elements","context","handleLoad","instance","current","fitView","undefined","styles","controls","calcMinimapColors","minimap"],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n ReactFlowProvider,\n Controls,\n Background,\n MiniMap,\n OnLoadParams,\n NodeTypesType,\n Handle,\n Position,\n NodeProps,\n ReactFlowProps,\n} from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\n\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { GraphModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\n\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n\n return (\n <div key={id}>\n <Handle type=\"target\" position={targetPosition} isConnectable={false} />\n <Handle type=\"source\" position={sourcePosition} isConnectable={false} />\n <ComponentNode node={data.node} type={data.type} />\n </div>\n );\n}\n\n// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport type DependenciesGraphProps = {\n rootNode: ComponentID;\n graph: GraphModel;\n componentWidgets: ComponentWidgetSlot;\n onLoad?: (instance: OnLoadParams) => void;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n graph,\n rootNode,\n componentWidgets,\n className,\n onLoad,\n children,\n ...rest\n}: DependenciesGraphProps) {\n const graphRef = useRef<OnLoadParams>();\n const elements = calcElements(graph, { rootNode });\n const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n const handleLoad = useCallback(\n (instance: OnLoadParams) => {\n graphRef.current = instance;\n instance.fitView();\n onLoad?.(instance);\n },\n [onLoad]\n );\n\n // clear ref on unmount\n useEffect(() => () => (graphRef.current = undefined), []);\n\n useEffect(() => {\n graphRef.current?.fitView();\n }, [graph]);\n\n return (\n <ComponentGraphContext.Provider value={context}>\n {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n <ReactFlowProvider>\n <ReactFlow\n draggable={false}\n nodesDraggable={true}\n selectNodesOnDrag={false}\n nodesConnectable={false}\n zoomOnDoubleClick={false}\n elementsSelectable={false}\n maxZoom={1}\n {...rest}\n className={classnames(styles.graph, className)}\n elements={elements}\n nodeTypes={NodeTypes}\n onLoad={handleLoad}\n >\n <Background />\n <Controls className={styles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n {children}\n </ReactFlow>\n </ReactFlowProvider>\n </ComponentGraphContext.Provider>\n );\n}\n"]}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/graph",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.722",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/component/graph",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.component",
|
|
8
8
|
"name": "graph",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.722"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"graphql-tag": "2.12.1",
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
"@teambit/base-ui.text.muted-text": "1.0.1",
|
|
24
24
|
"@teambit/evangelist.input.checkbox.label": "1.0.3",
|
|
25
25
|
"@teambit/documenter.ui.heading": "4.1.1",
|
|
26
|
-
"@teambit/component": "0.0.
|
|
27
|
-
"@teambit/graphql": "0.0.
|
|
28
|
-
"@teambit/cli": "0.0.
|
|
29
|
-
"@teambit/ui": "0.0.
|
|
26
|
+
"@teambit/component": "0.0.722",
|
|
27
|
+
"@teambit/graphql": "0.0.722",
|
|
28
|
+
"@teambit/cli": "0.0.481",
|
|
29
|
+
"@teambit/ui": "0.0.722",
|
|
30
30
|
"@teambit/legacy-bit-id": "0.0.399",
|
|
31
31
|
"@teambit/component.ui.deprecation-icon": "0.0.493",
|
|
32
32
|
"@teambit/design.ui.styles.ellipsis": "0.0.347",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"@apollo/client": "^3.0.0",
|
|
53
|
-
"@teambit/legacy": "1.0.
|
|
53
|
+
"@teambit/legacy": "1.0.261",
|
|
54
54
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
55
55
|
"react": "^16.8.0 || ^17.0.0"
|
|
56
56
|
},
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"react": "-"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@teambit/legacy": "1.0.
|
|
81
|
+
"@teambit/legacy": "1.0.261",
|
|
82
82
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
83
83
|
"react": "^16.8.0 || ^17.0.0"
|
|
84
84
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.
|
|
2
|
-
export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.
|
|
1
|
+
export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.722/dist/graph.composition.js')]
|
|
2
|
+
export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.722/dist/graph.docs.md')]
|
|
@@ -35,6 +35,7 @@ function ComponentNodeContainer(props: NodeProps) {
|
|
|
35
35
|
);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
+
// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)
|
|
38
39
|
const NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };
|
|
39
40
|
|
|
40
41
|
export type DependenciesGraphProps = {
|
|
@@ -75,6 +76,7 @@ export function DependenciesGraph({
|
|
|
75
76
|
|
|
76
77
|
return (
|
|
77
78
|
<ComponentGraphContext.Provider value={context}>
|
|
79
|
+
{/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}
|
|
78
80
|
<ReactFlowProvider>
|
|
79
81
|
<ReactFlow
|
|
80
82
|
draggable={false}
|
|
Binary file
|