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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/store/index.ts"],"names":[],"mappings":"AA4BA,OAAO,EACJ,iBAAiB,EAEnB,MAAM,yCAAyC,CAAC;AAGjD,QAAA,MAAM,aAAa,qDA8Ob,CAAC;AAEP,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CoordinateExtent } from '../types';
|
|
2
|
+
import { ReactDiagramStore } from '../components/ReactDiagramProvider/type';
|
|
3
|
+
export declare const infiniteExtent: CoordinateExtent;
|
|
4
|
+
declare const initialState: ReactDiagramStore;
|
|
5
|
+
export default initialState;
|
|
6
|
+
//# sourceMappingURL=initialState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initialState.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/store/initialState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,eAAO,MAAM,cAAc,EAAE,gBAG5B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,iBAiCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoreApi } from 'zustand';
|
|
2
|
+
import { NodeSelectionChange, EdgeSelectionChange } from '../hooks/useNodesEdgesState/type';
|
|
3
|
+
import { ReactDiagramState } from '../components/ReactDiagramProvider/type';
|
|
4
|
+
import { Node, NodeOrigin, NodeInternals } from '../components/Node/type';
|
|
5
|
+
import { Edge } from '../components/Edges/type';
|
|
6
|
+
type ParentNodes = Record<string, boolean>;
|
|
7
|
+
type UpdateNodesParams = {
|
|
8
|
+
changedNodes: NodeSelectionChange[] | null;
|
|
9
|
+
get: StoreApi<ReactDiagramState>['getState'];
|
|
10
|
+
set: StoreApi<ReactDiagramState>['setState'];
|
|
11
|
+
};
|
|
12
|
+
export declare function updateAbsoluteNodePositions(nodeInternals: NodeInternals, nodeOrigin: NodeOrigin, parentNodes?: ParentNodes): void;
|
|
13
|
+
export declare function createNodeInternals(nodes: Node[], nodeInternals: NodeInternals, nodeOrigin: NodeOrigin, elevateNodesOnSelect: boolean): NodeInternals;
|
|
14
|
+
export declare function handleControlledNodeSelectionChange(nodeChanges: NodeSelectionChange[], nodeInternals: NodeInternals): Map<string, Node<any, string | undefined>>;
|
|
15
|
+
export declare function handleControlledEdgeSelectionChange(edgeChanges: EdgeSelectionChange[], edges: Edge[]): Edge<any>[];
|
|
16
|
+
export declare function updateNodesSelections({ changedNodes, get, }: UpdateNodesParams): void;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/store/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOnC,OAAO,EACJ,mBAAmB,EACnB,mBAAmB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3C,KAAK,iBAAiB,GAAG;IACtB,YAAY,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IAC3C,GAAG,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7C,GAAG,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC;CAC/C,CAAC;AA6BF,wBAAgB,2BAA2B,CACxC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,WAAW,CAAC,EAAE,WAAW,QA6B3B;AAED,wBAAgB,mBAAmB,CAChC,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,OAAO,GAC7B,aAAa,CAwCf;AAED,wBAAgB,mCAAmC,CAChD,WAAW,EAAE,mBAAmB,EAAE,EAClC,aAAa,EAAE,aAAa,8CAc9B;AAED,wBAAgB,mCAAmC,CAChD,WAAW,EAAE,mBAAmB,EAAE,EAClC,KAAK,EAAE,IAAI,EAAE,eASf;AAED,wBAAgB,qBAAqB,CAAC,EACnC,YAAY,EACZ,GAAG,GACL,EAAE,iBAAiB,QAMnB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { HTMLAttributes, MouseEvent as ReactMouseEvent } from 'react';
|
|
2
|
+
import { CoordinateExtent, EdgeTypes, GridStep, Viewport, Node, NodeOrigin, NodeMouseHandler, NodeDragHandler, NodeTypes, Edge, OnNodesChange, OnEdgesChange, OnConnect, OnConnectStart, OnConnectEnd, OnEdgeUpdateFunc, PortType, OnMove, EdgeMouseHandler, OnError } from '.';
|
|
3
|
+
import { KeyCode } from '../hooks/useGlobalKeyHandler';
|
|
4
|
+
export type ReactDiagramProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
onlyRenderVisibleElements?: boolean;
|
|
6
|
+
disableKeyboardA11y?: boolean;
|
|
7
|
+
nodeExtent?: CoordinateExtent;
|
|
8
|
+
nodeOrigin?: NodeOrigin;
|
|
9
|
+
gridStep?: GridStep;
|
|
10
|
+
elevateNodesOnSelect?: boolean;
|
|
11
|
+
nodes?: Node[];
|
|
12
|
+
nodeTypes?: NodeTypes;
|
|
13
|
+
edges?: Edge[];
|
|
14
|
+
edgeTypes?: EdgeTypes;
|
|
15
|
+
onNodesChange?: OnNodesChange;
|
|
16
|
+
onNodeClick?: NodeMouseHandler;
|
|
17
|
+
onNodeDoubleClick?: NodeMouseHandler;
|
|
18
|
+
onNodeContextMenu?: NodeMouseHandler;
|
|
19
|
+
onNodeMouseEnter?: NodeMouseHandler;
|
|
20
|
+
onNodeMouseMove?: NodeMouseHandler;
|
|
21
|
+
onNodeMouseLeave?: NodeMouseHandler;
|
|
22
|
+
onNodeDragStart?: NodeDragHandler;
|
|
23
|
+
onNodeDrag?: NodeDragHandler;
|
|
24
|
+
onNodeDragEnd?: NodeDragHandler;
|
|
25
|
+
onEdgesChange?: OnEdgesChange;
|
|
26
|
+
onEdgeClick?: (event: ReactMouseEvent, node: Edge) => void;
|
|
27
|
+
onEdgeDoubleClick?: EdgeMouseHandler;
|
|
28
|
+
onEdgeContextMenu?: EdgeMouseHandler;
|
|
29
|
+
onEdgeMouseEnter?: EdgeMouseHandler;
|
|
30
|
+
onEdgeMouseMove?: EdgeMouseHandler;
|
|
31
|
+
onEdgeMouseLeave?: EdgeMouseHandler;
|
|
32
|
+
onEdgeUpdate?: OnEdgeUpdateFunc;
|
|
33
|
+
onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, portType: PortType) => void;
|
|
34
|
+
onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, portType: PortType) => void;
|
|
35
|
+
onConnect?: OnConnect;
|
|
36
|
+
onConnectStart?: OnConnectStart;
|
|
37
|
+
onConnectEnd?: OnConnectEnd;
|
|
38
|
+
onMove?: OnMove;
|
|
39
|
+
onMoveStart?: OnMove;
|
|
40
|
+
onMoveEnd?: OnMove;
|
|
41
|
+
onError?: OnError;
|
|
42
|
+
minZoom?: number;
|
|
43
|
+
maxZoom?: number;
|
|
44
|
+
defaultViewport?: Viewport;
|
|
45
|
+
translateExtent?: CoordinateExtent;
|
|
46
|
+
multiSelectionKeyCode?: KeyCode;
|
|
47
|
+
nodesDraggable?: boolean;
|
|
48
|
+
noDragClassName?: string;
|
|
49
|
+
noPanClassName?: string;
|
|
50
|
+
panning?: boolean;
|
|
51
|
+
autoPanOnNodeDrag?: boolean;
|
|
52
|
+
autoPanOnConnect?: boolean;
|
|
53
|
+
};
|
|
54
|
+
export type ReactDiagramRefType = HTMLDivElement;
|
|
55
|
+
//# sourceMappingURL=core.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/core.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
|
|
2
|
+
import { PortType } from '../components/Port/type';
|
|
3
|
+
import { ErrorMessageCode } from '../fixtures/errorMessages';
|
|
4
|
+
export type OnError = (id: ErrorMessageCode, message?: string) => void;
|
|
5
|
+
export type Viewport = {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
zoom: number;
|
|
9
|
+
};
|
|
10
|
+
export interface Connection {
|
|
11
|
+
source: string | null;
|
|
12
|
+
target: string | null;
|
|
13
|
+
}
|
|
14
|
+
export type OnConnect = (connection: Connection) => void;
|
|
15
|
+
export type OnConnectStartParams = {
|
|
16
|
+
nodeId: string | null;
|
|
17
|
+
portType: PortType | null;
|
|
18
|
+
};
|
|
19
|
+
export type OnConnectStart = (event: ReactMouseEvent | ReactTouchEvent, params: OnConnectStartParams) => void;
|
|
20
|
+
export type OnConnectEnd = (event: MouseEvent | TouchEvent) => void;
|
|
21
|
+
export type GridStep = [number, number];
|
|
22
|
+
export type OnMove = (event: MouseEvent | TouchEvent, viewport: Viewport) => void;
|
|
23
|
+
//# sourceMappingURL=general.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/general.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,MAAM,OAAO,GAAG,CAAC,EAAE,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,UAAU;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG;IAChC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAC1B,KAAK,EAAE,eAAe,GAAG,eAAe,EACxC,MAAM,EAAE,oBAAoB,KAC1B,IAAI,CAAC;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAExC,MAAM,MAAM,MAAM,GAAG,CAClB,KAAK,EAAE,UAAU,GAAG,UAAU,EAC9B,QAAQ,EAAE,QAAQ,KAChB,IAAI,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from './utils';
|
|
2
|
+
export * from './general';
|
|
3
|
+
export * from '../hooks/useNodesEdgesState/type';
|
|
4
|
+
export * from '../hooks/useDrag/type';
|
|
5
|
+
export * from '../components/Node/type';
|
|
6
|
+
export * from '../components/Edges/type';
|
|
7
|
+
export * from '../components/Port/type';
|
|
8
|
+
export * from '../components/ReactDiagramProvider/type';
|
|
9
|
+
export * from '../container/NodeRenderer/type';
|
|
10
|
+
export * from '../container/EdgeRenderer/type';
|
|
11
|
+
export * from './core';
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAE1B,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AAEtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yCAAyC,CAAC;AAExD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare enum Position {
|
|
2
|
+
Left = "left",
|
|
3
|
+
Top = "top",
|
|
4
|
+
Right = "right",
|
|
5
|
+
Bottom = "bottom"
|
|
6
|
+
}
|
|
7
|
+
export interface XYPosition {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
}
|
|
11
|
+
export type XYZPosition = XYPosition & {
|
|
12
|
+
z: number;
|
|
13
|
+
};
|
|
14
|
+
export interface Dimensions {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
}
|
|
18
|
+
export type CoordinateExtent = [[number, number], [number, number]];
|
|
19
|
+
export type Transform = [number, number, number];
|
|
20
|
+
export interface Rect extends Dimensions, XYPosition {
|
|
21
|
+
}
|
|
22
|
+
export interface Box extends XYPosition {
|
|
23
|
+
x2: number;
|
|
24
|
+
y2: number;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/types/utils.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;CACnB;AAED,MAAM,WAAW,UAAU;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,WAAW,UAAU;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjD,MAAM,WAAW,IAAK,SAAQ,UAAU,EAAE,UAAU;CAAG;AAEvD,MAAM,WAAW,GAAI,SAAQ,UAAU;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACb"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NodeChange, EdgeChange } from '../hooks/useNodesEdgesState/type';
|
|
2
|
+
import { Node } from '../components/Node/type';
|
|
3
|
+
import { Edge } from '../components/Edges/type';
|
|
4
|
+
export declare function applyNodeChanges<NodeData = any>(changes: NodeChange[], nodes: Node<NodeData>[]): Node<NodeData>[];
|
|
5
|
+
export declare function applyEdgeChanges<EdgeData = any>(changes: EdgeChange[], edges: Edge<EdgeData>[]): Edge<EdgeData>[];
|
|
6
|
+
export declare const createSelectionChange: (id: string, selected: boolean) => {
|
|
7
|
+
id: string;
|
|
8
|
+
type: string;
|
|
9
|
+
selected: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare function getSelectionChanges(items: any[], selectedIds: string[]): any;
|
|
12
|
+
//# sourceMappingURL=changes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAiIhD,wBAAgB,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAC5C,OAAO,EAAE,UAAU,EAAE,EACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,GACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAElB;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAC5C,OAAO,EAAE,UAAU,EAAE,EACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,GACvB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAElB;AAED,eAAO,MAAM,qBAAqB,OAAQ,MAAM,YAAY,OAAO;;;;CAIjE,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,OActE"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { XYPosition, Rect, Transform, Edge, Connection } from '../types';
|
|
2
|
+
import { Node, NodeOrigin, NodeInternals } from '../components/Node/type';
|
|
3
|
+
import { EdgeMarkerType } from '../components/Edges/type';
|
|
4
|
+
export declare const getNodePositionWithOrigin: (node: Node | undefined, nodeOrigin?: NodeOrigin) => XYPosition & {
|
|
5
|
+
positionAbsolute: XYPosition;
|
|
6
|
+
};
|
|
7
|
+
export declare const getNodesInside: (nodeInternals: NodeInternals, rect: Rect, [tx, ty, tScale]?: Transform, partially?: boolean, excludeNonSelectableNodes?: boolean, nodeOrigin?: NodeOrigin) => Node[];
|
|
8
|
+
export declare const getMarkerId: (marker: EdgeMarkerType | undefined, rfId?: string) => string;
|
|
9
|
+
export declare const addEdge: (edgeParams: Edge | Connection, edges: Edge[]) => Edge[];
|
|
10
|
+
export declare const updateEdge: (oldEdge: Edge, newConnection: Connection, edges: Edge[], options?: {
|
|
11
|
+
shouldReplaceId: boolean;
|
|
12
|
+
}) => Edge[];
|
|
13
|
+
//# sourceMappingURL=graph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/graph.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,eAAO,MAAM,yBAAyB,SAC7B,IAAI,GAAG,SAAS,8BAEtB,UAAU,GAAG;IAAE,gBAAgB,EAAE,UAAU,CAAA;CA6B7C,CAAC;AAEF,eAAO,MAAM,cAAc,uCAElB,IAAI,sHAMV,IAAI,EA2CN,CAAC;AAEF,eAAO,MAAM,WAAW,WACb,cAAc,GAAG,SAAS,SAC3B,MAAM,KACb,MAeF,CAAC;AAWF,eAAO,MAAM,OAAO,eACL,IAAI,GAAG,UAAU,SACtB,IAAI,EAAE,KACb,IAAI,EAqBN,CAAC;AAEF,eAAO,MAAM,UAAU,YACX,IAAI,iBACE,UAAU,SAClB,IAAI,EAAE;;MAEb,IAAI,EAiBN,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
|
|
2
|
+
import { ErrorMessageCode, errorMessages } from '../fixtures/errorMessages';
|
|
3
|
+
import { Dimensions, Rect, XYPosition, CoordinateExtent, Box, OnError } from '../types';
|
|
4
|
+
export declare const internalsSymbol: unique symbol;
|
|
5
|
+
export declare const devWarn: (id: ErrorMessageCode, value?: string) => void;
|
|
6
|
+
export declare const onErrorWrapper: (onError?: OnError) => (id: keyof typeof errorMessages, value?: string) => void | undefined;
|
|
7
|
+
export declare const isNumeric: (n: any) => n is number;
|
|
8
|
+
export declare const getDimensions: (node: HTMLDivElement) => Dimensions;
|
|
9
|
+
export declare const getOverlappingArea: (rectA: Rect, rectB: Rect) => number;
|
|
10
|
+
export declare const clamp: (val: number, min?: number, max?: number) => number;
|
|
11
|
+
export declare const clampPosition: (position: XYPosition | undefined, extent: CoordinateExtent) => {
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
};
|
|
15
|
+
export declare const rectToBox: ({ x, y, width, height }: Rect) => Box;
|
|
16
|
+
export declare const isMouseEvent: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent) => event is MouseEvent | ReactMouseEvent<Element, MouseEvent>;
|
|
17
|
+
export declare const getEventPosition: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent, bounds?: DOMRect) => {
|
|
18
|
+
x: number;
|
|
19
|
+
y: number;
|
|
20
|
+
};
|
|
21
|
+
export declare const calcAutoPanPosition: (pos: XYPosition, bounds: Dimensions) => number[];
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../react-diagram/packages/src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,UAAU,IAAI,eAAe,EAC7B,UAAU,IAAI,eAAe,EAC/B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EACJ,UAAU,EACV,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,GAAG,EACH,OAAO,EACT,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,eAAe,eAA0B,CAAC;AAEvD,eAAO,MAAM,OAAO,OAAQ,gBAAgB,UAAS,MAAM,SAI1D,CAAC;AAEF,eAAO,MAAM,cAAc,aACb,OAAO,UACb,MAAM,oBAAoB,UAAS,MAAM,qBACJ,CAAC;AAE9C,eAAO,MAAM,SAAS,MAAO,GAAG,gBAA0C,CAAC;AAE3E,eAAO,MAAM,aAAa,SAAU,cAAc,KAAG,UAGnD,CAAC;AAEH,eAAO,MAAM,kBAAkB,UAAW,IAAI,SAAS,IAAI,KAAG,MAa7D,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,MAAM,iCAAqB,MAClB,CAAC;AAErC,eAAO,MAAM,aAAa;;;CAMxB,CAAC;AAEH,eAAO,MAAM,SAAS,4BAA6B,IAAI,KAAG,GAKxD,CAAC;AAEH,eAAO,MAAM,YAAY,UACf,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,eAAe,+DACP,CAAC;AAE/D,eAAO,MAAM,gBAAgB,UACnB,UAAU,GAAG,eAAe,GAAG,UAAU,GAAG,eAAe,WACzD,OAAO;;;CAUlB,CAAC;AAkBF,eAAO,MAAM,mBAAmB,QACxB,UAAU,UACP,UAAU,KAClB,MAAM,EAKR,CAAC"}
|
package/dist/style.css
ADDED
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
.react-diagram {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
position: relative;
|
|
6
|
+
z-index: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.react-diagram__container {
|
|
10
|
+
position: absolute;
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
top: 0;
|
|
14
|
+
left: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.react-diagram__node-default {
|
|
18
|
+
padding: 10px;
|
|
19
|
+
border-radius: 3px;
|
|
20
|
+
|
|
21
|
+
text-align: center;
|
|
22
|
+
|
|
23
|
+
border: 1px solid #000000;
|
|
24
|
+
background-color: #ffffff;
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.react-diagram__node-default:focus-visible {
|
|
29
|
+
outline: none;
|
|
30
|
+
border: 1px solid #555;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.react-diagram__node {
|
|
34
|
+
position: absolute;
|
|
35
|
+
-webkit-user-select: none;
|
|
36
|
+
-moz-user-select: none;
|
|
37
|
+
user-select: none;
|
|
38
|
+
pointer-events: all;
|
|
39
|
+
transform-origin: 0 0;
|
|
40
|
+
box-sizing: border-box;
|
|
41
|
+
cursor: grab;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.react-diagram__port {
|
|
45
|
+
width: 6px;
|
|
46
|
+
height: 6px;
|
|
47
|
+
background: #000000;
|
|
48
|
+
border: 1px solid #ffffff;
|
|
49
|
+
border-radius: 100%;
|
|
50
|
+
|
|
51
|
+
position: absolute;
|
|
52
|
+
/* pointer-events: none; */
|
|
53
|
+
min-width: 5px;
|
|
54
|
+
min-height: 5px;
|
|
55
|
+
|
|
56
|
+
pointer-events: all;
|
|
57
|
+
cursor: crosshair;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.react-diagram__port-bottom {
|
|
61
|
+
left: 50%;
|
|
62
|
+
bottom: -4px;
|
|
63
|
+
transform: translate(-50%, 0);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.react-diagram__port-top {
|
|
67
|
+
left: 50%;
|
|
68
|
+
top: -4px;
|
|
69
|
+
transform: translate(-50%, 0);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.react-diagram__port-left {
|
|
73
|
+
top: 50%;
|
|
74
|
+
left: -4px;
|
|
75
|
+
transform: translate(0, -50%);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.react-diagram__port-right {
|
|
79
|
+
right: -4px;
|
|
80
|
+
top: 50%;
|
|
81
|
+
transform: translate(0, -50%);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.react-diagram__edge {
|
|
85
|
+
pointer-events: visibleStroke;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.react-diagram__edge-path,
|
|
90
|
+
.react-diagram__connection-path {
|
|
91
|
+
stroke: #b1b1b7;
|
|
92
|
+
stroke-width: 1;
|
|
93
|
+
fill: none;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.react-diagram__edgeupdater {
|
|
97
|
+
cursor: move;
|
|
98
|
+
pointer-events: all;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.react-diagram__edge-text-bg {
|
|
102
|
+
fill: white;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.react-diagram__edge-text-wrapper {
|
|
106
|
+
pointer-events: all;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.react-diagram__edge .react-diagram__edge-text {
|
|
110
|
+
pointer-events: none;
|
|
111
|
+
-webkit-user-select: none;
|
|
112
|
+
-moz-user-select: none;
|
|
113
|
+
user-select: none;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.react-diagram__edge-text {
|
|
117
|
+
font-size: 10px;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.react-diagram__viewport {
|
|
121
|
+
transform-origin: 0 0;
|
|
122
|
+
z-index: 2;
|
|
123
|
+
pointer-events: none;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.react-diagram__zoompane {
|
|
127
|
+
z-index: 9;
|
|
128
|
+
cursor: grab;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.react-diagram .react-diagram__edges {
|
|
132
|
+
pointer-events: none;
|
|
133
|
+
overflow: visible;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.react-diagram__edgelabel-renderer {
|
|
137
|
+
position: absolute;
|
|
138
|
+
width: 100%;
|
|
139
|
+
height: 100%;
|
|
140
|
+
pointer-events: none;
|
|
141
|
+
-webkit-user-select: none;
|
|
142
|
+
-moz-user-select: none;
|
|
143
|
+
user-select: none;
|
|
144
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/A11yDescriptions/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { PortType } from '../../types';
|
|
3
|
+
type ConnectionPathProps = {
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
nodeId: string;
|
|
6
|
+
portType: PortType;
|
|
7
|
+
};
|
|
8
|
+
declare function ConnectionPath({ style, nodeId, portType }: ConnectionPathProps): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
declare namespace ConnectionPath {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
|
+
export default ConnectionPath;
|
|
13
|
+
//# sourceMappingURL=ConnectionPath.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectionPath.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ConnectionEdge/ConnectionPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,OAAO,CAAC;AAMnD,OAAO,EAA+B,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGpE,KAAK,mBAAmB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;CACrB,CAAC;AASF,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDAgEvE;kBAhEQ,cAAc;;;AAoEvB,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
type ConnectionEdgeProps = {
|
|
3
|
+
containerStyle?: CSSProperties;
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
};
|
|
6
|
+
declare function ConnectionEdge({ containerStyle, style }: ConnectionEdgeProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export default ConnectionEdge;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/ConnectionEdge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,KAAK,mBAAmB,GAAG;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAOF,iBAAS,cAAc,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,mBAAmB,kDAkBrE;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, SVGAttributes } from 'react';
|
|
2
|
+
import { Position } from '../../types';
|
|
3
|
+
type EventNames = 'onMouseDown' | 'onMouseEnter' | 'onMouseOut';
|
|
4
|
+
type AnchorEvents = {
|
|
5
|
+
[H in EventNames]?: (event: ReactMouseEvent<SVGGElement, MouseEvent>) => void;
|
|
6
|
+
};
|
|
7
|
+
export type AnchorProps = SVGAttributes<SVGGElement> & AnchorEvents & {
|
|
8
|
+
position: Position;
|
|
9
|
+
centerX: number;
|
|
10
|
+
centerY: number;
|
|
11
|
+
radius?: number;
|
|
12
|
+
type: string;
|
|
13
|
+
};
|
|
14
|
+
declare function Anchor({ position, centerX, centerY, radius, onMouseDown, onMouseEnter, onMouseOut, type, }: AnchorProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default Anchor;
|
|
16
|
+
//# sourceMappingURL=Anchor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAsBvC,KAAK,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;AAEhE,KAAK,YAAY,GAAG;KAChB,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,CAAC,WAAW,EAAE,UAAU,CAAC,KAC7C,IAAI;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,GACjD,YAAY,GAAG;IACZ,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACf,CAAC;AAIL,iBAAS,MAAM,CAAC,EACb,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,IAAI,GACN,EAAE,WAAW,2CAiBb;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { BaseEdgeProps } from './type';
|
|
2
|
+
declare function BaseEdge({ path, labelX, labelY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, markerEnd, markerStart, }: BaseEdgeProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare namespace BaseEdge {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export default BaseEdge;
|
|
7
|
+
//# sourceMappingURL=BaseEdge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/BaseEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,iBAAS,QAAQ,CAAC,EACf,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,WAAW,GACb,EAAE,aAAa,2CAyBf;kBAtCQ,QAAQ;;;AAyCjB,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
import { EdgeLabelProps } from './type';
|
|
3
|
+
declare function EdgeLabel({ x, y, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, children, className, ...rest }: PropsWithChildren<EdgeLabelProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
declare const _default: import("react").MemoExoticComponent<typeof EdgeLabel>;
|
|
5
|
+
export default _default;
|
|
6
|
+
//# sourceMappingURL=EdgeLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EdgeLabel.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/EdgeLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGxC,iBAAS,SAAS,CAAC,EAChB,CAAC,EACD,CAAC,EACD,KAAK,EACL,UAAe,EACf,WAAkB,EAClB,YAAiB,EACjB,cAAuB,EACvB,mBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,kDA4DnC;;AACD,wBAA+B"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StepEdgeProps } from './type';
|
|
3
|
+
import { Position } from '../../types';
|
|
4
|
+
export interface GetStepPathParams {
|
|
5
|
+
sourceX: number;
|
|
6
|
+
sourceY: number;
|
|
7
|
+
sourcePosition?: Position;
|
|
8
|
+
targetX: number;
|
|
9
|
+
targetY: number;
|
|
10
|
+
targetPosition?: Position;
|
|
11
|
+
borderRadius?: number;
|
|
12
|
+
centerX?: number;
|
|
13
|
+
centerY?: number;
|
|
14
|
+
offset?: number;
|
|
15
|
+
}
|
|
16
|
+
export declare function getStepPath({ sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, borderRadius, centerX, centerY, offset, }: GetStepPathParams): [
|
|
17
|
+
path: string,
|
|
18
|
+
labelX: number,
|
|
19
|
+
labelY: number,
|
|
20
|
+
offsetX: number,
|
|
21
|
+
offsetY: number
|
|
22
|
+
];
|
|
23
|
+
declare const StepEdge: import("react").MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, label, labelStyle, labelShowBg, labelBgStyle, labelBgPadding, labelBgBorderRadius, style, sourcePosition, targetPosition, markerEnd, markerStart, pathOptions, }: StepEdgeProps) => import("react/jsx-runtime").JSX.Element>;
|
|
24
|
+
export default StepEdge;
|
|
25
|
+
//# sourceMappingURL=StepEdge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepEdge.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/StepEdge.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAc,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CAClB;AAsID,wBAAgB,WAAW,CAAC,EACzB,OAAO,EACP,OAAO,EACP,cAAgC,EAChC,OAAO,EACP,OAAO,EACP,cAA6B,EAC7B,YAAgB,EAChB,OAAO,EACP,OAAO,EACP,MAAW,GACb,EAAE,iBAAiB,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;CACjB,CAyBA;AAED,QAAA,MAAM,QAAQ,+OAkBR,aAAa,6CA4BlB,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes, CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
|
|
2
|
+
import { Connection, PortType, Position } from '../../types';
|
|
3
|
+
export declare enum MarkerType {
|
|
4
|
+
Arrow = "arrow"
|
|
5
|
+
}
|
|
6
|
+
export type EdgeMarker = {
|
|
7
|
+
type: MarkerType;
|
|
8
|
+
color?: string;
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
markerUnits?: string;
|
|
12
|
+
orient?: string;
|
|
13
|
+
strokeWidth?: number;
|
|
14
|
+
};
|
|
15
|
+
export type EdgeMarkerType = string | EdgeMarker;
|
|
16
|
+
type EdgeLabelOptions = {
|
|
17
|
+
label?: string | ReactNode;
|
|
18
|
+
labelStyle?: CSSProperties;
|
|
19
|
+
labelShowBg?: boolean;
|
|
20
|
+
labelBgStyle?: CSSProperties;
|
|
21
|
+
labelBgPadding?: [number, number];
|
|
22
|
+
labelBgBorderRadius?: number;
|
|
23
|
+
};
|
|
24
|
+
export type EdgeLabelProps = HTMLAttributes<SVGElement> & EdgeLabelOptions & {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
};
|
|
28
|
+
export type DefaultEdge<T = any> = {
|
|
29
|
+
id: string;
|
|
30
|
+
type?: string;
|
|
31
|
+
source: string;
|
|
32
|
+
target: string;
|
|
33
|
+
sourcePort?: string | null;
|
|
34
|
+
targetPort?: string | null;
|
|
35
|
+
style?: CSSProperties;
|
|
36
|
+
data?: T;
|
|
37
|
+
className?: string;
|
|
38
|
+
sourceNode?: Node;
|
|
39
|
+
targetNode?: Node;
|
|
40
|
+
selected?: boolean;
|
|
41
|
+
markerStart?: EdgeMarkerType;
|
|
42
|
+
markerEnd?: EdgeMarkerType;
|
|
43
|
+
zIndex?: number;
|
|
44
|
+
ariaLabel?: string;
|
|
45
|
+
focusable?: boolean;
|
|
46
|
+
hidden?: boolean;
|
|
47
|
+
deletable?: boolean;
|
|
48
|
+
};
|
|
49
|
+
export type Edge<T = any> = DefaultEdge<T> & EdgeLabelOptions;
|
|
50
|
+
export type OnEdgeUpdateFunc<T = any> = (oldEdge: Edge<T>, newConnection: Connection) => void;
|
|
51
|
+
export type EdgeMouseHandler = (event: ReactMouseEvent, edge: Edge) => void;
|
|
52
|
+
export type WrapEdgeProps<T = any> = Edge<T> & {
|
|
53
|
+
sourceX: number;
|
|
54
|
+
sourceY: number;
|
|
55
|
+
targetX: number;
|
|
56
|
+
targetY: number;
|
|
57
|
+
sourcePosition: Position;
|
|
58
|
+
targetPosition: Position;
|
|
59
|
+
elementsSelectable?: boolean;
|
|
60
|
+
rfId?: string;
|
|
61
|
+
isFocusable: boolean;
|
|
62
|
+
onClick?: EdgeMouseHandler;
|
|
63
|
+
onDoubleClick?: EdgeMouseHandler;
|
|
64
|
+
onContextMenu?: EdgeMouseHandler;
|
|
65
|
+
onMouseEnter?: EdgeMouseHandler;
|
|
66
|
+
onMouseMove?: EdgeMouseHandler;
|
|
67
|
+
onMouseLeave?: EdgeMouseHandler;
|
|
68
|
+
onEdgeUpdate?: OnEdgeUpdateFunc;
|
|
69
|
+
onEdgeUpdateStart?: (event: ReactMouseEvent, edge: Edge, portType: PortType) => void;
|
|
70
|
+
onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: Edge, portType: PortType) => void;
|
|
71
|
+
};
|
|
72
|
+
export type EdgeProps<T = any> = Pick<Edge<T>, 'id' | 'data' | 'style' | 'selected' | 'source' | 'target'> & Pick<WrapEdgeProps, 'sourceX' | 'sourceY' | 'targetX' | 'targetY' | 'sourcePosition' | 'targetPosition' | 'sourcePort' | 'targetPort'> & EdgeLabelOptions & {
|
|
73
|
+
markerStart?: string;
|
|
74
|
+
markerEnd?: string;
|
|
75
|
+
pathOptions?: any;
|
|
76
|
+
};
|
|
77
|
+
export type BaseEdgeProps = Pick<EdgeProps, 'style' | 'markerStart' | 'markerEnd'> & EdgeLabelOptions & {
|
|
78
|
+
labelX?: number;
|
|
79
|
+
labelY?: number;
|
|
80
|
+
path: string;
|
|
81
|
+
};
|
|
82
|
+
export type StepPathOptions = {
|
|
83
|
+
offset?: number;
|
|
84
|
+
borderRadius?: number;
|
|
85
|
+
};
|
|
86
|
+
export type StepEdgeProps<T = any> = EdgeProps<T> & {
|
|
87
|
+
pathOptions?: StepPathOptions;
|
|
88
|
+
};
|
|
89
|
+
export type DefaultEdgeOptions = Omit<Edge, 'id' | 'source' | 'target' | 'sourcePort' | 'targetPort' | 'sourceNode' | 'targetNode'>;
|
|
90
|
+
export {};
|
|
91
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/type.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../react-diagram/packages/src/components/Edges/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GACT,EAAE;IACA,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAClB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQnC"}
|