@teambit/graph 0.0.927 → 0.0.928
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-1670470092710.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.928.tgz +0 -0
- package/package.json +11 -10
- 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.928/dist/graph.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.928/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.928",
|
|
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.928"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"lodash": "4.17.21",
|
|
@@ -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.928",
|
|
30
|
+
"@teambit/cli": "0.0.621",
|
|
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.928",
|
|
33
|
+
"@teambit/logger": "0.0.714",
|
|
34
|
+
"@teambit/component-compare": "0.0.176",
|
|
35
|
+
"@teambit/ui": "0.0.928",
|
|
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.4",
|
|
41
41
|
"@teambit/design.ui.round-loader": "0.0.355",
|
|
42
|
+
"@teambit/component.ui.compare": "0.0.139",
|
|
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",
|
|
@@ -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.402",
|
|
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
|