@teambit/graph 0.0.1158 → 0.0.1159

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

@@ -1 +1 @@
-{"version":3,"names":["_baseUiRouting","data","require","_baseUiSurfaces","_baseUiText","_component","_componentModules","_componentUiComponentCompare","_componentUi","_designUiStyles","_envsUi","_graph","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_semver","_dependencyCompareNodeModule","_dependencyCompareVariantsModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","createElement","Card","className","classnames","componentNodeStyles","compNode","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","componentId","mutedText","nameLine","NavLink","styles","link","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","arrowIcon","versionUp","src","versionDown","buffs","DeprecationIcon","undefined","CompareStatusResolver","_ref","rest","_objectWithoutProperties2","scope","namespace","showSep","_extends2","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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"}
+{"version":3,"names":["_baseUiRouting","data","require","_baseUiSurfaces","_baseUiText","_component","_componentModules","_componentUiComponentCompare","_componentUi","_designUiStyles","_envsUi","_graph","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_semver","_dependencyCompareNodeModule","_dependencyCompareVariantsModule","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","createElement","Card","className","classnames","componentNodeStyles","compNode","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","componentId","mutedText","nameLine","NavLink","styles","link","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","arrowIcon","versionUp","src","versionDown","buffs","DeprecationIcon","undefined","CompareStatusResolver","_ref","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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"}

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

@@ -1,19 +1,9 @@
 "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 () {
@@ -22,7 +12,10 @@ function _compareGraphModel() {
   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; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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

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

@@ -1 +1 @@
-{"version":3,"names":["_compareGraphModel","data","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","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","compareVersion","version","status","isEqual","undefined","newNodes","has","allNodesMap","baseEdgesMap","edges","baseEdge","edgesOnlyInCompare","compareEdge","_allNodesMap$get","_allNodesMap$get2","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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"}
+{"version":3,"names":["_compareGraphModel","data","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","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","compareVersion","version","status","isEqual","newNodes","has","allNodesMap","baseEdgesMap","edges","baseEdge","edgesOnlyInCompare","compareEdge","_allNodesMap$get","_allNodesMap$get2","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-graph/calc-elements.js

@@ -1,6 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_reactFlowRenderer","_calcLayout","_depEdge","calcElements","graph","rootNode","useMemo","positions","calcLayout","nodes","Array","from","values","map","x","id","type","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,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,mBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAI,SAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,QAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMA;AACA;AACA;AACO,SAASK,YAAYA,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,CAAC,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBlB,IAAI,EAAE;UACJmB,IAAI,EAAEH,CAAC;UACPE,IAAI,EAAEX,QAAQ,IAAIS,CAAC,CAACI,SAAS,CAACH,EAAE,CAACI,OAAO,CAACd,QAAQ,EAAE;YAAEe,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACzF,CAAC;QACDC,QAAQ,EAAEf,SAAS,CAACgB,GAAG,CAACT,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,KAAa,GAAGrB,KAAK,CAACqB,KAAK,CAACZ,GAAG,CAAEa,CAAC,KAAM;MAC5CX,EAAE,EAAG,IAAGW,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;MACtBlB,IAAI,EAAE,YAAY;MAClBmB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,kCAAa,CAACC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG9B,KAAK,EAAE,GAAGgB,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;AACb"}
+{"version":3,"names":["_react","data","require","_reactFlowRenderer","_calcLayout","_depEdge","calcElements","graph","rootNode","useMemo","positions","calcLayout","nodes","Array","from","values","map","x","id","type","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,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,mBAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAI,SAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,QAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAMA;AACA;AACA;AACO,SAASK,YAAYA,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,CAAC,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBlB,IAAI,EAAE;UACJmB,IAAI,EAAEH,CAAC;UACPE,IAAI,EAAEX,QAAQ,IAAIS,CAAC,CAACI,SAAS,CAACH,EAAE,CAACI,OAAO,CAACd,QAAQ,EAAE;YAAEe,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACzF,CAAC;QACDC,QAAQ,EAAEf,SAAS,CAACgB,GAAG,CAACT,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,KAAa,GAAGrB,KAAK,CAACqB,KAAK,CAACZ,GAAG,CAAEa,CAAC,KAAM;MAC5CX,EAAE,EAAG,IAAGW,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;MACtBlB,IAAI,EAAE,YAAY;MAClBmB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,kCAAa,CAACC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG9B,KAAK,EAAE,GAAGgB,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;AACb"}

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

@@ -1,6 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_dagre","data","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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":"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"}
+{"version":3,"names":["_dagre","data","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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":"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"}

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,6 +19,7 @@ function _edgeModule() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function depTypeToClass(depType) {
   switch (depType) {
     case 'DEV':

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

@@ -1 +1 @@
-{"version":3,"names":["_graph","data","require","_edgeModule","_interopRequireDefault","depTypeToClass","depType","edgeStyles","dev","peer","runtime","undefined","depTypeToLabel","type","EdgeType","toLowerCase"],"sources":["dep-edge.tsx"],"sourcesContent":["import { EdgeType } from '@teambit/graph';\nimport edgeStyles from './edge.module.scss';\n\nexport function depTypeToClass(depType: string) {\n  switch (depType) {\n    case 'DEV':\n      return edgeStyles.dev;\n    case 'PEER':\n      return edgeStyles.peer;\n    case 'RUNTIME':\n      return edgeStyles.runtime;\n    default:\n      return undefined;\n  }\n}\n\nexport function depTypeToLabel(type: EdgeType) {\n  switch (type) {\n    case EdgeType.peer:\n      return 'Peer Dependency';\n    case EdgeType.dev:\n      return 'Development Dependency';\n    case EdgeType.runtime:\n      return 'Dependency';\n    default:\n      return (type as string).toLowerCase();\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,YAAA;EAAA,MAAAF,IAAA,GAAAG,sBAAA,CAAAF,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASI,cAAcA,CAACC,OAAe,EAAE;EAC9C,QAAQA,OAAO;IACb,KAAK,KAAK;MACR,OAAOC,qBAAU,CAACC,GAAG;IACvB,KAAK,MAAM;MACT,OAAOD,qBAAU,CAACE,IAAI;IACxB,KAAK,SAAS;MACZ,OAAOF,qBAAU,CAACG,OAAO;IAC3B;MACE,OAAOC,SAAS;EACpB;AACF;AAEO,SAASC,cAAcA,CAACC,IAAc,EAAE;EAC7C,QAAQA,IAAI;IACV,KAAKC,iBAAQ,CAACL,IAAI;MAChB,OAAO,iBAAiB;IAC1B,KAAKK,iBAAQ,CAACN,GAAG;MACf,OAAO,wBAAwB;IACjC,KAAKM,iBAAQ,CAACJ,OAAO;MACnB,OAAO,YAAY;IACrB;MACE,OAAQG,IAAI,CAAYE,WAAW,CAAC,CAAC;EACzC;AACF"}
+{"version":3,"names":["_graph","data","require","_edgeModule","_interopRequireDefault","obj","__esModule","default","depTypeToClass","depType","edgeStyles","dev","peer","runtime","undefined","depTypeToLabel","type","EdgeType","toLowerCase"],"sources":["dep-edge.tsx"],"sourcesContent":["import { EdgeType } from '@teambit/graph';\nimport edgeStyles from './edge.module.scss';\n\nexport function depTypeToClass(depType: string) {\n  switch (depType) {\n    case 'DEV':\n      return edgeStyles.dev;\n    case 'PEER':\n      return edgeStyles.peer;\n    case 'RUNTIME':\n      return edgeStyles.runtime;\n    default:\n      return undefined;\n  }\n}\n\nexport function depTypeToLabel(type: EdgeType) {\n  switch (type) {\n    case EdgeType.peer:\n      return 'Peer Dependency';\n    case EdgeType.dev:\n      return 'Development Dependency';\n    case EdgeType.runtime:\n      return 'Dependency';\n    default:\n      return (type as string).toLowerCase();\n  }\n}\n"],"mappings":";;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,YAAA;EAAA,MAAAF,IAAA,GAAAG,sBAAA,CAAAF,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA4C,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErC,SAASG,cAAcA,CAACC,OAAe,EAAE;EAC9C,QAAQA,OAAO;IACb,KAAK,KAAK;MACR,OAAOC,qBAAU,CAACC,GAAG;IACvB,KAAK,MAAM;MACT,OAAOD,qBAAU,CAACE,IAAI;IACxB,KAAK,SAAS;MACZ,OAAOF,qBAAU,CAACG,OAAO;IAC3B;MACE,OAAOC,SAAS;EACpB;AACF;AAEO,SAASC,cAAcA,CAACC,IAAc,EAAE;EAC7C,QAAQA,IAAI;IACV,KAAKC,iBAAQ,CAACL,IAAI;MAChB,OAAO,iBAAiB;IAC1B,KAAKK,iBAAQ,CAACN,GAAG;MACf,OAAO,wBAAwB;IACjC,KAAKM,iBAAQ,CAACJ,OAAO;MACnB,OAAO,YAAY;IACrB;MACE,OAAQG,IAAI,CAAYE,WAAW,CAAC,CAAC;EACzC;AACF"}

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

@@ -1,24 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DependenciesGraph = DependenciesGraph;
-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 _react() {
   const data = _interopRequireWildcard(require("react"));
   _react = function () {
@@ -75,8 +60,13 @@ function _dependenciesGraphModule() {
   };
   return data;
 }
+const _excluded = ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ComponentNodeContainer(props) {
   const {
     sourcePosition = _reactFlowRenderer().Position.Top,
@@ -113,7 +103,7 @@ function DependenciesGraph(_ref) {
       onLoad,
       children
     } = _ref,
-    rest = (0, _objectWithoutProperties2().default)(_ref, ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children"]);
+    rest = _objectWithoutProperties(_ref, _excluded);
   const graphRef = (0, _react().useRef)();
   const elements = (0, _calcElements().calcElements)(graph, {
     rootNode
@@ -135,7 +125,7 @@ function DependenciesGraph(_ref) {
   }, [graph]);
   return /*#__PURE__*/_react().default.createElement(_graphContext().ComponentGraphContext.Provider, {
     value: context
-  }, /*#__PURE__*/_react().default.createElement(_reactFlowRenderer().ReactFlowProvider, null, /*#__PURE__*/_react().default.createElement(_reactFlowRenderer().default, (0, _extends2().default)({
+  }, /*#__PURE__*/_react().default.createElement(_reactFlowRenderer().ReactFlowProvider, null, /*#__PURE__*/_react().default.createElement(_reactFlowRenderer().default, _extends({
     draggable: false,
     nodesDraggable: true,
     selectNodesOnDrag: false,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFlowRenderer","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","createElement","Handle","type","position","isConnectable","ComponentNode","node","NodeTypes","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","rest","_objectWithoutProperties2","graphRef","useRef","elements","calcElements","context","useMemo","handleLoad","useCallback","instance","current","fitView","useEffect","undefined","_graphRef$current","ComponentGraphContext","Provider","value","ReactFlowProvider","_extends2","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","maxZoom","classnames","styles","nodeTypes","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n  Background,\n  Controls,\n  Handle,\n  MiniMap,\n  NodeProps,\n  NodeTypesType,\n  OnLoadParams,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n} from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\n\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\n\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n\n  return (\n    <div key={id}>\n      <Handle type=\"target\" position={targetPosition} isConnectable={false} />\n      <Handle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\n// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: OnLoadParams) => void;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n  graph,\n  rootNode,\n  componentWidgets,\n  className,\n  onLoad,\n  children,\n  ...rest\n}: DependenciesGraphProps) {\n  const graphRef = useRef<OnLoadParams>();\n  const elements = calcElements(graph, { rootNode });\n  const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n  const handleLoad = useCallback(\n    (instance: OnLoadParams) => {\n      graphRef.current = instance;\n      instance.fitView();\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    graphRef.current?.fitView();\n  }, [graph]);\n\n  return (\n    <ComponentGraphContext.Provider value={context}>\n      {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n      <ReactFlowProvider>\n        <ReactFlow\n          draggable={false}\n          nodesDraggable={true}\n          selectNodesOnDrag={false}\n          nodesConnectable={false}\n          zoomOnDoubleClick={false}\n          elementsSelectable={false}\n          maxZoom={1}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          elements={elements}\n          nodeTypes={NodeTypes}\n          onLoad={handleLoad}\n        >\n          <Background />\n          <Controls className={styles.controls} />\n          <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n          {children}\n        </ReactFlow>\n      </ReactFlowProvider>\n    </ComponentGraphContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,mBAAA;EAAA,MAAAL,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAG,kBAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAeA,SAAAM,eAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,cAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,cAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,aAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,SAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,QAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAS,cAAA;EAAA,MAAAT,IAAA,GAAAE,OAAA;EAAAO,aAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAU,yBAAA;EAAA,MAAAV,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAQ,wBAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAsD,SAAAW,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEtD,SAASW,sBAAsBA,CAACC,KAAgB,EAAE;EAChD,MAAM;IAAEC,cAAc,GAAGC,6BAAQ,CAACC,GAAG;IAAEC,cAAc,GAAGF,6BAAQ,CAACG,MAAM;IAAEvC,IAAI;IAAEwC;EAAG,CAAC,GAAGN,KAAK;EAE3F,oBACEnC,MAAA,GAAAmB,OAAA,CAAAuB,aAAA;IAAKd,GAAG,EAAEa;EAAG,gBACXzC,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAqC,MAAM;IAACC,IAAI,EAAC,QAAQ;IAACC,QAAQ,EAAEN,cAAe;IAACO,aAAa,EAAE;EAAM,CAAE,CAAC,eACxE9C,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAqC,MAAM;IAACC,IAAI,EAAC,QAAQ;IAACC,QAAQ,EAAET,cAAe;IAACU,aAAa,EAAE;EAAM,CAAE,CAAC,eACxE9C,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACnC,cAAA,GAAAwC,aAAa;IAACC,IAAI,EAAE/C,IAAI,CAAC+C,IAAK;IAACJ,IAAI,EAAE3C,IAAI,CAAC2C;EAAK,CAAE,CAC/C,CAAC;AAEV;;AAEA;AACA,MAAMK,SAAwB,GAAG;EAAEF,aAAa,EAAEb;AAAuB,CAAC;AASnE,SAASgB,iBAAiBA,CAAAC,IAAA,EAQN;EAAA,IARO;MAChCC,KAAK;MACLC,QAAQ;MACRC,gBAAgB;MAChBC,SAAS;MACTC,MAAM;MACNC;IAEsB,CAAC,GAAAN,IAAA;IADpBO,IAAI,OAAAC,yBAAA,GAAAxC,OAAA,EAAAgC,IAAA;EAEP,MAAMS,QAAQ,GAAG,IAAAC,eAAM,EAAe,CAAC;EACvC,MAAMC,QAAQ,GAAG,IAAAC,4BAAY,EAACX,KAAK,EAAE;IAAEC;EAAS,CAAC,CAAC;EAClD,MAAMW,OAAO,GAAG,IAAAC,gBAAO,EAAC,OAAO;IAAEX;EAAiB,CAAC,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEzE,MAAMY,UAAU,GAAG,IAAAC,oBAAW,EAC3BC,QAAsB,IAAK;IAC1BR,QAAQ,CAACS,OAAO,GAAGD,QAAQ;IAC3BA,QAAQ,CAACE,OAAO,CAAC,CAAC;IAClBd,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGY,QAAQ,CAAC;EACpB,CAAC,EACD,CAACZ,MAAM,CACT,CAAC;;EAED;EACA,IAAAe,kBAAS,EAAC,MAAM,MAAOX,QAAQ,CAACS,OAAO,GAAGG,SAAU,EAAE,EAAE,CAAC;EAEzD,IAAAD,kBAAS,EAAC,MAAM;IAAA,IAAAE,iBAAA;IACd,CAAAA,iBAAA,GAAAb,QAAQ,CAACS,OAAO,cAAAI,iBAAA,uBAAhBA,iBAAA,CAAkBH,OAAO,CAAC,CAAC;EAC7B,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,oBACEpD,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAAChC,aAAA,GAAAgE,qBAAqB,CAACC,QAAQ;IAACC,KAAK,EAAEZ;EAAQ,gBAE7ChE,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAuE,iBAAiB,qBAChB7E,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAa,OAAS,MAAA2D,SAAA,GAAA3D,OAAA;IACR4D,SAAS,EAAE,KAAM;IACjBC,cAAc,EAAE,IAAK;IACrBC,iBAAiB,EAAE,KAAM;IACzBC,gBAAgB,EAAE,KAAM;IACxBC,iBAAiB,EAAE,KAAM;IACzBC,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAE;EAAE,GACP3B,IAAI;IACRH,SAAS,EAAE,IAAA+B,qBAAU,EAACC,kCAAM,CAACnC,KAAK,EAAEG,SAAS,CAAE;IAC/CO,QAAQ,EAAEA,QAAS;IACnB0B,SAAS,EAAEvC,SAAU;IACrBO,MAAM,EAAEU;EAAW,iBAEnBlE,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAmF,UAAU,MAAE,CAAC,eACdzF,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAoF,QAAQ;IAACnC,SAAS,EAAEgC,kCAAM,CAACI;EAAS,CAAE,CAAC,eACxC3F,MAAA,GAAAmB,OAAA,CAAAuB,aAAA,CAACpC,kBAAA,GAAAsF,OAAO;IAACC,SAAS,EAAEC,4BAAkB;IAACvC,SAAS,EAAEgC,kCAAM,CAACQ;EAAQ,CAAE,CAAC,EACnEtC,QACQ,CACM,CACW,CAAC;AAErC"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFlowRenderer","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","createElement","Handle","type","position","isConnectable","ComponentNode","node","NodeTypes","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","rest","graphRef","useRef","elements","calcElements","context","useMemo","handleLoad","useCallback","instance","current","fitView","useEffect","undefined","_graphRef$current","ComponentGraphContext","Provider","value","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","maxZoom","classnames","styles","nodeTypes","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n  Background,\n  Controls,\n  Handle,\n  MiniMap,\n  NodeProps,\n  NodeTypesType,\n  OnLoadParams,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n} from 'react-flow-renderer';\nimport { ComponentID } from '@teambit/component';\n\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport { ComponentNode } from '../component-node';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { calcElements } from './calc-elements';\nimport { calcMinimapColors } from './minimap';\nimport { ComponentGraphContext } from './graph-context';\n\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n\n  return (\n    <div key={id}>\n      <Handle type=\"target\" position={targetPosition} isConnectable={false} />\n      <Handle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\n// @ts-ignore - incorrect NodeTypes https://github.com/wbkd/react-flow/issues/2101 (#5746)\nconst NodeTypes: NodeTypesType = { ComponentNode: ComponentNodeContainer };\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: OnLoadParams) => void;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n  graph,\n  rootNode,\n  componentWidgets,\n  className,\n  onLoad,\n  children,\n  ...rest\n}: DependenciesGraphProps) {\n  const graphRef = useRef<OnLoadParams>();\n  const elements = calcElements(graph, { rootNode });\n  const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n  const handleLoad = useCallback(\n    (instance: OnLoadParams) => {\n      graphRef.current = instance;\n      instance.fitView();\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    graphRef.current?.fitView();\n  }, [graph]);\n\n  return (\n    <ComponentGraphContext.Provider value={context}>\n      {/* @ts-ignore - TODO - remove when ReactFlowProvider will be of type `FC<PropsWithChildren<{}>>` instead of `FC` (#5746) */}\n      <ReactFlowProvider>\n        <ReactFlow\n          draggable={false}\n          nodesDraggable={true}\n          selectNodesOnDrag={false}\n          nodesConnectable={false}\n          zoomOnDoubleClick={false}\n          elementsSelectable={false}\n          maxZoom={1}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          elements={elements}\n          nodeTypes={NodeTypes}\n          onLoad={handleLoad}\n        >\n          <Background />\n          <Controls className={styles.controls} />\n          <MiniMap nodeColor={calcMinimapColors} className={styles.minimap} />\n          {children}\n        </ReactFlow>\n      </ReactFlowProvider>\n    </ComponentGraphContext.Provider>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -102,6 +101,7 @@ function _calcElements() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
   graph,
   minimap,

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

@@ -1 +1 @@
-{"version":3,"names":["_dependenciesGraphModule","data","_interopRequireDefault","require","_dependenciesGraph","_graphContext","_depEdge","_minimap","_calcLayout","_calcElements","graph","minimap","controls","componentStyles","styles","exports"],"sources":["index.ts"],"sourcesContent":["import componentStyles from './dependencies-graph.module.scss';\n\nexport { DependenciesGraph } from './dependencies-graph';\nexport { ComponentGraphContext, ComponentGraph } from './graph-context';\nexport type { DependenciesGraphProps } from './dependencies-graph';\nexport { depTypeToClass, depTypeToLabel } from './dep-edge';\nexport { calcMinimapColors } from './minimap';\nexport { calcLayout } from './calc-layout';\nexport { calcElements } from './calc-elements';\n\nconst { graph, minimap, controls } = componentStyles;\nexport const styles = { graph, minimap, controls };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,yBAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,wBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,mBAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,cAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAK,SAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,QAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,SAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,QAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAO,YAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,WAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,cAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,aAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,MAAM;EAAES,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC,GAAGC,kCAAe;AAC7C,MAAMC,MAAM,GAAG;EAAEJ,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC;AAACG,OAAA,CAAAD,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_dependenciesGraphModule","data","_interopRequireDefault","require","_dependenciesGraph","_graphContext","_depEdge","_minimap","_calcLayout","_calcElements","obj","__esModule","default","graph","minimap","controls","componentStyles","styles","exports"],"sources":["index.ts"],"sourcesContent":["import componentStyles from './dependencies-graph.module.scss';\n\nexport { DependenciesGraph } from './dependencies-graph';\nexport { ComponentGraphContext, ComponentGraph } from './graph-context';\nexport type { DependenciesGraphProps } from './dependencies-graph';\nexport { depTypeToClass, depTypeToLabel } from './dep-edge';\nexport { calcMinimapColors } from './minimap';\nexport { calcLayout } from './calc-layout';\nexport { calcElements } from './calc-elements';\n\nconst { graph, minimap, controls } = componentStyles;\nexport const styles = { graph, minimap, controls };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,yBAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,wBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,mBAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,kBAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,cAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAK,SAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,QAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,SAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,QAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAO,YAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,WAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,cAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,aAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA+C,SAAAC,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAM;EAAEG,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC,GAAGC,kCAAe;AAC7C,MAAMC,MAAM,GAAG;EAAEJ,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC;AAACG,OAAA,CAAAD,MAAA,GAAAA,MAAA"}

package/dist/ui/graph-page/graph-filters.js

@@ -1,17 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphFilters = GraphFilters;
-function _objectWithoutProperties2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-  _objectWithoutProperties2 = function () {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = _interopRequireDefault(require("react"));
   _react = function () {
@@ -33,13 +25,17 @@ function _evangelistInputCheckbox() {
   };
   return data;
 }
+const _excluded = ["onChangeFilter", "isFiltered", "disable"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function GraphFilters(_ref) {
   let {
       onChangeFilter,
       isFiltered,
       disable
     } = _ref,
-    rest = (0, _objectWithoutProperties2().default)(_ref, ["onChangeFilter", "isFiltered", "disable"]);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, rest, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement(_evangelistInputCheckbox().CheckboxLabel, {
     checked: !isFiltered,
     disabled: disable,

package/dist/ui/graph-page/graph-filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_baseUiSurfaces","_evangelistInputCheckbox","GraphFilters","_ref","onChangeFilter","isFiltered","disable","rest","_objectWithoutProperties2","default","createElement","Card","CheckboxLabel","checked","disabled","onInputChanged","e","target"],"sources":["graph-filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { CheckboxLabel } from '@teambit/evangelist.input.checkbox.label';\n\ntype GraphFilters = {\n  isFiltered: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFilters) {\n  return (\n    <Card {...rest}>\n      <div>\n        {/* show non-runtime === !isFiltered */}\n        <CheckboxLabel\n          checked={!isFiltered}\n          disabled={disable}\n          onInputChanged={(e) => onChangeFilter(!e.target.checked)}\n        >\n          {' '}\n          show non-runtime\n        </CheckboxLabel>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,gBAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,eAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,yBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,wBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAQO,SAASK,YAAYA,CAAAC,IAAA,EAAiE;EAAA,IAAhE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAA+B,CAAC,GAAAH,IAAA;IAApBI,IAAI,OAAAC,yBAAA,GAAAC,OAAA,EAAAN,IAAA;EACzE,oBACEP,MAAA,GAAAa,OAAA,CAAAC,aAAA,CAACV,eAAA,GAAAW,IAAI,EAAKJ,IAAI,eACZX,MAAA,GAAAa,OAAA,CAAAC,aAAA,2BAEEd,MAAA,GAAAa,OAAA,CAAAC,aAAA,CAACT,wBAAA,GAAAW,aAAa;IACZC,OAAO,EAAE,CAACR,UAAW;IACrBS,QAAQ,EAAER,OAAQ;IAClBS,cAAc,EAAGC,CAAC,IAAKZ,cAAc,CAAC,CAACY,CAAC,CAACC,MAAM,CAACJ,OAAO;EAAE,GAExD,GAAG,EAAC,kBAEQ,CACZ,CACD,CAAC;AAEX"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_baseUiSurfaces","_evangelistInputCheckbox","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","GraphFilters","_ref","onChangeFilter","isFiltered","disable","rest","createElement","Card","CheckboxLabel","checked","disabled","onInputChanged","e"],"sources":["graph-filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { CheckboxLabel } from '@teambit/evangelist.input.checkbox.label';\n\ntype GraphFilters = {\n  isFiltered: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFilters) {\n  return (\n    <Card {...rest}>\n      <div>\n        {/* show non-runtime === !isFiltered */}\n        <CheckboxLabel\n          checked={!isFiltered}\n          disabled={disable}\n          onInputChanged={(e) => onChangeFilter(!e.target.checked)}\n        >\n          {' '}\n          show non-runtime\n        </CheckboxLabel>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,gBAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,eAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,yBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,wBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyE,MAAAK,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAQlE,SAASc,YAAYA,CAAAC,IAAA,EAAiE;EAAA,IAAhE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAA+B,CAAC,GAAAH,IAAA;IAApBI,IAAI,GAAAtB,wBAAA,CAAAkB,IAAA,EAAAtB,SAAA;EACzE,oBACEN,MAAA,GAAAS,OAAA,CAAAwB,aAAA,CAAC7B,eAAA,GAAA8B,IAAI,EAAKF,IAAI,eACZhC,MAAA,GAAAS,OAAA,CAAAwB,aAAA,2BAEEjC,MAAA,GAAAS,OAAA,CAAAwB,aAAA,CAAC5B,wBAAA,GAAA8B,aAAa;IACZC,OAAO,EAAE,CAACN,UAAW;IACrBO,QAAQ,EAAEN,OAAQ;IAClBO,cAAc,EAAGC,CAAC,IAAKV,cAAc,CAAC,CAACU,CAAC,CAAC1B,MAAM,CAACuB,OAAO;EAAE,GAExD,GAAG,EAAC,kBAEQ,CACZ,CACD,CAAC;AAEX"}

package/dist/ui/graph-page/graph-page.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-require("core-js/modules/es.array.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -76,6 +74,7 @@ function _graphPageModule() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 GraphPage({

package/dist/ui/graph-page/graph-page.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_documenterUi","_designUiPages","_designUiPages2","_component","_uiFoundationUi","_query","_dependenciesGraph","_graphFilters","_graphPageModule","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","loading","useGraphQuery","id","toString","code","createElement","NotFoundPage","ServerErrorPage","FullLoader","className","styles","page","H2","size","DependenciesGraph","rootNode","GraphFilters","filters","disable","onChangeFilter"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n  const component = useContext(ComponentContext);\n\n  const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_documenterUi","_designUiPages","_designUiPages2","_component","_uiFoundationUi","_query","_dependenciesGraph","_graphFilters","_graphPageModule","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GraphPage","componentWidgets","component","useContext","ComponentContext","filter","setFilter","useState","onCheckFilter","isFiltered","undefined","graph","error","loading","useGraphQuery","id","toString","code","createElement","NotFoundPage","ServerErrorPage","FullLoader","className","styles","page","H2","size","DependenciesGraph","rootNode","GraphFilters","filters","disable","onChangeFilter"],"sources":["graph-page.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { H2 } from '@teambit/documenter.ui.heading';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport { ServerErrorPage } from '@teambit/design.ui.pages.server-error';\nimport { ComponentContext } from '@teambit/component';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\n\nimport { useGraphQuery } from '../query';\nimport { DependenciesGraph } from '../dependencies-graph';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\nimport type { GraphFilter } from '../../model/graph-filters';\n\nimport { GraphFilters } from './graph-filters';\n\nimport styles from './graph-page.module.scss';\n\ntype GraphPageProps = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport function GraphPage({ componentWidgets }: GraphPageProps) {\n  const component = useContext(ComponentContext);\n\n  const [filter, setFilter] = useState<GraphFilter>('runtimeOnly');\n  const onCheckFilter = (isFiltered: boolean) => {\n    setFilter(isFiltered ? 'runtimeOnly' : undefined);\n  };\n\n  const { graph, error, loading } = useGraphQuery([component.id.toString()], filter);\n  if (error) return error.code === 404 ? <NotFoundPage /> : <ServerErrorPage />;\n  if (!graph) return <FullLoader />;\n\n  const isFiltered = filter === 'runtimeOnly';\n\n  return (\n    <div className={styles.page}>\n      <H2 size=\"xs\">Component Dependencies</H2>\n      <DependenciesGraph\n        componentWidgets={componentWidgets}\n        graph={graph}\n        rootNode={component.id}\n        className={styles.graph}\n      >\n        <GraphFilters\n          className={styles.filters}\n          disable={loading}\n          isFiltered={isFiltered}\n          onChangeFilter={onCheckFilter}\n        />\n      </DependenciesGraph>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,eAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,cAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,gBAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,eAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,WAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,UAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAO,gBAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,eAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAQ,OAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,MAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAS,mBAAA;EAAA,MAAAT,IAAA,GAAAE,OAAA;EAAAO,kBAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIA,SAAAU,cAAA;EAAA,MAAAV,IAAA,GAAAE,OAAA;EAAAQ,aAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAW,iBAAA;EAAA,MAAAX,IAAA,GAAAY,sBAAA,CAAAV,OAAA;EAAAS,gBAAA,YAAAA,CAAA;IAAA,OAAAX,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA8C,SAAAY,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAY,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAMvC,SAASW,SAASA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EAC9D,MAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACC,6BAAgB,CAAC;EAE9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,iBAAQ,EAAc,aAAa,CAAC;EAChE,MAAMC,aAAa,GAAIC,UAAmB,IAAK;IAC7CH,SAAS,CAACG,UAAU,GAAG,aAAa,GAAGC,SAAS,CAAC;EACnD,CAAC;EAED,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAACZ,SAAS,CAACa,EAAE,CAACC,QAAQ,CAAC,CAAC,CAAC,EAAEX,MAAM,CAAC;EAClF,IAAIO,KAAK,EAAE,OAAOA,KAAK,CAACK,IAAI,KAAK,GAAG,gBAAGrD,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAACjD,cAAA,GAAAkD,YAAY,MAAE,CAAC,gBAAGvD,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAAChD,eAAA,GAAAkD,eAAe,MAAE,CAAC;EAC7E,IAAI,CAACT,KAAK,EAAE,oBAAO/C,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAAC9C,eAAA,GAAAiD,UAAU,MAAE,CAAC;EAEjC,MAAMZ,UAAU,GAAGJ,MAAM,KAAK,aAAa;EAE3C,oBACEzC,MAAA,GAAAgB,OAAA,CAAAsC,aAAA;IAAKI,SAAS,EAAEC,0BAAM,CAACC;EAAK,gBAC1B5D,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAAClD,aAAA,GAAAyD,EAAE;IAACC,IAAI,EAAC;EAAI,GAAC,wBAA0B,CAAC,eACzC9D,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAAC5C,kBAAA,GAAAqD,iBAAiB;IAChB1B,gBAAgB,EAAEA,gBAAiB;IACnCU,KAAK,EAAEA,KAAM;IACbiB,QAAQ,EAAE1B,SAAS,CAACa,EAAG;IACvBO,SAAS,EAAEC,0BAAM,CAACZ;EAAM,gBAExB/C,MAAA,GAAAgB,OAAA,CAAAsC,aAAA,CAAC3C,aAAA,GAAAsD,YAAY;IACXP,SAAS,EAAEC,0BAAM,CAACO,OAAQ;IAC1BC,OAAO,EAAElB,OAAQ;IACjBJ,UAAU,EAAEA,UAAW;IACvBuB,cAAc,EAAExB;EAAc,CAC/B,CACgB,CAChB,CAAC;AAEV"}

package/dist/ui/graph-page/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -38,6 +37,7 @@ function _graphFilters() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const {
   graph,
   filters

package/dist/ui/graph-page/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphPageModule","data","_interopRequireDefault","require","_graphPage","_graphFilters","graph","filters","pageStyles","styles","exports"],"sources":["index.ts"],"sourcesContent":["import pageStyles from './graph-page.module.scss';\n\nexport { GraphPage } from './graph-page';\nexport { GraphFilters } from './graph-filters';\n\nconst { graph, filters } = pageStyles;\nexport const styles = { graph, filters };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAAA,iBAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,gBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,cAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,MAAM;EAAEK,KAAK;EAAEC;AAAQ,CAAC,GAAGC,0BAAU;AAC9B,MAAMC,MAAM,GAAG;EAAEH,KAAK;EAAEC;AAAQ,CAAC;AAACG,OAAA,CAAAD,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_graphPageModule","data","_interopRequireDefault","require","_graphPage","_graphFilters","obj","__esModule","default","graph","filters","pageStyles","styles","exports"],"sources":["index.ts"],"sourcesContent":["import pageStyles from './graph-page.module.scss';\n\nexport { GraphPage } from './graph-page';\nexport { GraphFilters } from './graph-filters';\n\nconst { graph, filters } = pageStyles;\nexport const styles = { graph, filters };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAAA,iBAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,gBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,cAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,aAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA+C,SAAAC,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAM;EAAEG,KAAK;EAAEC;AAAQ,CAAC,GAAGC,0BAAU;AAC9B,MAAMC,MAAM,GAAG;EAAEH,KAAK;EAAEC;AAAQ,CAAC;AAACG,OAAA,CAAAD,MAAA,GAAAA,MAAA"}

package/dist/ui/graph.section.js

@@ -1,17 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GraphSection = 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 () {
@@ -26,20 +18,24 @@ function _graphPage() {
   };
   return data;
 }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class GraphSection {
   constructor(componentWidgetSlot) {
     this.componentWidgetSlot = componentWidgetSlot;
-    (0, _defineProperty2().default)(this, "route", {
+    _defineProperty(this, "route", {
       path: '~dependencies',
       element: /*#__PURE__*/_react().default.createElement(_graphPage().GraphPage, {
         componentWidgets: this.componentWidgetSlot
       })
     });
-    (0, _defineProperty2().default)(this, "navigationLink", {
+    _defineProperty(this, "navigationLink", {
       href: '~dependencies',
       children: 'Dependencies'
     });
-    (0, _defineProperty2().default)(this, "order", 40);
+    _defineProperty(this, "order", 40);
   }
 }
 exports.GraphSection = GraphSection;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_graphPage","GraphSection","constructor","componentWidgetSlot","_defineProperty2","default","path","element","createElement","GraphPage","componentWidgets","href","children","exports"],"sources":["graph.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\n\nimport { GraphPage } from './graph-page';\nimport { ComponentWidgetSlot } from '../graph.ui.runtime';\n\nexport class GraphSection implements Section {\n  constructor(private componentWidgetSlot: ComponentWidgetSlot) {}\n\n  route = {\n    path: '~dependencies',\n    element: <GraphPage componentWidgets={this.componentWidgetSlot} />,\n  };\n  navigationLink = {\n    href: '~dependencies',\n    children: 'Dependencies',\n  };\n  order = 40;\n}\n"],"mappings":";;;;;;;;;;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGO,MAAMI,YAAY,CAAoB;EAC3CC,WAAWA,CAASC,mBAAwC,EAAE;IAAA,KAA1CA,mBAAwC,GAAxCA,mBAAwC;IAAA,IAAAC,gBAAA,GAAAC,OAAA,iBAEpD;MACNC,IAAI,EAAE,eAAe;MACrBC,OAAO,eAAEX,MAAA,GAAAS,OAAA,CAAAG,aAAA,CAACR,UAAA,GAAAS,SAAS;QAACC,gBAAgB,EAAE,IAAI,CAACP;MAAoB,CAAE;IACnE,CAAC;IAAA,IAAAC,gBAAA,GAAAC,OAAA,0BACgB;MACfM,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA,IAAAR,gBAAA,GAAAC,OAAA,iBACO,EAAE;EAVqD;AAWjE;AAACQ,OAAA,CAAAZ,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_graphPage","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","GraphSection","constructor","componentWidgetSlot","path","element","createElement","GraphPage","componentWidgets","href","children","exports"],"sources":["graph.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\n\nimport { GraphPage } from './graph-page';\nimport { ComponentWidgetSlot } from '../graph.ui.runtime';\n\nexport class GraphSection implements Section {\n  constructor(private componentWidgetSlot: ComponentWidgetSlot) {}\n\n  route = {\n    path: '~dependencies',\n    element: <GraphPage componentWidgets={this.componentWidgetSlot} />,\n  };\n  navigationLink = {\n    href: '~dependencies',\n    children: 'Dependencies',\n  };\n  order = 40;\n}\n"],"mappings":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAG,WAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyC,SAAAC,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,gBAAAH,GAAA,EAAAI,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAJ,GAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAR,GAAA,EAAAI,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAX,GAAA,CAAAI,GAAA,IAAAC,KAAA,WAAAL,GAAA;AAAA,SAAAM,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAGlC,MAAMU,YAAY,CAAoB;EAC3CC,WAAWA,CAASC,mBAAwC,EAAE;IAAA,KAA1CA,mBAAwC,GAAxCA,mBAAwC;IAAAxB,eAAA,gBAEpD;MACNyB,IAAI,EAAE,eAAe;MACrBC,OAAO,eAAElC,MAAA,GAAAO,OAAA,CAAA4B,aAAA,CAAC/B,UAAA,GAAAgC,SAAS;QAACC,gBAAgB,EAAE,IAAI,CAACL;MAAoB,CAAE;IACnE,CAAC;IAAAxB,eAAA,yBACgB;MACf8B,IAAI,EAAE,eAAe;MACrBC,QAAQ,EAAE;IACZ,CAAC;IAAA/B,eAAA,gBACO,EAAE;EAVqD;AAWjE;AAACgC,OAAA,CAAAV,YAAA,GAAAA,YAAA"}