@teambit/graph 1.0.228 → 1.0.230

package/dist/component-graph/component-graph.d.ts

@@ -0,0 +1,22 @@
+import { Component, ComponentID } from '@teambit/component';
+import { Graph, Node, Edge } from '@teambit/graph.cleargraph';
+import { Dependency } from '../model/dependency';
+import { DuplicateDependency } from '../duplicate-dependency';
+export declare const DEPENDENCIES_TYPES: string[];
+type ComponentNode = Node<Component>;
+type DependencyEdge = Edge<Dependency>;
+export declare class ComponentGraph extends Graph<Component, Dependency> {
+    seederIds: ComponentID[];
+    constructor(nodes?: ComponentNode[], edges?: DependencyEdge[]);
+    protected create(nodes?: ComponentNode[], edges?: DependencyEdge[]): this;
+    /**
+     * @deprecate use graph.getGraphIds().findCycles()
+     */
+    findCycles(graph?: this): string[][];
+    findDuplicateDependencies(): Map<string, DuplicateDependency>;
+    buildFromCleargraph(graph: Graph<Component, Dependency>): ComponentGraph;
+    runtimeOnly(componentIds: string[]): this;
+    private shouldLimitToSeedersOnly;
+    private calculateVersionMap;
+}
+export {};

package/dist/component-graph/index.d.ts

@@ -0,0 +1 @@
+export { ComponentGraph } from './component-graph';

package/dist/component-id-graph.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="@teambit/legacy/node_modules/.pnpm/@types+graphlib@2.1.7/node_modules/@types/graphlib" />
+import { ComponentID } from '@teambit/component-id';
+import { Graph, Node, Edge } from '@teambit/graph.cleargraph';
+import type { DependenciesInfo } from '@teambit/legacy/dist/scope/graph/scope-graph';
+import GraphLib from 'graphlib';
+export type DepEdgeType = 'prod' | 'dev' | 'ext' | 'peer';
+type ComponentIdNode = Node<ComponentID>;
+type DependencyEdge = Edge<DepEdgeType>;
+export type CompIdGraph = Graph<ComponentID, DepEdgeType>;
+export declare class ComponentIdGraph extends Graph<ComponentID, DepEdgeType> {
+    private _graphLib;
+    seederIds: ComponentID[];
+    constructor(nodes?: ComponentIdNode[], edges?: DependencyEdge[]);
+    get graphLib(): GraphLib.Graph;
+    protected create(nodes?: ComponentIdNode[], edges?: DependencyEdge[]): this;
+    /**
+     * check all the routes from the sources to targets and return the components found during this traversal.
+     * e.g.
+     * A -> B -> C -> N.
+     * A -> E -> N.
+     * B -> F -> G.
+     * given source: A, targets: N. The results will be: [B, C, E].
+     *
+     * if through is provided, it will only return the components that are connected to the through components.
+     * with the example above, if through is B, the results will be: [B, C].
+     */
+    findIdsFromSourcesToTargets(sources: ComponentID[], targets: ComponentID[], through?: ComponentID[]): ComponentID[];
+    /**
+     * check all the routes from the sources to targets and return the components found during this traversal.
+     * e.g.
+     * A -> B -> C -> N.
+     * A -> E -> N.
+     * B -> F -> G.
+     * given source: A, targets: N. The results will be: [B, C, E].
+     *
+     * if through is provided, it will only return the components that are connected to the through components.
+     * with the example above, if through is B, the results will be: [B, C].
+     */
+    findAllPathsFromSourcesToTargets(sources: ComponentID[], targets: ComponentID[], through?: ComponentID[]): string[][];
+    /**
+     * overrides the super class to eliminate non-seeders components
+     */
+    findCycles(graph?: this, includeDeps?: boolean): string[][];
+    buildFromCleargraph(graph: Graph<ComponentID, DepEdgeType>): ComponentIdGraph;
+    runtimeOnly(componentIds: string[]): this;
+    getDependenciesInfo(id: ComponentID): DependenciesInfo[];
+    getDependenciesAsObjectTree(idStr: string): Record<string, any>;
+    private shouldLimitToSeedersOnly;
+}
+export {};

package/dist/duplicate-dependency.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentGraph } from './component-graph';
+export declare class DuplicateDependency {
+    latestVersionId: string;
+    priorVersions: VersionSubgraph[];
+    constructor(latestVersionId: string, priorVersions: VersionSubgraph[]);
+}
+export type VersionSubgraph = {
+    versionId: string;
+    subGraph: ComponentGraph;
+    immediateDependents: string[];
+};

