@teambit/graph 0.0.0-351b8797f220d8d6c242cfc30d4ecebaee07da45

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.depTypeToClass = depTypeToClass;
+exports.depTypeToLabel = depTypeToLabel;
+function _edgeType() {
+  const data = require("../../../edge-type");
+  _edgeType = function () {
+    return data;
+  };
+  return data;
+}
+function _edgeModule() {
+  const data = _interopRequireDefault(require("./edge.module.scss"));
+  _edgeModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function depTypeToClass(depType) {
+  switch (depType) {
+    case 'DEV':
+      return _edgeModule().default.dev;
+    case 'PEER':
+      return _edgeModule().default.peer;
+    case 'RUNTIME':
+      return _edgeModule().default.runtime;
+    default:
+      return undefined;
+  }
+}
+function depTypeToLabel(type) {
+  switch (type) {
+    case _edgeType().EdgeType.peer:
+      return 'Peer Dependency';
+    case _edgeType().EdgeType.dev:
+      return 'Development Dependency';
+    case _edgeType().EdgeType.runtime:
+      return 'Dependency';
+    default:
+      return type.toLowerCase();
+  }
+}
+
+//# sourceMappingURL=dep-edge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_edgeType","data","require","_edgeModule","_interopRequireDefault","e","__esModule","default","depTypeToClass","depType","edgeStyles","dev","peer","runtime","undefined","depTypeToLabel","type","EdgeType","toLowerCase"],"sources":["dep-edge.tsx"],"sourcesContent":["import { EdgeType } from '../../../edge-type';\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,UAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,SAAA,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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;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,oBAAQ,CAACL,IAAI;MAChB,OAAO,iBAAiB;IAC1B,KAAKK,oBAAQ,CAACN,GAAG;MACf,OAAO,wBAAwB;IACjC,KAAKM,oBAAQ,CAACJ,OAAO;MACnB,OAAO,YAAY;IACrB;MACE,OAAQG,IAAI,CAAYE,WAAW,CAAC,CAAC;EACzC;AACF","ignoreList":[]}

package/dist/ui/dependencies-graph/dep-edge/edge.module.scss

@@ -0,0 +1,10 @@
+.runtime {
+}
+
+.peer {
+  stroke-dasharray: 5 5;
+}
+
+.dev {
+  stroke-dasharray: 10 5;
+}

package/dist/ui/dependencies-graph/dep-edge/index.d.ts

@@ -0,0 +1 @@
+export { depTypeToClass, depTypeToLabel } from './dep-edge';

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "depTypeToClass", {
+  enumerable: true,
+  get: function () {
+    return _depEdge().depTypeToClass;
+  }
+});
+Object.defineProperty(exports, "depTypeToLabel", {
+  enumerable: true,
+  get: function () {
+    return _depEdge().depTypeToLabel;
+  }
+});
+function _depEdge() {
+  const data = require("./dep-edge");
+  _depEdge = function () {
+    return data;
+  };
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_depEdge","data","require"],"sources":["index.ts"],"sourcesContent":["export { depTypeToClass, depTypeToLabel } from './dep-edge';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAAA,SAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,QAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import { ReactFlowInstance, ReactFlowProps } from 'reactflow';
+import { ComponentID } from '@teambit/component';
+import { ComponentWidgetSlot } from '../../graph.ui.runtime';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+import 'reactflow/dist/style.css';
+export type DependenciesGraphProps = {
+    rootNode: ComponentID;
+    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, loadingGraphMetadata, ...rest }: DependenciesGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DependenciesGraph = DependenciesGraph;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+  _classnames = function () {
+    return data;
+  };
+  return data;
+}
+function _reactflow() {
+  const data = _interopRequireWildcard(require("reactflow"));
+  _reactflow = function () {
+    return data;
+  };
+  return data;
+}
+function _componentNode() {
+  const data = require("../component-node");
+  _componentNode = function () {
+    return data;
+  };
+  return data;
+}
+function _calcElements() {
+  const data = require("./calc-elements");
+  _calcElements = function () {
+    return data;
+  };
+  return data;
+}
+function _minimap() {
+  const data = require("./minimap");
+  _minimap = function () {
+    return data;
+  };
+  return data;
+}
+function _graphContext() {
+  const data = require("./graph-context");
+  _graphContext = function () {
+    return data;
+  };
+  return data;
+}
+require("reactflow/dist/style.css");
+function _dependenciesGraphModule() {
+  const data = _interopRequireDefault(require("./dependencies-graph.module.scss"));
+  _dependenciesGraphModule = function () {
+    return data;
+  };
+  return data;
+}
+const _excluded = ["graph", "rootNode", "componentWidgets", "className", "onLoad", "children", "loadingGraphMetadata"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ComponentNodeContainer(props) {
+  const {
+    sourcePosition = _reactflow().Position.Top,
+    targetPosition = _reactflow().Position.Bottom,
+    data,
+    id
+  } = props;
+  const ReactFlowHandle = _reactflow().Handle;
+  return /*#__PURE__*/_react().default.createElement("div", {
+    key: id
+  }, /*#__PURE__*/_react().default.createElement(ReactFlowHandle, {
+    type: "target",
+    position: targetPosition,
+    isConnectable: false
+  }), /*#__PURE__*/_react().default.createElement(ReactFlowHandle, {
+    type: "source",
+    position: sourcePosition,
+    isConnectable: false
+  }), /*#__PURE__*/_react().default.createElement(_componentNode().ComponentNode, {
+    node: data.node,
+    type: data.type
+  }));
+}
+function DependenciesGraph(_ref) {
+  let {
+      graph,
+      rootNode,
+      componentWidgets,
+      className,
+      onLoad,
+      children,
+      loadingGraphMetadata
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const nodeTypes = _react().default.useMemo(() => ({
+    ComponentNode: ComponentNodeContainer
+  }), []);
+  const graphRef = (0, _react().useRef)();
+  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,
+    loadingGraphMetadata
+  }), [componentWidgets, loadingGraphMetadata]);
+  const handleLoad = (0, _react().useCallback)(instance => {
+    graphRef.current = instance;
+    if ((elements?.nodes.length ?? 0) <= 3) {
+      instance.fitView({
+        padding: 2,
+        maxZoom: 1
+      });
+    } else {
+      instance.fitView({
+        maxZoom: 1
+      });
+    }
+    onLoad?.(instance);
+  }, [onLoad]);
+
+  // clear ref on unmount
+  (0, _react().useEffect)(() => () => graphRef.current = undefined, []);
+  (0, _react().useEffect)(() => {
+    setTimeout(() => {
+      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
+      });
+    }, 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({
+    draggable: false,
+    nodesDraggable: true,
+    selectNodesOnDrag: false,
+    nodesConnectable: false,
+    zoomOnDoubleClick: false,
+    elementsSelectable: false,
+    maxZoom: 100,
+    minZoom: 0
+  }, rest, {
+    className: (0, _classnames().default)(_dependenciesGraphModule().default.graph, className),
+    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
+    }
+  }), /*#__PURE__*/_react().default.createElement(_reactflow().Background, null), /*#__PURE__*/_react().default.createElement(_reactflow().Controls, {
+    className: _dependenciesGraphModule().default.controls
+  }), /*#__PURE__*/_react().default.createElement(_reactflow().MiniMap, {
+    nodeColor: _minimap().calcMinimapColors,
+    className: _dependenciesGraphModule().default.minimap
+  }), children)));
+}
+
+//# sourceMappingURL=dependencies-graph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactflow","_componentNode","_calcElements","_minimap","_graphContext","_dependenciesGraphModule","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_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/dependencies-graph/dependencies-graph.module.scss

