@teambit/graph 0.0.881 → 0.0.883

package/dist/ui/dependencies-compare/dependency-compare-node.js

@@ -1,202 +1,143 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DependencyCompareNode = DependencyCompareNode;
-
 function _extends2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
   _extends2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _objectWithoutProperties2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
   _objectWithoutProperties2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiRouting() {
   const data = require("@teambit/base-ui.routing.nav-link");
-
   _baseUiRouting = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiSurfaces() {
   const data = require("@teambit/base-ui.surfaces.card");
-
   _baseUiSurfaces = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseUiText() {
   const data = require("@teambit/base-ui.text.muted-text");
-
   _baseUiText = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentModules() {
   const data = require("@teambit/component.modules.component-url");
-
   _componentModules = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUi() {
   const data = require("@teambit/component.ui.compare");
-
   _componentUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentUi2() {
   const data = require("@teambit/component.ui.deprecation-icon");
-
   _componentUi2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _designUiStyles() {
   const data = require("@teambit/design.ui.styles.ellipsis");
-
   _designUiStyles = function () {
     return data;
   };
-
   return data;
 }
-
 function _envsUi() {
   const data = require("@teambit/envs.ui.env-icon");
-
   _envsUi = function () {
     return data;
   };
-
   return data;
 }
-
 function _graph() {
   const data = require("@teambit/graph");
-
   _graph = function () {
     return data;
   };
-
   return data;
 }
-
 function _classnames() {
   const data = _interopRequireDefault(require("classnames"));
-
   _classnames = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _semver() {
   const data = require("semver");
-
   _semver = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependencyCompareNodeModule() {
   const data = _interopRequireDefault(require("./dependency-compare-node.module.scss"));
-
   _dependencyCompareNodeModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _dependencyCompareVariantsModule() {
   const data = _interopRequireDefault(require("./dependency-compare-variants.module.scss"));
-
   _dependencyCompareVariantsModule = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function getVariant(nodeType) {
   switch (nodeType) {
     case 'defaultNode':
       return _graph().defaultNode;
-
     case 'root':
       return _dependencyCompareVariantsModule().default[nodeType];
-
     case 'external':
       return _graph().external;
-
     default:
       return null;
   }
 }
-
 function DependencyCompareNode(props) {
   const {
     node,
@@ -211,9 +152,7 @@ function DependencyCompareNode(props) {
   const {
     version: baseVersion
   } = baseComponent;
-
   const baseId = _component().ComponentID.fromString(baseIdStr);
-
   const versionDiff = (0, _react().useMemo)(() => (0, _semver().valid)(baseVersion) && (0, _semver().valid)(compareVersion) && (0, _semver().compare)(baseVersion, compareVersion), [baseVersion, compareVersion]);
   return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, {
     className: (0, _classnames().default)(_graph().componentNodeStyles.compNode, getVariant(type)),
@@ -251,13 +190,12 @@ function DependencyCompareNode(props) {
     status: status
   }))));
 }
-
 function Breadcrumbs(_ref) {
   let {
-    componentId,
-    className
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["componentId", "className"]);
+      componentId,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2().default)(_ref, ["componentId", "className"]);
   const {
     scope,
     namespace

package/dist/ui/dependencies-compare/dependency-compare-node.js.map

@@ -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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"}
+{"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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"}

package/dist/ui/dependencies-compare/diff-graph.js

@@ -1,51 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.diffGraph = diffGraph;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _compareGraphModel() {
   const data = require("./compare-graph-model");
-
   _compareGraphModel = function () {
     return data;
   };
-
   return data;
 }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const toShortId = node => node.component.id.toStringWithoutVersion();
 
-const toShortId = node => node.component.id.toStringWithoutVersion(); // this is to get a key with versions ignored so that we'll have a unique set of component nodes
-
-
+// this is to get a key with versions ignored so that we'll have a unique set of component nodes
 const toShortIdFromNodeId = nodeId => nodeId.split('@')[0];
-
 const delim = '::';
-
 const getEdgeId = _e => {
   return `${toShortIdFromNodeId(_e.sourceId)}${delim}${toShortIdFromNodeId(_e.targetId)}`;
 };
-
 function diffGraph(baseGraph, compareGraph, baseId) {
   if (!baseGraph || !compareGraph || !baseId) return null;
   const baseNodes = baseGraph.nodes;
@@ -53,10 +38,8 @@ function diffGraph(baseGraph, compareGraph, baseId) {
   const baseNodesMap = new Map(baseNodes.map(n => [toShortId(n), n]));
   const compareNodesMap = new Map(compareNodes.map(n => [toShortId(n), n]));
   const allNodes = [];
-
   for (const baseNode of baseNodes) {
     const compareNode = compareNodesMap.get(toShortId(baseNode));
-
     if (compareNode) {
       allNodes.push(_objectSpread(_objectSpread({}, baseNode), {}, {
         compareVersion: compareNode.component.version,
@@ -69,21 +52,17 @@ function diffGraph(baseGraph, compareGraph, baseId) {
       }));
     }
   }
-
   const newNodes = compareNodes.filter(n => !baseNodesMap.has(toShortId(n)));
-
   for (const node of newNodes) {
     allNodes.push(_objectSpread(_objectSpread({}, node), {}, {
       compareVersion: '',
       status: 'new'
     }));
   }
-
   const allNodesMap = new Map(allNodes.map(n => [toShortId(n), n]));
   const baseEdgesMap = new Map(baseGraph.edges.map(baseEdge => [getEdgeId(baseEdge), baseEdge]));
   const edgesOnlyInCompare = compareGraph.edges.filter(compareEdge => !baseEdgesMap.has(getEdgeId(compareEdge))).map(compareEdge => {
     var _allNodesMap$get, _allNodesMap$get2;
-
     return _objectSpread(_objectSpread({}, compareEdge), {}, {
       sourceId: ((_allNodesMap$get = allNodesMap.get(toShortIdFromNodeId(compareEdge.sourceId))) === null || _allNodesMap$get === void 0 ? void 0 : _allNodesMap$get.id.toString()) || baseId.toString(),
       targetId: ((_allNodesMap$get2 = allNodesMap.get(toShortIdFromNodeId(compareEdge.targetId))) === null || _allNodesMap$get2 === void 0 ? void 0 : _allNodesMap$get2.id.toString()) || baseId.toString()

package/dist/ui/dependencies-compare/diff-graph.js.map

@@ -1 +1 @@
-{"version":3,"names":["toShortId","node","component","id","toStringWithoutVersion","toShortIdFromNodeId","nodeId","split","delim","getEdgeId","_e","sourceId","targetId","diffGraph","baseGraph","compareGraph","baseId","baseNodes","nodes","compareNodes","baseNodesMap","Map","map","n","compareNodesMap","allNodes","baseNode","compareNode","get","push","compareVersion","version","status","isEqual","undefined","newNodes","filter","has","allNodesMap","baseEdgesMap","edges","baseEdge","edgesOnlyInCompare","compareEdge","toString","allEdges","CompareGraphModel"],"sources":["diff-graph.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component';\nimport { EdgeModel, GraphModel, NodeModel } from '@teambit/graph';\nimport { CompareGraphModel } from './compare-graph-model';\nimport { CompareNodeModel } from './compare-node-model';\n\nconst toShortId = (node: NodeModel) => node.component.id.toStringWithoutVersion();\n\n// this is to get a key with versions ignored so that we'll have a unique set of component nodes\nconst toShortIdFromNodeId = (nodeId: string) => nodeId.split('@')[0];\n\nconst delim = '::';\n\nconst getEdgeId = (_e: EdgeModel) => {\n  return `${toShortIdFromNodeId(_e.sourceId)}${delim}${toShortIdFromNodeId(_e.targetId)}`;\n};\n\nexport function diffGraph(\n  baseGraph?: GraphModel<NodeModel, EdgeModel>,\n  compareGraph?: GraphModel<NodeModel, EdgeModel>,\n  baseId?: ComponentID\n) {\n  if (!baseGraph || !compareGraph || !baseId) return null;\n\n  const baseNodes = baseGraph.nodes;\n  const compareNodes = compareGraph.nodes;\n\n  const baseNodesMap = new Map<string, NodeModel>(baseNodes.map((n) => [toShortId(n), n]));\n  const compareNodesMap = new Map<string, NodeModel>(compareNodes.map((n) => [toShortId(n), n]));\n\n  const allNodes: Array<CompareNodeModel> = [];\n  for (const baseNode of baseNodes) {\n    const compareNode = compareNodesMap.get(toShortId(baseNode));\n    if (compareNode) {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: compareNode.component.version,\n        status: compareNode.component.id.isEqual(baseNode.component.id) ? undefined : 'modified',\n      });\n    } else {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: baseNode.component.version,\n        status: 'deleted',\n      });\n    }\n  }\n\n  const newNodes = compareNodes.filter((n) => !baseNodesMap.has(toShortId(n)));\n\n  for (const node of newNodes) {\n    allNodes.push({\n      ...node,\n      compareVersion: '',\n      status: 'new',\n    });\n  }\n  const allNodesMap = new Map<string, CompareNodeModel>(allNodes.map((n) => [toShortId(n), n]));\n\n  const baseEdgesMap = new Map<string, EdgeModel>(baseGraph.edges.map((baseEdge) => [getEdgeId(baseEdge), baseEdge]));\n  const edgesOnlyInCompare = compareGraph.edges\n    .filter((compareEdge) => !baseEdgesMap.has(getEdgeId(compareEdge)))\n    .map((compareEdge) => ({\n      ...compareEdge,\n      sourceId: allNodesMap.get(toShortIdFromNodeId(compareEdge.sourceId))?.id.toString() || baseId.toString(),\n      targetId: allNodesMap.get(toShortIdFromNodeId(compareEdge.targetId))?.id.toString() || baseId.toString(),\n    }));\n  const allEdges = [...baseGraph.edges, ...edgesOnlyInCompare];\n  return new CompareGraphModel(allNodes, allEdges);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAGA,MAAMA,SAAS,GAAIC,IAAD,IAAqBA,IAAI,CAACC,SAAL,CAAeC,EAAf,CAAkBC,sBAAlB,EAAvC,C,CAEA;;;AACA,MAAMC,mBAAmB,GAAIC,MAAD,IAAoBA,MAAM,CAACC,KAAP,CAAa,GAAb,EAAkB,CAAlB,CAAhD;;AAEA,MAAMC,KAAK,GAAG,IAAd;;AAEA,MAAMC,SAAS,GAAIC,EAAD,IAAmB;EACnC,OAAQ,GAAEL,mBAAmB,CAACK,EAAE,CAACC,QAAJ,CAAc,GAAEH,KAAM,GAAEH,mBAAmB,CAACK,EAAE,CAACE,QAAJ,CAAc,EAAtF;AACD,CAFD;;AAIO,SAASC,SAAT,CACLC,SADK,EAELC,YAFK,EAGLC,MAHK,EAIL;EACA,IAAI,CAACF,SAAD,IAAc,CAACC,YAAf,IAA+B,CAACC,MAApC,EAA4C,OAAO,IAAP;EAE5C,MAAMC,SAAS,GAAGH,SAAS,CAACI,KAA5B;EACA,MAAMC,YAAY,GAAGJ,YAAY,CAACG,KAAlC;EAEA,MAAME,YAAY,GAAG,IAAIC,GAAJ,CAA2BJ,SAAS,CAACK,GAAV,CAAeC,CAAD,IAAO,CAACvB,SAAS,CAACuB,CAAD,CAAV,EAAeA,CAAf,CAArB,CAA3B,CAArB;EACA,MAAMC,eAAe,GAAG,IAAIH,GAAJ,CAA2BF,YAAY,CAACG,GAAb,CAAkBC,CAAD,IAAO,CAACvB,SAAS,CAACuB,CAAD,CAAV,EAAeA,CAAf,CAAxB,CAA3B,CAAxB;EAEA,MAAME,QAAiC,GAAG,EAA1C;;EACA,KAAK,MAAMC,QAAX,IAAuBT,SAAvB,EAAkC;IAChC,MAAMU,WAAW,GAAGH,eAAe,CAACI,GAAhB,CAAoB5B,SAAS,CAAC0B,QAAD,CAA7B,CAApB;;IACA,IAAIC,WAAJ,EAAiB;MACfF,QAAQ,CAACI,IAAT,iCACKH,QADL;QAEEI,cAAc,EAAEH,WAAW,CAACzB,SAAZ,CAAsB6B,OAFxC;QAGEC,MAAM,EAAEL,WAAW,CAACzB,SAAZ,CAAsBC,EAAtB,CAAyB8B,OAAzB,CAAiCP,QAAQ,CAACxB,SAAT,CAAmBC,EAApD,IAA0D+B,SAA1D,GAAsE;MAHhF;IAKD,CAND,MAMO;MACLT,QAAQ,CAACI,IAAT,iCACKH,QADL;QAEEI,cAAc,EAAEJ,QAAQ,CAACxB,SAAT,CAAmB6B,OAFrC;QAGEC,MAAM,EAAE;MAHV;IAKD;EACF;;EAED,MAAMG,QAAQ,GAAGhB,YAAY,CAACiB,MAAb,CAAqBb,CAAD,IAAO,CAACH,YAAY,CAACiB,GAAb,CAAiBrC,SAAS,CAACuB,CAAD,CAA1B,CAA5B,CAAjB;;EAEA,KAAK,MAAMtB,IAAX,IAAmBkC,QAAnB,EAA6B;IAC3BV,QAAQ,CAACI,IAAT,iCACK5B,IADL;MAEE6B,cAAc,EAAE,EAFlB;MAGEE,MAAM,EAAE;IAHV;EAKD;;EACD,MAAMM,WAAW,GAAG,IAAIjB,GAAJ,CAAkCI,QAAQ,CAACH,GAAT,CAAcC,CAAD,IAAO,CAACvB,SAAS,CAACuB,CAAD,CAAV,EAAeA,CAAf,CAApB,CAAlC,CAApB;EAEA,MAAMgB,YAAY,GAAG,IAAIlB,GAAJ,CAA2BP,SAAS,CAAC0B,KAAV,CAAgBlB,GAAhB,CAAqBmB,QAAD,IAAc,CAAChC,SAAS,CAACgC,QAAD,CAAV,EAAsBA,QAAtB,CAAlC,CAA3B,CAArB;EACA,MAAMC,kBAAkB,GAAG3B,YAAY,CAACyB,KAAb,CACxBJ,MADwB,CAChBO,WAAD,IAAiB,CAACJ,YAAY,CAACF,GAAb,CAAiB5B,SAAS,CAACkC,WAAD,CAA1B,CADD,EAExBrB,GAFwB,CAEnBqB,WAAD;IAAA;;IAAA,uCACAA,WADA;MAEHhC,QAAQ,EAAE,qBAAA2B,WAAW,CAACV,GAAZ,CAAgBvB,mBAAmB,CAACsC,WAAW,CAAChC,QAAb,CAAnC,uEAA4DR,EAA5D,CAA+DyC,QAA/D,OAA6E5B,MAAM,CAAC4B,QAAP,EAFpF;MAGHhC,QAAQ,EAAE,sBAAA0B,WAAW,CAACV,GAAZ,CAAgBvB,mBAAmB,CAACsC,WAAW,CAAC/B,QAAb,CAAnC,yEAA4DT,EAA5D,CAA+DyC,QAA/D,OAA6E5B,MAAM,CAAC4B,QAAP;IAHpF;EAAA,CAFoB,CAA3B;EAOA,MAAMC,QAAQ,GAAG,CAAC,GAAG/B,SAAS,CAAC0B,KAAd,EAAqB,GAAGE,kBAAxB,CAAjB;EACA,OAAO,KAAII,sCAAJ,EAAsBrB,QAAtB,EAAgCoB,QAAhC,CAAP;AACD"}
+{"version":3,"names":["toShortId","node","component","id","toStringWithoutVersion","toShortIdFromNodeId","nodeId","split","delim","getEdgeId","_e","sourceId","targetId","diffGraph","baseGraph","compareGraph","baseId","baseNodes","nodes","compareNodes","baseNodesMap","Map","map","n","compareNodesMap","allNodes","baseNode","compareNode","get","push","compareVersion","version","status","isEqual","undefined","newNodes","filter","has","allNodesMap","baseEdgesMap","edges","baseEdge","edgesOnlyInCompare","compareEdge","toString","allEdges","CompareGraphModel"],"sources":["diff-graph.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component';\nimport { EdgeModel, GraphModel, NodeModel } from '@teambit/graph';\nimport { CompareGraphModel } from './compare-graph-model';\nimport { CompareNodeModel } from './compare-node-model';\n\nconst toShortId = (node: NodeModel) => node.component.id.toStringWithoutVersion();\n\n// this is to get a key with versions ignored so that we'll have a unique set of component nodes\nconst toShortIdFromNodeId = (nodeId: string) => nodeId.split('@')[0];\n\nconst delim = '::';\n\nconst getEdgeId = (_e: EdgeModel) => {\n  return `${toShortIdFromNodeId(_e.sourceId)}${delim}${toShortIdFromNodeId(_e.targetId)}`;\n};\n\nexport function diffGraph(\n  baseGraph?: GraphModel<NodeModel, EdgeModel>,\n  compareGraph?: GraphModel<NodeModel, EdgeModel>,\n  baseId?: ComponentID\n) {\n  if (!baseGraph || !compareGraph || !baseId) return null;\n\n  const baseNodes = baseGraph.nodes;\n  const compareNodes = compareGraph.nodes;\n\n  const baseNodesMap = new Map<string, NodeModel>(baseNodes.map((n) => [toShortId(n), n]));\n  const compareNodesMap = new Map<string, NodeModel>(compareNodes.map((n) => [toShortId(n), n]));\n\n  const allNodes: Array<CompareNodeModel> = [];\n  for (const baseNode of baseNodes) {\n    const compareNode = compareNodesMap.get(toShortId(baseNode));\n    if (compareNode) {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: compareNode.component.version,\n        status: compareNode.component.id.isEqual(baseNode.component.id) ? undefined : 'modified',\n      });\n    } else {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: baseNode.component.version,\n        status: 'deleted',\n      });\n    }\n  }\n\n  const newNodes = compareNodes.filter((n) => !baseNodesMap.has(toShortId(n)));\n\n  for (const node of newNodes) {\n    allNodes.push({\n      ...node,\n      compareVersion: '',\n      status: 'new',\n    });\n  }\n  const allNodesMap = new Map<string, CompareNodeModel>(allNodes.map((n) => [toShortId(n), n]));\n\n  const baseEdgesMap = new Map<string, EdgeModel>(baseGraph.edges.map((baseEdge) => [getEdgeId(baseEdge), baseEdge]));\n  const edgesOnlyInCompare = compareGraph.edges\n    .filter((compareEdge) => !baseEdgesMap.has(getEdgeId(compareEdge)))\n    .map((compareEdge) => ({\n      ...compareEdge,\n      sourceId: allNodesMap.get(toShortIdFromNodeId(compareEdge.sourceId))?.id.toString() || baseId.toString(),\n      targetId: allNodesMap.get(toShortIdFromNodeId(compareEdge.targetId))?.id.toString() || baseId.toString(),\n    }));\n  const allEdges = [...baseGraph.edges, ...edgesOnlyInCompare];\n  return new CompareGraphModel(allNodes, allEdges);\n}\n"],"mappings":"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"}

package/dist/ui/dependencies-compare/index.js

@@ -9,14 +9,11 @@ Object.defineProperty(exports, "DependenciesCompare", {
     return _dependenciesCompare().DependenciesCompare;
   }
 });
-
 function _dependenciesCompare() {
   const data = require("./dependencies-compare");
-
   _dependenciesCompare = function () {
     return data;
   };
-
   return data;
 }
 

package/dist/ui/dependencies-compare/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DependenciesCompare } from './dependencies-compare';\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DependenciesCompare } from './dependencies-compare';\n"],"mappings":";;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA"}

package/dist/ui/dependencies-graph/calc-elements.js

@@ -1,52 +1,38 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcElements = calcElements;
-
 function _react() {
   const data = require("react");
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactFlowRenderer() {
   const data = require("react-flow-renderer");
-
   _reactFlowRenderer = function () {
     return data;
   };
-
   return data;
 }
-
 function _calcLayout() {
   const data = require("./calc-layout");
-
   _calcLayout = function () {
     return data;
   };
-
   return data;
 }
-
 function _depEdge() {
   const data = require("./dep-edge");
-
   _depEdge = function () {
     return data;
   };
-
   return data;
 }
-
 /**
  * generate Nodes and Edges for the ReactFlowRenderer graph renderer
  */

package/dist/ui/dependencies-graph/calc-elements.js.map

@@ -1 +1 @@
-{"version":3,"names":["calcElements","graph","rootNode","useMemo","positions","calcLayout","nodes","Array","from","values","map","x","id","type","data","node","component","isEqual","ignoreVersion","undefined","position","get","y","edges","e","sourceId","targetId","source","target","label","depTypeToLabel","dependencyLifecycleType","labelBgPadding","className","depTypeToClass","arrowHeadType","ArrowHeadType","Arrow"],"sources":["calc-elements.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ArrowHeadType, Edge, Node } from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\nimport { calcLayout } from './calc-layout';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nimport { depTypeToClass, depTypeToLabel } from './dep-edge';\n\ntype ElementsOptions = {\n  rootNode?: ComponentID;\n};\n\n/**\n * generate Nodes and Edges for the ReactFlowRenderer graph renderer\n */\nexport function calcElements(graph: GraphModel<NodeModel, EdgeModel> | undefined, { rootNode }: ElementsOptions) {\n  return useMemo(() => {\n    if (!graph) return [];\n\n    const positions = calcLayout(graph);\n\n    const nodes: Node[] = Array.from(graph.nodes.values()).map((x) => {\n      return {\n        id: x.id,\n        type: 'ComponentNode',\n        data: {\n          node: x,\n          type: rootNode && x.component.id.isEqual(rootNode, { ignoreVersion: true }) ? 'root' : undefined,\n        },\n        position: positions.get(x.id) || { x: 0, y: 0 },\n      };\n    });\n\n    const edges: Edge[] = graph.edges.map((e) => ({\n      id: `_${e.sourceId}__${e.targetId}`,\n      source: e.sourceId,\n      target: e.targetId,\n      label: depTypeToLabel(e.dependencyLifecycleType),\n      labelBgPadding: [4, 4],\n      type: 'smoothstep',\n      className: depTypeToClass(e.dependencyLifecycleType),\n      arrowHeadType: ArrowHeadType.Arrow,\n    }));\n\n    return [...nodes, ...edges];\n  }, [graph]);\n}\n"],"mappings":";;;;;;;;;AAAA;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;;AAMA;AACA;AACA;AACO,SAASA,YAAT,CAAsBC,KAAtB,EAA2E;EAAEC;AAAF,CAA3E,EAA0G;EAC/G,OAAO,IAAAC,gBAAA,EAAQ,MAAM;IACnB,IAAI,CAACF,KAAL,EAAY,OAAO,EAAP;IAEZ,MAAMG,SAAS,GAAG,IAAAC,wBAAA,EAAWJ,KAAX,CAAlB;IAEA,MAAMK,KAAa,GAAGC,KAAK,CAACC,IAAN,CAAWP,KAAK,CAACK,KAAN,CAAYG,MAAZ,EAAX,EAAiCC,GAAjC,CAAsCC,CAAD,IAAO;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EADD;QAELC,IAAI,EAAE,eAFD;QAGLC,IAAI,EAAE;UACJC,IAAI,EAAEJ,CADF;UAEJE,IAAI,EAAEX,QAAQ,IAAIS,CAAC,CAACK,SAAF,CAAYJ,EAAZ,CAAeK,OAAf,CAAuBf,QAAvB,EAAiC;YAAEgB,aAAa,EAAE;UAAjB,CAAjC,CAAZ,GAAwE,MAAxE,GAAiFC;QAFnF,CAHD;QAOLC,QAAQ,EAAEhB,SAAS,CAACiB,GAAV,CAAcV,CAAC,CAACC,EAAhB,KAAuB;UAAED,CAAC,EAAE,CAAL;UAAQW,CAAC,EAAE;QAAX;MAP5B,CAAP;IASD,CAVqB,CAAtB;IAYA,MAAMC,KAAa,GAAGtB,KAAK,CAACsB,KAAN,CAAYb,GAAZ,CAAiBc,CAAD,KAAQ;MAC5CZ,EAAE,EAAG,IAAGY,CAAC,CAACC,QAAS,KAAID,CAAC,CAACE,QAAS,EADU;MAE5CC,MAAM,EAAEH,CAAC,CAACC,QAFkC;MAG5CG,MAAM,EAAEJ,CAAC,CAACE,QAHkC;MAI5CG,KAAK,EAAE,IAAAC,yBAAA,EAAeN,CAAC,CAACO,uBAAjB,CAJqC;MAK5CC,cAAc,EAAE,CAAC,CAAD,EAAI,CAAJ,CAL4B;MAM5CnB,IAAI,EAAE,YANsC;MAO5CoB,SAAS,EAAE,IAAAC,yBAAA,EAAeV,CAAC,CAACO,uBAAjB,CAPiC;MAQ5CI,aAAa,EAAEC,kCAAA,CAAcC;IARe,CAAR,CAAhB,CAAtB;IAWA,OAAO,CAAC,GAAG/B,KAAJ,EAAW,GAAGiB,KAAd,CAAP;EACD,CA7BM,EA6BJ,CAACtB,KAAD,CA7BI,CAAP;AA8BD"}
+{"version":3,"names":["calcElements","graph","rootNode","useMemo","positions","calcLayout","nodes","Array","from","values","map","x","id","type","data","node","component","isEqual","ignoreVersion","undefined","position","get","y","edges","e","sourceId","targetId","source","target","label","depTypeToLabel","dependencyLifecycleType","labelBgPadding","className","depTypeToClass","arrowHeadType","ArrowHeadType","Arrow"],"sources":["calc-elements.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ArrowHeadType, Edge, Node } from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\nimport { calcLayout } from './calc-layout';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nimport { depTypeToClass, depTypeToLabel } from './dep-edge';\n\ntype ElementsOptions = {\n  rootNode?: ComponentID;\n};\n\n/**\n * generate Nodes and Edges for the ReactFlowRenderer graph renderer\n */\nexport function calcElements(graph: GraphModel<NodeModel, EdgeModel> | undefined, { rootNode }: ElementsOptions) {\n  return useMemo(() => {\n    if (!graph) return [];\n\n    const positions = calcLayout(graph);\n\n    const nodes: Node[] = Array.from(graph.nodes.values()).map((x) => {\n      return {\n        id: x.id,\n        type: 'ComponentNode',\n        data: {\n          node: x,\n          type: rootNode && x.component.id.isEqual(rootNode, { ignoreVersion: true }) ? 'root' : undefined,\n        },\n        position: positions.get(x.id) || { x: 0, y: 0 },\n      };\n    });\n\n    const edges: Edge[] = graph.edges.map((e) => ({\n      id: `_${e.sourceId}__${e.targetId}`,\n      source: e.sourceId,\n      target: e.targetId,\n      label: depTypeToLabel(e.dependencyLifecycleType),\n      labelBgPadding: [4, 4],\n      type: 'smoothstep',\n      className: depTypeToClass(e.dependencyLifecycleType),\n      arrowHeadType: ArrowHeadType.Arrow,\n    }));\n\n    return [...nodes, ...edges];\n  }, [graph]);\n}\n"],"mappings":";;;;;;;AAAA;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;AAMA;AACA;AACA;AACO,SAASA,YAAY,CAACC,KAAmD,EAAE;EAAEC;AAA0B,CAAC,EAAE;EAC/G,OAAO,IAAAC,gBAAO,EAAC,MAAM;IACnB,IAAI,CAACF,KAAK,EAAE,OAAO,EAAE;IAErB,MAAMG,SAAS,GAAG,IAAAC,wBAAU,EAACJ,KAAK,CAAC;IAEnC,MAAMK,KAAa,GAAGC,KAAK,CAACC,IAAI,CAACP,KAAK,CAACK,KAAK,CAACG,MAAM,EAAE,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBC,IAAI,EAAE;UACJC,IAAI,EAAEJ,CAAC;UACPE,IAAI,EAAEX,QAAQ,IAAIS,CAAC,CAACK,SAAS,CAACJ,EAAE,CAACK,OAAO,CAACf,QAAQ,EAAE;YAAEgB,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACzF,CAAC;QACDC,QAAQ,EAAEhB,SAAS,CAACiB,GAAG,CAACV,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEW,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,KAAa,GAAGtB,KAAK,CAACsB,KAAK,CAACb,GAAG,CAAEc,CAAC,KAAM;MAC5CZ,EAAE,EAAG,IAAGY,CAAC,CAACC,QAAS,KAAID,CAAC,CAACE,QAAS,EAAC;MACnCC,MAAM,EAAEH,CAAC,CAACC,QAAQ;MAClBG,MAAM,EAAEJ,CAAC,CAACE,QAAQ;MAClBG,KAAK,EAAE,IAAAC,yBAAc,EAACN,CAAC,CAACO,uBAAuB,CAAC;MAChDC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACtBnB,IAAI,EAAE,YAAY;MAClBoB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,kCAAa,CAACC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG/B,KAAK,EAAE,GAAGiB,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACtB,KAAK,CAAC,CAAC;AACb"}

package/dist/ui/dependencies-graph/calc-layout.js

@@ -1,40 +1,34 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcLayout = calcLayout;
-
 function _dagre() {
   const data = _interopRequireWildcard(require("dagre"));
-
   _dagre = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const NODE_WIDTH = 260;
 const NODE_HEIGHT = 90;
 const BOTTOM_TO_TOP = 'BT';
+
 /**
  * calculate the specific location of each node in the graph
  */
-
 function calcLayout(graph) {
   const g = new (_dagre().graphlib.Graph)();
   g.setGraph({
     rankdir: BOTTOM_TO_TOP
   });
-  g.setDefaultEdgeLabel(() => ({})); // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot
+  g.setDefaultEdgeLabel(() => ({}));
 
+  // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot
   graph.nodes.forEach(n => g.setNode(n.id, {
     width: NODE_WIDTH,
     height: NODE_HEIGHT
@@ -42,10 +36,10 @@ function calcLayout(graph) {
   graph.edges.forEach(e => g.setEdge({
     v: e.sourceId,
     w: e.targetId
-  })); // position items in graph
+  }));
 
+  // position items in graph
   _dagre().default.layout(g);
-
   const positionsArr = g.nodes().map(nodeId => {
     const node = g.node(nodeId);
     const pos = {

package/dist/ui/dependencies-graph/calc-layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["NODE_WIDTH","NODE_HEIGHT","BOTTOM_TO_TOP","calcLayout","graph","g","graphlib","Graph","setGraph","rankdir","setDefaultEdgeLabel","nodes","forEach","n","setNode","id","width","height","edges","e","setEdge","v","sourceId","w","targetId","dagre","layout","positionsArr","map","nodeId","node","pos","x","y","Map"],"sources":["calc-layout.tsx"],"sourcesContent":["import dagre, { graphlib } from 'dagre';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nconst NODE_WIDTH = 260;\nconst NODE_HEIGHT = 90;\n\nconst BOTTOM_TO_TOP = 'BT';\n\n/**\n * calculate the specific location of each node in the graph\n */\nexport function calcLayout(graph: GraphModel<NodeModel, EdgeModel>) {\n  const g = new graphlib.Graph();\n  g.setGraph({ rankdir: BOTTOM_TO_TOP });\n  g.setDefaultEdgeLabel(() => ({}));\n\n  // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot\n  graph.nodes.forEach((n) => g.setNode(n.id, { width: NODE_WIDTH, height: NODE_HEIGHT }));\n  graph.edges.forEach((e) => g.setEdge({ v: e.sourceId, w: e.targetId }));\n\n  // position items in graph\n  dagre.layout(g);\n\n  const positionsArr: [string, { x: number; y: number }][] = g.nodes().map((nodeId) => {\n    const node = g.node(nodeId);\n\n    const pos = {\n      x: node.x - node.width / 2,\n      y: node.y - node.height / 2,\n    };\n\n    return [nodeId, pos];\n  });\n\n  return new Map(positionsArr);\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAGA,MAAMA,UAAU,GAAG,GAAnB;AACA,MAAMC,WAAW,GAAG,EAApB;AAEA,MAAMC,aAAa,GAAG,IAAtB;AAEA;AACA;AACA;;AACO,SAASC,UAAT,CAAoBC,KAApB,EAA6D;EAClE,MAAMC,CAAC,GAAG,KAAIC,iBAAA,CAASC,KAAb,GAAV;EACAF,CAAC,CAACG,QAAF,CAAW;IAAEC,OAAO,EAAEP;EAAX,CAAX;EACAG,CAAC,CAACK,mBAAF,CAAsB,OAAO,EAAP,CAAtB,EAHkE,CAKlE;;EACAN,KAAK,CAACO,KAAN,CAAYC,OAAZ,CAAqBC,CAAD,IAAOR,CAAC,CAACS,OAAF,CAAUD,CAAC,CAACE,EAAZ,EAAgB;IAAEC,KAAK,EAAEhB,UAAT;IAAqBiB,MAAM,EAAEhB;EAA7B,CAAhB,CAA3B;EACAG,KAAK,CAACc,KAAN,CAAYN,OAAZ,CAAqBO,CAAD,IAAOd,CAAC,CAACe,OAAF,CAAU;IAAEC,CAAC,EAAEF,CAAC,CAACG,QAAP;IAAiBC,CAAC,EAAEJ,CAAC,CAACK;EAAtB,CAAV,CAA3B,EAPkE,CASlE;;EACAC,gBAAA,CAAMC,MAAN,CAAarB,CAAb;;EAEA,MAAMsB,YAAkD,GAAGtB,CAAC,CAACM,KAAF,GAAUiB,GAAV,CAAeC,MAAD,IAAY;IACnF,MAAMC,IAAI,GAAGzB,CAAC,CAACyB,IAAF,CAAOD,MAAP,CAAb;IAEA,MAAME,GAAG,GAAG;MACVC,CAAC,EAAEF,IAAI,CAACE,CAAL,GAASF,IAAI,CAACd,KAAL,GAAa,CADf;MAEViB,CAAC,EAAEH,IAAI,CAACG,CAAL,GAASH,IAAI,CAACb,MAAL,GAAc;IAFhB,CAAZ;IAKA,OAAO,CAACY,MAAD,EAASE,GAAT,CAAP;EACD,CAT0D,CAA3D;EAWA,OAAO,IAAIG,GAAJ,CAAQP,YAAR,CAAP;AACD"}
+{"version":3,"names":["NODE_WIDTH","NODE_HEIGHT","BOTTOM_TO_TOP","calcLayout","graph","g","graphlib","Graph","setGraph","rankdir","setDefaultEdgeLabel","nodes","forEach","n","setNode","id","width","height","edges","e","setEdge","v","sourceId","w","targetId","dagre","layout","positionsArr","map","nodeId","node","pos","x","y","Map"],"sources":["calc-layout.tsx"],"sourcesContent":["import dagre, { graphlib } from 'dagre';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\n\nconst NODE_WIDTH = 260;\nconst NODE_HEIGHT = 90;\n\nconst BOTTOM_TO_TOP = 'BT';\n\n/**\n * calculate the specific location of each node in the graph\n */\nexport function calcLayout(graph: GraphModel<NodeModel, EdgeModel>) {\n  const g = new graphlib.Graph();\n  g.setGraph({ rankdir: BOTTOM_TO_TOP });\n  g.setDefaultEdgeLabel(() => ({}));\n\n  // make a new instance of { width, height } per node, or dagre will get confused and place all nodes in the same spot\n  graph.nodes.forEach((n) => g.setNode(n.id, { width: NODE_WIDTH, height: NODE_HEIGHT }));\n  graph.edges.forEach((e) => g.setEdge({ v: e.sourceId, w: e.targetId }));\n\n  // position items in graph\n  dagre.layout(g);\n\n  const positionsArr: [string, { x: number; y: number }][] = g.nodes().map((nodeId) => {\n    const node = g.node(nodeId);\n\n    const pos = {\n      x: node.x - node.width / 2,\n      y: node.y - node.height / 2,\n    };\n\n    return [nodeId, pos];\n  });\n\n  return new Map(positionsArr);\n}\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAwC;AAAA;AAGxC,MAAMA,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,EAAE;AAEtB,MAAMC,aAAa,GAAG,IAAI;;AAE1B;AACA;AACA;AACO,SAASC,UAAU,CAACC,KAAuC,EAAE;EAClE,MAAMC,CAAC,GAAG,KAAIC,iBAAQ,CAACC,KAAK,GAAE;EAC9BF,CAAC,CAACG,QAAQ,CAAC;IAAEC,OAAO,EAAEP;EAAc,CAAC,CAAC;EACtCG,CAAC,CAACK,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;;EAEjC;EACAN,KAAK,CAACO,KAAK,CAACC,OAAO,CAAEC,CAAC,IAAKR,CAAC,CAACS,OAAO,CAACD,CAAC,CAACE,EAAE,EAAE;IAAEC,KAAK,EAAEhB,UAAU;IAAEiB,MAAM,EAAEhB;EAAY,CAAC,CAAC,CAAC;EACvFG,KAAK,CAACc,KAAK,CAACN,OAAO,CAAEO,CAAC,IAAKd,CAAC,CAACe,OAAO,CAAC;IAAEC,CAAC,EAAEF,CAAC,CAACG,QAAQ;IAAEC,CAAC,EAAEJ,CAAC,CAACK;EAAS,CAAC,CAAC,CAAC;;EAEvE;EACAC,gBAAK,CAACC,MAAM,CAACrB,CAAC,CAAC;EAEf,MAAMsB,YAAkD,GAAGtB,CAAC,CAACM,KAAK,EAAE,CAACiB,GAAG,CAAEC,MAAM,IAAK;IACnF,MAAMC,IAAI,GAAGzB,CAAC,CAACyB,IAAI,CAACD,MAAM,CAAC;IAE3B,MAAME,GAAG,GAAG;MACVC,CAAC,EAAEF,IAAI,CAACE,CAAC,GAAGF,IAAI,CAACd,KAAK,GAAG,CAAC;MAC1BiB,CAAC,EAAEH,IAAI,CAACG,CAAC,GAAGH,IAAI,CAACb,MAAM,GAAG;IAC5B,CAAC;IAED,OAAO,CAACY,MAAM,EAAEE,GAAG,CAAC;EACtB,CAAC,CAAC;EAEF,OAAO,IAAIG,GAAG,CAACP,YAAY,CAAC;AAC9B"}

package/dist/ui/dependencies-graph/dep-edge/dep-edge.js

@@ -1,60 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.depTypeToClass = depTypeToClass;
 exports.depTypeToLabel = depTypeToLabel;
-
 function _graph() {
   const data = require("@teambit/graph");
-
   _graph = function () {
     return data;
   };
-
   return data;
 }
-
 function _edgeModule() {
   const data = _interopRequireDefault(require("./edge.module.scss"));
-
   _edgeModule = function () {
     return data;
   };
-
   return data;
 }
-
 function depTypeToClass(depType) {
   switch (depType) {
     case 'DEV':
       return _edgeModule().default.dev;
-
     case 'PEER':
       return _edgeModule().default.peer;
-
     case 'RUNTIME':
       return _edgeModule().default.runtime;
-
     default:
       return undefined;
   }
 }
-
 function depTypeToLabel(type) {
   switch (type) {
     case _graph().EdgeType.peer:
       return 'Peer Dependency';
-
     case _graph().EdgeType.dev:
       return 'Development Dependency';
-
     case _graph().EdgeType.runtime:
       return 'Dependency';
-
     default:
       return type.toLowerCase();
   }