@teambit/graph 0.0.551 → 0.0.556

package/ui/graph.section.tsx

@@ -1,19 +0,0 @@
-import { Section } from '@teambit/component';
-import React from 'react';
-
-import { GraphPage } from './graph-page';
-import { ComponentWidgetSlot } from '../graph.ui.runtime';
-
-export class GraphSection implements Section {
-  constructor(private componentWidgetSlot: ComponentWidgetSlot) {}
-
-  route = {
-    path: '~dependencies',
-    children: <GraphPage componentWidgets={this.componentWidgetSlot} />,
-  };
-  navigationLink = {
-    href: '~dependencies',
-    children: 'Dependencies',
-  };
-  order = 40;
-}

package/ui/query/edge-model.ts

@@ -1,16 +0,0 @@
-import { EdgeType } from '@teambit/graph';
-import { RawEdge } from './get-graph.query';
-
-export class EdgeModel {
-  sourceId: string;
-  targetId: string;
-  dependencyLifecycleType: EdgeType;
-
-  static from(rawEdge: RawEdge) {
-    const edge = new EdgeModel();
-    edge.sourceId = rawEdge.sourceId;
-    edge.targetId = rawEdge.targetId;
-    edge.dependencyLifecycleType = rawEdge.dependencyLifecycleType;
-    return edge;
-  }
-}

package/ui/query/get-graph.query.ts

@@ -1,73 +0,0 @@
-import { gql } from '@apollo/client';
-import { EdgeType } from '@teambit/graph';
-
-// please update types when updating query, for added safety
-
-export const GET_GRAPH = gql`
-  query graph($ids: [String], $filter: String) {
-    graph(ids: $ids, filter: $filter) {
-      nodes {
-        id
-        component {
-          id {
-            name
-            version
-            scope
-          }
-          displayName
-
-          deprecation {
-            isDeprecate
-          }
-
-          env {
-            id
-            icon
-          }
-        }
-      }
-      edges {
-        sourceId
-        targetId
-        dependencyLifecycleType
-      }
-    }
-  }
-`;
-
-export type RawGraphQuery = {
-  graph: RawGraph;
-};
-
-export type RawGraph = {
-  nodes: RawNode[];
-  edges: [];
-};
-
-export type RawNode = {
-  id: string;
-  component: {
-    id: {
-      name: string;
-      scope: string;
-      version: string;
-    };
-
-    displayName: string;
-
-    deprecation: {
-      isDeprecate: boolean;
-    };
-
-    env: {
-      id: string;
-      icon: string;
-    };
-  };
-};
-
-export type RawEdge = {
-  sourceId: string;
-  targetId: string;
-  dependencyLifecycleType: EdgeType;
-};

package/ui/query/graph-model.ts

@@ -1,12 +0,0 @@
-import { RawGraph } from './get-graph.query';
-import { NodeModel } from './node-model';
-import { EdgeModel } from './edge-model';
-
-export class GraphModel {
-  constructor(public nodes: NodeModel[], public edges: EdgeModel[]) {}
-  static from(rawGraph: RawGraph) {
-    const nodes = rawGraph.nodes.map(NodeModel.from);
-    const edges = rawGraph.edges.map(EdgeModel.from);
-    return new GraphModel(nodes, edges);
-  }
-}

package/ui/query/index.ts

@@ -1,6 +0,0 @@
-export { useGraphQuery } from './use-graph-query';
-export { useGraph } from './use-graph';
-
-export { GraphModel } from './graph-model';
-export { EdgeModel } from './edge-model';
-export { NodeModel } from './node-model';

package/ui/query/node-model.ts

@@ -1,16 +0,0 @@
-import { ComponentModel } from '@teambit/component';
-import { RawNode } from './get-graph.query';
-
-export class NodeModel {
-  id: string;
-  component: ComponentModel;
-
-  static from(rawNode: RawNode) {
-    const node = new NodeModel();
-    node.id = rawNode.id;
-    // @TODO - component model should not expect all fields to have values
-    // @ts-ignore
-    node.component = ComponentModel.from(rawNode.component);
-    return node;
-  }
-}

package/ui/query/use-graph-query.ts

@@ -1,29 +0,0 @@
-import { useMemo } from 'react';
-import { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';
-import { GraphQlError } from '@teambit/graphql';
-import { GET_GRAPH, RawGraphQuery } from './get-graph.query';
-import { GraphModel } from './graph-model';
-
-type QueryVariables = {
-  ids: string[];
-  filter?: string;
-};
-
-/** provides dependencies graph data from graphQL */
-export function useGraphQuery(componentId: string[], filter?: string) {
-  const { data, error, loading } = useDataQuery<RawGraphQuery, QueryVariables>(GET_GRAPH, {
-    variables: { ids: componentId, filter },
-  });
-
-  const rawGraph = data?.graph;
-  const clientError = !rawGraph && !loading ? new GraphQlError(404) : undefined;
-  const serverError = error ? new GraphQlError(500, error.message) : undefined;
-
-  return useMemo(() => {
-    return {
-      graph: rawGraph ? GraphModel.from(rawGraph) : undefined,
-      error: serverError || clientError,
-      loading,
-    };
-  }, [rawGraph, error]);
-}

package/ui/query/use-graph.tsx

@@ -1,12 +0,0 @@
-import { useRouteMatch } from 'react-router-dom';
-
-import { useGraphQuery } from './use-graph-query';
-
-export function useGraph() {
-  const {
-    // @ts-ignore
-    params: { componentId },
-  } = useRouteMatch();
-
-  return useGraphQuery([componentId]);
-}