@teambit/graph 0.0.752 → 0.0.755

package/dist/graph.compare.section.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Section } from '@teambit/component';
+export declare class GraphCompareSection implements Section {
+    navigationLink: {
+        href: string;
+        children: string;
+        order: number;
+    };
+    route: {
+        path: string;
+        element: JSX.Element;
+    };
+}

package/dist/graph.compare.section.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GraphCompareSection = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _graph() {
+  const data = require("@teambit/graph");
+
+  _graph = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class GraphCompareSection {
+  constructor() {
+    (0, _defineProperty2().default)(this, "navigationLink", {
+      href: 'dependencies',
+      children: 'Dependencies',
+      order: 3
+    });
+    (0, _defineProperty2().default)(this, "route", {
+      path: 'dependencies/*',
+      element: /*#__PURE__*/_react().default.createElement(_graph().DependenciesCompare, null)
+    });
+  }
+
+}
+
+exports.GraphCompareSection = GraphCompareSection;
+
+//# sourceMappingURL=graph.compare.section.js.map

package/dist/graph.compare.section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GraphCompareSection","href","children","order","path","element"],"sources":["graph.compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport { Section } from '@teambit/component';\nimport { DependenciesCompare } from '@teambit/graph';\n\nexport class GraphCompareSection implements Section {\n  navigationLink = {\n    href: 'dependencies',\n    children: 'Dependencies',\n    order: 3,\n  };\n\n  route = {\n    path: 'dependencies/*',\n    element: <DependenciesCompare />,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,mBAAN,CAA6C;EAAA;IAAA,wDACjC;MACfC,IAAI,EAAE,cADS;MAEfC,QAAQ,EAAE,cAFK;MAGfC,KAAK,EAAE;IAHQ,CADiC;IAAA,+CAO1C;MACNC,IAAI,EAAE,gBADA;MAENC,OAAO,eAAE,+BAAC,4BAAD;IAFH,CAP0C;EAAA;;AAAA"}

package/dist/graph.ui.runtime.d.ts

@@ -1,5 +1,6 @@
 import { ComponentType } from 'react';
 import { SlotRegistry } from '@teambit/harmony';
+import { ComponentCompareUI } from '@teambit/component-compare';
 import { ComponentUI, ComponentModel } from '@teambit/component';
 export interface ComponentWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
     component: ComponentModel;
@@ -20,5 +21,5 @@ export declare class GraphUI {
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: ((registerFn: () => string) => SlotRegistry<ComponentWidget>)[];
-    static provider([componentUI]: [ComponentUI], config: any, [componentWidgetSlot]: [ComponentWidgetSlot]): Promise<GraphUI>;
+    static provider([componentUI, componentCompare]: [ComponentUI, ComponentCompareUI], config: any, [componentWidgetSlot]: [ComponentWidgetSlot]): Promise<GraphUI>;
 }

package/dist/graph.ui.runtime.js

@@ -41,6 +41,16 @@ function _harmony() {
   return data;
 }
 
+function _componentCompare() {
+  const data = require("@teambit/component-compare");
+
+  _componentCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _component() {
   const data = require("@teambit/component");
 
@@ -71,6 +81,16 @@ function _graph2() {
   return data;
 }
 
+function _graphCompare() {
+  const data = require("./graph.compare.section");
+
+  _graphCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
 /**
  * Presents dependencies graph in the component page
  */
@@ -87,18 +107,24 @@ class GraphUI {
     this.componentWidgetSlot = componentWidgetSlot;
   }
 
-  static async provider([componentUI], config, [componentWidgetSlot]) {
+  static async provider([componentUI, componentCompare], config, [componentWidgetSlot]) {
     const graphUI = new GraphUI(componentWidgetSlot);
     const section = new (_graph2().GraphSection)(componentWidgetSlot);
+    const graphSection = new (_graphCompare().GraphCompareSection)();
     componentUI.registerNavigation(section.navigationLink, section.order);
     componentUI.registerRoute(section.route);
+    componentCompare.registerNavigation({
+      props: graphSection.navigationLink,
+      order: graphSection.navigationLink.order
+    });
+    componentCompare.registerRoutes([graphSection.route]);
     return graphUI;
   }
 
 }
 
 exports.GraphUI = GraphUI;
-(0, _defineProperty2().default)(GraphUI, "dependencies", [_component().ComponentAspect]);
+(0, _defineProperty2().default)(GraphUI, "dependencies", [_component().ComponentAspect, _componentCompare().ComponentCompareAspect]);
 (0, _defineProperty2().default)(GraphUI, "runtime", _ui().UIRuntime);
 (0, _defineProperty2().default)(GraphUI, "slots", [_harmony().Slot.withType()]);
 

package/dist/graph.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphUI","registerComponentWidget","value","componentWidgetSlot","register","constructor","provider","componentUI","config","graphUI","section","GraphSection","registerNavigation","navigationLink","order","registerRoute","route","ComponentAspect","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';\n\nimport { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { GraphAspect } from './graph.aspect';\nimport { GraphSection } from './ui/graph.section';\n\nexport interface ComponentWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  component: ComponentModel;\n}\nexport type ComponentWidget = ComponentType<ComponentWidgetProps>;\nexport type ComponentWidgetSlot = SlotRegistry<ComponentWidget>;\n\n/**\n * Presents dependencies graph in the component page\n */\nexport class GraphUI {\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];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<ComponentWidget>()];\n  static async provider([componentUI]: [ComponentUI], config, [componentWidgetSlot]: [ComponentWidgetSlot]) {\n    const graphUI = new GraphUI(componentWidgetSlot);\n    const section = new GraphSection(componentWidgetSlot);\n    componentUI.registerNavigation(section.navigationLink, section.order);\n    componentUI.registerRoute(section.route);\n\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;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQA;AACA;AACA;AACO,MAAMA,OAAN,CAAc;EACnB;AACF;AACA;AACA;EACEC,uBAAuB,CAACC,KAAD,EAAyB;IAC9C,KAAKC,mBAAL,CAAyBC,QAAzB,CAAkCF,KAAlC;EACD;;EAEDG,WAAW,CAASF,mBAAT,EAAmD;IAAA,KAA1CA,mBAA0C,GAA1CA,mBAA0C;EAAE;;EAI3C,aAARG,QAAQ,CAAC,CAACC,WAAD,CAAD,EAA+BC,MAA/B,EAAuC,CAACL,mBAAD,CAAvC,EAAqF;IACxG,MAAMM,OAAO,GAAG,IAAIT,OAAJ,CAAYG,mBAAZ,CAAhB;IACA,MAAMO,OAAO,GAAG,KAAIC,sBAAJ,EAAiBR,mBAAjB,CAAhB;IACAI,WAAW,CAACK,kBAAZ,CAA+BF,OAAO,CAACG,cAAvC,EAAuDH,OAAO,CAACI,KAA/D;IACAP,WAAW,CAACQ,aAAZ,CAA0BL,OAAO,CAACM,KAAlC;IAEA,OAAOP,OAAP;EACD;;AApBkB;;;gCAART,O,kBAUW,CAACiB,4BAAD,C;gCAVXjB,O,aAWMkB,e;gCAXNlB,O,WAYI,CAACmB,eAAA,CAAKC,QAAL,EAAD,C;;AAWjBC,oBAAA,CAAYC,UAAZ,CAAuBtB,OAAvB"}
+{"version":3,"names":["GraphUI","registerComponentWidget","value","componentWidgetSlot","register","constructor","provider","componentUI","componentCompare","config","graphUI","section","GraphSection","graphSection","GraphCompareSection","registerNavigation","navigationLink","order","registerRoute","route","props","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';\n\nexport interface ComponentWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  component: ComponentModel;\n}\nexport type ComponentWidget = ComponentType<ComponentWidgetProps>;\nexport type ComponentWidgetSlot = SlotRegistry<ComponentWidget>;\n\n/**\n * Presents dependencies graph in the component page\n */\nexport class GraphUI {\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 async provider(\n    [componentUI, componentCompare]: [ComponentUI, ComponentCompareUI],\n    config,\n    [componentWidgetSlot]: [ComponentWidgetSlot]\n  ) {\n    const graphUI = new GraphUI(componentWidgetSlot);\n    const section = new GraphSection(componentWidgetSlot);\n    const graphSection = new GraphCompareSection();\n    componentUI.registerNavigation(section.navigationLink, section.order);\n    componentUI.registerRoute(section.route);\n    componentCompare.registerNavigation({\n      props: graphSection.navigationLink,\n      order: graphSection.navigationLink.order,\n    });\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;;AAQA;AACA;AACA;AACO,MAAMA,OAAN,CAAc;EACnB;AACF;AACA;AACA;EACEC,uBAAuB,CAACC,KAAD,EAAyB;IAC9C,KAAKC,mBAAL,CAAyBC,QAAzB,CAAkCF,KAAlC;EACD;;EAEDG,WAAW,CAASF,mBAAT,EAAmD;IAAA,KAA1CA,mBAA0C,GAA1CA,mBAA0C;EAAE;;EAI3C,aAARG,QAAQ,CACnB,CAACC,WAAD,EAAcC,gBAAd,CADmB,EAEnBC,MAFmB,EAGnB,CAACN,mBAAD,CAHmB,EAInB;IACA,MAAMO,OAAO,GAAG,IAAIV,OAAJ,CAAYG,mBAAZ,CAAhB;IACA,MAAMQ,OAAO,GAAG,KAAIC,sBAAJ,EAAiBT,mBAAjB,CAAhB;IACA,MAAMU,YAAY,GAAG,KAAIC,mCAAJ,GAArB;IACAP,WAAW,CAACQ,kBAAZ,CAA+BJ,OAAO,CAACK,cAAvC,EAAuDL,OAAO,CAACM,KAA/D;IACAV,WAAW,CAACW,aAAZ,CAA0BP,OAAO,CAACQ,KAAlC;IACAX,gBAAgB,CAACO,kBAAjB,CAAoC;MAClCK,KAAK,EAAEP,YAAY,CAACG,cADc;MAElCC,KAAK,EAAEJ,YAAY,CAACG,cAAb,CAA4BC;IAFD,CAApC;IAIAT,gBAAgB,CAACa,cAAjB,CAAgC,CAACR,YAAY,CAACM,KAAd,CAAhC;IACA,OAAOT,OAAP;EACD;;AA7BkB;;;gCAARV,O,kBAUW,CAACsB,4BAAD,EAAkBC,0CAAlB,C;gCAVXvB,O,aAWMwB,e;gCAXNxB,O,WAYI,CAACyB,eAAA,CAAKC,QAAL,EAAD,C;;AAoBjBC,oBAAA,CAAYC,UAAZ,CAAuB5B,OAAvB"}

package/dist/index.d.ts

@@ -1,10 +1,15 @@
-export { GraphAspect as default, GraphAspect } from './graph.aspect';
-export { Dependency } from './model/dependency';
-export { DuplicateDependency, VersionSubgraph } from './duplicate-dependency';
 export type { ComponentGraph } from './component-graph';
+export { DuplicateDependency, VersionSubgraph } from './duplicate-dependency';
+export { EdgeType } from './edge-type';
 export type { GraphBuilder } from './graph-builder';
+export { GraphAspect as default, GraphAspect } from './graph.aspect';
 export type { GraphMain } from './graph.main.runtime';
-export { EdgeType } from './edge-type';
-export type { GraphUI, ComponentWidget, ComponentWidgetSlot, ComponentWidgetProps } from './graph.ui.runtime';
-export { useGraph, useGraphQuery, GraphModel, EdgeModel, NodeModel } from './ui/query';
-export { objectListToGraph, IdGraph } from './object-list-to-graph';
+export type { ComponentWidget, ComponentWidgetProps, ComponentWidgetSlot, GraphUI } from './graph.ui.runtime';
+export { Dependency } from './model/dependency';
+export { GraphFilter } from './model/graph-filters';
+export { IdGraph, objectListToGraph } from './object-list-to-graph';
+export { DependenciesCompare } from './ui/dependencies-compare';
+export { calcElements, calcLayout, calcMinimapColors, depTypeToClass, depTypeToLabel, styles as dependenciesGraphStyles, } from './ui/dependencies-graph';
+export { GraphFilters, styles as graphPageStyles } from './ui/graph-page';
+export { EdgeModel, GraphModel, NodeModel, RawGraph, useGraph, useGraphQuery } from './ui/query';
+export { styles as componentNodeStyles, root, defaultNode, external } from './ui/component-node';

package/dist/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DependenciesCompare", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesCompare().DependenciesCompare;
+  }
+});
 Object.defineProperty(exports, "Dependency", {
   enumerable: true,
   get: function () {
@@ -33,6 +39,18 @@ Object.defineProperty(exports, "GraphAspect", {
     return _graph().GraphAspect;
   }
 });
+Object.defineProperty(exports, "GraphFilter", {
+  enumerable: true,
+  get: function () {
+    return _graphFilters().GraphFilter;
+  }
+});
+Object.defineProperty(exports, "GraphFilters", {
+  enumerable: true,
+  get: function () {
+    return _graphPage().GraphFilters;
+  }
+});
 Object.defineProperty(exports, "GraphModel", {
   enumerable: true,
   get: function () {
@@ -51,24 +69,96 @@ Object.defineProperty(exports, "NodeModel", {
     return _query().NodeModel;
   }
 });
+Object.defineProperty(exports, "RawGraph", {
+  enumerable: true,
+  get: function () {
+    return _query().RawGraph;
+  }
+});
 Object.defineProperty(exports, "VersionSubgraph", {
   enumerable: true,
   get: function () {
     return _duplicateDependency().VersionSubgraph;
   }
 });
+Object.defineProperty(exports, "calcElements", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().calcElements;
+  }
+});
+Object.defineProperty(exports, "calcLayout", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().calcLayout;
+  }
+});
+Object.defineProperty(exports, "calcMinimapColors", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().calcMinimapColors;
+  }
+});
+Object.defineProperty(exports, "componentNodeStyles", {
+  enumerable: true,
+  get: function () {
+    return _componentNode().styles;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _graph().GraphAspect;
   }
 });
+Object.defineProperty(exports, "defaultNode", {
+  enumerable: true,
+  get: function () {
+    return _componentNode().defaultNode;
+  }
+});
+Object.defineProperty(exports, "depTypeToClass", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().depTypeToClass;
+  }
+});
+Object.defineProperty(exports, "depTypeToLabel", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().depTypeToLabel;
+  }
+});
+Object.defineProperty(exports, "dependenciesGraphStyles", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().styles;
+  }
+});
+Object.defineProperty(exports, "external", {
+  enumerable: true,
+  get: function () {
+    return _componentNode().external;
+  }
+});
+Object.defineProperty(exports, "graphPageStyles", {
+  enumerable: true,
+  get: function () {
+    return _graphPage().styles;
+  }
+});
 Object.defineProperty(exports, "objectListToGraph", {
   enumerable: true,
   get: function () {
     return _objectListToGraph().objectListToGraph;
   }
 });