package/dist/edge-type.d.ts

@@ -0,0 +1,5 @@
+export declare enum EdgeType {
+    dev = "DEV",
+    runtime = "RUNTIME",
+    peer = "PEER"
+}

package/dist/graph-builder.d.ts

@@ -0,0 +1,16 @@
+import { ComponentFactory, ComponentID, ComponentMain } from '@teambit/component';
+import { ComponentGraph } from './component-graph';
+import { ComponentIdGraph } from './component-id-graph';
+export type GetGraphOpts = {
+    host?: ComponentFactory;
+};
+export declare class GraphBuilder {
+    private componentAspect;
+    constructor(componentAspect: ComponentMain);
+    /**
+     * important - prefer using `getGraphIds()` it's way better in terms of performance.
+     */
+    getGraph(ids?: ComponentID[], opts?: GetGraphOpts): Promise<ComponentGraph>;
+    getGraphIds(ids?: ComponentID[], opts?: GetGraphOpts): Promise<ComponentIdGraph>;
+    private toComponentGraph;
+}

package/dist/graph-cmd.d.ts

@@ -0,0 +1,24 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { ComponentMain } from '@teambit/component';
+type GraphOpt = {
+    image?: string;
+    remote?: string;
+    allVersions?: boolean;
+    layout?: string;
+    json?: boolean;
+};
+export declare class GraphCmd implements Command {
+    private componentAspect;
+    name: string;
+    description: string;
+    extendedDescription: 'black arrow is a runtime dependency. red arrow is either dev or peer';
+    group: string;
+    alias: string;
+    options: CommandOptions;
+    remoteOp: boolean;
+    constructor(componentAspect: ComponentMain);
+    report([id]: [string], { remote, allVersions, layout, image }: GraphOpt): Promise<string>;
+    private generateGraph;
+    json([id]: [string], { remote, allVersions }: GraphOpt): Promise<Object>;
+}
+export {};

package/dist/graph.aspect.d.ts

@@ -0,0 +1,3 @@
+import { Aspect } from '@teambit/harmony';
+export declare const GraphAspect: Aspect;
+export default GraphAspect;

package/dist/graph.compare.section.d.ts

