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/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"}
|
|
@@ -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":"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"}
|
|
@@ -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
|