@teambit/graph 1.0.316 → 1.0.318

package/dist/graph.graphql.js

@@ -70,10 +70,11 @@ function graphSchema(graphBuilder, componentAspect) {
         graph: async (_parent, {
           ids,
           filter
-        }) => {
+        }, _context, info) => {
           const componentsHost = componentAspect.getHost();
           const resolvedIds = ids ? await componentsHost.resolveMultipleComponentIds(ids) : (await componentsHost.list()).map(x => x.id);
-          const graph = await graphBuilder.getGraph(resolvedIds);
+          const isComponentFieldQueried = info.fieldNodes[0].selectionSet?.selections.some(selection => selection.kind === 'Field' && selection.name.value === 'nodes' && selection.selectionSet?.selections.some(subSelection => subSelection.kind === 'Field' && subSelection.name.value === 'component'));
+          const graph = isComponentFieldQueried ? await graphBuilder.getGraph(resolvedIds) : await graphBuilder.getGraphIds(resolvedIds);
           if (!graph) return undefined;
           if (filter === 'runtimeOnly') {
             const runtimeGraph = graph.runtimeOnly(resolvedIds.map(x => x.toString()));

package/dist/graph.graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","data","require","_edgeType","textCmp","Intl","Collator","compare","graphSchema","graphBuilder","componentAspect","typeDefs","gql","resolvers","ComponentGraph","nodes","graph","map","node","id","component","attr","sort","a","b","edges","edge","sourceId","targetId","dependencyLifecycleType","getDependencyLifecycleType","type","Query","_parent","ids","filter","componentsHost","getHost","resolvedIds","resolveMultipleComponentIds","list","x","getGraph","undefined","runtimeGraph","runtimeOnly","toString","edgeRawData","EdgeType","dev","runtime","peer"],"sources":["graph.graphql.ts"],"sourcesContent":["import { ComponentMain } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport { gql } from 'graphql-tag';\n\nimport { GraphBuilder } from './graph-builder';\nimport { ComponentGraph } from './component-graph';\nimport { GraphFilter } from './model/graph-filters';\nimport { DependencyType } from './model/dependency';\nimport { EdgeType } from './edge-type';\n\nconst textCmp = new Intl.Collator().compare;\n\nexport function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema {\n  return {\n    typeDefs: gql`\n      type ComponentGraph {\n        nodes: [ComponentGraphNode]\n        edges: [ComponentGraphEdge]\n      }\n\n      type ComponentGraphNode {\n        id: String\n        component: Component\n      }\n\n      enum DependencyLifecycleType {\n        PEER\n        RUNTIME\n        DEV\n      }\n\n      type ComponentGraphEdge {\n        sourceId: String\n        targetId: String\n        dependencyLifecycleType: DependencyLifecycleType\n      }\n\n      extend type Query {\n        graph(ids: [String], filter: String): ComponentGraph\n      }\n    `,\n    resolvers: {\n      ComponentGraph: {\n        nodes: (graph: ComponentGraph) => {\n          return graph.nodes\n            .map((node) => {\n              return {\n                id: node.id,\n                component: node.attr,\n              };\n            })\n            .sort((a, b) => textCmp(a.id, b.id));\n        },\n        edges: (graph: ComponentGraph) => {\n          return graph.edges\n            .map(\n              (edge) =>\n                ({\n                  sourceId: edge.sourceId,\n                  targetId: edge.targetId,\n                  dependencyLifecycleType: getDependencyLifecycleType(edge.attr.type),\n                } as { sourceId: string; targetId: string; dependencyLifecycleType: EdgeType })\n            )\n            .sort((a, b) => textCmp(a.sourceId, b.sourceId))\n            .sort((a, b) => textCmp(a.targetId, b.targetId));\n        },\n      },\n      Query: {\n        graph: async (_parent, { ids, filter }: { ids?: string[]; filter?: GraphFilter }) => {\n          const componentsHost = componentAspect.getHost();\n          const resolvedIds = ids\n            ? await componentsHost.resolveMultipleComponentIds(ids)\n            : (await componentsHost.list()).map((x) => x.id);\n\n          const graph = await graphBuilder.getGraph(resolvedIds);\n          if (!graph) return undefined;\n\n          if (filter === 'runtimeOnly') {\n            const runtimeGraph = graph.runtimeOnly(resolvedIds.map((x) => x.toString()));\n            return runtimeGraph;\n          }\n\n          return graph;\n        },\n      },\n    },\n  };\n}\n\nfunction getDependencyLifecycleType(edgeRawData: DependencyType): EdgeType {\n  if (edgeRawData === 'dev') return EdgeType.dev;\n  if (edgeRawData === 'runtime') return EdgeType.runtime;\n  return EdgeType.peer;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_graphqlTag","data","require","_edgeType","textCmp","Intl","Collator","compare","graphSchema","graphBuilder","componentAspect","typeDefs","gql","resolvers","ComponentGraph","nodes","graph","map","node","id","component","attr","sort","a","b","edges","edge","sourceId","targetId","dependencyLifecycleType","getDependencyLifecycleType","type","Query","_parent","ids","filter","_context","info","componentsHost","getHost","resolvedIds","resolveMultipleComponentIds","list","x","isComponentFieldQueried","fieldNodes","selectionSet","selections","some","selection","kind","name","value","subSelection","getGraph","getGraphIds","undefined","runtimeGraph","runtimeOnly","toString","edgeRawData","EdgeType","dev","runtime","peer"],"sources":["graph.graphql.ts"],"sourcesContent":["import { ComponentMain } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport { gql } from 'graphql-tag';\n\nimport { GraphBuilder } from './graph-builder';\nimport { ComponentGraph } from './component-graph';\nimport { GraphFilter } from './model/graph-filters';\nimport { DependencyType } from './model/dependency';\nimport { EdgeType } from './edge-type';\n\nconst textCmp = new Intl.Collator().compare;\n\nexport function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema {\n  return {\n    typeDefs: gql`\n      type ComponentGraph {\n        nodes: [ComponentGraphNode]\n        edges: [ComponentGraphEdge]\n      }\n\n      type ComponentGraphNode {\n        id: String\n        component: Component\n      }\n\n      enum DependencyLifecycleType {\n        PEER\n        RUNTIME\n        DEV\n      }\n\n      type ComponentGraphEdge {\n        sourceId: String\n        targetId: String\n        dependencyLifecycleType: DependencyLifecycleType\n      }\n\n      extend type Query {\n        graph(ids: [String], filter: String): ComponentGraph\n      }\n    `,\n    resolvers: {\n      ComponentGraph: {\n        nodes: (graph: ComponentGraph) => {\n          return graph.nodes\n            .map((node) => {\n              return {\n                id: node.id,\n                component: node.attr,\n              };\n            })\n            .sort((a, b) => textCmp(a.id, b.id));\n        },\n        edges: (graph: ComponentGraph) => {\n          return graph.edges\n            .map(\n              (edge) =>\n                ({\n                  sourceId: edge.sourceId,\n                  targetId: edge.targetId,\n                  dependencyLifecycleType: getDependencyLifecycleType(edge.attr.type),\n                } as { sourceId: string; targetId: string; dependencyLifecycleType: EdgeType })\n            )\n            .sort((a, b) => textCmp(a.sourceId, b.sourceId))\n            .sort((a, b) => textCmp(a.targetId, b.targetId));\n        },\n      },\n      Query: {\n        graph: async (_parent, { ids, filter }: { ids?: string[]; filter?: GraphFilter }, _context, info) => {\n          const componentsHost = componentAspect.getHost();\n          const resolvedIds = ids\n            ? await componentsHost.resolveMultipleComponentIds(ids)\n            : (await componentsHost.list()).map((x) => x.id);\n\n          const isComponentFieldQueried = info.fieldNodes[0].selectionSet?.selections.some(\n            (selection: any) =>\n              selection.kind === 'Field' &&\n              selection.name.value === 'nodes' &&\n              selection.selectionSet?.selections.some(\n                (subSelection: any) => subSelection.kind === 'Field' && subSelection.name.value === 'component'\n              )\n          );\n\n          const graph = isComponentFieldQueried\n            ? await graphBuilder.getGraph(resolvedIds)\n            : await graphBuilder.getGraphIds(resolvedIds);\n\n          if (!graph) return undefined;\n\n          if (filter === 'runtimeOnly') {\n            const runtimeGraph = graph.runtimeOnly(resolvedIds.map((x) => x.toString()));\n            return runtimeGraph;\n          }\n\n          return graph;\n        },\n      },\n    },\n  };\n}\n\nfunction getDependencyLifecycleType(edgeRawData: DependencyType): EdgeType {\n  if (edgeRawData === 'dev') return EdgeType.dev;\n  if (edgeRawData === 'runtime') return EdgeType.runtime;\n  return EdgeType.peer;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/{preview-1719372071684.js → preview-1719544843434.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.316/dist/graph.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.316/dist/graph.docs.md';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.318/dist/graph.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_graph@1.0.318/dist/graph.docs.md';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

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

@@ -104,17 +104,16 @@ function ComponentNode(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   const graphContext = (0, _react().useContext)(_dependenciesGraph().ComponentGraphContext);
   const {
-    component
+    component,
+    componentId
   } = node;
-  const {
-    id
-  } = component;
+  const id = component?.id || componentId;
   return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, _extends({
     className: (0, _classnames().default)(_componentNodeModule().default.compNode, _variantsModule().default[type]),
     elevation: "none"
   }, rest), /*#__PURE__*/_react().default.createElement("div", {
     className: _componentNodeModule().default.firstRow
-  }, /*#__PURE__*/_react().default.createElement(_envsUi().EnvIcon, {
+  }, component && /*#__PURE__*/_react().default.createElement(_envsUi().EnvIcon, {
     component: component,
     className: _componentNodeModule().default.envIcon
   }), /*#__PURE__*/_react().default.createElement(Breadcrumbs, {
@@ -134,9 +133,9 @@ function ComponentNode(_ref) {
     className: (0, _classnames().default)(_componentNodeModule().default.version, _designUiStyles().ellipsis)
   }, id.version), /*#__PURE__*/_react().default.createElement("div", {
     className: _componentNodeModule().default.buffs
-  }, /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
+  }, component && /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
     component: component
-  }), graphContext && graphContext.componentWidgets.toArray().map(([widgetId, Widget]) => /*#__PURE__*/_react().default.createElement(Widget, {
+  }), component && graphContext && graphContext.componentWidgets.toArray().map(([widgetId, Widget]) => /*#__PURE__*/_react().default.createElement(Widget, {
     key: widgetId,
     component: component
   })))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiText","_componentUi","_envsUi","_designUiStyles","_baseUiSurfaces","_baseUiRouting","_componentModules","_dependenciesGraph","_componentNodeModule","_variantsModule","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNode","_ref","node","type","rest","graphContext","useContext","ComponentGraphContext","component","id","createElement","Card","className","classnames","styles","compNode","variants","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","componentId","mutedText","nameLine","NavLink","link","external","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","version","buffs","DeprecationIcon","componentWidgets","toArray","map","widgetId","Widget","key","_ref2","scope","namespace","showSep","breadcrumbs"],"sources":["component-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { NodeModel } from '../query/node-model';\nimport { ComponentGraphContext } from '../dependencies-graph/';\n\n// keep order: styles, then variants\nimport styles from './component-node.module.scss';\nimport variants from './variants.module.scss';\n\nexport interface IComponentNode extends CardProps {\n  node: NodeModel;\n  type: string;\n}\n\nexport function ComponentNode({ node, type = 'defaultNode', ...rest }: IComponentNode) {\n  const graphContext = useContext(ComponentGraphContext);\n  const { component } = node;\n  const { id } = component;\n\n  return (\n    <Card className={classnames(styles.compNode, variants[type])} elevation=\"none\" {...rest}>\n      <div className={styles.firstRow}>\n        <EnvIcon component={component} className={styles.envIcon} />\n        <Breadcrumbs componentId={id} className={mutedText} />\n      </div>\n      <div className={styles.nameLine}>\n        <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(id, { includeVersion: false })}>\n          <span className={classnames(styles.name, ellipsis)}>{id.name}</span>\n        </NavLink>\n        {id.version && <span className={classnames(styles.version, ellipsis)}>{id.version}</span>}\n\n        <div className={styles.buffs}>\n          <DeprecationIcon component={component} />\n          {graphContext &&\n            graphContext.componentWidgets\n              .toArray()\n              .map(([widgetId, Widget]) => <Widget key={widgetId} component={component} />)}\n        </div>\n      </div>\n    </Card>\n  );\n}\n\ntype BreadcrumbsProps = { componentId: ComponentID } & React.HTMLAttributes<HTMLDivElement>;\n\nfunction Breadcrumbs({ componentId, className, ...rest }: BreadcrumbsProps) {\n  const { scope, namespace } = componentId;\n  const showSep = !!scope && !!namespace;\n\n  return (\n    <div {...rest} className={classnames(styles.breadcrumbs, ellipsis, className)}>\n      {scope}\n      {showSep && '/'}\n      {namespace}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiText","_componentUi","_envsUi","_designUiStyles","_baseUiSurfaces","_baseUiRouting","_componentModules","_dependenciesGraph","_componentNodeModule","_variantsModule","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNode","_ref","node","type","rest","graphContext","useContext","ComponentGraphContext","component","componentId","id","createElement","Card","className","classnames","styles","compNode","variants","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","mutedText","nameLine","NavLink","link","external","href","ComponentUrl","toUrl","includeVersion","name","ellipsis","version","buffs","DeprecationIcon","componentWidgets","toArray","map","widgetId","Widget","key","_ref2","scope","namespace","showSep","breadcrumbs"],"sources":["component-node.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { ComponentID } from '@teambit/component';\nimport { DeprecationIcon } from '@teambit/component.ui.deprecation-icon';\nimport { EnvIcon } from '@teambit/envs.ui.env-icon';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport { NavLink } from '@teambit/base-ui.routing.nav-link';\nimport { ComponentUrl } from '@teambit/component.modules.component-url';\nimport { NodeModel } from '../query/node-model';\nimport { ComponentGraphContext } from '../dependencies-graph/';\n\n// keep order: styles, then variants\nimport styles from './component-node.module.scss';\nimport variants from './variants.module.scss';\n\nexport interface IComponentNode extends CardProps {\n  node: NodeModel;\n  type: string;\n}\n\nexport function ComponentNode({ node, type = 'defaultNode', ...rest }: IComponentNode) {\n  const graphContext = useContext(ComponentGraphContext);\n  const { component, componentId } = node;\n  const id = component?.id || componentId;\n\n  return (\n    <Card className={classnames(styles.compNode, variants[type])} elevation=\"none\" {...rest}>\n      <div className={styles.firstRow}>\n        {component && <EnvIcon component={component} className={styles.envIcon} />}\n        <Breadcrumbs componentId={id} className={mutedText} />\n      </div>\n      <div className={styles.nameLine}>\n        <NavLink className={styles.link} external={true} href={ComponentUrl.toUrl(id, { includeVersion: false })}>\n          <span className={classnames(styles.name, ellipsis)}>{id.name}</span>\n        </NavLink>\n        {id.version && <span className={classnames(styles.version, ellipsis)}>{id.version}</span>}\n\n        <div className={styles.buffs}>\n          {component && <DeprecationIcon component={component} />}\n          {component &&\n            graphContext &&\n            graphContext.componentWidgets\n              .toArray()\n              .map(([widgetId, Widget]) => <Widget key={widgetId} component={component} />)}\n        </div>\n      </div>\n    </Card>\n  );\n}\n\ntype BreadcrumbsProps = { componentId: ComponentID } & React.HTMLAttributes<HTMLDivElement>;\n\nfunction Breadcrumbs({ componentId, className, ...rest }: BreadcrumbsProps) {\n  const { scope, namespace } = componentId;\n  const showSep = !!scope && !!namespace;\n\n  return (\n    <div {...rest} className={classnames(styles.breadcrumbs, ellipsis, className)}>\n      {scope}\n      {showSep && '/'}\n      {namespace}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/dependencies-compare/compare-node-model.d.ts

@@ -3,7 +3,7 @@ import { NodeModel } from '../query';
 export type CompareStatus = 'modified' | 'new' | 'deleted' | undefined;
 export declare class CompareNodeModel extends NodeModel {
     id: string;
-    component: ComponentModel;
+    component?: ComponentModel;
     compareVersion: string;
     status: CompareStatus;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_query","data","require","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","CompareNodeModel","NodeModel","constructor","args","exports"],"sources":["compare-node-model.ts"],"sourcesContent":["import { ComponentModel } from '@teambit/component';\nimport { NodeModel } from '../query';\n\nexport type CompareStatus = 'modified' | 'new' | 'deleted' | undefined;\n\nexport class CompareNodeModel extends NodeModel {\n  id: string;\n  component: ComponentModel;\n  compareVersion: string;\n  status: CompareStatus;\n}\n"],"mappings":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAqC,SAAAE,gBAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAD,CAAA,GAAAI,MAAA,CAAAC,cAAA,CAAAL,CAAA,EAAAC,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAT,CAAA,CAAAC,CAAA,IAAAC,CAAA,EAAAF,CAAA;AAAA,SAAAG,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAF,CAAA,GAAAE,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAb,CAAA,QAAAU,CAAA,GAAAV,CAAA,CAAAc,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAI9B,MAAMgB,gBAAgB,SAASC,kBAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAtB,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKhD;AAACuB,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_query","data","require","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","CompareNodeModel","NodeModel","constructor","args","exports"],"sources":["compare-node-model.ts"],"sourcesContent":["import { ComponentModel } from '@teambit/component';\nimport { NodeModel } from '../query';\n\nexport type CompareStatus = 'modified' | 'new' | 'deleted' | undefined;\n\nexport class CompareNodeModel extends NodeModel {\n  id: string;\n  component?: ComponentModel;\n  compareVersion: string;\n  status: CompareStatus;\n}\n"],"mappings":";;;;;;AACA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAqC,SAAAE,gBAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAD,CAAA,GAAAI,MAAA,CAAAC,cAAA,CAAAL,CAAA,EAAAC,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAT,CAAA,CAAAC,CAAA,IAAAC,CAAA,EAAAF,CAAA;AAAA,SAAAG,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAF,CAAA,GAAAE,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAb,CAAA,QAAAU,CAAA,GAAAV,CAAA,CAAAc,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAI9B,MAAMgB,gBAAgB,SAASC,kBAAS,CAAC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAtB,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKhD;AAACuB,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -144,11 +144,14 @@ function DependencyCompareNode(props) {
     id: baseIdStr,
     component: baseComponent,
     compareVersion,
-    status
+    status,
+    componentId
   } = node;
   const {
     version: baseVersion
-  } = baseComponent;
+  } = baseComponent || {
+    version: componentId.version
+  };
   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, {
@@ -156,7 +159,7 @@ function DependencyCompareNode(props) {
     elevation: "none"
   }, /*#__PURE__*/_react().default.createElement("div", {
     className: _componentNode().styles.firstRow
-  }, /*#__PURE__*/_react().default.createElement(_envsUi().EnvIcon, {
+  }, baseComponent && /*#__PURE__*/_react().default.createElement(_envsUi().EnvIcon, {
     component: baseComponent,
     className: _componentNode().styles.envIcon
   }), /*#__PURE__*/_react().default.createElement(Breadcrumbs, {
@@ -181,7 +184,7 @@ function DependencyCompareNode(props) {
     className: (0, _classnames().default)(_dependencyCompareNodeModule().default.version, _componentNode().styles.version, _designUiStyles().ellipsis, versionDiff === -1 && _dependencyCompareNodeModule().default.versionUp, versionDiff === 1 && _dependencyCompareNodeModule().default.versionDown)
   }, compareVersion), /*#__PURE__*/_react().default.createElement("div", {
     className: _dependencyCompareNodeModule().default.buffs
-  }, /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
+  }, baseComponent && /*#__PURE__*/_react().default.createElement(_componentUi().DeprecationIcon, {
     component: baseComponent
   }), status !== undefined && /*#__PURE__*/_react().default.createElement(_componentUiComponentCompare().CompareStatusResolver, {
     status: status

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","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_semver","_variants","_componentNode","_dependencyCompareNodeModule","_dependencyCompareVariantsModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","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 classnames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { compare, valid } from 'semver';\nimport { defaultNode, external } from '../../ui/component-node/variants';\nimport { styles as componentNodeStyles } from '../../ui/component-node';\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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","ignoreList":[]}
+{"version":3,"names":["_baseUiRouting","data","require","_baseUiSurfaces","_baseUiText","_component","_componentModules","_componentUiComponentCompare","_componentUi","_designUiStyles","_envsUi","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_semver","_variants","_componentNode","_dependencyCompareNodeModule","_dependencyCompareVariantsModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","getVariant","nodeType","defaultNode","variants","external","DependencyCompareNode","props","node","type","id","baseIdStr","component","baseComponent","compareVersion","status","componentId","version","baseVersion","baseId","ComponentID","fromString","versionDiff","useMemo","valid","compare","createElement","Card","className","classnames","componentNodeStyles","compNode","elevation","firstRow","EnvIcon","envIcon","Breadcrumbs","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 classnames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { compare, valid } from 'semver';\nimport { defaultNode, external } from '../../ui/component-node/variants';\nimport { styles as componentNodeStyles } from '../../ui/component-node';\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, componentId } = node;\n  const { version: baseVersion } = baseComponent || { version: componentId.version };\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        {baseComponent && <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          {baseComponent && <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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","ignoreList":[]}

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

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const toShortId = node => node.component.id.toStringWithoutVersion();
+const toShortId = node => node.componentId.toStringWithoutVersion();
 
 // 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];
@@ -35,12 +35,12 @@ function diffGraph(baseGraph, compareGraph, baseId) {
     const compareNode = compareNodesMap.get(toShortId(baseNode));
     if (compareNode) {
       allNodes.push(_objectSpread(_objectSpread({}, baseNode), {}, {
-        compareVersion: compareNode.component.version,
-        status: compareNode.component.id.isEqual(baseNode.component.id) ? undefined : 'modified'
+        compareVersion: compareNode.componentId.version,
+        status: compareNode.componentId.isEqual(baseNode.componentId) ? undefined : 'modified'
       }));
     } else {
       allNodes.push(_objectSpread(_objectSpread({}, baseNode), {}, {
-        compareVersion: baseNode.component.version,
+        compareVersion: baseNode.componentId.version,
         status: 'deleted'
       }));
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_compareGraphModel","data","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","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","undefined","newNodes","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 '../query';\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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","ignoreList":[]}
+{"version":3,"names":["_compareGraphModel","data","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","toShortId","node","componentId","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","id","toString","allEdges","CompareGraphModel"],"sources":["diff-graph.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component';\nimport { EdgeModel, GraphModel, NodeModel } from '../query';\nimport { CompareGraphModel } from './compare-graph-model';\nimport { CompareNodeModel } from './compare-node-model';\n\nconst toShortId = (node: NodeModel) => node.componentId.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\n    if (compareNode) {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: compareNode.componentId.version,\n        status: compareNode.componentId.isEqual(baseNode.componentId) ? undefined : 'modified',\n      });\n    } else {\n      allNodes.push({\n        ...baseNode,\n        compareVersion: baseNode.componentId.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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","ignoreList":[]}

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

@@ -50,7 +50,7 @@ function calcElements(graph, {
         type: 'ComponentNode',
         data: {
           node: x,
-          type: rootNode && x.component.id.isEqual(rootNode, {
+          type: rootNode && x.componentId.isEqual(rootNode, {
             ignoreVersion: true
           }) ? 'root' : undefined
         },
@@ -77,7 +77,7 @@ function calcElements(graph, {
       nodes,
       edges
     };
-  }, [graph]);
+  }, [graph?.nodes.length, graph?.edges.length, rootNode?.toString(), graph?.nodes.some(n => n.component)]);
 }
 
 //# sourceMappingURL=calc-elements.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_reactflow","_calcLayout","_depEdge","calcElements","graph","rootNode","useMemo","nodes","edges","positions","calcLayout","Array","from","values","map","x","id","type","node","component","isEqual","ignoreVersion","undefined","position","get","y","e","sourceId","targetId","source","target","label","depTypeToLabel","dependencyLifecycleType","labelBgPadding","className","depTypeToClass","arrowHeadType","MarkerType","Arrow","markerEnd"],"sources":["calc-elements.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { MarkerType, Edge, Node } from 'reactflow';\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(\n  graph: GraphModel<NodeModel, EdgeModel> | undefined,\n  { rootNode }: ElementsOptions\n): { nodes: Node[]; edges: Edge[] } {\n  return useMemo(() => {\n    if (!graph) return { nodes: [], edges: [] };\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: MarkerType.Arrow,\n      markerEnd: {\n        type: MarkerType.Arrow,\n      },\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,WAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,UAAA,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,CAC1BC,KAAmD,EACnD;EAAEC;AAA0B,CAAC,EACK;EAClC,OAAO,IAAAC,gBAAO,EAAC,MAAM;IACnB,IAAI,CAACF,KAAK,EAAE,OAAO;MAAEG,KAAK,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAC;IAE3C,MAAMC,SAAS,GAAG,IAAAC,wBAAU,EAACN,KAAK,CAAC;IAEnC,MAAMG,KAAa,GAAGI,KAAK,CAACC,IAAI,CAACR,KAAK,CAACG,KAAK,CAACM,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBnB,IAAI,EAAE;UACJoB,IAAI,EAAEH,CAAC;UACPE,IAAI,EAAEZ,QAAQ,IAAIU,CAAC,CAACI,SAAS,CAACH,EAAE,CAACI,OAAO,CAACf,QAAQ,EAAE;YAAEgB,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACzF,CAAC;QACDC,QAAQ,EAAEd,SAAS,CAACe,GAAG,CAACT,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMjB,KAAa,GAAGJ,KAAK,CAACI,KAAK,CAACM,GAAG,CAAEY,CAAC,KAAM;MAC5CV,EAAE,EAAE,IAAIU,CAAC,CAACC,QAAQ,KAAKD,CAAC,CAACE,QAAQ,EAAE;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;MACtBjB,IAAI,EAAE,YAAY;MAClBkB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,uBAAU,CAACC,KAAK;MAC/BC,SAAS,EAAE;QACTvB,IAAI,EAAEqB,uBAAU,CAACC;MACnB;IACF,CAAC,CAAC,CAAC;IAEH,OAAO;MAAEhC,KAAK;MAAEC;IAAM,CAAC;EACzB,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;AACb","ignoreList":[]}
+{"version":3,"names":["_react","data","require","_reactflow","_calcLayout","_depEdge","calcElements","graph","rootNode","useMemo","nodes","edges","positions","calcLayout","Array","from","values","map","x","id","type","node","componentId","isEqual","ignoreVersion","undefined","position","get","y","e","sourceId","targetId","source","target","label","depTypeToLabel","dependencyLifecycleType","labelBgPadding","className","depTypeToClass","arrowHeadType","MarkerType","Arrow","markerEnd","length","toString","some","n","component"],"sources":["calc-elements.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { MarkerType, Edge, Node } from 'reactflow';\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(\n  graph: GraphModel<NodeModel, EdgeModel> | undefined,\n  { rootNode }: ElementsOptions\n): { nodes: Node[]; edges: Edge[] } {\n  return useMemo(() => {\n    if (!graph) return { nodes: [], edges: [] };\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.componentId.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: MarkerType.Arrow,\n      markerEnd: {\n        type: MarkerType.Arrow,\n      },\n    }));\n\n    return { nodes, edges };\n  }, [graph?.nodes.length, graph?.edges.length, rootNode?.toString(), graph?.nodes.some((n) => n.component)]);\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,WAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,UAAA,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,CAC1BC,KAAmD,EACnD;EAAEC;AAA0B,CAAC,EACK;EAClC,OAAO,IAAAC,gBAAO,EAAC,MAAM;IACnB,IAAI,CAACF,KAAK,EAAE,OAAO;MAAEG,KAAK,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAC;IAE3C,MAAMC,SAAS,GAAG,IAAAC,wBAAU,EAACN,KAAK,CAAC;IAEnC,MAAMG,KAAa,GAAGI,KAAK,CAACC,IAAI,CAACR,KAAK,CAACG,KAAK,CAACM,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAK;MAChE,OAAO;QACLC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,IAAI,EAAE,eAAe;QACrBnB,IAAI,EAAE;UACJoB,IAAI,EAAEH,CAAC;UACPE,IAAI,EAAEZ,QAAQ,IAAIU,CAAC,CAACI,WAAW,CAACC,OAAO,CAACf,QAAQ,EAAE;YAAEgB,aAAa,EAAE;UAAK,CAAC,CAAC,GAAG,MAAM,GAAGC;QACxF,CAAC;QACDC,QAAQ,EAAEd,SAAS,CAACe,GAAG,CAACT,CAAC,CAACC,EAAE,CAAC,IAAI;UAAED,CAAC,EAAE,CAAC;UAAEU,CAAC,EAAE;QAAE;MAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAMjB,KAAa,GAAGJ,KAAK,CAACI,KAAK,CAACM,GAAG,CAAEY,CAAC,KAAM;MAC5CV,EAAE,EAAE,IAAIU,CAAC,CAACC,QAAQ,KAAKD,CAAC,CAACE,QAAQ,EAAE;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;MACtBjB,IAAI,EAAE,YAAY;MAClBkB,SAAS,EAAE,IAAAC,yBAAc,EAACV,CAAC,CAACO,uBAAuB,CAAC;MACpDI,aAAa,EAAEC,uBAAU,CAACC,KAAK;MAC/BC,SAAS,EAAE;QACTvB,IAAI,EAAEqB,uBAAU,CAACC;MACnB;IACF,CAAC,CAAC,CAAC;IAEH,OAAO;MAAEhC,KAAK;MAAEC;IAAM,CAAC;EACzB,CAAC,EAAE,CAACJ,KAAK,EAAEG,KAAK,CAACkC,MAAM,EAAErC,KAAK,EAAEI,KAAK,CAACiC,MAAM,EAAEpC,QAAQ,EAAEqC,QAAQ,CAAC,CAAC,EAAEtC,KAAK,EAAEG,KAAK,CAACoC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,SAAS,CAAC,CAAC,CAAC;AAC7G","ignoreList":[]}

package/dist/ui/dependencies-graph/dependencies-graph.d.ts

@@ -5,8 +5,9 @@ import { EdgeModel, GraphModel, NodeModel } from '../query';
 import 'reactflow/dist/style.css';
 export type DependenciesGraphProps = {
     rootNode: ComponentID;
-    graph: GraphModel<NodeModel, EdgeModel>;
+    graph?: GraphModel<NodeModel, EdgeModel>;
     componentWidgets: ComponentWidgetSlot;
     onLoad?: (instance: ReactFlowInstance) => void;
+    loadingGraphMetadata?: boolean;
 } & Omit<ReactFlowProps, 'elements'>;
-export declare function DependenciesGraph({ graph, rootNode, componentWidgets, className, onLoad, children, ...rest }: DependenciesGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function DependenciesGraph({ graph, rootNode, componentWidgets, className, onLoad, children, loadingGraphMetadata, ...rest }: DependenciesGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -61,7 +61,7 @@ function _dependenciesGraphModule() {
   };
   return data;
 }
-const _excluded = ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children"];
+const _excluded = ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children", "loadingGraphMetadata"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -98,7 +98,8 @@ function DependenciesGraph(_ref) {
       componentWidgets,
       className,
       onLoad,
-      children
+      children,
+      loadingGraphMetadata
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const nodeTypes = _react().default.useMemo(() => ({
@@ -108,11 +109,17 @@ function DependenciesGraph(_ref) {
   const elements = (0, _calcElements().calcElements)(graph, {
     rootNode
   });
+  const [nodes, setNodes] = (0, _reactflow().useNodesState)(elements.nodes);
+  (0, _react().useEffect)(() => {
+    setNodes(elements.nodes);
+  }, [elements.nodes]);
   const context = (0, _react().useMemo)(() => ({
-    componentWidgets
-  }), [componentWidgets]);
+    componentWidgets,
+    loadingGraphMetadata
+  }), [componentWidgets, loadingGraphMetadata]);
   const handleLoad = (0, _react().useCallback)(instance => {
-    if ((graph?.nodes.length ?? 0) <= 3) {
+    graphRef.current = instance;
+    if ((elements?.nodes.length ?? 0) <= 3) {
       instance.fitView({
         padding: 2,
         maxZoom: 1
@@ -129,12 +136,18 @@ function DependenciesGraph(_ref) {
   (0, _react().useEffect)(() => () => graphRef.current = undefined, []);
   (0, _react().useEffect)(() => {
     setTimeout(() => {
-      if (graph.nodes.length <= 3) return graphRef.current?.fitView({
-        padding: 2
+      if (!elements?.nodes.length) return;
+      if ((elements?.nodes?.length ?? 0) <= 3) {
+        return graphRef.current?.fitView({
+          padding: 2,
+          maxZoom: 1
+        });
+      }
+      return graphRef.current?.fitView({
+        maxZoom: 1
       });
-      return graphRef.current?.fitView();
-    }, 0);
-  }, [graph]);
+    }, 100);
+  }, [elements?.nodes.length]);
   return /*#__PURE__*/_react().default.createElement(_graphContext().ComponentGraphContext.Provider, {
     value: context
   }, /*#__PURE__*/_react().default.createElement(_reactflow().ReactFlowProvider, null, /*#__PURE__*/_react().default.createElement(_reactflow().default, _extends({
@@ -148,10 +161,15 @@ function DependenciesGraph(_ref) {
     minZoom: 0
   }, rest, {
     className: (0, _classnames().default)(_dependenciesGraphModule().default.graph, className),
-    defaultNodes: elements.nodes,
-    defaultEdges: elements.edges,
+    nodes: nodes,
+    edges: elements.edges,
     nodeTypes: nodeTypes,
     onInit: handleLoad,
+    fitView: true,
+    fitViewOptions: {
+      padding: (elements?.nodes.length ?? 0) <= 3 ? 2 : undefined,
+      maxZoom: 1
+    },
     proOptions: {
       hideAttribution: true
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactflow","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","ComponentNode","node","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","rest","nodeTypes","React","useMemo","graphRef","useRef","elements","calcElements","context","handleLoad","useCallback","instance","nodes","fitView","padding","maxZoom","useEffect","current","undefined","setTimeout","ComponentGraphContext","Provider","value","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","classnames","styles","defaultNodes","defaultEdges","edges","onInit","proOptions","hideAttribution","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  NodeTypes,\n  ReactFlowInstance,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n} from 'reactflow';\nimport { ComponentID } from '@teambit/component';\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';\nimport 'reactflow/dist/style.css';\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n  const ReactFlowHandle = Handle;\n  return (\n    <div key={id}>\n      <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n      <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: ReactFlowInstance) => 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 nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n  const graphRef = useRef<ReactFlowInstance>();\n  const elements = calcElements(graph, { rootNode });\n\n  const context = useMemo(() => ({ componentWidgets }), [componentWidgets]);\n\n  const handleLoad = useCallback(\n    (instance: ReactFlowInstance) => {\n      if ((graph?.nodes.length ?? 0) <= 3) {\n        instance.fitView({\n          padding: 2,\n          maxZoom: 1,\n        });\n      } else {\n        instance.fitView({\n          maxZoom: 1,\n        });\n      }\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (graph.nodes.length <= 3)\n        return graphRef.current?.fitView({\n          padding: 2,\n        });\n      return graphRef.current?.fitView();\n    }, 0);\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={100}\n          minZoom={0}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          defaultNodes={elements.nodes}\n          defaultEdges={elements.edges}\n          nodeTypes={nodeTypes}\n          onInit={handleLoad}\n          proOptions={{\n            hideAttribution: true,\n          }}\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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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactflow","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ComponentNodeContainer","props","sourcePosition","Position","Top","targetPosition","Bottom","id","ReactFlowHandle","Handle","createElement","key","type","position","isConnectable","ComponentNode","node","DependenciesGraph","_ref","graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata","rest","nodeTypes","React","useMemo","graphRef","useRef","elements","calcElements","nodes","setNodes","useNodesState","useEffect","context","handleLoad","useCallback","instance","current","fitView","padding","maxZoom","undefined","setTimeout","ComponentGraphContext","Provider","value","ReactFlowProvider","draggable","nodesDraggable","selectNodesOnDrag","nodesConnectable","zoomOnDoubleClick","elementsSelectable","minZoom","classnames","styles","edges","onInit","fitViewOptions","proOptions","hideAttribution","Background","Controls","controls","MiniMap","nodeColor","calcMinimapColors","minimap"],"sources":["dependencies-graph.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport ReactFlow, {\n  Background,\n  Controls,\n  Handle,\n  MiniMap,\n  NodeProps,\n  NodeTypes,\n  ReactFlowInstance,\n  Position,\n  ReactFlowProps,\n  ReactFlowProvider,\n  useNodesState,\n} from 'reactflow';\nimport { ComponentID } from '@teambit/component';\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';\nimport 'reactflow/dist/style.css';\nimport styles from './dependencies-graph.module.scss';\n\nfunction ComponentNodeContainer(props: NodeProps) {\n  const { sourcePosition = Position.Top, targetPosition = Position.Bottom, data, id } = props;\n  const ReactFlowHandle = Handle;\n  return (\n    <div key={id}>\n      <ReactFlowHandle type=\"target\" position={targetPosition} isConnectable={false} />\n      <ReactFlowHandle type=\"source\" position={sourcePosition} isConnectable={false} />\n      <ComponentNode node={data.node} type={data.type} />\n    </div>\n  );\n}\n\nexport type DependenciesGraphProps = {\n  rootNode: ComponentID;\n  graph?: GraphModel<NodeModel, EdgeModel>;\n  componentWidgets: ComponentWidgetSlot;\n  onLoad?: (instance: ReactFlowInstance) => void;\n  loadingGraphMetadata?: boolean;\n} & Omit<ReactFlowProps, 'elements'>;\n\nexport function DependenciesGraph({\n  graph,\n  rootNode,\n  componentWidgets,\n  className,\n  onLoad,\n  children,\n  loadingGraphMetadata,\n  ...rest\n}: DependenciesGraphProps) {\n  const nodeTypes: NodeTypes = React.useMemo(() => ({ ComponentNode: ComponentNodeContainer }), []);\n  const graphRef = useRef<ReactFlowInstance>();\n  const elements = calcElements(graph, { rootNode });\n  const [nodes, setNodes] = useNodesState(elements.nodes);\n\n  useEffect(() => {\n    setNodes(elements.nodes);\n  }, [elements.nodes]);\n\n  const context = useMemo(() => ({ componentWidgets, loadingGraphMetadata }), [componentWidgets, loadingGraphMetadata]);\n\n  const handleLoad = useCallback(\n    (instance: ReactFlowInstance) => {\n      graphRef.current = instance;\n      if ((elements?.nodes.length ?? 0) <= 3) {\n        instance.fitView({\n          padding: 2,\n          maxZoom: 1,\n        });\n      } else {\n        instance.fitView({\n          maxZoom: 1,\n        });\n      }\n      onLoad?.(instance);\n    },\n    [onLoad]\n  );\n\n  // clear ref on unmount\n  useEffect(() => () => (graphRef.current = undefined), []);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (!elements?.nodes.length) return;\n      if ((elements?.nodes?.length ?? 0) <= 3) {\n        return graphRef.current?.fitView({\n          padding: 2,\n          maxZoom: 1,\n        });\n      }\n      return graphRef.current?.fitView({\n        maxZoom: 1,\n      });\n    }, 100);\n  }, [elements?.nodes.length]);\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={100}\n          minZoom={0}\n          {...rest}\n          className={classnames(styles.graph, className)}\n          nodes={nodes}\n          edges={elements.edges}\n          nodeTypes={nodeTypes}\n          onInit={handleLoad}\n          fitView={true}\n          fitViewOptions={{\n            padding: (elements?.nodes.length ?? 0) <= 3 ? 2 : undefined,\n            maxZoom: 1,\n          }}\n          proOptions={{\n            hideAttribution: true,\n          }}\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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","ignoreList":[]}

package/dist/ui/graph-page/graph-filters.d.ts

@@ -1,6 +1,7 @@
 import { CardProps } from '@teambit/base-ui.surfaces.card';
 type GraphFiltersType = {
     isFiltered: boolean;
+    showMetadata?: boolean;
     onChangeFilter: (isFiltered: boolean) => void;
     disable?: boolean;
 } & CardProps;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_baseUiSurfaces","_evangelistInputCheckbox","_excluded","e","__esModule","default","_objectWithoutProperties","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","GraphFilters","_ref","onChangeFilter","isFiltered","disable","rest","createElement","Card","CheckboxLabel","checked","disabled","onInputChanged","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 GraphFiltersType = {\n  isFiltered: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFiltersType) {\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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,EAAAI,CAAA,gBAAAJ,CAAA,iBAAAK,CAAA,EAAAC,CAAA,EAAAC,CAAA,GAAAC,6BAAA,CAAAR,CAAA,EAAAI,CAAA,OAAAK,MAAA,CAAAC,qBAAA,QAAAC,CAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAV,CAAA,QAAAM,CAAA,MAAAA,CAAA,GAAAK,CAAA,CAAAC,MAAA,EAAAN,CAAA,IAAAD,CAAA,GAAAM,CAAA,CAAAL,CAAA,GAAAF,CAAA,CAAAS,OAAA,CAAAR,CAAA,aAAAS,oBAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAK,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAL,CAAA,CAAAK,CAAA,aAAAE,CAAA;AAAA,SAAAC,8BAAAF,CAAA,EAAAN,CAAA,gBAAAM,CAAA,iBAAAF,CAAA,gBAAAO,CAAA,IAAAL,CAAA,SAAAU,cAAA,CAAAD,IAAA,CAAAT,CAAA,EAAAK,CAAA,SAAAX,CAAA,CAAAa,OAAA,CAAAF,CAAA,kBAAAP,CAAA,CAAAO,CAAA,IAAAL,CAAA,CAAAK,CAAA,YAAAP,CAAA;AAQlE,SAASa,YAAYA,CAAAC,IAAA,EAAqE;EAAA,IAApE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAAmC,CAAC,GAAAH,IAAA;IAAxBI,IAAI,GAAAnB,wBAAA,CAAAe,IAAA,EAAAnB,SAAA;EACzE,oBACEN,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAAC1B,eAAA,GAAA2B,IAAI,EAAKF,IAAI,eACZ7B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,2BAEE9B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAACzB,wBAAA,GAAA2B,aAAa;IACZC,OAAO,EAAE,CAACN,UAAW;IACrBO,QAAQ,EAAEN,OAAQ;IAClBO,cAAc,EAAG5B,CAAC,IAAKmB,cAAc,CAAC,CAACnB,CAAC,CAAC6B,MAAM,CAACH,OAAO;EAAE,GAExD,GAAG,EAAC,kBAEQ,CACZ,CACD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_baseUiSurfaces","_evangelistInputCheckbox","_excluded","e","__esModule","default","_objectWithoutProperties","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","GraphFilters","_ref","onChangeFilter","isFiltered","disable","rest","createElement","Card","CheckboxLabel","checked","disabled","onInputChanged","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 GraphFiltersType = {\n  isFiltered: boolean;\n  showMetadata?: boolean;\n  onChangeFilter: (isFiltered: boolean) => void;\n  disable?: boolean;\n} & CardProps;\n\nexport function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFiltersType) {\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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,EAAAI,CAAA,gBAAAJ,CAAA,iBAAAK,CAAA,EAAAC,CAAA,EAAAC,CAAA,GAAAC,6BAAA,CAAAR,CAAA,EAAAI,CAAA,OAAAK,MAAA,CAAAC,qBAAA,QAAAC,CAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAV,CAAA,QAAAM,CAAA,MAAAA,CAAA,GAAAK,CAAA,CAAAC,MAAA,EAAAN,CAAA,IAAAD,CAAA,GAAAM,CAAA,CAAAL,CAAA,GAAAF,CAAA,CAAAS,OAAA,CAAAR,CAAA,aAAAS,oBAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAK,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAL,CAAA,CAAAK,CAAA,aAAAE,CAAA;AAAA,SAAAC,8BAAAF,CAAA,EAAAN,CAAA,gBAAAM,CAAA,iBAAAF,CAAA,gBAAAO,CAAA,IAAAL,CAAA,SAAAU,cAAA,CAAAD,IAAA,CAAAT,CAAA,EAAAK,CAAA,SAAAX,CAAA,CAAAa,OAAA,CAAAF,CAAA,kBAAAP,CAAA,CAAAO,CAAA,IAAAL,CAAA,CAAAK,CAAA,YAAAP,CAAA;AASlE,SAASa,YAAYA,CAAAC,IAAA,EAAqE;EAAA,IAApE;MAAEC,cAAc;MAAEC,UAAU;MAAEC;IAAmC,CAAC,GAAAH,IAAA;IAAxBI,IAAI,GAAAnB,wBAAA,CAAAe,IAAA,EAAAnB,SAAA;EACzE,oBACEN,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAAC1B,eAAA,GAAA2B,IAAI,EAAKF,IAAI,eACZ7B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,2BAEE9B,MAAA,GAAAS,OAAA,CAAAqB,aAAA,CAACzB,wBAAA,GAAA2B,aAAa;IACZC,OAAO,EAAE,CAACN,UAAW;IACrBO,QAAQ,EAAEN,OAAQ;IAClBO,cAAc,EAAG5B,CAAC,IAAKmB,cAAc,CAAC,CAACnB,CAAC,CAAC6B,MAAM,CAACH,OAAO;EAAE,GAExD,GAAG,EAAC,kBAEQ,CACZ,CACD,CAAC;AAEX","ignoreList":[]}