react-cosmos-diagram 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/A11yDescriptions/index.d.ts +3 -0
- package/dist/esm/components/A11yDescriptions/index.d.ts.map +1 -0
- package/dist/esm/components/ConnectionEdge/ConnectionPath.d.ts +13 -0
- package/dist/esm/components/ConnectionEdge/ConnectionPath.d.ts.map +1 -0
- package/dist/esm/components/ConnectionEdge/index.d.ts +8 -0
- package/dist/esm/components/ConnectionEdge/index.d.ts.map +1 -0
- package/dist/esm/components/Edges/Anchor.d.ts +16 -0
- package/dist/esm/components/Edges/Anchor.d.ts.map +1 -0
- package/dist/esm/components/Edges/BaseEdge.d.ts +7 -0
- package/dist/esm/components/Edges/BaseEdge.d.ts.map +1 -0
- package/dist/esm/components/Edges/EdgeLabel.d.ts +6 -0
- package/dist/esm/components/Edges/EdgeLabel.d.ts.map +1 -0
- package/dist/esm/components/Edges/StepEdge.d.ts +25 -0
- package/dist/esm/components/Edges/StepEdge.d.ts.map +1 -0
- package/dist/esm/components/Edges/type.d.ts +91 -0
- package/dist/esm/components/Edges/type.d.ts.map +1 -0
- package/dist/esm/components/Edges/utils.d.ts +7 -0
- package/dist/esm/components/Edges/utils.d.ts.map +1 -0
- package/dist/esm/components/Edges/wrapEdge.d.ts +11 -0
- package/dist/esm/components/Edges/wrapEdge.d.ts.map +1 -0
- package/dist/esm/components/Node/index.d.ts +4 -0
- package/dist/esm/components/Node/index.d.ts.map +1 -0
- package/dist/esm/components/Node/type.d.ts +84 -0
- package/dist/esm/components/Node/type.d.ts.map +1 -0
- package/dist/esm/components/Node/utils.d.ts +18 -0
- package/dist/esm/components/Node/utils.d.ts.map +1 -0
- package/dist/esm/components/Node/wrapNode.d.ts +10 -0
- package/dist/esm/components/Node/wrapNode.d.ts.map +1 -0
- package/dist/esm/components/Port/index.d.ts +9 -0
- package/dist/esm/components/Port/index.d.ts.map +1 -0
- package/dist/esm/components/Port/type.d.ts +12 -0
- package/dist/esm/components/Port/type.d.ts.map +1 -0
- package/dist/esm/components/Port/utils.d.ts +21 -0
- package/dist/esm/components/Port/utils.d.ts.map +1 -0
- package/dist/esm/components/ReactDiagramProvider/index.d.ts +4 -0
- package/dist/esm/components/ReactDiagramProvider/index.d.ts.map +1 -0
- package/dist/esm/components/ReactDiagramProvider/type.d.ts +64 -0
- package/dist/esm/components/ReactDiagramProvider/type.d.ts.map +1 -0
- package/dist/esm/components/StoreUpdater/index.d.ts +7 -0
- package/dist/esm/components/StoreUpdater/index.d.ts.map +1 -0
- package/dist/esm/container/DiagramRenderer/index.d.ts +13 -0
- package/dist/esm/container/DiagramRenderer/index.d.ts.map +1 -0
- package/dist/esm/container/EdgeRenderer/MarkerComponent.d.ts +11 -0
- package/dist/esm/container/EdgeRenderer/MarkerComponent.d.ts.map +1 -0
- package/dist/esm/container/EdgeRenderer/MarkerSymbols.d.ts +8 -0
- package/dist/esm/container/EdgeRenderer/MarkerSymbols.d.ts.map +1 -0
- package/dist/esm/container/EdgeRenderer/index.d.ts +17 -0
- package/dist/esm/container/EdgeRenderer/index.d.ts.map +1 -0
- package/dist/esm/container/EdgeRenderer/type.d.ts +9 -0
- package/dist/esm/container/EdgeRenderer/type.d.ts.map +1 -0
- package/dist/esm/container/EdgeRenderer/utils.d.ts +28 -0
- package/dist/esm/container/EdgeRenderer/utils.d.ts.map +1 -0
- package/dist/esm/container/NodeRenderer/index.d.ts +15 -0
- package/dist/esm/container/NodeRenderer/index.d.ts.map +1 -0
- package/dist/esm/container/NodeRenderer/type.d.ts +9 -0
- package/dist/esm/container/NodeRenderer/type.d.ts.map +1 -0
- package/dist/esm/container/NodeRenderer/utils.d.ts +3 -0
- package/dist/esm/container/NodeRenderer/utils.d.ts.map +1 -0
- package/dist/esm/container/ReactDiagram/DiagramView.d.ts +15 -0
- package/dist/esm/container/ReactDiagram/DiagramView.d.ts.map +1 -0
- package/dist/esm/container/ReactDiagram/Wrapper.d.ts +7 -0
- package/dist/esm/container/ReactDiagram/Wrapper.d.ts.map +1 -0
- package/dist/esm/container/ReactDiagram/index.d.ts +54 -0
- package/dist/esm/container/ReactDiagram/index.d.ts.map +1 -0
- package/dist/esm/container/Viewport/index.d.ts +7 -0
- package/dist/esm/container/Viewport/index.d.ts.map +1 -0
- package/dist/esm/container/ZoomPane/index.d.ts +8 -0
- package/dist/esm/container/ZoomPane/index.d.ts.map +1 -0
- package/dist/esm/contexts/NodeIdContext.d.ts +7 -0
- package/dist/esm/contexts/NodeIdContext.d.ts.map +1 -0
- package/dist/esm/contexts/RFStoreContext.d.ts +5 -0
- package/dist/esm/contexts/RFStoreContext.d.ts.map +1 -0
- package/dist/esm/fixtures/errorMessages.d.ts +11 -0
- package/dist/esm/fixtures/errorMessages.d.ts.map +1 -0
- package/dist/esm/hooks/useDrag/index.d.ts +10 -0
- package/dist/esm/hooks/useDrag/index.d.ts.map +1 -0
- package/dist/esm/hooks/useDrag/type.d.ts +3 -0
- package/dist/esm/hooks/useDrag/type.d.ts.map +1 -0
- package/dist/esm/hooks/useDrag/utils.d.ts +16 -0
- package/dist/esm/hooks/useDrag/utils.d.ts.map +1 -0
- package/dist/esm/hooks/useGetPointerPosition.d.ts +9 -0
- package/dist/esm/hooks/useGetPointerPosition.d.ts.map +1 -0
- package/dist/esm/hooks/useGlobalKeyHandler.d.ts +4 -0
- package/dist/esm/hooks/useGlobalKeyHandler.d.ts.map +1 -0
- package/dist/esm/hooks/useNodeOrEdgeTypes.d.ts +7 -0
- package/dist/esm/hooks/useNodeOrEdgeTypes.d.ts.map +1 -0
- package/dist/esm/hooks/useNodesEdgesState/index.d.ts +8 -0
- package/dist/esm/hooks/useNodesEdgesState/index.d.ts.map +1 -0
- package/dist/esm/hooks/useNodesEdgesState/type.d.ts +49 -0
- package/dist/esm/hooks/useNodesEdgesState/type.d.ts.map +1 -0
- package/dist/esm/hooks/useStore.d.ts +14 -0
- package/dist/esm/hooks/useStore.d.ts.map +1 -0
- package/dist/esm/hooks/useVisibleNodes.d.ts +3 -0
- package/dist/esm/hooks/useVisibleNodes.d.ts.map +1 -0
- package/dist/esm/index.d.ts +14 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +2232 -0
- package/dist/esm/store/index.d.ts +4 -0
- package/dist/esm/store/index.d.ts.map +1 -0
- package/dist/esm/store/initialState.d.ts +6 -0
- package/dist/esm/store/initialState.d.ts.map +1 -0
- package/dist/esm/store/utils.d.ts +18 -0
- package/dist/esm/store/utils.d.ts.map +1 -0
- package/dist/esm/types/core.d.ts +55 -0
- package/dist/esm/types/core.d.ts.map +1 -0
- package/dist/esm/types/general.d.ts +23 -0
- package/dist/esm/types/general.d.ts.map +1 -0
- package/dist/esm/types/index.d.ts +12 -0
- package/dist/esm/types/index.d.ts.map +1 -0
- package/dist/esm/types/utils.d.ts +26 -0
- package/dist/esm/types/utils.d.ts.map +1 -0
- package/dist/esm/utils/changes.d.ts +12 -0
- package/dist/esm/utils/changes.d.ts.map +1 -0
- package/dist/esm/utils/graph.d.ts +13 -0
- package/dist/esm/utils/graph.d.ts.map +1 -0
- package/dist/esm/utils/index.d.ts +22 -0
- package/dist/esm/utils/index.d.ts.map +1 -0
- package/dist/style.css +144 -0
- package/dist/umd/components/A11yDescriptions/index.d.ts +3 -0
- package/dist/umd/components/A11yDescriptions/index.d.ts.map +1 -0
- package/dist/umd/components/ConnectionEdge/ConnectionPath.d.ts +13 -0
- package/dist/umd/components/ConnectionEdge/ConnectionPath.d.ts.map +1 -0
- package/dist/umd/components/ConnectionEdge/index.d.ts +8 -0
- package/dist/umd/components/ConnectionEdge/index.d.ts.map +1 -0
- package/dist/umd/components/Edges/Anchor.d.ts +16 -0
- package/dist/umd/components/Edges/Anchor.d.ts.map +1 -0
- package/dist/umd/components/Edges/BaseEdge.d.ts +7 -0
- package/dist/umd/components/Edges/BaseEdge.d.ts.map +1 -0
- package/dist/umd/components/Edges/EdgeLabel.d.ts +6 -0
- package/dist/umd/components/Edges/EdgeLabel.d.ts.map +1 -0
- package/dist/umd/components/Edges/StepEdge.d.ts +25 -0
- package/dist/umd/components/Edges/StepEdge.d.ts.map +1 -0
- package/dist/umd/components/Edges/type.d.ts +91 -0
- package/dist/umd/components/Edges/type.d.ts.map +1 -0
- package/dist/umd/components/Edges/utils.d.ts +7 -0
- package/dist/umd/components/Edges/utils.d.ts.map +1 -0
- package/dist/umd/components/Edges/wrapEdge.d.ts +11 -0
- package/dist/umd/components/Edges/wrapEdge.d.ts.map +1 -0
- package/dist/umd/components/Node/index.d.ts +4 -0
- package/dist/umd/components/Node/index.d.ts.map +1 -0
- package/dist/umd/components/Node/type.d.ts +84 -0
- package/dist/umd/components/Node/type.d.ts.map +1 -0
- package/dist/umd/components/Node/utils.d.ts +18 -0
- package/dist/umd/components/Node/utils.d.ts.map +1 -0
- package/dist/umd/components/Node/wrapNode.d.ts +10 -0
- package/dist/umd/components/Node/wrapNode.d.ts.map +1 -0
- package/dist/umd/components/Port/index.d.ts +9 -0
- package/dist/umd/components/Port/index.d.ts.map +1 -0
- package/dist/umd/components/Port/type.d.ts +12 -0
- package/dist/umd/components/Port/type.d.ts.map +1 -0
- package/dist/umd/components/Port/utils.d.ts +21 -0
- package/dist/umd/components/Port/utils.d.ts.map +1 -0
- package/dist/umd/components/ReactDiagramProvider/index.d.ts +4 -0
- package/dist/umd/components/ReactDiagramProvider/index.d.ts.map +1 -0
- package/dist/umd/components/ReactDiagramProvider/type.d.ts +64 -0
- package/dist/umd/components/ReactDiagramProvider/type.d.ts.map +1 -0
- package/dist/umd/components/StoreUpdater/index.d.ts +7 -0
- package/dist/umd/components/StoreUpdater/index.d.ts.map +1 -0
- package/dist/umd/container/DiagramRenderer/index.d.ts +13 -0
- package/dist/umd/container/DiagramRenderer/index.d.ts.map +1 -0
- package/dist/umd/container/EdgeRenderer/MarkerComponent.d.ts +11 -0
- package/dist/umd/container/EdgeRenderer/MarkerComponent.d.ts.map +1 -0
- package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts +8 -0
- package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts.map +1 -0
- package/dist/umd/container/EdgeRenderer/index.d.ts +17 -0
- package/dist/umd/container/EdgeRenderer/index.d.ts.map +1 -0
- package/dist/umd/container/EdgeRenderer/type.d.ts +9 -0
- package/dist/umd/container/EdgeRenderer/type.d.ts.map +1 -0
- package/dist/umd/container/EdgeRenderer/utils.d.ts +28 -0
- package/dist/umd/container/EdgeRenderer/utils.d.ts.map +1 -0
- package/dist/umd/container/NodeRenderer/index.d.ts +15 -0
- package/dist/umd/container/NodeRenderer/index.d.ts.map +1 -0
- package/dist/umd/container/NodeRenderer/type.d.ts +9 -0
- package/dist/umd/container/NodeRenderer/type.d.ts.map +1 -0
- package/dist/umd/container/NodeRenderer/utils.d.ts +3 -0
- package/dist/umd/container/NodeRenderer/utils.d.ts.map +1 -0
- package/dist/umd/container/ReactDiagram/DiagramView.d.ts +15 -0
- package/dist/umd/container/ReactDiagram/DiagramView.d.ts.map +1 -0
- package/dist/umd/container/ReactDiagram/Wrapper.d.ts +7 -0
- package/dist/umd/container/ReactDiagram/Wrapper.d.ts.map +1 -0
- package/dist/umd/container/ReactDiagram/index.d.ts +54 -0
- package/dist/umd/container/ReactDiagram/index.d.ts.map +1 -0
- package/dist/umd/container/Viewport/index.d.ts +7 -0
- package/dist/umd/container/Viewport/index.d.ts.map +1 -0
- package/dist/umd/container/ZoomPane/index.d.ts +8 -0
- package/dist/umd/container/ZoomPane/index.d.ts.map +1 -0
- package/dist/umd/contexts/NodeIdContext.d.ts +7 -0
- package/dist/umd/contexts/NodeIdContext.d.ts.map +1 -0
- package/dist/umd/contexts/RFStoreContext.d.ts +5 -0
- package/dist/umd/contexts/RFStoreContext.d.ts.map +1 -0
- package/dist/umd/fixtures/errorMessages.d.ts +11 -0
- package/dist/umd/fixtures/errorMessages.d.ts.map +1 -0
- package/dist/umd/hooks/useDrag/index.d.ts +10 -0
- package/dist/umd/hooks/useDrag/index.d.ts.map +1 -0
- package/dist/umd/hooks/useDrag/type.d.ts +3 -0
- package/dist/umd/hooks/useDrag/type.d.ts.map +1 -0
- package/dist/umd/hooks/useDrag/utils.d.ts +16 -0
- package/dist/umd/hooks/useDrag/utils.d.ts.map +1 -0
- package/dist/umd/hooks/useGetPointerPosition.d.ts +9 -0
- package/dist/umd/hooks/useGetPointerPosition.d.ts.map +1 -0
- package/dist/umd/hooks/useGlobalKeyHandler.d.ts +4 -0
- package/dist/umd/hooks/useGlobalKeyHandler.d.ts.map +1 -0
- package/dist/umd/hooks/useNodeOrEdgeTypes.d.ts +7 -0
- package/dist/umd/hooks/useNodeOrEdgeTypes.d.ts.map +1 -0
- package/dist/umd/hooks/useNodesEdgesState/index.d.ts +8 -0
- package/dist/umd/hooks/useNodesEdgesState/index.d.ts.map +1 -0
- package/dist/umd/hooks/useNodesEdgesState/type.d.ts +49 -0
- package/dist/umd/hooks/useNodesEdgesState/type.d.ts.map +1 -0
- package/dist/umd/hooks/useStore.d.ts +14 -0
- package/dist/umd/hooks/useStore.d.ts.map +1 -0
- package/dist/umd/hooks/useVisibleNodes.d.ts +3 -0
- package/dist/umd/hooks/useVisibleNodes.d.ts.map +1 -0
- package/dist/umd/index.d.ts +14 -0
- package/dist/umd/index.d.ts.map +1 -0
- package/dist/umd/index.js +10 -0
- package/dist/umd/store/index.d.ts +4 -0
- package/dist/umd/store/index.d.ts.map +1 -0
- package/dist/umd/store/initialState.d.ts +6 -0
- package/dist/umd/store/initialState.d.ts.map +1 -0
- package/dist/umd/store/utils.d.ts +18 -0
- package/dist/umd/store/utils.d.ts.map +1 -0
- package/dist/umd/types/core.d.ts +55 -0
- package/dist/umd/types/core.d.ts.map +1 -0
- package/dist/umd/types/general.d.ts +23 -0
- package/dist/umd/types/general.d.ts.map +1 -0
- package/dist/umd/types/index.d.ts +12 -0
- package/dist/umd/types/index.d.ts.map +1 -0
- package/dist/umd/types/utils.d.ts +26 -0
- package/dist/umd/types/utils.d.ts.map +1 -0
- package/dist/umd/utils/changes.d.ts +12 -0
- package/dist/umd/utils/changes.d.ts.map +1 -0
- package/dist/umd/utils/graph.d.ts +13 -0
- package/dist/umd/utils/graph.d.ts.map +1 -0
- package/dist/umd/utils/index.d.ts +22 -0
- package/dist/umd/utils/index.d.ts.map +1 -0
- package/package.json +76 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComponentType, MouseEvent as ReactMouseEvent } from 'react';
|
|
2
|
+
import { ReactDiagramState } from '../../types';
|
|
3
|
+
import { Edge, EdgeProps, WrapEdgeProps } from './type';
|
|
4
|
+
import { StoreApi } from 'zustand';
|
|
5
|
+
export declare function getMouseHandler(id: string, getState: StoreApi<ReactDiagramState>['getState'], handler?: (event: ReactMouseEvent<SVGGElement, MouseEvent>, edge: Edge) => void): ((event: ReactMouseEvent<SVGGElement, MouseEvent>) => void) | undefined;
|
|
6
|
+
declare const wrapEdge: (EdgeComponent: ComponentType<EdgeProps>) => import("react").MemoExoticComponent<{
|
|
7
|
+
(props: WrapEdgeProps): JSX.Element | null;
|
|
8
|
+
displayName: string;
|
|
9
|
+
}>;
|
|
10
|
+
export default wrapEdge;
|
|
11
|
+
//# sourceMappingURL=wrapEdge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wrapEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/wrapEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAU1E,OAAO,EAAwB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CACP,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,EAC/C,IAAI,EAAE,IAAI,KACR,IAAI,YAII,gBAAgB,WAAW,EAAE,UAAU,CAAC,uBAOvD;AAED,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;YAC1B,aAAa,GAAG,WAAW,GAAG,IAAI;;EAoPhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,2CAQjC;AACD,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
|
|
2
|
+
import { internalsSymbol } from '../../utils';
|
|
3
|
+
import { PortElement, Position, XYPosition, CoordinateExtent } from '../../types';
|
|
4
|
+
export type NodePortBounds = {
|
|
5
|
+
source: PortElement[] | null;
|
|
6
|
+
target: PortElement[] | null;
|
|
7
|
+
};
|
|
8
|
+
export type Node<T = any, U extends string | undefined = string | undefined> = {
|
|
9
|
+
id: string;
|
|
10
|
+
position: XYPosition;
|
|
11
|
+
data: T;
|
|
12
|
+
type?: U;
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
className?: string;
|
|
15
|
+
sourcePosition?: Position;
|
|
16
|
+
targetPosition?: Position;
|
|
17
|
+
hidden?: boolean;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
dragging?: boolean;
|
|
20
|
+
draggable?: boolean;
|
|
21
|
+
selectable?: boolean;
|
|
22
|
+
connectable?: boolean;
|
|
23
|
+
deletable?: boolean;
|
|
24
|
+
dragHandle?: string;
|
|
25
|
+
width?: number;
|
|
26
|
+
height?: number;
|
|
27
|
+
parentNode?: string;
|
|
28
|
+
zIndex?: number;
|
|
29
|
+
extent?: 'parent' | CoordinateExtent;
|
|
30
|
+
expandParent?: boolean;
|
|
31
|
+
positionAbsolute?: XYPosition;
|
|
32
|
+
ariaLabel?: string;
|
|
33
|
+
focusable?: boolean;
|
|
34
|
+
resizing?: boolean;
|
|
35
|
+
[internalsSymbol]?: {
|
|
36
|
+
z?: number;
|
|
37
|
+
portBounds?: NodePortBounds;
|
|
38
|
+
isParent?: boolean;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export type NodeOrigin = [number, number];
|
|
42
|
+
export type NodeInternals = Map<string, Node>;
|
|
43
|
+
export type NodeDimensionUpdate = {
|
|
44
|
+
id: string;
|
|
45
|
+
nodeElement: HTMLDivElement;
|
|
46
|
+
forceUpdate?: boolean;
|
|
47
|
+
};
|
|
48
|
+
export type NodeMouseHandler = (event: ReactMouseEvent, node: Node) => void;
|
|
49
|
+
export type WrapNodeProps<T = any> = Pick<Node<T>, 'id' | 'data' | 'style' | 'className' | 'selected' | 'dragHandle' | 'sourcePosition' | 'targetPosition' | 'hidden' | 'ariaLabel' | 'width' | 'height'> & Required<Pick<Node<T>, 'type' | 'zIndex'>> & {
|
|
50
|
+
positionX: number;
|
|
51
|
+
positionY: number;
|
|
52
|
+
initialized: boolean;
|
|
53
|
+
isSelectable: boolean;
|
|
54
|
+
isDraggable: boolean;
|
|
55
|
+
onClick?: NodeMouseHandler;
|
|
56
|
+
onDoubleClick?: NodeMouseHandler;
|
|
57
|
+
onMouseEnter?: NodeMouseHandler;
|
|
58
|
+
onMouseMove?: NodeMouseHandler;
|
|
59
|
+
onMouseLeave?: NodeMouseHandler;
|
|
60
|
+
onContextMenu?: NodeMouseHandler;
|
|
61
|
+
resizeObserver: ResizeObserver | null;
|
|
62
|
+
isParent: boolean;
|
|
63
|
+
rfId: string;
|
|
64
|
+
disableKeyboardA11y: boolean;
|
|
65
|
+
noDragClassName: string;
|
|
66
|
+
noPanClassName: string;
|
|
67
|
+
};
|
|
68
|
+
export type NodeProps<T = any> = Pick<WrapNodeProps<T>, 'id' | 'data' | 'dragHandle' | 'type' | 'selected' | 'positionX' | 'positionY' | 'zIndex' | 'width' | 'height'> & {
|
|
69
|
+
targetPosition?: Position;
|
|
70
|
+
sourcePosition?: Position;
|
|
71
|
+
};
|
|
72
|
+
export type NodeDragItem = {
|
|
73
|
+
id: string;
|
|
74
|
+
position: XYPosition;
|
|
75
|
+
positionAbsolute: XYPosition;
|
|
76
|
+
distance: XYPosition;
|
|
77
|
+
width?: number | null;
|
|
78
|
+
height?: number | null;
|
|
79
|
+
extent?: 'parent' | CoordinateExtent;
|
|
80
|
+
parentNode?: string;
|
|
81
|
+
dragging?: boolean;
|
|
82
|
+
};
|
|
83
|
+
export type NodeDragHandler = (event: ReactMouseEvent, node: Node, nodes: Node[]) => void;
|
|
84
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/type.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MouseEvent, RefObject } from 'react';
|
|
2
|
+
import { StoreApi } from 'zustand';
|
|
3
|
+
import { PortElement } from '../../types';
|
|
4
|
+
import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
|
|
5
|
+
import { Node, NodeOrigin } from './type';
|
|
6
|
+
export declare const getPortBounds: (selector: string, nodeElement: HTMLDivElement, zoom: number, nodeOrigin: NodeOrigin) => PortElement[] | null;
|
|
7
|
+
export declare function getMouseHandler(id: string, getState: StoreApi<ReactDiagramState>['getState'], handler?: (event: MouseEvent, node: Node) => void): ((event: MouseEvent) => void) | undefined;
|
|
8
|
+
export declare function handleNodeClick({ id, store, isSelectable, unselect, nodeRef, }: {
|
|
9
|
+
id: string;
|
|
10
|
+
store: {
|
|
11
|
+
getState: StoreApi<ReactDiagramState>['getState'];
|
|
12
|
+
setState: StoreApi<ReactDiagramState>['setState'];
|
|
13
|
+
};
|
|
14
|
+
isSelectable?: boolean;
|
|
15
|
+
unselect?: boolean;
|
|
16
|
+
nodeRef?: RefObject<HTMLDivElement>;
|
|
17
|
+
}): void;
|
|
18
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,OAAO,EAAE,WAAW,EAAY,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE1C,eAAO,MAAM,aAAa,aACb,MAAM,eACH,cAAc,QACrB,MAAM,6BAEZ,WAAW,EAAE,GAAG,IAyBlB,CAAC;AAEF,wBAAgB,eAAe,CAC5B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,EACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,YAIpC,UAAU,uBAIzB;AAED,wBAAgB,eAAe,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,OAAO,GACT,EAAE;IACA,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;QAClD,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,QAoBA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ComponentType } from 'react';
|
|
2
|
+
import type { XYPosition } from '../../types';
|
|
3
|
+
import { WrapNodeProps, NodeProps } from './type';
|
|
4
|
+
export declare const arrowKeyDiffs: Record<string, XYPosition>;
|
|
5
|
+
declare const wrapNode: (NodeComponent: ComponentType<NodeProps>) => import("react").MemoExoticComponent<{
|
|
6
|
+
({ id, type, data, positionX, positionY, sourcePosition, targetPosition, onClick, onMouseEnter, onMouseMove, onMouseLeave, onContextMenu, onDoubleClick, style, className, selected, isSelectable, isDraggable, hidden, resizeObserver, dragHandle, zIndex, isParent, initialized, disableKeyboardA11y, ariaLabel, rfId, noDragClassName, noPanClassName, }: WrapNodeProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
displayName: string;
|
|
8
|
+
}>;
|
|
9
|
+
export default wrapNode;
|
|
10
|
+
//# sourceMappingURL=wrapNode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wrapNode.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Node/wrapNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,aAAa,EAAc,MAAM,OAAO,CAAC;AAYtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKpD,CAAC;AAEF,QAAA,MAAM,QAAQ,kBAAmB,cAAc,SAAS,CAAC;iWAsCnD,aAAa;;EA6IlB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PortProps } from './type';
|
|
3
|
+
declare function Port({ type, position }: PortProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
declare namespace Port {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import("react").MemoExoticComponent<typeof Port>;
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,SAAS,kDA4C1C;kBA5CQ,IAAI;;;;AAgDb,wBAA0B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { XYPosition, Position, Dimensions } from '../../types';
|
|
2
|
+
export type PortType = 'source' | 'target';
|
|
3
|
+
export interface PortElement extends XYPosition, Dimensions {
|
|
4
|
+
id?: string | null;
|
|
5
|
+
position: Position;
|
|
6
|
+
}
|
|
7
|
+
export interface PortProps {
|
|
8
|
+
id?: string;
|
|
9
|
+
type: PortType;
|
|
10
|
+
position: Position;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,WAAY,SAAQ,UAAU,EAAE,UAAU;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;CACrB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
|
|
2
|
+
import { StoreApi } from 'zustand';
|
|
3
|
+
import { OnConnect, PortType, ReactDiagramState } from '../../types';
|
|
4
|
+
export type ConnectionPort = {
|
|
5
|
+
type: PortType;
|
|
6
|
+
nodeId: string;
|
|
7
|
+
x: number;
|
|
8
|
+
y: number;
|
|
9
|
+
};
|
|
10
|
+
export declare const getHostForElement: (element: HTMLElement) => Document | ShadowRoot;
|
|
11
|
+
export declare const handlePointerDown: ({ isAnchor, event, nodeId, portType, getState, setState, onConnect, onEdgeUpdateEnd, }: {
|
|
12
|
+
isAnchor?: boolean | undefined;
|
|
13
|
+
event: ReactMouseEvent | ReactTouchEvent;
|
|
14
|
+
nodeId: string;
|
|
15
|
+
portType: PortType;
|
|
16
|
+
getState: StoreApi<ReactDiagramState>['getState'];
|
|
17
|
+
setState: StoreApi<ReactDiagramState>['setState'];
|
|
18
|
+
onConnect: OnConnect;
|
|
19
|
+
onEdgeUpdateEnd?: ((evt: MouseEvent | TouchEvent) => void) | undefined;
|
|
20
|
+
}) => void;
|
|
21
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Port/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC,OAAO,EAIJ,SAAS,EACT,QAAQ,EACR,iBAAiB,EAEnB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,cAAc,GAAG;IAE1B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAaF,eAAO,MAAM,iBAAiB,YAClB,WAAW,KACpB,QAAQ,GAAG,UAC2D,CAAC;AAgI1E,eAAO,MAAM,iBAAiB;;WAWpB,eAAe,GAAG,eAAe;YAChC,MAAM;cACJ,QAAQ;cACR,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;cACvC,SAAS,iBAAiB,CAAC,CAAC,UAAU,CAAC;eACtC,SAAS;6BACI,UAAU,GAAG,UAAU,KAAK,IAAI;MACvD,IAmHH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAQxD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { ZoomBehavior, Selection as D3Selection } from 'd3';
|
|
2
|
+
import { Transform, GridStep, CoordinateExtent, OnError, XYPosition, PortType, OnConnect, OnConnectStart, OnConnectEnd } from '../../types';
|
|
3
|
+
import { NodeChange, OnNodesChange, OnEdgesChange } from '../../hooks/useNodesEdgesState/type';
|
|
4
|
+
import { Node, NodeInternals, NodeOrigin, NodeDragHandler, NodeDragItem, NodeDimensionUpdate } from '../../components/Node/type';
|
|
5
|
+
import { DefaultEdgeOptions, Edge } from '../../components/Edges/type';
|
|
6
|
+
export type UnSelectNodesParams = {
|
|
7
|
+
nodes?: Node[];
|
|
8
|
+
};
|
|
9
|
+
export type ReactDiagramStore = {
|
|
10
|
+
rfId: string;
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
transform: Transform;
|
|
14
|
+
nodeInternals: NodeInternals;
|
|
15
|
+
edges: Edge[];
|
|
16
|
+
defaultEdgeOptions?: DefaultEdgeOptions;
|
|
17
|
+
domNode: HTMLDivElement | null;
|
|
18
|
+
nodeOrigin: NodeOrigin;
|
|
19
|
+
gridStep?: GridStep;
|
|
20
|
+
nodesSelectionActive: boolean;
|
|
21
|
+
elevateNodesOnSelect: boolean;
|
|
22
|
+
nodesDraggable: boolean;
|
|
23
|
+
multiSelectionActive: boolean;
|
|
24
|
+
elementsSelectable: boolean;
|
|
25
|
+
d3Zoom: ZoomBehavior<Element, unknown> | null;
|
|
26
|
+
d3Selection: D3Selection<Element, unknown, null, undefined> | null;
|
|
27
|
+
minZoom: number;
|
|
28
|
+
maxZoom: number;
|
|
29
|
+
onError?: OnError;
|
|
30
|
+
onNodesChange: OnNodesChange | null;
|
|
31
|
+
onNodeDragStart?: NodeDragHandler;
|
|
32
|
+
onNodeDrag?: NodeDragHandler;
|
|
33
|
+
onNodeDragEnd?: NodeDragHandler;
|
|
34
|
+
onEdgesChange?: OnEdgesChange;
|
|
35
|
+
connectionPosition: XYPosition;
|
|
36
|
+
connectionNodeId: string | null;
|
|
37
|
+
connectionPortType: PortType | null;
|
|
38
|
+
onConnect?: OnConnect;
|
|
39
|
+
onConnectStart?: OnConnectStart;
|
|
40
|
+
onConnectEnd?: OnConnectEnd;
|
|
41
|
+
autoPanOnNodeDrag: boolean;
|
|
42
|
+
autoPanOnConnect: boolean;
|
|
43
|
+
nodeExtent: CoordinateExtent;
|
|
44
|
+
translateExtent: CoordinateExtent;
|
|
45
|
+
};
|
|
46
|
+
export type ReactDiagramActions = {
|
|
47
|
+
setNodes: (nodes: Node[]) => void;
|
|
48
|
+
getNodes: () => Node[];
|
|
49
|
+
addSelectedNodes: (nodeIds: string[]) => void;
|
|
50
|
+
unselectNodes: (params?: UnSelectNodesParams) => void;
|
|
51
|
+
resetSelectedElements: () => void;
|
|
52
|
+
setEdges: (edges: Edge[]) => void;
|
|
53
|
+
updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
|
|
54
|
+
updateNodePositions: (nodeDragItems: NodeDragItem[] | Node[], positionChanged: boolean, dragging: boolean) => void;
|
|
55
|
+
triggerNodeChanges: (changes: NodeChange[]) => void;
|
|
56
|
+
cancelConnection: () => void;
|
|
57
|
+
panBy: (delta: XYPosition) => void;
|
|
58
|
+
setNodeExtent: (nodeExtent: CoordinateExtent) => void;
|
|
59
|
+
setTranslateExtent: (translateExtent: CoordinateExtent) => void;
|
|
60
|
+
setMinZoom: (minZoom: number) => void;
|
|
61
|
+
setMaxZoom: (minZoom: number) => void;
|
|
62
|
+
};
|
|
63
|
+
export type ReactDiagramState = ReactDiagramStore & ReactDiagramActions;
|
|
64
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ReactDiagramProvider/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC;AAE5D,OAAO,EACJ,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACd,MAAM,aAAa,CAAC;AAErB,OAAO,EACJ,UAAU,EACV,aAAa,EACb,aAAa,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACJ,IAAI,EACJ,aAAa,EACb,UAAU,EACV,eAAe,EACf,YAAY,EACZ,mBAAmB,EACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG;IAC/B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IAExB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAE5B,MAAM,EAAE,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,kBAAkB,EAAE,UAAU,CAAC;IAC/B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,kBAAkB,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,eAAe,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAC;IACvB,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAElC,oBAAoB,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CAClB,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EACtC,eAAe,EAAE,OAAO,EACxB,QAAQ,EAAE,OAAO,KACf,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAEpD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEnC,aAAa,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactDiagramProps } from '../../types';
|
|
2
|
+
export type StoreUpdaterProps = Pick<ReactDiagramProps, 'nodes' | 'onNodesChange' | 'onNodeDrag' | 'onNodeDragStart' | 'onNodeDragEnd' | 'edges' | 'onEdgesChange' | 'gridStep' | 'elevateNodesOnSelect' | 'nodesDraggable' | 'autoPanOnNodeDrag' | 'autoPanOnConnect' | 'onConnect' | 'onConnectStart' | 'onConnectEnd' | 'onError' | 'nodeExtent' | 'translateExtent' | 'minZoom' | 'maxZoom'> & {
|
|
3
|
+
rfId: string;
|
|
4
|
+
};
|
|
5
|
+
declare const StoreUpdater: ({ nodes, onNodesChange, onNodeDrag, onNodeDragStart, onNodeDragEnd, edges, onEdgesChange, gridStep, elevateNodesOnSelect, nodesDraggable, autoPanOnNodeDrag, autoPanOnConnect, onConnect, onConnectStart, onConnectEnd, onError, nodeExtent, translateExtent, minZoom, maxZoom, }: StoreUpdaterProps) => null;
|
|
6
|
+
export default StoreUpdater;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/StoreUpdater/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAoB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQlE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACjC,iBAAiB,EACf,OAAO,GACP,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,OAAO,GACP,eAAe,GACf,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,SAAS,CACb,GAAG;IACD,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AA6CF,QAAA,MAAM,YAAY,sRAqBf,iBAAiB,SAgDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { KeyCode } from '../../hooks/useGlobalKeyHandler';
|
|
3
|
+
import { ZoomPaneProps } from '../../container/ZoomPane';
|
|
4
|
+
export type DiagramRendererProps = Omit<ZoomPaneProps, 'translateExtent' | 'minZoom' | 'maxZoom'> & {
|
|
5
|
+
multiSelectionKeyCode?: KeyCode;
|
|
6
|
+
};
|
|
7
|
+
declare function DiagramRenderer({ children, multiSelectionKeyCode, noPanClassName, panning, defaultViewport, onMove, onMoveStart, onMoveEnd, }: DiagramRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare namespace DiagramRenderer {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import("react").MemoExoticComponent<typeof DiagramRenderer>;
|
|
12
|
+
export default _default;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/DiagramRenderer/index.tsx"],"names":[],"mappings":";AAGA,OAA4B,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAK/E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACpC,aAAa,EACb,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAC3C,GAAG;IACD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAWF,iBAAS,eAAe,CAAC,EACtB,QAAQ,EACR,qBAAqB,EACrB,cAAc,EACd,OAAO,EACP,eAAe,EACf,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,oBAAoB,2CAoBtB;kBA7BQ,eAAe;;;;AAiCxB,wBAAqC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type MarkerComponentProps = {
|
|
3
|
+
defaultColor: string;
|
|
4
|
+
rfId?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("react").MemoExoticComponent<{
|
|
7
|
+
({ defaultColor, rfId }: MarkerComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
}>;
|
|
10
|
+
export default _default;
|
|
11
|
+
//# sourceMappingURL=MarkerComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarkerComponent.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/MarkerComponent.tsx"],"names":[],"mappings":";AAcA,KAAK,oBAAoB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;;;;AA2FF,wBAAqC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { MarkerType, EdgeMarker } from '../../components/Edges/type';
|
|
2
|
+
type SymbolProps = Omit<EdgeMarker, 'type'>;
|
|
3
|
+
export declare const MarkerSymbols: {
|
|
4
|
+
arrow: ({ color, strokeWidth }: SymbolProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export declare function useMarkerSymbol(type: MarkerType): (({ color, strokeWidth }: SymbolProps) => import("react/jsx-runtime").JSX.Element) | null;
|
|
7
|
+
export default MarkerSymbols;
|
|
8
|
+
//# sourceMappingURL=MarkerSymbols.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarkerSymbols.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/MarkerSymbols.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAIrE,KAAK,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAa5C,eAAO,MAAM,aAAa;oCAXgC,WAAW;CAapE,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,6FAmB/C;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { ReactDiagramState } from '../../components/ReactDiagramProvider/type';
|
|
3
|
+
import { ReactDiagramProps } from '../../types';
|
|
4
|
+
import { EdgeTypesWrapped } from './type';
|
|
5
|
+
type GraphViewEdgeProps = Pick<ReactDiagramState, 'rfId'> & Pick<ReactDiagramProps, 'onEdgeClick' | 'onEdgeDoubleClick' | 'onEdgeContextMenu' | 'onEdgeMouseEnter' | 'onEdgeMouseMove' | 'onEdgeMouseLeave' | 'onEdgeUpdate' | 'onEdgeUpdateStart' | 'onEdgeUpdateEnd'>;
|
|
6
|
+
type RequiredProps = Required<Pick<ReactDiagramProps, 'noPanClassName'>>;
|
|
7
|
+
type EdgeRendererProps = GraphViewEdgeProps & RequiredProps & {
|
|
8
|
+
edgeTypes: EdgeTypesWrapped;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
declare function EdgeRenderer({ rfId, edgeTypes, children, noPanClassName, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare namespace EdgeRenderer {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: import("react").MemoExoticComponent<typeof EdgeRenderer>;
|
|
16
|
+
export default _default;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GACtD,IAAI,CACD,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,iBAAiB,CACrB,CAAC;AAEL,KAAK,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzE,KAAK,iBAAiB,GAAG,kBAAkB,GACxC,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAUL,iBAAS,YAAY,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,iBAAiB,2CAkJnB;kBAhKQ,YAAY;;;;AAoKrB,wBAAkC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentType, MemoExoticComponent } from 'react';
|
|
2
|
+
import { WrapEdgeProps, EdgeProps } from '../../components/Edges/type';
|
|
3
|
+
export type EdgeTypes = {
|
|
4
|
+
[key: string]: ComponentType<EdgeProps>;
|
|
5
|
+
};
|
|
6
|
+
export type EdgeTypesWrapped = {
|
|
7
|
+
[key: string]: MemoExoticComponent<ComponentType<WrapEdgeProps>>;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CACnE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { PortElement, Rect, Transform, Position, XYPosition } from '../../types';
|
|
2
|
+
import { Node, NodePortBounds } from '../../components/Node/type';
|
|
3
|
+
import { EdgeTypes, EdgeTypesWrapped } from './type';
|
|
4
|
+
export declare function createEdgeTypes(edgeTypes: EdgeTypes): EdgeTypesWrapped;
|
|
5
|
+
export declare function getPortPosition(position: Position, nodeRect: Rect, port?: PortElement | null): XYPosition;
|
|
6
|
+
export declare function getPort(bounds: PortElement[], portId?: string | null): PortElement | null;
|
|
7
|
+
interface EdgePositions {
|
|
8
|
+
sourceX: number;
|
|
9
|
+
sourceY: number;
|
|
10
|
+
targetX: number;
|
|
11
|
+
targetY: number;
|
|
12
|
+
}
|
|
13
|
+
export declare const getEdgePositions: (sourceNodeRect: Rect, sourcePort: PortElement, sourcePosition: Position, targetNodeRect: Rect, targetPort: PortElement, targetPosition: Position) => EdgePositions;
|
|
14
|
+
interface IsEdgeVisibleParams {
|
|
15
|
+
sourcePos: XYPosition;
|
|
16
|
+
targetPos: XYPosition;
|
|
17
|
+
sourceWidth: number;
|
|
18
|
+
sourceHeight: number;
|
|
19
|
+
targetWidth: number;
|
|
20
|
+
targetHeight: number;
|
|
21
|
+
width: number;
|
|
22
|
+
height: number;
|
|
23
|
+
transform: Transform;
|
|
24
|
+
}
|
|
25
|
+
export declare function isEdgeVisible({ sourcePos, targetPos, sourceWidth, sourceHeight, targetWidth, targetHeight, width, height, transform, }: IsEdgeVisibleParams): boolean;
|
|
26
|
+
export declare function getNodeData(node?: Node): [Rect, NodePortBounds | null, boolean];
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/EdgeRenderer/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EACJ,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACZ,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,gBAAgB,CAoBtE;AAED,wBAAgB,eAAe,CAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,GAAE,WAAW,GAAG,IAAW,GAC/B,UAAU,CA4BZ;AAED,wBAAgB,OAAO,CACpB,MAAM,EAAE,WAAW,EAAE,EACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,WAAW,GAAG,IAAI,CAYpB;AAED,UAAU,aAAa;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,mBACV,IAAI,cACR,WAAW,kBACP,QAAQ,kBACR,IAAI,cACR,WAAW,kBACP,QAAQ,KACxB,aAkBF,CAAC;AAEF,UAAU,mBAAmB;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACX,EAAE,mBAAmB,GAAG,OAAO,CAkC/B;AAED,wBAAgB,WAAW,CACxB,IAAI,CAAC,EAAE,IAAI,GACX,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,OAAO,CAAC,CAoBxC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ReactDiagramProps } from '../../types';
|
|
3
|
+
import { NodeTypesWrapped } from './type';
|
|
4
|
+
type RequiredProps = Required<Pick<ReactDiagramProps, 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'nodeOrigin' | 'noDragClassName' | 'noPanClassName'>>;
|
|
5
|
+
type NodeRendererProps = Pick<ReactDiagramProps, 'onNodeClick' | 'onNodeDoubleClick' | 'onNodeMouseEnter' | 'onNodeMouseMove' | 'onNodeMouseLeave' | 'onNodeContextMenu'> & RequiredProps & {
|
|
6
|
+
nodeTypes: NodeTypesWrapped;
|
|
7
|
+
rfId: string;
|
|
8
|
+
};
|
|
9
|
+
declare function NodeRenderer({ nodeTypes, onNodeClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDoubleClick, ...props }: NodeRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace NodeRenderer {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import("react").MemoExoticComponent<typeof NodeRenderer>;
|
|
14
|
+
export default _default;
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,aAAa,GAAG,QAAQ,CAC1B,IAAI,CACD,iBAAiB,EACf,2BAA2B,GAC3B,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,gBAAgB,CACpB,CACH,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC1B,iBAAiB,EACf,aAAa,GACb,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,CACvB,GACE,aAAa,GAAG;IACb,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AASL,iBAAS,YAAY,CAAC,EACnB,SAAS,EAET,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACV,EAAE,iBAAiB,2CA+HnB;kBAzIQ,YAAY;;;;AA6IrB,wBAAkC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentType, MemoExoticComponent } from 'react';
|
|
2
|
+
import { WrapNodeProps, NodeProps } from '../../components/Node/type';
|
|
3
|
+
export type NodeTypes = {
|
|
4
|
+
[key: string]: ComponentType<NodeProps>;
|
|
5
|
+
};
|
|
6
|
+
export type NodeTypesWrapped = {
|
|
7
|
+
[key: string]: MemoExoticComponent<ComponentType<WrapNodeProps>>;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,gBAAgB,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CACnE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/NodeRenderer/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,gBAAgB,CAsBtE"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ReactDiagramProps, NodeTypesWrapped, EdgeTypesWrapped } from '../../types';
|
|
3
|
+
export type ReactDiagramCommonProps = Omit<ReactDiagramProps, 'nodes' | 'edges' | 'nodeTypes' | 'edgeTypes'>;
|
|
4
|
+
export type DiagramViewProps = ReactDiagramCommonProps & Required<Pick<ReactDiagramProps, 'panning' | 'defaultViewport' | 'onlyRenderVisibleElements' | 'disableKeyboardA11y' | 'noDragClassName' | 'noPanClassName' | 'nodeOrigin'>> & {
|
|
5
|
+
nodeTypes: NodeTypesWrapped;
|
|
6
|
+
edgeTypes: EdgeTypesWrapped;
|
|
7
|
+
rfId: string;
|
|
8
|
+
};
|
|
9
|
+
declare function DiagramView({ rfId, noPanClassName, panning, defaultViewport, multiSelectionKeyCode, onMove, onMoveStart, onMoveEnd, onlyRenderVisibleElements, disableKeyboardA11y, noDragClassName, nodeOrigin, nodeTypes, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, edgeTypes, onEdgeClick, onEdgeDoubleClick, onEdgeContextMenu, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, onEdgeUpdate, onEdgeUpdateStart, onEdgeUpdateEnd, }: DiagramViewProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace DiagramView {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import("react").MemoExoticComponent<typeof DiagramView>;
|
|
14
|
+
export default _default;
|
|
15
|
+
//# sourceMappingURL=DiagramView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiagramView.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/DiagramView.tsx"],"names":[],"mappings":";AAMA,OAAO,EACJ,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAClB,MAAM,aAAa,CAAC;AAGrB,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACnD,QAAQ,CACL,IAAI,CACD,iBAAiB,EACf,SAAS,GACT,iBAAiB,GACjB,2BAA2B,GAC3B,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,CAChB,CACH,GAAG;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEL,iBAAS,WAAW,CAAC,EAClB,IAAI,EAIJ,cAAc,EACd,OAAO,EAEP,eAAe,EAEf,qBAAqB,EAErB,MAAM,EACN,WAAW,EACX,SAAS,EAGT,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAGhB,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,eAAe,GACjB,EAAE,gBAAgB,2CA6ClB;kBArFQ,WAAW;;;;AAyFpB,wBAAiC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
declare function Wrapper({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare namespace Wrapper {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export default Wrapper;
|
|
7
|
+
//# sourceMappingURL=Wrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQ/C;kBARQ,OAAO;;;AAYhB,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Viewport, NodeOrigin, NodeTypes, EdgeTypes } from '../../types';
|
|
3
|
+
declare const ReactDiagram: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
onlyRenderVisibleElements?: boolean | undefined;
|
|
5
|
+
disableKeyboardA11y?: boolean | undefined;
|
|
6
|
+
nodeExtent?: import("../../types").CoordinateExtent | undefined;
|
|
7
|
+
nodeOrigin?: NodeOrigin | undefined;
|
|
8
|
+
gridStep?: import("../../types").GridStep | undefined;
|
|
9
|
+
elevateNodesOnSelect?: boolean | undefined;
|
|
10
|
+
nodes?: import("../../types").Node<any, string | undefined>[] | undefined;
|
|
11
|
+
nodeTypes?: NodeTypes | undefined;
|
|
12
|
+
edges?: import("../../types").Edge<any>[] | undefined;
|
|
13
|
+
edgeTypes?: EdgeTypes | undefined;
|
|
14
|
+
onNodesChange?: import("../../types").OnNodesChange | undefined;
|
|
15
|
+
onNodeClick?: import("../../types").NodeMouseHandler | undefined;
|
|
16
|
+
onNodeDoubleClick?: import("../../types").NodeMouseHandler | undefined;
|
|
17
|
+
onNodeContextMenu?: import("../../types").NodeMouseHandler | undefined;
|
|
18
|
+
onNodeMouseEnter?: import("../../types").NodeMouseHandler | undefined;
|
|
19
|
+
onNodeMouseMove?: import("../../types").NodeMouseHandler | undefined;
|
|
20
|
+
onNodeMouseLeave?: import("../../types").NodeMouseHandler | undefined;
|
|
21
|
+
onNodeDragStart?: import("../../types").NodeDragHandler | undefined;
|
|
22
|
+
onNodeDrag?: import("../../types").NodeDragHandler | undefined;
|
|
23
|
+
onNodeDragEnd?: import("../../types").NodeDragHandler | undefined;
|
|
24
|
+
onEdgesChange?: import("../../types").OnEdgesChange | undefined;
|
|
25
|
+
onEdgeClick?: ((event: import("react").MouseEvent<Element, MouseEvent>, node: import("../../types").Edge<any>) => void) | undefined;
|
|
26
|
+
onEdgeDoubleClick?: import("../../types").EdgeMouseHandler | undefined;
|
|
27
|
+
onEdgeContextMenu?: import("../../types").EdgeMouseHandler | undefined;
|
|
28
|
+
onEdgeMouseEnter?: import("../../types").EdgeMouseHandler | undefined;
|
|
29
|
+
onEdgeMouseMove?: import("../../types").EdgeMouseHandler | undefined;
|
|
30
|
+
onEdgeMouseLeave?: import("../../types").EdgeMouseHandler | undefined;
|
|
31
|
+
onEdgeUpdate?: import("../../types").OnEdgeUpdateFunc<any> | undefined;
|
|
32
|
+
onEdgeUpdateStart?: ((event: import("react").MouseEvent<Element, MouseEvent>, edge: import("../../types").Edge<any>, portType: import("../../types").PortType) => void) | undefined;
|
|
33
|
+
onEdgeUpdateEnd?: ((event: MouseEvent | TouchEvent, edge: import("../../types").Edge<any>, portType: import("../../types").PortType) => void) | undefined;
|
|
34
|
+
onConnect?: import("../../types").OnConnect | undefined;
|
|
35
|
+
onConnectStart?: import("../../types").OnConnectStart | undefined;
|
|
36
|
+
onConnectEnd?: import("../../types").OnConnectEnd | undefined;
|
|
37
|
+
onMove?: import("../../types").OnMove | undefined;
|
|
38
|
+
onMoveStart?: import("../../types").OnMove | undefined;
|
|
39
|
+
onMoveEnd?: import("../../types").OnMove | undefined;
|
|
40
|
+
onError?: import("../../types").OnError | undefined;
|
|
41
|
+
minZoom?: number | undefined;
|
|
42
|
+
maxZoom?: number | undefined;
|
|
43
|
+
defaultViewport?: Viewport | undefined;
|
|
44
|
+
translateExtent?: import("../../types").CoordinateExtent | undefined;
|
|
45
|
+
multiSelectionKeyCode?: import("../../hooks/useGlobalKeyHandler").KeyCode | undefined;
|
|
46
|
+
nodesDraggable?: boolean | undefined;
|
|
47
|
+
noDragClassName?: string | undefined;
|
|
48
|
+
noPanClassName?: string | undefined;
|
|
49
|
+
panning?: boolean | undefined;
|
|
50
|
+
autoPanOnNodeDrag?: boolean | undefined;
|
|
51
|
+
autoPanOnConnect?: boolean | undefined;
|
|
52
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
53
|
+
export default ReactDiagram;
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ReactDiagram/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAGJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACX,MAAM,aAAa,CAAC;AAarB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAkIjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/Viewport/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,KAAK,aAAa,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAW5C;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { ReactDiagramProps } from '../../types';
|
|
3
|
+
export type ZoomPaneProps = Required<Pick<ReactDiagramProps, 'noPanClassName' | 'panning' | 'minZoom' | 'maxZoom' | 'defaultViewport' | 'translateExtent'> & {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}> & Pick<ReactDiagramProps, 'onMove' | 'onMoveStart' | 'onMoveEnd'>;
|
|
6
|
+
declare function ZoomPane({ noPanClassName, panning, minZoom, maxZoom, defaultViewport, translateExtent, children, onMove, onMoveStart, onMoveEnd, }: ZoomPaneProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default ZoomPane;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/container/ZoomPane/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAatE,OAAO,EAAE,iBAAiB,EAA8B,MAAM,aAAa,CAAC;AAG5E,MAAM,MAAM,aAAa,GAAG,QAAQ,CACjC,IAAI,CACD,iBAAiB,EACf,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,iBAAiB,CACrB,GAAG;IACD,QAAQ,EAAE,SAAS,CAAC;CACtB,CACH,GACE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AA4BnE,iBAAS,QAAQ,CAAC,EACf,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,eAAe,EACf,eAAe,EACf,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACX,EAAE,aAAa,2CA2Kf;AAED,eAAe,QAAQ,CAAC"}
|