@teambit/graph 0.0.950 → 0.0.952
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/graph.compare.section.d.ts +10 -2
- package/dist/graph.compare.section.js +12 -2
- package/dist/graph.compare.section.js.map +1 -1
- package/dist/graph.ui.runtime.js +1 -4
- package/dist/graph.ui.runtime.js.map +1 -1
- package/dist/{preview-1672744851119.js → preview-1672889151191.js} +2 -2
- package/dist/ui/dependencies-compare/dependency-compare-node.js +7 -7
- package/dist/ui/dependencies-compare/dependency-compare-node.js.map +1 -1
- package/graph.compare.section.tsx +9 -2
- package/graph.ui.runtime.tsx +1 -4
- package/package-tar/teambit-graph-0.0.952.tgz +0 -0
- package/package.json +13 -11
- package/ui/dependencies-compare/dependency-compare-node.tsx +1 -1
- package/package-tar/teambit-graph-0.0.950.tgz +0 -0
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Section } from '@teambit/component';
|
|
3
|
-
|
|
3
|
+
import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
|
|
4
|
+
import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
|
|
5
|
+
export declare class GraphCompareSection implements Section, TabItem {
|
|
4
6
|
navigationLink: {
|
|
5
7
|
href: string;
|
|
6
8
|
children: string;
|
|
7
|
-
|
|
9
|
+
};
|
|
10
|
+
props: {
|
|
11
|
+
href: string;
|
|
12
|
+
children: string;
|
|
8
13
|
};
|
|
9
14
|
route: {
|
|
10
15
|
path: string;
|
|
11
16
|
element: JSX.Element;
|
|
12
17
|
};
|
|
18
|
+
order: number;
|
|
19
|
+
changeType: ChangeType;
|
|
20
|
+
id: string;
|
|
13
21
|
}
|
|
@@ -19,6 +19,13 @@ function _react() {
|
|
|
19
19
|
};
|
|
20
20
|
return data;
|
|
21
21
|
}
|
|
22
|
+
function _componentUiComponentCompareModels() {
|
|
23
|
+
const data = require("@teambit/component.ui.component-compare.models.component-compare-change-type");
|
|
24
|
+
_componentUiComponentCompareModels = function () {
|
|
25
|
+
return data;
|
|
26
|
+
};
|
|
27
|
+
return data;
|
|
28
|
+
}
|
|
22
29
|
function _graph() {
|
|
23
30
|
const data = require("@teambit/graph");
|
|
24
31
|
_graph = function () {
|
|
@@ -30,13 +37,16 @@ class GraphCompareSection {
|
|
|
30
37
|
constructor() {
|
|
31
38
|
(0, _defineProperty2().default)(this, "navigationLink", {
|
|
32
39
|
href: 'dependencies',
|
|
33
|
-
children: 'Dependencies'
|
|
34
|
-
order: 2
|
|
40
|
+
children: 'Dependencies'
|
|
35
41
|
});
|
|
42
|
+
(0, _defineProperty2().default)(this, "props", this.navigationLink);
|
|
36
43
|
(0, _defineProperty2().default)(this, "route", {
|
|
37
44
|
path: 'dependencies/*',
|
|
38
45
|
element: /*#__PURE__*/_react().default.createElement(_graph().DependenciesCompare, null)
|
|
39
46
|
});
|
|
47
|
+
(0, _defineProperty2().default)(this, "order", 25);
|
|
48
|
+
(0, _defineProperty2().default)(this, "changeType", _componentUiComponentCompareModels().ChangeType.DEPENDENCY);
|
|
49
|
+
(0, _defineProperty2().default)(this, "id", 'dependency');
|
|
40
50
|
}
|
|
41
51
|
}
|
|
42
52
|
exports.GraphCompareSection = GraphCompareSection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GraphCompareSection","href","children","
|
|
1
|
+
{"version":3,"names":["GraphCompareSection","href","children","navigationLink","path","element","ChangeType","DEPENDENCY"],"sources":["graph.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';\nimport { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport { DependenciesCompare } from '@teambit/graph';\n\nexport class GraphCompareSection implements Section, TabItem {\n navigationLink = {\n href: 'dependencies',\n children: 'Dependencies',\n };\n\n props = this.navigationLink;\n\n route = {\n path: 'dependencies/*',\n element: <DependenciesCompare />,\n };\n\n order = 25;\n changeType = ChangeType.DEPENDENCY;\n id = 'dependency';\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,mBAAmB,CAA6B;EAAA;IAAA,wDAC1C;MACfC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE;IACZ,CAAC;IAAA,+CAEO,IAAI,CAACC,cAAc;IAAA,+CAEnB;MACNC,IAAI,EAAE,gBAAgB;MACtBC,OAAO,eAAE,+BAAC,4BAAmB;IAC/B,CAAC;IAAA,+CAEO,EAAE;IAAA,oDACGC,+CAAU,CAACC,UAAU;IAAA,4CAC7B,YAAY;EAAA;AACnB;AAAC"}
|
package/dist/graph.ui.runtime.js
CHANGED
|
@@ -94,10 +94,7 @@ class GraphUI {
|
|
|
94
94
|
const graphSection = new (_graphCompare().GraphCompareSection)();
|
|
95
95
|
if (config.componentTab) componentUI.registerNavigation(section.navigationLink, section.order);
|
|
96
96
|
componentUI.registerRoute(section.route);
|
|
97
|
-
componentCompare.registerNavigation(
|
|
98
|
-
props: graphSection.navigationLink,
|
|
99
|
-
order: graphSection.navigationLink.order
|
|
100
|
-
});
|
|
97
|
+
componentCompare.registerNavigation(graphSection);
|
|
101
98
|
componentCompare.registerRoutes([graphSection.route]);
|
|
102
99
|
return graphUI;
|
|
103
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GraphUI","getDependenciesGraph","DependenciesGraph","registerComponentWidget","value","componentWidgetSlot","register","constructor","provider","componentUI","componentCompare","config","graphUI","section","GraphSection","graphSection","GraphCompareSection","componentTab","registerNavigation","navigationLink","order","registerRoute","route","
|
|
1
|
+
{"version":3,"names":["GraphUI","getDependenciesGraph","DependenciesGraph","registerComponentWidget","value","componentWidgetSlot","register","constructor","provider","componentUI","componentCompare","config","graphUI","section","GraphSection","graphSection","GraphCompareSection","componentTab","registerNavigation","navigationLink","order","registerRoute","route","registerRoutes","ComponentAspect","ComponentCompareAspect","UIRuntime","Slot","withType","GraphAspect","addRuntime"],"sources":["graph.ui.runtime.tsx"],"sourcesContent":["import { ComponentType } from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentCompareUI, ComponentCompareAspect } from '@teambit/component-compare';\nimport { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { GraphAspect } from './graph.aspect';\nimport { GraphSection } from './ui/graph.section';\nimport { GraphCompareSection } from './graph.compare.section';\nimport { DependenciesGraph } from './ui/dependencies-graph';\n\nexport interface ComponentWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n component: ComponentModel;\n}\nexport type ComponentWidget = ComponentType<ComponentWidgetProps>;\nexport type ComponentWidgetSlot = SlotRegistry<ComponentWidget>;\n\nexport type GraphUIConfig = {\n componentTab: boolean;\n};\n\n/**\n * Presents dependencies graph in the component page\n */\nexport class GraphUI {\n getDependenciesGraph() {\n return DependenciesGraph;\n }\n\n /**\n * adds plugins to component nodes\n * @param value\n */\n registerComponentWidget(value: ComponentWidget) {\n this.componentWidgetSlot.register(value);\n }\n\n constructor(private componentWidgetSlot: ComponentWidgetSlot) {}\n static dependencies = [ComponentAspect, ComponentCompareAspect];\n static runtime = UIRuntime;\n static slots = [Slot.withType<ComponentWidget>()];\n static defaultConfig = {\n componentTab: true,\n };\n\n static async provider(\n [componentUI, componentCompare]: [ComponentUI, ComponentCompareUI],\n config: GraphUIConfig,\n [componentWidgetSlot]: [ComponentWidgetSlot]\n ) {\n const graphUI = new GraphUI(componentWidgetSlot);\n const section = new GraphSection(componentWidgetSlot);\n const graphSection = new GraphCompareSection();\n if (config.componentTab) componentUI.registerNavigation(section.navigationLink, section.order);\n componentUI.registerRoute(section.route);\n componentCompare.registerNavigation(graphSection);\n componentCompare.registerRoutes([graphSection.route]);\n return graphUI;\n }\n}\n\nGraphAspect.addRuntime(GraphUI);\n"],"mappings":";;;;;;;;;;;;;;;;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAYA;AACA;AACA;AACO,MAAMA,OAAO,CAAC;EACnBC,oBAAoB,GAAG;IACrB,OAAOC,sCAAiB;EAC1B;;EAEA;AACF;AACA;AACA;EACEC,uBAAuB,CAACC,KAAsB,EAAE;IAC9C,IAAI,CAACC,mBAAmB,CAACC,QAAQ,CAACF,KAAK,CAAC;EAC1C;EAEAG,WAAW,CAASF,mBAAwC,EAAE;IAAA,KAA1CA,mBAAwC,GAAxCA,mBAAwC;EAAG;EAQ/D,aAAaG,QAAQ,CACnB,CAACC,WAAW,EAAEC,gBAAgB,CAAoC,EAClEC,MAAqB,EACrB,CAACN,mBAAmB,CAAwB,EAC5C;IACA,MAAMO,OAAO,GAAG,IAAIZ,OAAO,CAACK,mBAAmB,CAAC;IAChD,MAAMQ,OAAO,GAAG,KAAIC,sBAAY,EAACT,mBAAmB,CAAC;IACrD,MAAMU,YAAY,GAAG,KAAIC,mCAAmB,GAAE;IAC9C,IAAIL,MAAM,CAACM,YAAY,EAAER,WAAW,CAACS,kBAAkB,CAACL,OAAO,CAACM,cAAc,EAAEN,OAAO,CAACO,KAAK,CAAC;IAC9FX,WAAW,CAACY,aAAa,CAACR,OAAO,CAACS,KAAK,CAAC;IACxCZ,gBAAgB,CAACQ,kBAAkB,CAACH,YAAY,CAAC;IACjDL,gBAAgB,CAACa,cAAc,CAAC,CAACR,YAAY,CAACO,KAAK,CAAC,CAAC;IACrD,OAAOV,OAAO;EAChB;AACF;AAAC;AAAA,gCAnCYZ,OAAO,kBAcI,CAACwB,4BAAe,EAAEC,0CAAsB,CAAC;AAAA,gCAdpDzB,OAAO,aAeD0B,eAAS;AAAA,gCAff1B,OAAO,WAgBH,CAAC2B,eAAI,CAACC,QAAQ,EAAmB,CAAC;AAAA,gCAhBtC5B,OAAO,mBAiBK;EACrBiB,YAAY,EAAE;AAChB,CAAC;AAkBHY,oBAAW,CAACC,UAAU,CAAC9B,OAAO,CAAC"}
|
|
@@ -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.952/dist/graph.composition.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.component_graph@0.0.952/dist/graph.docs.md';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
|
@@ -54,16 +54,16 @@ function _componentModules() {
|
|
|
54
54
|
};
|
|
55
55
|
return data;
|
|
56
56
|
}
|
|
57
|
-
function
|
|
58
|
-
const data = require("@teambit/component.ui.compare");
|
|
59
|
-
|
|
57
|
+
function _componentUiComponentCompare() {
|
|
58
|
+
const data = require("@teambit/component.ui.component-compare.status-resolver");
|
|
59
|
+
_componentUiComponentCompare = function () {
|
|
60
60
|
return data;
|
|
61
61
|
};
|
|
62
62
|
return data;
|
|
63
63
|
}
|
|
64
|
-
function
|
|
64
|
+
function _componentUi() {
|
|
65
65
|
const data = require("@teambit/component.ui.deprecation-icon");
|
|
66
|
-
|
|
66
|
+
_componentUi = function () {
|
|
67
67
|
return data;
|
|
68
68
|
};
|
|
69
69
|
return data;
|
|
@@ -184,9 +184,9 @@ function DependencyCompareNode(props) {
|
|
|
184
184
|
className: (0, _classnames().default)(_dependencyCompareNodeModule().default.version, _graph().componentNodeStyles.version, _designUiStyles().ellipsis, versionDiff === -1 && _dependencyCompareNodeModule().default.versionUp, versionDiff === 1 && _dependencyCompareNodeModule().default.versionDown)
|
|
185
185
|
}, compareVersion), /*#__PURE__*/_react().default.createElement("div", {
|
|
186
186
|
className: _dependencyCompareNodeModule().default.buffs
|
|
187
|
-
}, /*#__PURE__*/_react().default.createElement(
|
|
187
|
+
}, /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
|
|
188
188
|
component: baseComponent
|
|
189
|
-
}), status !== undefined && /*#__PURE__*/_react().default.createElement(
|
|
189
|
+
}), status !== undefined && /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().CompareStatusResolver, {
|
|
190
190
|
status: status
|
|
191
191
|
}))));
|
|
192
192
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","classnames","componentNodeStyles","compNode","firstRow","envIcon","mutedText","nameLine","styles","link","ComponentUrl","toUrl","includeVersion","name","ellipsis","arrowIcon","versionUp","versionDown","buffs","undefined","Breadcrumbs","componentId","className","rest","scope","namespace","showSep","breadcrumbs"],"sources":["dependency-compare-node.tsx"],"sourcesContent":["import { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { Card } from '@teambit/base-ui.surfaces.card';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { CompareStatusResolver } from '@teambit/component.ui.compare';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { componentNodeStyles, defaultNode, external } from '@teambit/graph';\nimport classnames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { compare, valid } from 'semver';\nimport { CompareNodeModel } from './compare-node-model';\nimport styles from './dependency-compare-node.module.scss';\nimport variants from './dependency-compare-variants.module.scss';\n\nfunction getVariant(nodeType?: string) {\n switch (nodeType) {\n case 'defaultNode':\n return defaultNode;\n case 'root':\n return variants[nodeType];\n case 'external':\n return external;\n default:\n return null;\n }\n}\n\nexport type DependencyCompareNodeProps = {\n node: CompareNodeModel;\n type?: string;\n};\n\nexport function DependencyCompareNode(props: DependencyCompareNodeProps) {\n const { node, type = 'defaultNode' } = props;\n const { id: baseIdStr, component: baseComponent, compareVersion, status } = node;\n const { version: baseVersion } = baseComponent;\n const baseId = ComponentID.fromString(baseIdStr);\n const versionDiff = useMemo(\n () => valid(baseVersion) && valid(compareVersion) && compare(baseVersion, compareVersion),\n [baseVersion, compareVersion]\n );\n\n return (\n <Card className={classnames(componentNodeStyles.compNode, getVariant(type))} elevation=\"none\">\n <div className={componentNodeStyles.firstRow}>\n <EnvIcon component={baseComponent} className={componentNodeStyles.envIcon} />\n <Breadcrumbs componentId={baseId} className={mutedText} />\n </div>\n <div className={componentNodeStyles.nameLine}>\n <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(baseId, { includeVersion: false })}>\n <span className={classnames(componentNodeStyles.name, ellipsis)}>{baseId.name}</span>\n </NavLink>\n {baseId.version && <span className={classnames(componentNodeStyles.version, ellipsis)}>{baseId.version}</span>}\n {versionDiff !== 0 && (\n <img\n className={classnames([styles.arrowIcon, styles.versionUp])}\n src=\"https://static.bit.dev/bit-icons/version-bump.svg\"\n />\n )}\n {compareVersion && versionDiff !== 0 && (\n <span\n className={classnames(\n styles.version,\n componentNodeStyles.version,\n ellipsis,\n versionDiff === -1 && styles.versionUp,\n versionDiff === 1 && styles.versionDown\n )}\n >\n {compareVersion}\n </span>\n )}\n\n <div className={styles.buffs}>\n <DeprecationIcon component={baseComponent} />\n {status !== undefined && <CompareStatusResolver status={status} />}\n </div>\n </div>\n </Card>\n );\n}\n\ntype BreadcrumbsProps = { componentId: ComponentID } & React.HTMLAttributes<HTMLDivElement>;\n\nfunction Breadcrumbs({ componentId, className, ...rest }: BreadcrumbsProps) {\n const { scope, namespace } = componentId;\n const showSep = !!scope && !!namespace;\n\n return (\n <div {...rest} className={classnames(styles.breadcrumbs, ellipsis, className)}>\n {scope}\n {showSep && '/'}\n {namespace}\n </div>\n );\n}\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","classnames","componentNodeStyles","compNode","firstRow","envIcon","mutedText","nameLine","styles","link","ComponentUrl","toUrl","includeVersion","name","ellipsis","arrowIcon","versionUp","versionDown","buffs","undefined","Breadcrumbs","componentId","className","rest","scope","namespace","showSep","breadcrumbs"],"sources":["dependency-compare-node.tsx"],"sourcesContent":["import { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { Card } from '@teambit/base-ui.surfaces.card';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { CompareStatusResolver } from '@teambit/component.ui.component-compare.status-resolver';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { componentNodeStyles, defaultNode, external } from '@teambit/graph';\nimport classnames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { compare, valid } from 'semver';\nimport { CompareNodeModel } from './compare-node-model';\nimport styles from './dependency-compare-node.module.scss';\nimport variants from './dependency-compare-variants.module.scss';\n\nfunction getVariant(nodeType?: string) {\n switch (nodeType) {\n case 'defaultNode':\n return defaultNode;\n case 'root':\n return variants[nodeType];\n case 'external':\n return external;\n default:\n return null;\n }\n}\n\nexport type DependencyCompareNodeProps = {\n node: CompareNodeModel;\n type?: string;\n};\n\nexport function DependencyCompareNode(props: DependencyCompareNodeProps) {\n const { node, type = 'defaultNode' } = props;\n const { id: baseIdStr, component: baseComponent, compareVersion, status } = node;\n const { version: baseVersion } = baseComponent;\n const baseId = ComponentID.fromString(baseIdStr);\n const versionDiff = useMemo(\n () => valid(baseVersion) && valid(compareVersion) && compare(baseVersion, compareVersion),\n [baseVersion, compareVersion]\n );\n\n return (\n <Card className={classnames(componentNodeStyles.compNode, getVariant(type))} elevation=\"none\">\n <div className={componentNodeStyles.firstRow}>\n <EnvIcon component={baseComponent} className={componentNodeStyles.envIcon} />\n <Breadcrumbs componentId={baseId} className={mutedText} />\n </div>\n <div className={componentNodeStyles.nameLine}>\n <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(baseId, { includeVersion: false })}>\n <span className={classnames(componentNodeStyles.name, ellipsis)}>{baseId.name}</span>\n </NavLink>\n {baseId.version && <span className={classnames(componentNodeStyles.version, ellipsis)}>{baseId.version}</span>}\n {versionDiff !== 0 && (\n <img\n className={classnames([styles.arrowIcon, styles.versionUp])}\n src=\"https://static.bit.dev/bit-icons/version-bump.svg\"\n />\n )}\n {compareVersion && versionDiff !== 0 && (\n <span\n className={classnames(\n styles.version,\n componentNodeStyles.version,\n ellipsis,\n versionDiff === -1 && styles.versionUp,\n versionDiff === 1 && styles.versionDown\n )}\n >\n {compareVersion}\n </span>\n )}\n\n <div className={styles.buffs}>\n <DeprecationIcon component={baseComponent} />\n {status !== undefined && <CompareStatusResolver status={status} />}\n </div>\n </div>\n </Card>\n );\n}\n\ntype BreadcrumbsProps = { componentId: ComponentID } & React.HTMLAttributes<HTMLDivElement>;\n\nfunction Breadcrumbs({ componentId, className, ...rest }: BreadcrumbsProps) {\n const { scope, namespace } = componentId;\n const showSep = !!scope && !!namespace;\n\n return (\n <div {...rest} className={classnames(styles.breadcrumbs, ellipsis, className)}>\n {scope}\n {showSep && '/'}\n {namespace}\n </div>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Section } from '@teambit/component';
|
|
3
|
+
import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
|
|
4
|
+
import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
|
|
3
5
|
import { DependenciesCompare } from '@teambit/graph';
|
|
4
6
|
|
|
5
|
-
export class GraphCompareSection implements Section {
|
|
7
|
+
export class GraphCompareSection implements Section, TabItem {
|
|
6
8
|
navigationLink = {
|
|
7
9
|
href: 'dependencies',
|
|
8
10
|
children: 'Dependencies',
|
|
9
|
-
order: 2,
|
|
10
11
|
};
|
|
11
12
|
|
|
13
|
+
props = this.navigationLink;
|
|
14
|
+
|
|
12
15
|
route = {
|
|
13
16
|
path: 'dependencies/*',
|
|
14
17
|
element: <DependenciesCompare />,
|
|
15
18
|
};
|
|
19
|
+
|
|
20
|
+
order = 25;
|
|
21
|
+
changeType = ChangeType.DEPENDENCY;
|
|
22
|
+
id = 'dependency';
|
|
16
23
|
}
|
package/graph.ui.runtime.tsx
CHANGED
|
@@ -52,10 +52,7 @@ export class GraphUI {
|
|
|
52
52
|
const graphSection = new GraphCompareSection();
|
|
53
53
|
if (config.componentTab) componentUI.registerNavigation(section.navigationLink, section.order);
|
|
54
54
|
componentUI.registerRoute(section.route);
|
|
55
|
-
componentCompare.registerNavigation(
|
|
56
|
-
props: graphSection.navigationLink,
|
|
57
|
-
order: graphSection.navigationLink.order,
|
|
58
|
-
});
|
|
55
|
+
componentCompare.registerNavigation(graphSection);
|
|
59
56
|
componentCompare.registerRoutes([graphSection.route]);
|
|
60
57
|
return graphUI;
|
|
61
58
|
}
|
|
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.952",
|
|
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.952"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"lodash": "4.17.21",
|
|
@@ -26,20 +26,22 @@
|
|
|
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.952",
|
|
30
|
+
"@teambit/cli": "0.0.638",
|
|
31
31
|
"@teambit/legacy-bit-id": "0.0.421",
|
|
32
|
-
"@teambit/
|
|
33
|
-
"@teambit/
|
|
34
|
-
"@teambit/
|
|
35
|
-
"@teambit/
|
|
32
|
+
"@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.1",
|
|
33
|
+
"@teambit/component.ui.component-compare.models.component-compare-props": "0.0.3",
|
|
34
|
+
"@teambit/graphql": "0.0.952",
|
|
35
|
+
"@teambit/logger": "0.0.731",
|
|
36
|
+
"@teambit/component-compare": "0.0.200",
|
|
37
|
+
"@teambit/ui": "0.0.952",
|
|
36
38
|
"@teambit/component.modules.component-url": "0.0.148",
|
|
37
39
|
"@teambit/component.ui.deprecation-icon": "0.0.503",
|
|
38
40
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
|
39
41
|
"@teambit/envs.ui.env-icon": "0.0.495",
|
|
40
|
-
"@teambit/component.ui.component-compare.context": "0.0.
|
|
42
|
+
"@teambit/component.ui.component-compare.context": "0.0.6",
|
|
41
43
|
"@teambit/design.ui.round-loader": "0.0.355",
|
|
42
|
-
"@teambit/component.ui.compare": "0.0.
|
|
44
|
+
"@teambit/component.ui.component-compare.status-resolver": "0.0.3",
|
|
43
45
|
"@teambit/design.ui.pages.not-found": "0.0.366",
|
|
44
46
|
"@teambit/design.ui.pages.server-error": "0.0.366",
|
|
45
47
|
"@teambit/ui-foundation.ui.full-loader": "0.0.495",
|
|
@@ -61,7 +63,7 @@
|
|
|
61
63
|
},
|
|
62
64
|
"peerDependencies": {
|
|
63
65
|
"@apollo/client": "^3.6.0",
|
|
64
|
-
"@teambit/legacy": "1.0.
|
|
66
|
+
"@teambit/legacy": "1.0.419",
|
|
65
67
|
"react": "^16.8.0 || ^17.0.0",
|
|
66
68
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
67
69
|
},
|
|
@@ -3,7 +3,7 @@ import { Card } from '@teambit/base-ui.surfaces.card';
|
|
|
3
3
|
import { mutedText } from '@teambit/base-ui.text.muted-text';
|
|
4
4
|
import { ComponentID } from '@teambit/component';
|
|
5
5
|
import { ComponentUrl } from '@teambit/component.modules.component-url';
|
|
6
|
-
import { CompareStatusResolver } from '@teambit/component.ui.compare';
|
|
6
|
+
import { CompareStatusResolver } from '@teambit/component.ui.component-compare.status-resolver';
|
|
7
7
|
import { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';
|
|
8
8
|
import { ellipsis } from '@teambit/design.ui.styles.ellipsis';
|
|
9
9
|
import { EnvIcon } from '@teambit/envs.ui.env-icon';
|
|
Binary file
|