+Object.defineProperty(exports, "root", {
+  enumerable: true,
+  get: function () {
+    return _componentNode().root;
+  }
+});
 Object.defineProperty(exports, "useGraph", {
   enumerable: true,
   get: function () {
@@ -82,6 +172,26 @@ Object.defineProperty(exports, "useGraphQuery", {
   }
 });
 
+function _duplicateDependency() {
+  const data = require("./duplicate-dependency");
+
+  _duplicateDependency = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _edgeType() {
+  const data = require("./edge-type");
+
+  _edgeType = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _graph() {
   const data = require("./graph.aspect");
 
@@ -102,20 +212,50 @@ function _dependency() {
   return data;
 }
 
-function _duplicateDependency() {
-  const data = require("./duplicate-dependency");
+function _graphFilters() {
+  const data = require("./model/graph-filters");
 
-  _duplicateDependency = function () {
+  _graphFilters = function () {
     return data;
   };
 
   return data;
 }
 
-function _edgeType() {
-  const data = require("./edge-type");
+function _objectListToGraph() {
+  const data = require("./object-list-to-graph");
 
-  _edgeType = function () {
+  _objectListToGraph = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _dependenciesCompare() {
+  const data = require("./ui/dependencies-compare");
+
+  _dependenciesCompare = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _dependenciesGraph() {
+  const data = require("./ui/dependencies-graph");
+
+  _dependenciesGraph = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _graphPage() {
+  const data = require("./ui/graph-page");
+
+  _graphPage = function () {
     return data;
   };
 
@@ -132,10 +272,10 @@ function _query() {
   return data;
 }
 
-function _objectListToGraph() {
-  const data = require("./object-list-to-graph");
+function _componentNode() {
+  const data = require("./ui/component-node");
 
-  _objectListToGraph = function () {
+  _componentNode = function () {
     return data;
   };
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { GraphAspect as default, GraphAspect } from './graph.aspect';\n\nexport { Dependency } from './model/dependency';\nexport { DuplicateDependency, VersionSubgraph } from './duplicate-dependency';\nexport type { ComponentGraph } from './component-graph';\nexport type { GraphBuilder } from './graph-builder';\nexport type { GraphMain } from './graph.main.runtime';\nexport { EdgeType } from './edge-type';\nexport type { GraphUI, ComponentWidget, ComponentWidgetSlot, ComponentWidgetProps } from './graph.ui.runtime';\nexport { useGraph, useGraphQuery, GraphModel, EdgeModel, NodeModel } from './ui/query';\nexport { objectListToGraph, IdGraph } from './object-list-to-graph';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export type { ComponentGraph } from './component-graph';\nexport { DuplicateDependency, VersionSubgraph } from './duplicate-dependency';\nexport { EdgeType } from './edge-type';\nexport type { GraphBuilder } from './graph-builder';\nexport { GraphAspect as default, GraphAspect } from './graph.aspect';\nexport type { GraphMain } from './graph.main.runtime';\nexport type { ComponentWidget, ComponentWidgetProps, ComponentWidgetSlot, GraphUI } from './graph.ui.runtime';\nexport { Dependency } from './model/dependency';\nexport { GraphFilter } from './model/graph-filters';\nexport { IdGraph, objectListToGraph } from './object-list-to-graph';\nexport { DependenciesCompare } from './ui/dependencies-compare';\nexport {\n  calcElements,\n  calcLayout,\n  calcMinimapColors,\n  depTypeToClass,\n  depTypeToLabel,\n  styles as dependenciesGraphStyles,\n} from './ui/dependencies-graph';\nexport { GraphFilters, styles as graphPageStyles } from './ui/graph-page';\nexport { EdgeModel, GraphModel, NodeModel, RawGraph, useGraph, useGraphQuery } from './ui/query';\nexport { styles as componentNodeStyles, root, defaultNode, external } from './ui/component-node';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;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;;AAQA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/ui/component-node/component-node.js

@@ -99,6 +99,26 @@ function _baseUiSurfaces() {
   return data;
 }
 
+function _baseUiRouting() {
+  const data = require("@teambit/base-ui.routing.nav-link");
+
+  _baseUiRouting = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentModules() {
+  const data = require("@teambit/component.modules.component-url");
+
+  _componentModules = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _dependenciesGraph() {
   const data = require("../dependencies-graph/");
 
@@ -160,9 +180,15 @@ function ComponentNode(_ref) {
     className: _baseUiText().mutedText
   })), /*#__PURE__*/_react().default.createElement("div", {
     className: _componentNodeModule().default.nameLine
+  }, /*#__PURE__*/_react().default.createElement(_baseUiRouting().NavLink, {
+    className: _componentNodeModule().default.link,
+    external: true,
+    href: _componentModules().ComponentUrl.toUrl(id, {
+      includeVersion: false
+    })
   }, /*#__PURE__*/_react().default.createElement("span", {
     className: (0, _classnames().default)(_componentNodeModule().default.name, _designUiStyles().ellipsis)
-  }, id.name), id.version && /*#__PURE__*/_react().default.createElement("span", {
+  }, id.name)), id.version && /*#__PURE__*/_react().default.createElement("span", {
     className: (0, _classnames().default)(_componentNodeModule().default.version, _designUiStyles().ellipsis)
   }, id.version), /*#__PURE__*/_react().default.createElement("div", {
     className: _componentNodeModule().default.buffs

package/dist/ui/component-node/component-node.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentNode","node","type","rest","graphContext","useContext","ComponentGraphContext","component","id","classnames","styles","compNode","variants","firstRow","envIcon","mutedText","nameLine","name","ellipsis","version","buffs","componentWidgets","toArray","map","widgetId","Widget","Breadcrumbs","componentId","className","scope","namespace","showSep","breadcrumbs"],"sources":["component-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { NodeModel } from '../query/node-model';\nimport { ComponentGraphContext } from '../dependencies-graph/';\n\n// keep order: styles, then variants\nimport styles from './component-node.module.scss';\nimport variants from './variants.module.scss';\n\nexport interface ComponentNode extends CardProps {\n  node: NodeModel;\n  type: string;\n}\n\nexport function ComponentNode({ node, type = 'defaultNode', ...rest }: ComponentNode) {\n  const graphContext = useContext(ComponentGraphContext);\n  const { component } = node;\n  const { id } = component;\n\n  return (\n    <Card className={classnames(styles.compNode, variants[type])} elevation=\"none\" {...rest}>\n      <div className={styles.firstRow}>\n        <EnvIcon component={component} className={styles.envIcon} />\n        <Breadcrumbs componentId={id} className={mutedText} />\n      </div>\n      <div className={styles.nameLine}>\n        <span className={classnames(styles.name, ellipsis)}>{id.name}</span>\n        {id.version && <span className={classnames(styles.version, ellipsis)}>{id.version}</span>}\n\n        <div className={styles.buffs}>\n          <DeprecationIcon component={component} />\n          {graphContext &&\n            graphContext.componentWidgets\n              .toArray()\n              .map(([widgetId, Widget]) => <Widget key={widgetId} component={component} />)}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;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;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAFA;AASO,SAASA,aAAT,OAA+E;EAAA,IAAxD;IAAEC,IAAF;IAAQC,IAAI,GAAG;EAAf,CAAwD;EAAA,IAAvBC,IAAuB;EACpF,MAAMC,YAAY,GAAG,IAAAC,mBAAA,EAAWC,0CAAX,CAArB;EACA,MAAM;IAAEC;EAAF,IAAgBN,IAAtB;EACA,MAAM;IAAEO;EAAF,IAASD,SAAf;EAEA,oBACE,+BAAC,sBAAD;IAAM,SAAS,EAAE,IAAAE,qBAAA,EAAWC,8BAAA,CAAOC,QAAlB,EAA4BC,yBAAA,CAASV,IAAT,CAA5B,CAAjB;IAA8D,SAAS,EAAC;EAAxE,GAAmFC,IAAnF,gBACE;IAAK,SAAS,EAAEO,8BAAA,CAAOG;EAAvB,gBACE,+BAAC,iBAAD;IAAS,SAAS,EAAEN,SAApB;IAA+B,SAAS,EAAEG,8BAAA,CAAOI;EAAjD,EADF,eAEE,+BAAC,WAAD;IAAa,WAAW,EAAEN,EAA1B;IAA8B,SAAS,EAAEO;EAAzC,EAFF,CADF,eAKE;IAAK,SAAS,EAAEL,8BAAA,CAAOM;EAAvB,gBACE;IAAM,SAAS,EAAE,IAAAP,qBAAA,EAAWC,8BAAA,CAAOO,IAAlB,EAAwBC,0BAAxB;EAAjB,GAAqDV,EAAE,CAACS,IAAxD,CADF,EAEGT,EAAE,CAACW,OAAH,iBAAc;IAAM,SAAS,EAAE,IAAAV,qBAAA,EAAWC,8BAAA,CAAOS,OAAlB,EAA2BD,0BAA3B;EAAjB,GAAwDV,EAAE,CAACW,OAA3D,CAFjB,eAIE;IAAK,SAAS,EAAET,8BAAA,CAAOU;EAAvB,gBACE,+BAAC,8BAAD;IAAiB,SAAS,EAAEb;EAA5B,EADF,EAEGH,YAAY,IACXA,YAAY,CAACiB,gBAAb,CACGC,OADH,GAEGC,GAFH,CAEO,CAAC,CAACC,QAAD,EAAWC,MAAX,CAAD,kBAAwB,+BAAC,MAAD;IAAQ,GAAG,EAAED,QAAb;IAAuB,SAAS,EAAEjB;EAAlC,EAF/B,CAHJ,CAJF,CALF,CADF;AAoBD;;AAID,SAASmB,WAAT,QAA4E;EAAA,IAAvD;IAAEC,WAAF;IAAeC;EAAf,CAAuD;EAAA,IAA1BzB,IAA0B;EAC1E,MAAM;IAAE0B,KAAF;IAASC;EAAT,IAAuBH,WAA7B;EACA,MAAMI,OAAO,GAAG,CAAC,CAACF,KAAF,IAAW,CAAC,CAACC,SAA7B;EAEA,oBACE,mEAAS3B,IAAT;IAAe,SAAS,EAAE,IAAAM,qBAAA,EAAWC,8BAAA,CAAOsB,WAAlB,EAA+Bd,0BAA/B,EAAyCU,SAAzC;EAA1B,IACGC,KADH,EAEGE,OAAO,IAAI,GAFd,EAGGD,SAHH,CADF;AAOD"}
+{"version":3,"names":["ComponentNode","node","type","rest","graphContext","useContext","ComponentGraphContext","component","id","classnames","styles","compNode","variants","firstRow","envIcon","mutedText","nameLine","link","ComponentUrl","toUrl","includeVersion","name","ellipsis","version","buffs","componentWidgets","toArray","map","widgetId","Widget","Breadcrumbs","componentId","className","scope","namespace","showSep","breadcrumbs"],"sources":["component-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { NodeModel } from '../query/node-model';\nimport { ComponentGraphContext } from '../dependencies-graph/';\n\n// keep order: styles, then variants\nimport styles from './component-node.module.scss';\nimport variants from './variants.module.scss';\n\nexport interface ComponentNode extends CardProps {\n  node: NodeModel;\n  type: string;\n}\n\nexport function ComponentNode({ node, type = 'defaultNode', ...rest }: ComponentNode) {\n  const graphContext = useContext(ComponentGraphContext);\n  const { component } = node;\n  const { id } = component;\n\n  return (\n    <Card className={classnames(styles.compNode, variants[type])} elevation=\"none\" {...rest}>\n      <div className={styles.firstRow}>\n        <EnvIcon component={component} className={styles.envIcon} />\n        <Breadcrumbs componentId={id} className={mutedText} />\n      </div>\n      <div className={styles.nameLine}>\n        <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(id, { includeVersion: false })}>\n          <span className={classnames(styles.name, ellipsis)}>{id.name}</span>\n        </NavLink>\n        {id.version && <span className={classnames(styles.version, ellipsis)}>{id.version}</span>}\n\n        <div className={styles.buffs}>\n          <DeprecationIcon component={component} />\n          {graphContext &&\n            graphContext.componentWidgets\n              .toArray()\n              .map(([widgetId, Widget]) => <Widget key={widgetId} component={component} />)}\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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"}

package/dist/ui/component-node/component-node.module.scss

@@ -61,3 +61,11 @@
     display: none;
   }
 }
+
+.link {
+  text-decoration: none;
+  color: var(--bit-text-color-heavyed);
+  &:hover {
+    text-decoration: underline;
+  }
+}

package/dist/ui/component-node/index.d.ts

@@ -1,2 +1,13 @@
 export { ComponentNode } from './component-node';
-export { defaultNodeColor, rootNodeColor, externalNodeColor } from './variants';
+export { defaultNodeColor, rootNodeColor, externalNodeColor, root, defaultNode, external } from './variants';
+export declare const styles: {
+    compNode: string;
+    firstRow: string;
+    envIcon: string;
+    breadcrumbs: string;
+    nameLine: string;
+    name: string;
+    version: string;
+    buffs: string;
+    link: string;
+};

package/dist/ui/component-node/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,24 +11,53 @@ Object.defineProperty(exports, "ComponentNode", {
     return _componentNode().ComponentNode;
   }
 });
+Object.defineProperty(exports, "defaultNode", {
+  enumerable: true,
+  get: function () {
+    return _variants().defaultNode;
+  }
+});
 Object.defineProperty(exports, "defaultNodeColor", {
   enumerable: true,
   get: function () {
     return _variants().defaultNodeColor;
   }
 });
+Object.defineProperty(exports, "external", {
+  enumerable: true,
+  get: function () {
+    return _variants().external;
+  }
+});
 Object.defineProperty(exports, "externalNodeColor", {
   enumerable: true,
   get: function () {
     return _variants().externalNodeColor;
   }
 });
+Object.defineProperty(exports, "root", {
+  enumerable: true,
+  get: function () {
+    return _variants().root;
+  }
+});
 Object.defineProperty(exports, "rootNodeColor", {
   enumerable: true,
   get: function () {
     return _variants().rootNodeColor;
   }
 });
+exports.styles = void 0;
+
+function _componentNodeModule() {
+  const data = _interopRequireDefault(require("./component-node.module.scss"));
+
+  _componentNodeModule = function () {
+    return data;
+  };
+
+  return data;
+}
 
 function _componentNode() {
   const data = require("./component-node");
@@ -48,4 +79,29 @@ function _variants() {
   return data;
 }
 
+const {
+  compNode,
+  firstRow,
+  envIcon,
+  breadcrumbs,
+  nameLine,
+  name,
+  version,
+  buffs,
+  link
+} = _componentNodeModule().default;
+
+const styles = {
+  compNode,
+  firstRow,
+  envIcon,
+  breadcrumbs,
+  nameLine,
+  name,
+  version,
+  buffs,
+  link
+};
+exports.styles = styles;
+
 //# sourceMappingURL=index.js.map

package/dist/ui/component-node/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ComponentNode } from './component-node';\n\nexport { defaultNodeColor, rootNodeColor, externalNodeColor } from './variants';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":["compNode","firstRow","envIcon","breadcrumbs","nameLine","name","version","buffs","link","componentStyles","styles"],"sources":["index.ts"],"sourcesContent":["import componentStyles from './component-node.module.scss';\n\nexport { ComponentNode } from './component-node';\n\nexport { defaultNodeColor, rootNodeColor, externalNodeColor, root, defaultNode, external } from './variants';\n\nconst { compNode, firstRow, envIcon, breadcrumbs, nameLine, name, version, buffs, link } = componentStyles;\nexport const styles = { compNode, firstRow, envIcon, breadcrumbs, nameLine, name, version, buffs, link };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAM;EAAEA,QAAF;EAAYC,QAAZ;EAAsBC,OAAtB;EAA+BC,WAA/B;EAA4CC,QAA5C;EAAsDC,IAAtD;EAA4DC,OAA5D;EAAqEC,KAArE;EAA4EC;AAA5E,IAAqFC,8BAA3F;;AACO,MAAMC,MAAM,GAAG;EAAEV,QAAF;EAAYC,QAAZ;EAAsBC,OAAtB;EAA+BC,WAA/B;EAA4CC,QAA5C;EAAsDC,IAAtD;EAA4DC,OAA5D;EAAqEC,KAArE;EAA4EC;AAA5E,CAAf"}

package/dist/ui/component-node/variants.d.ts

@@ -1,2 +1,2 @@
-declare const root: string, defaultNode: string, rootNodeColor: string, defaultNodeColor: string, externalNodeColor: string;
-export { root, defaultNode, rootNodeColor, defaultNodeColor, externalNodeColor };
+declare const root: string, defaultNode: string, external: string, rootNodeColor: string, defaultNodeColor: string, externalNodeColor: string;
+export { root, defaultNode, external, rootNodeColor, defaultNodeColor, externalNodeColor };

package/dist/ui/component-node/variants.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rootNodeColor = exports.root = exports.externalNodeColor = exports.defaultNodeColor = exports.defaultNode = void 0;
+exports.rootNodeColor = exports.root = exports.externalNodeColor = exports.external = exports.defaultNodeColor = exports.defaultNode = void 0;
 
 function _variantsModule() {
   const data = _interopRequireDefault(require("./variants.module.scss"));
@@ -20,6 +20,7 @@ function _variantsModule() {
 const {
   root,
   defaultNode,
+  external,
   rootNodeColor,
   defaultNodeColor,
   externalNodeColor
@@ -28,6 +29,7 @@ const {
 exports.externalNodeColor = externalNodeColor;
 exports.defaultNodeColor = defaultNodeColor;
 exports.rootNodeColor = rootNodeColor;
+exports.external = external;
 exports.defaultNode = defaultNode;
 exports.root = root;
 

package/dist/ui/component-node/variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["root","defaultNode","rootNodeColor","defaultNodeColor","externalNodeColor","variants"],"sources":["variants.ts"],"sourcesContent":["import variants from './variants.module.scss';\n\nconst { root, defaultNode, rootNodeColor, defaultNodeColor, externalNodeColor } = variants;\n\nexport { root, defaultNode, rootNodeColor, defaultNodeColor, externalNodeColor };\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAM;EAAEA,IAAF;EAAQC,WAAR;EAAqBC,aAArB;EAAoCC,gBAApC;EAAsDC;AAAtD,IAA4EC,yBAAlF"}
+{"version":3,"names":["root","defaultNode","external","rootNodeColor","defaultNodeColor","externalNodeColor","variants"],"sources":["variants.ts"],"sourcesContent":["import variants from './variants.module.scss';\n\nconst { root, defaultNode, external, rootNodeColor, defaultNodeColor, externalNodeColor } = variants;\n\nexport { root, defaultNode, external, rootNodeColor, defaultNodeColor, externalNodeColor };\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAM;EAAEA,IAAF;EAAQC,WAAR;EAAqBC,QAArB;EAA+BC,aAA/B;EAA8CC,gBAA9C;EAAgEC;AAAhE,IAAsFC,yBAA5F"}