elseware-ui 2.19.1 → 2.20.0

package/build/components/data-display/graphs/Graph.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { GraphData } from "./types";
+export interface GraphProps {
+    data: GraphData;
+    layout?: "force" | "grid" | "tree";
+    nodeRenderer?: (node: any) => React.ReactNode;
+    width?: number;
+    height?: number;
+}
+export declare const Graph: ({ data, layout, nodeRenderer, width, height, }: GraphProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/data-display/graphs/GraphEdge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GraphEdgeType, GraphNodeType } from "./types";
+interface Props {
+    edge: GraphEdgeType;
+    nodes: GraphNodeType[];
+}
+declare const GraphEdge: React.FC<Props>;
+export default GraphEdge;

package/build/components/data-display/graphs/GraphNode.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GraphNodeType } from "./types";
+interface Props {
+    node: GraphNodeType;
+    renderCustom?: (node: GraphNodeType) => React.ReactNode;
+}
+declare const GraphNode: React.FC<Props>;
+export default GraphNode;

package/build/components/data-display/graphs/GraphRenderer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { GraphData, GraphNodeType } from "./types";
+interface Props {
+    data: GraphData;
+    layout?: "force" | "grid" | "tree";
+    nodeRenderer?: (node: GraphNodeType) => React.ReactNode;
+    width?: number;
+    height?: number;
+}
+declare const GraphRenderer: React.FC<Props>;
+export default GraphRenderer;

package/build/components/data-display/graphs/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Graph";
+export * from "./GraphEdge";
+export * from "./GraphNode";
+export * from "./GraphRenderer";
+export * from "./types";
+export * from "./layouts";

package/build/components/data-display/graphs/layouts/forceLayout.d.ts

@@ -0,0 +1,3 @@
+import * as d3 from "d3";
+import { GraphNodeType, GraphEdgeType } from "../types";
+export declare const createForceLayout: (nodes: GraphNodeType[], edges: GraphEdgeType[], width: number, height: number) => d3.Simulation<GraphNodeType, undefined>;

package/build/components/data-display/graphs/layouts/gridLayout.d.ts

@@ -0,0 +1 @@
+export declare function createGridLayout(nodes: any[], width: number, height: number): any[];

package/build/components/data-display/graphs/layouts/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./forceLayout";
+export * from "./gridLayout";
+export * from "./treeLayout";

package/build/components/data-display/graphs/layouts/treeLayout.d.ts

@@ -0,0 +1 @@
+export declare function createTreeLayout(nodes: any[], edges: any[], width: number, height: number): any[];

package/build/components/data-display/graphs/types.d.ts

@@ -0,0 +1,27 @@
+export type GraphLayoutType = "force" | "grid" | "tree";
+export interface GraphData {
+    nodes: GraphNodeType[];
+    edges: GraphEdgeType[];
+}
+export interface GraphNodeType {
+    id: string;
+    label?: string;
+    type?: "default" | "avatar" | "custom";
+    data?: any;
+    x?: number;
+    y?: number;
+    vx?: number;
+    vy?: number;
+    fx?: number | null;
+    fy?: number | null;
+    size?: number;
+    color?: string;
+}
+export interface GraphEdgeType {
+    id?: string;
+    source: string | GraphNodeType;
+    target: string | GraphNodeType;
+    label?: string;
+    color?: string;
+    width?: number;
+}

package/build/components/data-display/index.d.ts

@@ -5,6 +5,7 @@ export * from "./brand";
 export * from "./charts";
 export * from "./chip";
 export * from "./flag";
+export * from "./graphs";
 export * from "./image";
 export * from "./info";
 export * from "./lists";