@@ -0,0 +1,20 @@
+import { Section } from '@teambit/component';
+import { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+export declare class GraphCompareSection implements Section, TabItem {
+    navigationLink: {
+        href: string;
+        children: string;
+    };
+    props: {
+        href: string;
+        children: string;
+    };
+    route: {
+        path: string;
+        element: import("react/jsx-runtime").JSX.Element;
+    };
+    order: number;
+    changeType: ChangeType;
+    id: string;
+}

package/dist/graph.composition.d.ts

@@ -0,0 +1 @@
+export declare const Logo: () => import("react/jsx-runtime").JSX.Element;

package/dist/graph.graphql.d.ts

@@ -0,0 +1,4 @@
+import { ComponentMain } from '@teambit/component';
+import { Schema } from '@teambit/graphql';
+import { GraphBuilder } from './graph-builder';
+export declare function graphSchema(graphBuilder: GraphBuilder, componentAspect: ComponentMain): Schema;

package/dist/graph.main.runtime.d.ts

@@ -0,0 +1,26 @@
+import { CLIMain } from '@teambit/cli';
+import { ComponentMain, ComponentID } from '@teambit/component';
+import { GraphqlMain } from '@teambit/graphql';
+import { Logger, LoggerMain } from '@teambit/logger';
+import { GetGraphOpts } from './graph-builder';
+import { ComponentGraph } from './component-graph';
+import { ComponentIdGraph } from './component-id-graph';
+export declare class GraphMain {
+    private componentAspect;
+    private logger;
+    constructor(componentAspect: ComponentMain, logger: Logger);
+    /**
+     * important - prefer using `getGraphIds()` it's way better in terms of performance.
+     */
+    getGraph(ids?: ComponentID[], opts?: GetGraphOpts): Promise<ComponentGraph>;
+    getGraphIds(ids?: ComponentID[], opts?: GetGraphOpts): Promise<ComponentIdGraph>;
+    static slots: never[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static provider([graphql, componentAspect, cli, loggerMain]: [
+        GraphqlMain,
+        ComponentMain,
+        CLIMain,
+        LoggerMain
+    ]): Promise<GraphMain>;
+}

package/dist/graph.ui.runtime.d.ts

@@ -0,0 +1,33 @@
+import { ComponentType } from 'react';
+import { SlotRegistry } from '@teambit/harmony';
+import { ComponentCompareUI } from '@teambit/component-compare';
+import { ComponentUI, ComponentModel } from '@teambit/component';
+import { DependenciesGraph } from './ui/dependencies-graph';
+export interface ComponentWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
+    component: ComponentModel;
+}
+export type ComponentWidget = ComponentType<ComponentWidgetProps>;
+export type ComponentWidgetSlot = SlotRegistry<ComponentWidget>;
+export type GraphUIConfig = {
+    componentTab: boolean;
+};
+/**
+ * Presents dependencies graph in the component page
+ */
+export declare class GraphUI {
+    private componentWidgetSlot;
+    getDependenciesGraph(): typeof DependenciesGraph;
+    /**
+     * adds plugins to component nodes
+     * @param value
+     */
+    registerComponentWidget(value: ComponentWidget): void;
+    constructor(componentWidgetSlot: ComponentWidgetSlot);
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static slots: ((registerFn: () => string) => SlotRegistry<ComponentWidget>)[];
+    static defaultConfig: {
+        componentTab: boolean;
+    };
+    static provider([componentUI, componentCompare]: [ComponentUI, ComponentCompareUI], config: GraphUIConfig, [componentWidgetSlot]: [ComponentWidgetSlot]): Promise<GraphUI>;
+}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { DependenciesCompare } from './ui/dependencies-compare';
+export { Dependency, DependencyType } from './model/dependency';
+export { DuplicateDependency } from './duplicate-dependency';
+export { GraphAspect as default, GraphAspect } from './graph.aspect';
+export { IdGraph, objectListToGraph, bitObjectListToGraph } from './object-list-to-graph';
+export { calcElements, calcLayout, calcMinimapColors, depTypeToClass, depTypeToLabel, styles as dependenciesGraphStyles, } from './ui/dependencies-graph';
+export { GraphFilters, styles as graphPageStyles } from './ui/graph-page';
+export { EdgeModel, GraphModel, NodeModel, useGraph, useGraphQuery } from './ui/query';
+export { styles as componentNodeStyles, root, defaultNode, external } from './ui/component-node';
+export type { RawGraph } from './ui/query';
+export type { CompIdGraph, DepEdgeType, ComponentIdGraph } from './component-id-graph';
+export type { ComponentGraph } from './component-graph';
+export type { ComponentWidget, ComponentWidgetProps, ComponentWidgetSlot, GraphUI } from './graph.ui.runtime';
+export { EdgeType } from './edge-type';
+export type { GraphBuilder } from './graph-builder';
+export type { GraphFilter } from './model/graph-filters';
+export type { GraphMain } from './graph.main.runtime';
+export type { VersionSubgraph } from './duplicate-dependency';

package/dist/model/dependency/dependency.d.ts

@@ -0,0 +1,6 @@
+export type DependencyType = 'dev' | 'peer' | 'runtime';
+export declare class Dependency {
+    readonly type: DependencyType;
+    constructor(type: DependencyType);
+    stringify(): string;
+}

package/dist/model/dependency/index.d.ts

@@ -0,0 +1 @@
+export { Dependency, DependencyType } from './dependency';

package/dist/model/graph-filters/graph-filters.d.ts

@@ -0,0 +1 @@
+export type GraphFilter = 'runtimeOnly' | undefined;

package/dist/model/graph-filters/index.d.ts

@@ -0,0 +1 @@
+export type { GraphFilter } from './graph-filters';

package/dist/object-list-to-graph.d.ts

@@ -0,0 +1,13 @@
+import { Graph, Node, Edge } from '@teambit/graph.cleargraph';
+import { ComponentID } from '@teambit/component-id';
+import type { ObjectList } from '@teambit/legacy/dist/scope/objects/object-list';
+import { BitObjectList } from '@teambit/legacy/dist/scope/objects/bit-object-list';
+import { Dependency } from './model/dependency';
+type BitIdNode = Node<ComponentID>;
+type DependencyEdge = Edge<Dependency>;
+export declare class IdGraph extends Graph<ComponentID, Dependency> {
+    constructor(nodes?: BitIdNode[], edges?: DependencyEdge[]);
+}
+export declare function objectListToGraph(objectList: ObjectList): Promise<IdGraph>;
+export declare function bitObjectListToGraph(bitObjectsList: BitObjectList): Promise<IdGraph>;
+export {};

package/dist/{preview-1712805335812.js → preview-1712891953391.js}

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

package/dist/ui/component-node/component-node.d.ts

@@ -0,0 +1,7 @@
+import { CardProps } from '@teambit/base-ui.surfaces.card';
+import { NodeModel } from '../query/node-model';
+export interface IComponentNode extends CardProps {
+    node: NodeModel;
+    type: string;
+}
+export declare function ComponentNode({ node, type, ...rest }: IComponentNode): import("react/jsx-runtime").JSX.Element;

package/dist/ui/component-node/index.d.ts

@@ -0,0 +1,13 @@
+export { ComponentNode } from './component-node';
+export { defaultNodeColor, rootNodeColor, externalNodeColor, root, defaultNode, external } from './variants';
+export declare const styles: {
+    compNode: string;
+    firstRow: string;
+    envIcon: string;
+    breadcrumbs: string;
+    nameLine: string;
+    name: string;
+    version: string;
+    buffs: string;
+    link: string;
+};

package/dist/ui/component-node/variants.d.ts

@@ -0,0 +1,2 @@
+declare const root: string, defaultNode: string, external: string, rootNodeColor: string, defaultNodeColor: string, externalNodeColor: string;
+export { root, defaultNode, external, rootNodeColor, defaultNodeColor, externalNodeColor };

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

@@ -0,0 +1,7 @@
+import { EdgeModel, GraphModel } from '../query';
+import { CompareNodeModel } from './compare-node-model';
+export declare class CompareGraphModel extends GraphModel<CompareNodeModel, EdgeModel> {
+    nodes: CompareNodeModel[];
+    edges: EdgeModel[];
+    constructor(nodes: CompareNodeModel[], edges: EdgeModel[]);
+}

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

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

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

@@ -0,0 +1 @@
+export declare function DependenciesCompare(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CompareNodeModel } from './compare-node-model';
+export type DependencyCompareNodeProps = {
+    node: CompareNodeModel;
+    type?: string;
+};
+export declare function DependencyCompareNode(props: DependencyCompareNodeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ComponentID } from '@teambit/component';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+import { CompareGraphModel } from './compare-graph-model';
+export declare function diffGraph(baseGraph?: GraphModel<NodeModel, EdgeModel>, compareGraph?: GraphModel<NodeModel, EdgeModel>, baseId?: ComponentID): CompareGraphModel | null;

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

@@ -0,0 +1 @@
+export { DependenciesCompare } from './dependencies-compare';

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

@@ -0,0 +1,11 @@
+import { Edge, Node } from 'react-flow-renderer';
+import { ComponentID } from '@teambit/component';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+type ElementsOptions = {
+    rootNode?: ComponentID;
+};
+/**
+ * generate Nodes and Edges for the ReactFlowRenderer graph renderer
+ */
+export declare function calcElements(graph: GraphModel<NodeModel, EdgeModel> | undefined, { rootNode }: ElementsOptions): (Node<any> | Edge<any>)[];
+export {};

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

@@ -0,0 +1,8 @@
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+/**
+ * calculate the specific location of each node in the graph
+ */
+export declare function calcLayout(graph: GraphModel<NodeModel, EdgeModel>): Map<string, {
+    x: number;
+    y: number;
+}>;

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

@@ -0,0 +1,3 @@
+import { EdgeType } from '../../../edge-type';
+export declare function depTypeToClass(depType: string): string | undefined;
+export declare function depTypeToLabel(type: EdgeType): string;

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

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

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

@@ -0,0 +1,11 @@
+import { OnLoadParams, ReactFlowProps } from 'react-flow-renderer';
+import { ComponentID } from '@teambit/component';
+import { ComponentWidgetSlot } from '../../graph.ui.runtime';
+import { EdgeModel, GraphModel, NodeModel } from '../query';
+export type DependenciesGraphProps = {
+    rootNode: ComponentID;
+    graph: GraphModel<NodeModel, EdgeModel>;
+    componentWidgets: ComponentWidgetSlot;
+    onLoad?: (instance: OnLoadParams) => void;
+} & Omit<ReactFlowProps, 'elements'>;
+export declare function DependenciesGraph({ graph, rootNode, componentWidgets, className, onLoad, children, ...rest }: DependenciesGraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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/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/minimap.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+import { ComponentWidgetSlot } from '../../graph.ui.runtime';
+type GraphPageProps = {
+    componentWidgets: ComponentWidgetSlot;
+};
+export declare function GraphPage({ componentWidgets }: GraphPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export { GraphPage } from './graph-page';
+export { GraphFilters } from './graph-filters';
+export declare const styles: {
+    graph: string;
+    filters: string;
+};

package/dist/ui/graph.section.d.ts

@@ -0,0 +1,15 @@
+import { Section } from '@teambit/component';
+import { ComponentWidgetSlot } from '../graph.ui.runtime';
+export declare class GraphSection implements Section {
+    private componentWidgetSlot;
+    constructor(componentWidgetSlot: ComponentWidgetSlot);
+    route: {
+        path: string;
+        element: import("react/jsx-runtime").JSX.Element;
+    };
+    navigationLink: {
+        href: string;
+        children: string;
+    };
+    order: number;
+}

package/dist/ui/query/edge-model.d.ts

@@ -0,0 +1,8 @@
+import { EdgeType } from '../../edge-type';
+import { RawEdge } from './get-graph.query';
+export declare class EdgeModel {
+    sourceId: string;
+    targetId: string;
+    dependencyLifecycleType: EdgeType;
+    static from(rawEdge: RawEdge): EdgeModel;
+}

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

@@ -0,0 +1,32 @@
+import { EdgeType } from '../../edge-type';
+export declare const GET_GRAPH: import("@apollo/client").DocumentNode;
+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/dist/ui/query/graph-model.d.ts

@@ -0,0 +1,9 @@
+import { RawGraph } from './get-graph.query';
+import { NodeModel } from './node-model';
+import { EdgeModel } from './edge-model';
+export declare class GraphModel<N extends NodeModel, E extends EdgeModel> {
+    nodes: N[];
+    edges: E[];
+    constructor(nodes: N[], edges: E[]);
+    static from(rawGraph: RawGraph): GraphModel<NodeModel, EdgeModel>;
+}

package/dist/ui/query/index.d.ts

@@ -0,0 +1,6 @@
+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';
+export { RawGraph } from './get-graph.query';

package/dist/ui/query/node-model.d.ts

@@ -0,0 +1,7 @@
+import { ComponentModel } from '@teambit/component';
+import { RawNode } from './get-graph.query';
+export declare class NodeModel {
+    id: string;
+    component: ComponentModel;
+    static from(rawNode: RawNode): NodeModel;
+}

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

@@ -0,0 +1,8 @@
+import { GraphQlError } from '@teambit/graphql';
+import { GraphModel } from './graph-model';
+/** provides dependencies graph data from graphQL */
+export declare function useGraphQuery(componentId?: string[], filter?: string): {
+    graph: GraphModel<import("./node-model").NodeModel, import("./edge-model").EdgeModel> | undefined;
+    error: GraphQlError | undefined;
+    loading: boolean;
+};

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

@@ -0,0 +1,5 @@
+export declare function useGraph(): {
+    graph: import("./graph-model").GraphModel<import("./node-model").NodeModel, import("./edge-model").EdgeModel> | undefined;
+    error: import("@teambit/graphql").GraphQlError | undefined;
+    loading: boolean;
+};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graph",
-  "version": "1.0.228",
+  "version": "1.0.230",
   "homepage": "https://bit.cloud/teambit/component/graph",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.component",
     "name": "graph",
-    "version": "1.0.228"
+    "version": "1.0.230"
   },
   "dependencies": {
     "graphlib": "2.1.8",
@@ -35,14 +35,14 @@
     "@teambit/ui-foundation.ui.full-loader": "0.0.500",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.505",
     "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
-    "@teambit/component": "1.0.228",
-    "@teambit/cli": "0.0.861",
+    "@teambit/component": "1.0.230",
+    "@teambit/cli": "0.0.862",
     "@teambit/toolbox.string.random": "0.0.1",
     "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.105",
-    "@teambit/graphql": "1.0.228",
-    "@teambit/logger": "0.0.954",
-    "@teambit/component-compare": "1.0.228",
-    "@teambit/ui": "1.0.228",
+    "@teambit/graphql": "1.0.230",
+    "@teambit/logger": "0.0.955",
+    "@teambit/component-compare": "1.0.230",
+    "@teambit/ui": "1.0.230",
     "@teambit/component.modules.component-url": "0.0.167",
     "@teambit/envs.ui.env-icon": "0.0.505",
     "@teambit/component.ui.component-compare.context": "0.0.118"
@@ -55,7 +55,7 @@
     "@types/dagre": "0.7.44",
     "@types/mocha": "9.1.0",
     "chai": "4.3.0",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.30"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.33"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",