@@ -0,0 +1,93 @@
+$d30: #878c9a;
+$b70: #0d2de3;
+
+.graph {
+  :global {
+    .react-flow__edge-path {
+      stroke: $d30;
+      stroke-width: 2px;
+    }
+
+    // creates space between the handles and lines
+    .react-flow__handle {
+      background: none;
+      border: none;
+
+      &-bottom {
+        bottom: -4px;
+      }
+      &-top {
+        top: -4px;
+      }
+      &-left {
+        left: -4px;
+      }
+      &-right {
+        right: -4px;
+      }
+    }
+
+    .react-flow__arrowhead polyline {
+      stroke: $d30;
+      stroke-width: 2px;
+    }
+
+    // show labels for labels, on hover
+    .react-flow__edge {
+      pointer-events: all !important;
+      &:hover {
+        .react-flow__edge-textbg,
+        .react-flow__edge-text {
+          transition: all 300ms;
+          opacity: 1;
+        }
+      }
+    }
+
+    .react-flow__edge-textbg {
+      fill: #414141;
+    }
+
+    .react-flow__edge-text {
+      fill: white;
+    }
+
+    .react-flow__edge-textbg,
+    .react-flow__edge-text {
+      opacity: 0;
+    }
+  }
+}
+
+.minimap {
+  right: 24px;
+  bottom: 24px;
+  box-shadow: var(--bit-shadow-faint);
+  background: var(--background-color) !important; // override inline styles from package
+  border-radius: 5px;
+
+  :global {
+    .react-flow__minimap-mask {
+      stroke: $b70;
+      stroke-width: 4px;
+      fill: transparent;
+    }
+  }
+}
+
+.controls {
+  box-shadow: var(--bit-shadow-faint);
+
+  left: 24px;
+  bottom: 24px;
+  > div {
+    background: var(--background-color);
+    border-bottom: 1px solid var(--border-medium-color, #ededed);
+    &:hover {
+      background: var(--bit-accent-bg, #eceaff);
+    }
+    > svg {
+      fill: var(--on-background-color);
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import { ComponentWidgetSlot } from '../../graph.ui.runtime';
+/** internal context, to pass shared information to all nodes */
+export type ComponentGraph = {
+    componentWidgets: ComponentWidgetSlot;
+};
+export declare const ComponentGraphContext: import("react").Context<ComponentGraph | undefined>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentGraphContext = void 0;
+function _react() {
+  const data = require("react");
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+/** internal context, to pass shared information to all nodes */
+
+const ComponentGraphContext = exports.ComponentGraphContext = /*#__PURE__*/(0, _react().createContext)(undefined);
+
+//# sourceMappingURL=graph-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","require","ComponentGraphContext","exports","createContext","undefined"],"sources":["graph-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ComponentWidgetSlot } from '../../graph.ui.runtime';\n\n/** internal context, to pass shared information to all nodes */\nexport type ComponentGraph = {\n  componentWidgets: ComponentWidgetSlot;\n};\n\nexport const ComponentGraphContext = createContext<ComponentGraph | undefined>(undefined);\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA;;AAKO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,gBAAG,IAAAE,sBAAa,EAA6BC,SAAS,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+export { DependenciesGraph } from './dependencies-graph';
+export { ComponentGraphContext, ComponentGraph } from './graph-context';
+export type { DependenciesGraphProps } from './dependencies-graph';
+export { depTypeToClass, depTypeToLabel } from './dep-edge';
+export { calcMinimapColors } from './minimap';
+export { calcLayout } from './calc-layout';
+export { calcElements } from './calc-elements';
+export declare const styles: {
+    graph: string;
+    minimap: string;
+    controls: string;
+};

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentGraph", {
+  enumerable: true,
+  get: function () {
+    return _graphContext().ComponentGraph;
+  }
+});
+Object.defineProperty(exports, "ComponentGraphContext", {
+  enumerable: true,
+  get: function () {
+    return _graphContext().ComponentGraphContext;
+  }
+});
+Object.defineProperty(exports, "DependenciesGraph", {
+  enumerable: true,
+  get: function () {
+    return _dependenciesGraph().DependenciesGraph;
+  }
+});
+Object.defineProperty(exports, "calcElements", {
+  enumerable: true,
+  get: function () {
+    return _calcElements().calcElements;
+  }
+});
+Object.defineProperty(exports, "calcLayout", {
+  enumerable: true,
+  get: function () {
+    return _calcLayout().calcLayout;
+  }
+});
+Object.defineProperty(exports, "calcMinimapColors", {
+  enumerable: true,
+  get: function () {
+    return _minimap().calcMinimapColors;
+  }
+});
+Object.defineProperty(exports, "depTypeToClass", {
+  enumerable: true,
+  get: function () {
+    return _depEdge().depTypeToClass;
+  }
+});
+Object.defineProperty(exports, "depTypeToLabel", {
+  enumerable: true,
+  get: function () {
+    return _depEdge().depTypeToLabel;
+  }
+});
+exports.styles = void 0;
+function _dependenciesGraphModule() {
+  const data = _interopRequireDefault(require("./dependencies-graph.module.scss"));
+  _dependenciesGraphModule = function () {
+    return data;
+  };
+  return data;
+}
+function _dependenciesGraph() {
+  const data = require("./dependencies-graph");
+  _dependenciesGraph = function () {
+    return data;
+  };
+  return data;
+}
+function _graphContext() {
+  const data = require("./graph-context");
+  _graphContext = function () {
+    return data;
+  };
+  return data;
+}
+function _depEdge() {
+  const data = require("./dep-edge");
+  _depEdge = function () {
+    return data;
+  };
+  return data;
+}
+function _minimap() {
+  const data = require("./minimap");
+  _minimap = function () {
+    return data;
+  };
+  return data;
+}
+function _calcLayout() {
+  const data = require("./calc-layout");
+  _calcLayout = function () {
+    return data;
+  };
+  return data;
+}
+function _calcElements() {
+  const data = require("./calc-elements");
+  _calcElements = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  graph,
+  minimap,
+  controls
+} = _dependenciesGraphModule().default;
+const styles = exports.styles = {
+  graph,
+  minimap,
+  controls
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_dependenciesGraphModule","data","_interopRequireDefault","require","_dependenciesGraph","_graphContext","_depEdge","_minimap","_calcLayout","_calcElements","e","__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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAM;EAAEG,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC,GAAGC,kCAAe;AAC7C,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAAEJ,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { Node } from 'reactflow';
+export declare function calcMinimapColors(node: Node): string;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcMinimapColors = calcMinimapColors;
+function _componentNode() {
+  const data = require("../component-node");
+  _componentNode = function () {
+    return data;
+  };
+  return data;
+}
+function calcMinimapColors(node) {
+  const type = node.data?.type;
+  switch (type) {
+    case 'root':
+      return _componentNode().rootNodeColor;
+    case 'external':
+      return _componentNode().externalNodeColor;
+    default:
+      return _componentNode().defaultNodeColor;
+  }
+}
+
+//# sourceMappingURL=minimap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_componentNode","data","require","calcMinimapColors","node","type","rootNodeColor","externalNodeColor","defaultNodeColor"],"sources":["minimap.ts"],"sourcesContent":["import { Node } from 'reactflow';\nimport { rootNodeColor, defaultNodeColor, externalNodeColor } from '../component-node';\n\nexport function calcMinimapColors(node: Node) {\n  const type = node.data?.type;\n\n  switch (type) {\n    case 'root':\n      return rootNodeColor;\n    case 'external':\n      return externalNodeColor;\n    default:\n      return defaultNodeColor;\n  }\n}\n"],"mappings":";;;;;;AACA,SAAAA,eAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,cAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,SAASE,iBAAiBA,CAACC,IAAU,EAAE;EAC5C,MAAMC,IAAI,GAAGD,IAAI,CAACH,IAAI,EAAEI,IAAI;EAE5B,QAAQA,IAAI;IACV,KAAK,MAAM;MACT,OAAOC,8BAAa;IACtB,KAAK,UAAU;MACb,OAAOC,kCAAiB;IAC1B;MACE,OAAOC,iCAAgB;EAC3B;AACF","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import { CardProps } from '@teambit/base-ui.surfaces.card';
+type GraphFiltersType = {
+    isFiltered: boolean;
+    showMetadata?: boolean;
+    onChangeFilter: (isFiltered: boolean) => void;
+    disable?: boolean;
+} & CardProps;
+export declare function GraphFilters({ onChangeFilter, isFiltered, disable, ...rest }: GraphFiltersType): import("react/jsx-runtime").JSX.Element;
+export {};