@teambit/graph 0.0.927 → 0.0.929
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/{preview-1670414621516.js → preview-1670894303358.js} +2 -2
- package/dist/ui/dependencies-compare/dependencies-compare.js +8 -8
- package/dist/ui/dependencies-compare/dependencies-compare.js.map +1 -1
- package/package-tar/teambit-graph-0.0.929.tgz +0 -0
- package/package.json +13 -12
- package/ui/dependencies-compare/dependencies-compare.tsx +1 -1
- package/package-tar/teambit-graph-0.0.927.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.
|
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.
|
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.929/dist/graph.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.929/dist/graph.docs.md';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
|
@@ -13,13 +13,6 @@ function _classnames() {
|
|
|
13
13
|
};
|
|
14
14
|
return data;
|
|
15
15
|
}
|
|
16
|
-
function _componentUi() {
|
|
17
|
-
const data = require("@teambit/component.ui.compare");
|
|
18
|
-
_componentUi = function () {
|
|
19
|
-
return data;
|
|
20
|
-
};
|
|
21
|
-
return data;
|
|
22
|
-
}
|
|
23
16
|
function _designUi() {
|
|
24
17
|
const data = require("@teambit/design.ui.round-loader");
|
|
25
18
|
_designUi = function () {
|
|
@@ -34,6 +27,13 @@ function _graph() {
|
|
|
34
27
|
};
|
|
35
28
|
return data;
|
|
36
29
|
}
|
|
30
|
+
function _componentUiComponentCompare() {
|
|
31
|
+
const data = require("@teambit/component.ui.component-compare.context");
|
|
32
|
+
_componentUiComponentCompare = function () {
|
|
33
|
+
return data;
|
|
34
|
+
};
|
|
35
|
+
return data;
|
|
36
|
+
}
|
|
37
37
|
function _react() {
|
|
38
38
|
const data = _interopRequireWildcard(require("react"));
|
|
39
39
|
_react = function () {
|
|
@@ -99,7 +99,7 @@ const NodeTypes = {
|
|
|
99
99
|
function DependenciesCompare() {
|
|
100
100
|
var _componentCompare$bas, _componentCompare$com, _diffGraph;
|
|
101
101
|
const graphRef = (0, _react().useRef)();
|
|
102
|
-
const componentCompare = (0,
|
|
102
|
+
const componentCompare = (0, _componentUiComponentCompare().useComponentCompare)();
|
|
103
103
|
const baseId = componentCompare === null || componentCompare === void 0 ? void 0 : (_componentCompare$bas = componentCompare.base) === null || _componentCompare$bas === void 0 ? void 0 : _componentCompare$bas.model.id;
|
|
104
104
|
const compareId = componentCompare === null || componentCompare === void 0 ? void 0 : (_componentCompare$com = componentCompare.compare) === null || _componentCompare$com === void 0 ? void 0 : _componentCompare$com.model.id;
|
|
105
105
|
const [filter, setFilter] = (0, _react().useState)('runtimeOnly');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesCompare","graphRef","useRef","componentCompare","useComponentCompare","baseId","base","model","compareId","compare","filter","setFilter","useState","isFiltered","loading","baseLoading","graph","baseGraph","useGraphQuery","toString","compareLoading","compareGraph","diffGraph","undefined","elements","calcElements","rootNode","useEffect","current","fitView","handleLoad","instance","onCheckFilter","_isFiltered","classNames","styles","page","graphPageStyles","loader","dependenciesGraphStyles","controls","calcMinimapColors","minimap","filters"],"sources":["dependencies-compare.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {
|
|
1
|
+
{"version":3,"names":["ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","data","id","node","type","NodeTypes","ComponentNode","DependenciesCompare","graphRef","useRef","componentCompare","useComponentCompare","baseId","base","model","compareId","compare","filter","setFilter","useState","isFiltered","loading","baseLoading","graph","baseGraph","useGraphQuery","toString","compareLoading","compareGraph","diffGraph","undefined","elements","calcElements","rootNode","useEffect","current","fitView","handleLoad","instance","onCheckFilter","_isFiltered","classNames","styles","page","graphPageStyles","loader","dependenciesGraphStyles","controls","calcMinimapColors","minimap","filters"],"sources":["dependencies-compare.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { RoundLoader } from '@teambit/design.ui.round-loader';\nimport {\n calcElements,\n calcMinimapColors,\n dependenciesGraphStyles,\n GraphFilter,\n GraphFilters,\n graphPageStyles,\n useGraphQuery,\n} from '@teambit/graph';\nimport { useComponentCompare } from '@teambit/component.ui.component-compare.context';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactFlow, {\n Background,\n Controls,\n Handle,\n MiniMap,\n NodeProps,\n NodeTypesType,\n OnLoadParams,\n Position,\n ReactFlowProvider,\n} from 'react-flow-renderer';\nimport styles from './dependencies-compare.module.scss';\nimport { DependencyCompareNode } from './dependency-compare-node';\nimport { diffGraph } from './diff-graph';\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 <DependencyCompareNode node={data.node} type={data.type} />\n </div>\n );\n}\n\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport function DependenciesCompare() {\n const graphRef = useRef<OnLoadParams>();\n const componentCompare = useComponentCompare();\n\n const baseId = componentCompare?.base?.model.id;\n const compareId = componentCompare?.compare?.model.id;\n\n const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n const isFiltered = filter === 'runtimeOnly';\n const { loading: baseLoading, graph: baseGraph } = useGraphQuery(baseId && [baseId.toString()], filter);\n const { loading: compareLoading, graph: compareGraph } = useGraphQuery(compareId && [compareId.toString()], filter);\n const loading = baseLoading || compareLoading;\n const graph = diffGraph(baseGraph, compareGraph, baseId) ?? undefined;\n const elements = calcElements(graph, { rootNode: baseId });\n\n useEffect(() => {\n graphRef.current?.fitView();\n }, [elements]);\n\n function handleLoad(instance: OnLoadParams) {\n graphRef.current = instance;\n graphRef.current?.fitView();\n }\n\n const onCheckFilter = (_isFiltered: boolean) => {\n setFilter(_isFiltered ? 'runtimeOnly' : undefined);\n };\n\n if (!loading && (!baseGraph || !compareGraph)) {\n return <></>;\n }\n\n return (\n <div className={classNames([styles.page, graphPageStyles.graph])}>\n {loading && (\n <div className={styles.loader}>\n <RoundLoader />\n </div>\n )}\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 className={dependenciesGraphStyles.graph}\n elements={elements}\n nodeTypes={NodeTypes}\n onLoad={handleLoad}\n >\n <Background />\n <Controls className={dependenciesGraphStyles.controls} />\n <MiniMap nodeColor={calcMinimapColors} className={dependenciesGraphStyles.minimap} />\n <GraphFilters\n className={graphPageStyles.filters}\n disable={loading}\n isFiltered={isFiltered}\n onChangeFilter={onCheckFilter}\n />\n </ReactFlow>\n </ReactFlowProvider>\n </div>\n );\n}\n"],"mappings":"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"}
|
|
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.929",
|
|
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.929"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"lodash": "4.17.21",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"graphql-tag": "2.12.1",
|
|
16
16
|
"classnames": "2.2.6",
|
|
17
17
|
"react-flow-renderer": "8.3.7",
|
|
18
|
-
"semver": "7.3.4",
|
|
19
18
|
"dagre": "0.8.5",
|
|
19
|
+
"semver": "7.3.4",
|
|
20
20
|
"@babel/runtime": "7.20.0",
|
|
21
21
|
"core-js": "^3.0.0",
|
|
22
22
|
"@teambit/graph.cleargraph": "0.0.1",
|
|
@@ -26,19 +26,20 @@
|
|
|
26
26
|
"@teambit/base-ui.text.muted-text": "1.0.1",
|
|
27
27
|
"@teambit/evangelist.input.checkbox.label": "1.0.3",
|
|
28
28
|
"@teambit/documenter.ui.heading": "4.1.1",
|
|
29
|
-
"@teambit/component": "0.0.
|
|
30
|
-
"@teambit/cli": "0.0.
|
|
29
|
+
"@teambit/component": "0.0.929",
|
|
30
|
+
"@teambit/cli": "0.0.622",
|
|
31
31
|
"@teambit/legacy-bit-id": "0.0.421",
|
|
32
|
-
"@teambit/graphql": "0.0.
|
|
33
|
-
"@teambit/logger": "0.0.
|
|
34
|
-
"@teambit/component-compare": "0.0.
|
|
35
|
-
"@teambit/ui": "0.0.
|
|
32
|
+
"@teambit/graphql": "0.0.929",
|
|
33
|
+
"@teambit/logger": "0.0.715",
|
|
34
|
+
"@teambit/component-compare": "0.0.177",
|
|
35
|
+
"@teambit/ui": "0.0.929",
|
|
36
36
|
"@teambit/component.modules.component-url": "0.0.148",
|
|
37
37
|
"@teambit/component.ui.deprecation-icon": "0.0.503",
|
|
38
38
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
|
39
39
|
"@teambit/envs.ui.env-icon": "0.0.495",
|
|
40
|
-
"@teambit/component.ui.compare": "0.0.
|
|
40
|
+
"@teambit/component.ui.component-compare.context": "0.0.5",
|
|
41
41
|
"@teambit/design.ui.round-loader": "0.0.355",
|
|
42
|
+
"@teambit/component.ui.compare": "0.0.140",
|
|
42
43
|
"@teambit/design.ui.pages.not-found": "0.0.366",
|
|
43
44
|
"@teambit/design.ui.pages.server-error": "0.0.366",
|
|
44
45
|
"@teambit/ui-foundation.ui.full-loader": "0.0.495",
|
|
@@ -50,8 +51,8 @@
|
|
|
50
51
|
"@types/graphlib": "2.1.7",
|
|
51
52
|
"@types/react": "^17.0.8",
|
|
52
53
|
"@types/classnames": "2.2.11",
|
|
53
|
-
"@types/semver": "7.3.4",
|
|
54
54
|
"@types/dagre": "0.7.44",
|
|
55
|
+
"@types/semver": "7.3.4",
|
|
55
56
|
"@types/mocha": "9.1.0",
|
|
56
57
|
"@types/testing-library__jest-dom": "5.9.5",
|
|
57
58
|
"@types/jest": "^26.0.0",
|
|
@@ -60,7 +61,7 @@
|
|
|
60
61
|
},
|
|
61
62
|
"peerDependencies": {
|
|
62
63
|
"@apollo/client": "^3.6.0",
|
|
63
|
-
"@teambit/legacy": "1.0.
|
|
64
|
+
"@teambit/legacy": "1.0.403",
|
|
64
65
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
65
66
|
"react": "^16.8.0 || ^17.0.0"
|
|
66
67
|
},
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
|
-
import { useComponentCompare } from '@teambit/component.ui.compare';
|
|
3
2
|
import { RoundLoader } from '@teambit/design.ui.round-loader';
|
|
4
3
|
import {
|
|
5
4
|
calcElements,
|
|
@@ -10,6 +9,7 @@ import {
|
|
|
10
9
|
graphPageStyles,
|
|
11
10
|
useGraphQuery,
|
|
12
11
|
} from '@teambit/graph';
|
|
12
|
+
import { useComponentCompare } from '@teambit/component.ui.component-compare.context';
|
|
13
13
|
import React, { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import ReactFlow, {
|
|
15
15
|
Background,
|
|
Binary file
|