@tumaet/apollon 4.6.0 → 4.8.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/README.md +2 -2
- package/dist/LICENSE-InterFont +92 -0
- package/dist/assets/style.css +1 -1
- package/dist/export.d.ts +73 -0
- package/dist/export.js +219 -0
- package/dist/exportFonts-DxO9jrR1.js +19 -0
- package/dist/exportStyles-Wcc8N8Xj.js +5 -0
- package/dist/fontStack-DOtVH2j8.js +5 -0
- package/dist/index.d.ts +151 -92
- package/dist/index.js +34925 -8009
- package/dist/internals.d.ts +136 -93
- package/dist/internals.js +16 -10
- package/dist/react/App.d.ts +1 -1
- package/dist/react/LICENSE-InterFont +92 -0
- package/dist/react/apollon-editor.d.ts +19 -0
- package/dist/react/components/AlignmentGuides.d.ts +1 -1
- package/dist/react/components/AssessmentSelectionDebug.d.ts +1 -1
- package/dist/react/components/CustomBackground.d.ts +1 -1
- package/dist/react/components/CustomControls.d.ts +1 -1
- package/dist/react/components/CustomMiniMap.d.ts +1 -1
- package/dist/react/components/DraggableGhost.d.ts +5 -0
- package/dist/react/components/Icon/ArrowBackIcon.d.ts +1 -1
- package/dist/react/components/Icon/ArrowForwardIcon.d.ts +1 -1
- package/dist/react/components/Icon/CheckIcon.d.ts +1 -1
- package/dist/react/components/Icon/CrossIcon.d.ts +1 -1
- package/dist/react/components/Icon/DeleteIcon.d.ts +1 -1
- package/dist/react/components/Icon/DragHandleIcon.d.ts +1 -1
- package/dist/react/components/Icon/EditIcon.d.ts +1 -1
- package/dist/react/components/Icon/ExclamationIcon.d.ts +1 -1
- package/dist/react/components/Icon/InfiniteIcon.d.ts +1 -1
- package/dist/react/components/Icon/MapIcon.d.ts +1 -1
- package/dist/react/components/Icon/PaintRollerIcon.d.ts +1 -1
- package/dist/react/components/Icon/RedoIcon.d.ts +1 -1
- package/dist/react/components/Icon/SouthEastArrowIcon.d.ts +1 -1
- package/dist/react/components/Icon/SwapHorizIcon.d.ts +1 -1
- package/dist/react/components/Icon/UndoIcon.d.ts +1 -1
- package/dist/react/components/ReconnectConnectionLine.d.ts +1 -1
- package/dist/react/components/Sidebar.d.ts +2 -1
- package/dist/react/components/collaboration/CollaborationLayer.d.ts +1 -1
- package/dist/react/components/popovers/DefaultNodeGiveFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/DefaultNodeSeeFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/GenericPopover.d.ts +1 -1
- package/dist/react/components/popovers/GiveFeedbackAssessmentBox.d.ts +1 -1
- package/dist/react/components/popovers/PopoverManager.d.ts +2 -2
- package/dist/react/components/popovers/SeeFeedbackAssessmentBox.d.ts +1 -1
- package/dist/react/components/popovers/bpmnDiagram/BPMNPoolEditPopover.d.ts +1 -1
- package/dist/react/components/popovers/classDiagram/ClassGiveFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/classDiagram/ClassSeeFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/communicationDiagram/CommunicationObjectNameGiveFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/communicationDiagram/CommunicationObjectNameSeeFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/edgePopovers/EdgeGiveFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/edgePopovers/EdgeSeeFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/edgePopovers/EdgeTypePreviewIcon.d.ts +1 -1
- package/dist/react/components/popovers/edgePopovers/EdgeTypeSelect.d.ts +1 -1
- package/dist/react/components/popovers/edgePopovers/SwapEndsButton.d.ts +9 -0
- package/dist/react/components/popovers/objectDiagram/ObjectGiveFeedbackPopover.d.ts +1 -1
- package/dist/react/components/popovers/objectDiagram/ObjectSeeFeedbackPopover.d.ts +1 -1
- package/dist/react/components/react/Apollon.d.ts +7 -2
- package/dist/react/components/react/context.d.ts +1 -1
- package/dist/react/components/svgs/edges/InlineMarker.d.ts +2 -2
- package/dist/react/components/svgs/nodes/classDiagram/ClassSVG.d.ts +1 -1
- package/dist/react/components/svgs/nodes/classDiagram/ColorDescriptionSVG.d.ts +1 -1
- package/dist/react/components/svgs/nodes/communicationDiagram/CommunicationObjectNameSVG.d.ts +1 -1
- package/dist/react/components/svgs/nodes/objectDiagram/ObjectNameSVG.d.ts +1 -1
- package/dist/react/components/toolbars/edgeToolBar/CustomEdgeToolBar.d.ts +1 -1
- package/dist/react/components/ui/StyleEditor/ColorButtons.d.ts +1 -1
- package/dist/react/constants.d.ts +17 -6
- package/dist/react/edges/GenericEdge.d.ts +5 -6
- package/dist/react/edges/edgeTypes/ActivityDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/BPMNDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/ClassDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/CommunicationDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/ComponentDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/DeploymentDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/FlowChartEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/ObjectDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/PetriNetEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/ReachabilityGraphArc.d.ts +1 -1
- package/dist/react/edges/edgeTypes/SfcDiagramEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/SyntaxTreeEdge.d.ts +1 -1
- package/dist/react/edges/edgeTypes/UseCaseDiagramEdge.d.ts +1 -1
- package/dist/react/edges/labelTypes/EdgeEndLabels.d.ts +1 -1
- package/dist/react/edges/labelTypes/EdgeIncludeExtendLabel.d.ts +1 -1
- package/dist/react/edges/labelTypes/EdgeMiddleLabels.d.ts +1 -1
- package/dist/react/edges/labelTypes/EdgeMultipleLabels.d.ts +1 -1
- package/dist/react/edges/types.d.ts +34 -34
- package/dist/react/export/exportErrors.d.ts +10 -0
- package/dist/react/export/index.d.ts +13 -0
- package/dist/react/export/normalizeExportSvg.d.ts +16 -0
- package/dist/react/export/preProcessSvgForPdf.d.ts +20 -0
- package/dist/react/export/svgToPdf.d.ts +17 -0
- package/dist/react/export/svgToPng.d.ts +38 -0
- package/dist/react/exportFonts-DSRUaduf.js +20 -0
- package/dist/react/exportStyles-CH2hautV.js +6 -0
- package/dist/react/fontStack.d.ts +14 -0
- package/dist/react/hooks/index.d.ts +1 -0
- package/dist/react/hooks/useEdgeLineJumps.d.ts +3 -1
- package/dist/react/hooks/useEdgeToolbar.d.ts +1 -1
- package/dist/react/hooks/usePopoverAnchor.d.ts +26 -0
- package/dist/react/hooks/useReactiveElement.d.ts +10 -0
- package/dist/react/hooks/useRemoteDraggingNodes.d.ts +20 -0
- package/dist/react/hooks/useStepPathEdge.d.ts +1 -1
- package/dist/react/hooks/useStraightPathEdge.d.ts +1 -1
- package/dist/react/index.d.ts +1 -0
- package/dist/react/nodes/TitleAndDescriptionNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/Activity.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityActionNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityFinalNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityForkNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityForkNodeHorizontal.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityInitialNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityMergeNode.d.ts +1 -1
- package/dist/react/nodes/activityDiagram/ActivityObjectNode.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNAnnotation.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNCallActivity.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNDataObject.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNDataStore.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNEndEvent.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNGateway.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNGroup.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNIntermediateEvent.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNPool.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNStartEvent.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNSubprocess.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNTask.d.ts +1 -1
- package/dist/react/nodes/bpmn/BPMNTransaction.d.ts +1 -1
- package/dist/react/nodes/classDiagram/Class.d.ts +1 -1
- package/dist/react/nodes/classDiagram/ColorDescription.d.ts +1 -1
- package/dist/react/nodes/classDiagram/Package.d.ts +1 -1
- package/dist/react/nodes/communicationDiagram/CommunicationObjectName.d.ts +1 -1
- package/dist/react/nodes/componentDiagram/Component.d.ts +1 -1
- package/dist/react/nodes/componentDiagram/ComponentInterface.d.ts +1 -1
- package/dist/react/nodes/componentDiagram/ComponentSubsystem.d.ts +1 -1
- package/dist/react/nodes/deploymentDiagram/DeploymentArtifact.d.ts +1 -1
- package/dist/react/nodes/deploymentDiagram/DeploymentComponent.d.ts +1 -1
- package/dist/react/nodes/deploymentDiagram/DeploymentInterface.d.ts +1 -1
- package/dist/react/nodes/deploymentDiagram/DeploymentNode.d.ts +1 -1
- package/dist/react/nodes/flowchart/FlowchartDecision.d.ts +1 -1
- package/dist/react/nodes/flowchart/FlowchartFunctionCall.d.ts +1 -1
- package/dist/react/nodes/flowchart/FlowchartInputOutput.d.ts +1 -1
- package/dist/react/nodes/flowchart/FlowchartProcess.d.ts +1 -1
- package/dist/react/nodes/flowchart/FlowchartTerminal.d.ts +1 -1
- package/dist/react/nodes/objectDiagram/ObjectName.d.ts +1 -1
- package/dist/react/nodes/petriNetDiagram/PetriNetPlace.d.ts +1 -1
- package/dist/react/nodes/petriNetDiagram/PetriNetTransition.d.ts +1 -1
- package/dist/react/nodes/reachabilityGraphDiagram/ReachabilityGraphMarking.d.ts +1 -1
- package/dist/react/nodes/sfcDiagram/SfcActionTable.d.ts +1 -1
- package/dist/react/nodes/sfcDiagram/SfcJump.d.ts +1 -1
- package/dist/react/nodes/sfcDiagram/SfcStart.d.ts +1 -1
- package/dist/react/nodes/sfcDiagram/SfcStep.d.ts +1 -1
- package/dist/react/nodes/sfcDiagram/SfcTransitionBranch.d.ts +1 -1
- package/dist/react/nodes/syntaxTreeDiagram/SyntaxTreeNonterminal.d.ts +1 -1
- package/dist/react/nodes/syntaxTreeDiagram/SyntaxTreeTerminal.d.ts +1 -1
- package/dist/react/nodes/useCaseDiagram/UseCase.d.ts +1 -1
- package/dist/react/nodes/useCaseDiagram/UseCaseActor.d.ts +1 -1
- package/dist/react/nodes/useCaseDiagram/UseCaseSystem.d.ts +1 -1
- package/dist/react/nodes/wrappers/DefaultNodeWrapper.d.ts +1 -1
- package/dist/react/react.js +23599 -24829
- package/dist/react/store/assessmentSelectionStore.d.ts +2 -0
- package/dist/react/store/diagramStore.d.ts +17 -1
- package/dist/react/sync/perfCounters.d.ts +6 -0
- package/dist/react/sync/ydoc.d.ts +2 -0
- package/dist/react/sync/yjsSync.d.ts +3 -2
- package/dist/react/types/nodes/NodeProps.d.ts +3 -3
- package/dist/react/typings.d.ts +23 -2
- package/dist/react/utils/collaboration.d.ts +10 -1
- package/dist/react/utils/exportFonts.d.ts +11 -0
- package/dist/react/utils/exportStyles.d.ts +30 -0
- package/dist/react/utils/exportUtils.d.ts +1 -101
- package/dist/react/utils/paletteLayout.d.ts +66 -0
- package/dist/yjsSync-CqmgRwRE.js +51038 -0
- package/package.json +38 -16
- package/schema/uml-model-4.schema.json +363 -0
- package/dist/yjsSync-CK5cmd5z.js +0 -71308
package/dist/internals.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Edge } from '@xyflow/react';
|
|
2
2
|
import { EdgeProps } from '@xyflow/react';
|
|
3
|
-
import { JSX
|
|
3
|
+
import { JSX } from 'react';
|
|
4
4
|
import { Node as Node_2 } from '@xyflow/react';
|
|
5
5
|
import { NodeProps } from '@xyflow/react';
|
|
6
6
|
import { OnEdgesChange } from '@xyflow/react';
|
|
@@ -8,21 +8,21 @@ import { OnNodesChange } from '@xyflow/react';
|
|
|
8
8
|
import { StoreApi } from 'zustand';
|
|
9
9
|
import * as Y from 'yjs';
|
|
10
10
|
|
|
11
|
-
declare function Activity({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
11
|
+
declare function Activity({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
12
12
|
|
|
13
|
-
declare function ActivityActionNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
13
|
+
declare function ActivityActionNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
14
14
|
|
|
15
|
-
declare function ActivityFinalNode({ id, width, height, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
15
|
+
declare function ActivityFinalNode({ id, width, height, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
16
16
|
|
|
17
|
-
declare function ActivityForkNode({ id, width, height, parentId, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
17
|
+
declare function ActivityForkNode({ id, width, height, parentId, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
18
18
|
|
|
19
|
-
declare function ActivityForkNodeHorizontal({ id, width, height, parentId, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
19
|
+
declare function ActivityForkNodeHorizontal({ id, width, height, parentId, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
20
20
|
|
|
21
|
-
declare function ActivityInitialNode({ id, width, height, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
21
|
+
declare function ActivityInitialNode({ id, width, height, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
22
22
|
|
|
23
|
-
declare function ActivityMergeNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
23
|
+
declare function ActivityMergeNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
24
24
|
|
|
25
|
-
declare function ActivityObjectNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
25
|
+
declare function ActivityObjectNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
26
26
|
|
|
27
27
|
declare type ApollonEdge = {
|
|
28
28
|
id: string;
|
|
@@ -78,29 +78,31 @@ declare type Assessment = {
|
|
|
78
78
|
|
|
79
79
|
declare type BaseEdgeProps = ExtendedEdgeProps;
|
|
80
80
|
|
|
81
|
-
declare function BPMNAnnotation({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNAnnotationProps>>):
|
|
81
|
+
declare function BPMNAnnotation({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNAnnotationProps>>): JSX.Element | null;
|
|
82
82
|
|
|
83
83
|
declare type BPMNAnnotationProps = DefaultNodeProps;
|
|
84
84
|
|
|
85
|
-
declare function BPMNCallActivity({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNCallActivityProps>>):
|
|
85
|
+
declare function BPMNCallActivity({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNCallActivityProps>>): JSX.Element | null;
|
|
86
86
|
|
|
87
87
|
declare type BPMNCallActivityProps = DefaultNodeProps;
|
|
88
88
|
|
|
89
|
-
declare function BPMNDataObject({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNDataObjectProps>>):
|
|
89
|
+
declare function BPMNDataObject({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNDataObjectProps>>): JSX.Element | null;
|
|
90
90
|
|
|
91
91
|
declare type BPMNDataObjectProps = DefaultNodeProps;
|
|
92
92
|
|
|
93
|
-
declare function BPMNDataStore({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNDataStoreProps>>):
|
|
93
|
+
declare function BPMNDataStore({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNDataStoreProps>>): JSX.Element | null;
|
|
94
94
|
|
|
95
95
|
declare type BPMNDataStoreProps = DefaultNodeProps;
|
|
96
96
|
|
|
97
|
-
declare function BPMNEndEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>):
|
|
97
|
+
declare function BPMNEndEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>): JSX.Element;
|
|
98
|
+
|
|
99
|
+
declare type BPMNEndEventType = "default" | "message" | "escalation" | "error" | "compensation" | "signal" | "terminate";
|
|
98
100
|
|
|
99
101
|
declare type BPMNEventProps = DefaultNodeProps & {
|
|
100
|
-
eventType: BPMNStartEventType;
|
|
102
|
+
eventType: BPMNStartEventType | BPMNIntermediateEventType | BPMNEndEventType;
|
|
101
103
|
};
|
|
102
104
|
|
|
103
|
-
declare function BPMNGateway({ id, width, height, data, }: NodeProps<Node_2<BPMNGatewayProps>>):
|
|
105
|
+
declare function BPMNGateway({ id, width, height, data, }: NodeProps<Node_2<BPMNGatewayProps>>): JSX.Element;
|
|
104
106
|
|
|
105
107
|
declare type BPMNGatewayProps = DefaultNodeProps & {
|
|
106
108
|
gatewayType: BPMNGatewayType;
|
|
@@ -108,27 +110,29 @@ declare type BPMNGatewayProps = DefaultNodeProps & {
|
|
|
108
110
|
|
|
109
111
|
declare type BPMNGatewayType = "complex" | "event-based" | "exclusive" | "inclusive" | "parallel";
|
|
110
112
|
|
|
111
|
-
declare function BPMNGroup({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNGroupProps>>):
|
|
113
|
+
declare function BPMNGroup({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNGroupProps>>): JSX.Element | null;
|
|
112
114
|
|
|
113
115
|
declare type BPMNGroupProps = DefaultNodeProps;
|
|
114
116
|
|
|
115
|
-
declare function BPMNIntermediateEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>):
|
|
117
|
+
declare function BPMNIntermediateEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>): JSX.Element;
|
|
118
|
+
|
|
119
|
+
declare type BPMNIntermediateEventType = "default" | "message-catch" | "message-throw" | "timer-catch" | "escalation-throw" | "conditional-catch" | "link-catch" | "link-throw" | "compensation-throw" | "signal-catch" | "signal-throw";
|
|
116
120
|
|
|
117
121
|
declare type BPMNMarkerType = "none" | "parallel multi instance" | "sequential multi instance" | "loop";
|
|
118
122
|
|
|
119
|
-
declare function BPMNPool({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNPoolProps>>):
|
|
123
|
+
declare function BPMNPool({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNPoolProps>>): JSX.Element | null;
|
|
120
124
|
|
|
121
125
|
declare type BPMNPoolProps = DefaultNodeProps;
|
|
122
126
|
|
|
123
|
-
declare function BPMNStartEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>):
|
|
127
|
+
declare function BPMNStartEvent({ id, width, height, data, }: NodeProps<Node_2<BPMNEventProps>>): JSX.Element;
|
|
124
128
|
|
|
125
129
|
declare type BPMNStartEventType = "default" | "message" | "timer" | "conditional" | "signal";
|
|
126
130
|
|
|
127
|
-
declare function BPMNSubprocess({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNSubprocessProps>>):
|
|
131
|
+
declare function BPMNSubprocess({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNSubprocessProps>>): JSX.Element | null;
|
|
128
132
|
|
|
129
133
|
declare type BPMNSubprocessProps = DefaultNodeProps;
|
|
130
134
|
|
|
131
|
-
declare function BPMNTask({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNTaskProps>>):
|
|
135
|
+
declare function BPMNTask({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNTaskProps>>): JSX.Element | null;
|
|
132
136
|
|
|
133
137
|
declare type BPMNTaskProps = DefaultNodeProps & {
|
|
134
138
|
taskType: BPMNTaskType;
|
|
@@ -137,11 +141,11 @@ declare type BPMNTaskProps = DefaultNodeProps & {
|
|
|
137
141
|
|
|
138
142
|
declare type BPMNTaskType = "default" | "user" | "send" | "receive" | "manual" | "business-rule" | "script";
|
|
139
143
|
|
|
140
|
-
declare function BPMNTransaction({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNTransactionProps>>):
|
|
144
|
+
declare function BPMNTransaction({ id, width, height, data, parentId, }: NodeProps<Node_2<BPMNTransactionProps>>): JSX.Element | null;
|
|
141
145
|
|
|
142
146
|
declare type BPMNTransactionProps = DefaultNodeProps;
|
|
143
147
|
|
|
144
|
-
declare function Class({ id, width, height, data, }: NodeProps<Node_2<ClassNodeProps>>):
|
|
148
|
+
declare function Class({ id, width, height, data, }: NodeProps<Node_2<ClassNodeProps>>): JSX.Element;
|
|
145
149
|
|
|
146
150
|
declare type ClassNodeElement = {
|
|
147
151
|
id: string;
|
|
@@ -170,6 +174,7 @@ declare type CollaborationState = {
|
|
|
170
174
|
viewport?: CollaborationViewport | null;
|
|
171
175
|
followingClientId?: number | null;
|
|
172
176
|
selectedElementId?: string | null;
|
|
177
|
+
draggingNodes?: DraggingNode[] | null;
|
|
173
178
|
};
|
|
174
179
|
|
|
175
180
|
declare type CollaborationUser = {
|
|
@@ -194,24 +199,24 @@ declare type CollaboratorInfo = {
|
|
|
194
199
|
isLocal: boolean;
|
|
195
200
|
};
|
|
196
201
|
|
|
197
|
-
declare function ColorDescription({ width, height, data, id, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
202
|
+
declare function ColorDescription({ width, height, data, id, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
198
203
|
|
|
199
|
-
declare function CommunicationObjectName({ id, width, height, data, }: NodeProps<Node_2<CommunicationObjectNodeProps>>):
|
|
204
|
+
declare function CommunicationObjectName({ id, width, height, data, }: NodeProps<Node_2<CommunicationObjectNodeProps>>): JSX.Element;
|
|
200
205
|
|
|
201
206
|
declare type CommunicationObjectNodeProps = {
|
|
202
207
|
methods: ClassNodeElement[];
|
|
203
208
|
attributes: ClassNodeElement[];
|
|
204
209
|
} & DefaultNodeProps;
|
|
205
210
|
|
|
206
|
-
declare function Component({ id, width, height, data, parentId, }: NodeProps<Node_2<ComponentNodeProps>>):
|
|
211
|
+
declare function Component({ id, width, height, data, parentId, }: NodeProps<Node_2<ComponentNodeProps>>): JSX.Element | null;
|
|
207
212
|
|
|
208
|
-
declare function ComponentInterface({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
213
|
+
declare function ComponentInterface({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
209
214
|
|
|
210
215
|
declare type ComponentNodeProps = {
|
|
211
216
|
isComponentHeaderShown: boolean;
|
|
212
217
|
} & DefaultNodeProps;
|
|
213
218
|
|
|
214
|
-
declare function ComponentSubsystem({ id, width, height, data, parentId, }: NodeProps<Node_2<ComponentSubsystemNodeProps>>):
|
|
219
|
+
declare function ComponentSubsystem({ id, width, height, data, parentId, }: NodeProps<Node_2<ComponentSubsystemNodeProps>>): JSX.Element | null;
|
|
215
220
|
|
|
216
221
|
declare type ComponentSubsystemNodeProps = {
|
|
217
222
|
isComponentSubsystemHeaderShown: boolean;
|
|
@@ -282,17 +287,17 @@ declare type DefaultNodeProps = {
|
|
|
282
287
|
textColor?: string;
|
|
283
288
|
};
|
|
284
289
|
|
|
285
|
-
declare function DeploymentArtifact({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
290
|
+
declare function DeploymentArtifact({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
286
291
|
|
|
287
|
-
declare function DeploymentComponent({ id, width, height, data, parentId, }: NodeProps<Node_2<DeploymentComponentProps>>):
|
|
292
|
+
declare function DeploymentComponent({ id, width, height, data, parentId, }: NodeProps<Node_2<DeploymentComponentProps>>): JSX.Element | null;
|
|
288
293
|
|
|
289
294
|
declare type DeploymentComponentProps = {
|
|
290
295
|
isComponentHeaderShown: boolean;
|
|
291
296
|
} & DefaultNodeProps;
|
|
292
297
|
|
|
293
|
-
declare function DeploymentInterface({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
298
|
+
declare function DeploymentInterface({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
294
299
|
|
|
295
|
-
declare function DeploymentNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DeploymentNodeProps>>):
|
|
300
|
+
declare function DeploymentNode({ id, width, height, data, parentId, }: NodeProps<Node_2<DeploymentNodeProps>>): JSX.Element | null;
|
|
296
301
|
|
|
297
302
|
declare type DeploymentNodeProps = {
|
|
298
303
|
isComponentHeaderShown: boolean;
|
|
@@ -302,40 +307,40 @@ declare type DeploymentNodeProps = {
|
|
|
302
307
|
declare type DiagramEdgeType = keyof typeof diagramEdgeTypes;
|
|
303
308
|
|
|
304
309
|
declare const diagramEdgeTypes: {
|
|
305
|
-
ClassAggregation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
306
|
-
ClassInheritance: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
307
|
-
ClassRealization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
308
|
-
ClassComposition: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
309
|
-
ClassBidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
310
|
-
ClassUnidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
311
|
-
ClassDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
312
|
-
ActivityControlFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
313
|
-
ObjectLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
314
|
-
FlowChartFlowline: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
315
|
-
SyntaxTreeLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
316
|
-
CommunicationLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
317
|
-
PetriNetArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
318
|
-
UseCaseAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
319
|
-
UseCaseInclude: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
320
|
-
UseCaseExtend: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
321
|
-
UseCaseGeneralization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
322
|
-
ComponentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
323
|
-
ComponentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
324
|
-
ComponentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
325
|
-
ComponentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
326
|
-
ComponentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
327
|
-
DeploymentAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
328
|
-
DeploymentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
329
|
-
DeploymentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
330
|
-
DeploymentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
331
|
-
DeploymentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
332
|
-
DeploymentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
333
|
-
SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
334
|
-
ReachabilityGraphArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
335
|
-
BPMNSequenceFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
336
|
-
BPMNMessageFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
337
|
-
BPMNAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
338
|
-
BPMNDataAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) =>
|
|
310
|
+
ClassAggregation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
311
|
+
ClassInheritance: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
312
|
+
ClassRealization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
313
|
+
ClassComposition: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
314
|
+
ClassBidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
315
|
+
ClassUnidirectional: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
316
|
+
ClassDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
317
|
+
ActivityControlFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
318
|
+
ObjectLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
319
|
+
FlowChartFlowline: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
320
|
+
SyntaxTreeLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
321
|
+
CommunicationLink: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
322
|
+
PetriNetArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
323
|
+
UseCaseAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
324
|
+
UseCaseInclude: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
325
|
+
UseCaseExtend: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
326
|
+
UseCaseGeneralization: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
327
|
+
ComponentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
328
|
+
ComponentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
329
|
+
ComponentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
330
|
+
ComponentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
331
|
+
ComponentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
332
|
+
DeploymentAssociation: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
333
|
+
DeploymentDependency: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
334
|
+
DeploymentProvidedInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
335
|
+
DeploymentRequiredInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
336
|
+
DeploymentRequiredThreeQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
337
|
+
DeploymentRequiredQuarterInterface: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
338
|
+
SfcDiagramEdge: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
339
|
+
ReachabilityGraphArc: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
340
|
+
BPMNSequenceFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
341
|
+
BPMNMessageFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
342
|
+
BPMNAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
343
|
+
BPMNDataAssociationFlow: ({ id, type, source, target, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, sourceHandleId, targetHandleId, data, }: BaseEdgeProps) => JSX.Element;
|
|
339
344
|
};
|
|
340
345
|
|
|
341
346
|
declare type DiagramNodeType = keyof typeof diagramNodeTypes;
|
|
@@ -407,8 +412,24 @@ declare type DiagramStore = {
|
|
|
407
412
|
canUndo: boolean;
|
|
408
413
|
canRedo: boolean;
|
|
409
414
|
undoManager: Y.UndoManager | null;
|
|
415
|
+
collaborationEnabled: boolean;
|
|
410
416
|
previewMode: boolean;
|
|
411
417
|
setDiagramId: (diagramId: string) => void;
|
|
418
|
+
setCollaborationEnabled: (enabled: boolean) => void;
|
|
419
|
+
/**
|
|
420
|
+
* Inject the sink that forwards transient drag/resize frames onto the
|
|
421
|
+
* ephemeral awareness channel (wired by `YjsSync` for every editor). Kept as
|
|
422
|
+
* runtime wiring rather than diagram state so a `reset()` never clears it.
|
|
423
|
+
* The broadcast itself is gated by `collaborationEnabled`, not by this sink;
|
|
424
|
+
* `null` (headless, where no `YjsSync` runs) just leaves it unwired.
|
|
425
|
+
*/
|
|
426
|
+
setDraggingNodesPublisher: (publisher: ((draggingNodes: DraggingNode[] | null) => void) | null) => void;
|
|
427
|
+
/**
|
|
428
|
+
* Clear the peers' live-drag overlay once a gesture's settled value is
|
|
429
|
+
* committed. Called from `onNodeDragStop` (after the doc write) and on
|
|
430
|
+
* collaboration teardown; a no-op when nothing is being broadcast.
|
|
431
|
+
*/
|
|
432
|
+
endTransientNodeBroadcast: () => void;
|
|
412
433
|
setNodes: (payload: Node_2[] | ((nodes: Node_2[]) => Node_2[])) => void;
|
|
413
434
|
setEdges: (payload: Edge[] | ((edges: Edge[]) => Edge[])) => void;
|
|
414
435
|
setNodesAndEdges: (nodes: Node_2[], edges: Edge[]) => void;
|
|
@@ -441,6 +462,23 @@ declare type DiagramStore = {
|
|
|
441
462
|
setPreviewMode: (active: boolean) => void;
|
|
442
463
|
};
|
|
443
464
|
|
|
465
|
+
/**
|
|
466
|
+
* One node a peer is actively dragging or resizing. Broadcast over the
|
|
467
|
+
* ephemeral awareness channel — never written to the Yjs document — so peers
|
|
468
|
+
* can render the in-progress gesture live without growing the CRDT or entering
|
|
469
|
+
* anyone's undo history. The settled position/size is committed once on
|
|
470
|
+
* drop/release through the document like any other edit.
|
|
471
|
+
*/
|
|
472
|
+
declare type DraggingNode = {
|
|
473
|
+
id: string;
|
|
474
|
+
position: {
|
|
475
|
+
x: number;
|
|
476
|
+
y: number;
|
|
477
|
+
};
|
|
478
|
+
width?: number | null;
|
|
479
|
+
height?: number | null;
|
|
480
|
+
};
|
|
481
|
+
|
|
444
482
|
declare type ExtendedEdgeProps = EdgeProps<Edge<CustomEdgeProps>> & {
|
|
445
483
|
markerEnd?: string;
|
|
446
484
|
markerPadding?: number;
|
|
@@ -453,19 +491,23 @@ declare type FeedbackCorrectionStatus = {
|
|
|
453
491
|
status: "CORRECT" | "INCORRECT" | "NOT_VALIDATED";
|
|
454
492
|
};
|
|
455
493
|
|
|
456
|
-
declare function FlowchartDecision({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
494
|
+
declare function FlowchartDecision({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
457
495
|
|
|
458
|
-
declare function FlowchartFunctionCall({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
496
|
+
declare function FlowchartFunctionCall({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
459
497
|
|
|
460
|
-
declare function FlowchartInputOutput({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
498
|
+
declare function FlowchartInputOutput({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
461
499
|
|
|
462
|
-
declare function FlowchartProcess({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
500
|
+
declare function FlowchartProcess({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
463
501
|
|
|
464
|
-
declare function FlowchartTerminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
502
|
+
declare function FlowchartTerminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
465
503
|
|
|
466
504
|
declare type InteractiveElements = {
|
|
467
|
-
elements:
|
|
468
|
-
|
|
505
|
+
elements: {
|
|
506
|
+
[id: string]: boolean;
|
|
507
|
+
};
|
|
508
|
+
relationships: {
|
|
509
|
+
[id: string]: boolean;
|
|
510
|
+
};
|
|
469
511
|
};
|
|
470
512
|
|
|
471
513
|
declare interface IPoint {
|
|
@@ -540,7 +582,7 @@ declare type MetadataStore = {
|
|
|
540
582
|
setDebug: (debug: boolean) => void;
|
|
541
583
|
};
|
|
542
584
|
|
|
543
|
-
declare function ObjectName({ id, width, height, data, }: NodeProps<Node_2<ObjectNodeProps>>):
|
|
585
|
+
declare function ObjectName({ id, width, height, data, }: NodeProps<Node_2<ObjectNodeProps>>): JSX.Element;
|
|
544
586
|
|
|
545
587
|
declare type ObjectNodeProps = {
|
|
546
588
|
methods: ClassNodeElement[];
|
|
@@ -552,23 +594,23 @@ declare interface OrthogonalEdgeData {
|
|
|
552
594
|
points: IPoint_2[];
|
|
553
595
|
}
|
|
554
596
|
|
|
555
|
-
declare function Package({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
597
|
+
declare function Package({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
556
598
|
|
|
557
|
-
declare function PetriNetPlace({ id, width, height, data, }: NodeProps<Node_2<PetriNetPlaceProps>>):
|
|
599
|
+
declare function PetriNetPlace({ id, width, height, data, }: NodeProps<Node_2<PetriNetPlaceProps>>): JSX.Element | null;
|
|
558
600
|
|
|
559
601
|
declare type PetriNetPlaceProps = {
|
|
560
602
|
tokens: number;
|
|
561
|
-
capacity: number |
|
|
603
|
+
capacity: number | string;
|
|
562
604
|
} & DefaultNodeProps;
|
|
563
605
|
|
|
564
|
-
declare function PetriNetTransition({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
606
|
+
declare function PetriNetTransition({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
565
607
|
|
|
566
608
|
declare type Props = Node_2<{
|
|
567
609
|
description?: string;
|
|
568
610
|
title: string;
|
|
569
611
|
}>;
|
|
570
612
|
|
|
571
|
-
declare function ReachabilityGraphMarking({ id, width, height, data, parentId, }: NodeProps<Node_2<ReachabilityGraphMarkingProps>>):
|
|
613
|
+
declare function ReachabilityGraphMarking({ id, width, height, data, parentId, }: NodeProps<Node_2<ReachabilityGraphMarkingProps>>): JSX.Element | null;
|
|
572
614
|
|
|
573
615
|
declare type ReachabilityGraphMarkingProps = DefaultNodeProps & {
|
|
574
616
|
isInitialMarking: boolean;
|
|
@@ -581,29 +623,29 @@ declare type SfcActionRow = DefaultNodeProps & {
|
|
|
581
623
|
identifier: string;
|
|
582
624
|
};
|
|
583
625
|
|
|
584
|
-
declare function SfcActionTable({ id, width, height, data, }: NodeProps<Node_2<SfcActionTableProps>>):
|
|
626
|
+
declare function SfcActionTable({ id, width, height, data, }: NodeProps<Node_2<SfcActionTableProps>>): JSX.Element | null;
|
|
585
627
|
|
|
586
628
|
declare type SfcActionTableProps = DefaultNodeProps & {
|
|
587
629
|
actionRows: SfcActionRow[];
|
|
588
630
|
};
|
|
589
631
|
|
|
590
|
-
declare function SfcJump({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
632
|
+
declare function SfcJump({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
591
633
|
|
|
592
|
-
declare function SfcStart({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
634
|
+
declare function SfcStart({ id, width, height, data, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
593
635
|
|
|
594
|
-
declare function SfcStep({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
636
|
+
declare function SfcStep({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
595
637
|
|
|
596
|
-
declare function SfcTransitionBranch({ id, width, height, data, }: NodeProps<Node_2<SfcTransitionBranchNodeProps>>):
|
|
638
|
+
declare function SfcTransitionBranch({ id, width, height, data, }: NodeProps<Node_2<SfcTransitionBranchNodeProps>>): JSX.Element | null;
|
|
597
639
|
|
|
598
640
|
declare type SfcTransitionBranchNodeProps = DefaultNodeProps & {
|
|
599
|
-
showHint
|
|
641
|
+
showHint?: boolean;
|
|
600
642
|
};
|
|
601
643
|
|
|
602
|
-
declare function SyntaxTreeNonterminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
644
|
+
declare function SyntaxTreeNonterminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
603
645
|
|
|
604
|
-
declare function SyntaxTreeTerminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
646
|
+
declare function SyntaxTreeTerminal({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
605
647
|
|
|
606
|
-
declare function TitleAndDesctiption({ width, height, id, data: { description, title }, }: NodeProps<Props>):
|
|
648
|
+
declare function TitleAndDesctiption({ width, height, id, data: { description, title }, }: NodeProps<Props>): JSX.Element | null;
|
|
607
649
|
|
|
608
650
|
declare type UMLDiagramType = keyof typeof UMLDiagramType;
|
|
609
651
|
|
|
@@ -636,11 +678,11 @@ declare type UMLModel = {
|
|
|
636
678
|
interactive?: InteractiveElements;
|
|
637
679
|
};
|
|
638
680
|
|
|
639
|
-
declare function UseCase({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
681
|
+
declare function UseCase({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
640
682
|
|
|
641
|
-
declare function UseCaseActor({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
683
|
+
declare function UseCaseActor({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
642
684
|
|
|
643
|
-
declare function UseCaseSystem({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>):
|
|
685
|
+
declare function UseCaseSystem({ id, width, height, data, parentId, }: NodeProps<Node_2<DefaultNodeProps>>): JSX.Element | null;
|
|
644
686
|
|
|
645
687
|
declare interface V2DiagramFormat {
|
|
646
688
|
version: string;
|
|
@@ -841,6 +883,7 @@ export declare class YjsSync {
|
|
|
841
883
|
setLocalAwarenessViewport: (viewport: CollaborationViewport | null) => void;
|
|
842
884
|
setLocalAwarenessFollowing: (followingClientId: number | null) => void;
|
|
843
885
|
setLocalAwarenessSelectedElement: (selectedElementId: string | null) => void;
|
|
886
|
+
setLocalAwarenessDraggingNodes: (draggingNodes: DraggingNode[] | null) => void;
|
|
844
887
|
setLocalAwarenessState: (state: Partial<CollaborationState>) => void;
|
|
845
888
|
subscribeToAwarenessChanges: (callback: (states: Map<number, CollaborationState>) => void) => () => void;
|
|
846
889
|
getAwarenessStates: () => Map<number, CollaborationState>;
|
|
@@ -862,7 +905,7 @@ export declare class YjsSync {
|
|
|
862
905
|
/**
|
|
863
906
|
* Convert Base64 string to Uint8Array
|
|
864
907
|
*/
|
|
865
|
-
|
|
908
|
+
static base64ToUint8(base64: string): Uint8Array;
|
|
866
909
|
}
|
|
867
910
|
|
|
868
911
|
export { }
|
package/dist/internals.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a8 as
|
|
3
|
-
function
|
|
1
|
+
import { U as n, aB as r } from "./yjsSync-CqmgRwRE.js";
|
|
2
|
+
import { a8 as m, aR as g, aS as p, aT as u, aU as S, aV as T, aW as b, bl as l, bm as F, bn as v } from "./yjsSync-CqmgRwRE.js";
|
|
3
|
+
function d(t = new n()) {
|
|
4
4
|
const e = () => {
|
|
5
5
|
}, a = {
|
|
6
6
|
getState: () => ({
|
|
@@ -8,6 +8,7 @@ function V(t = new n()) {
|
|
|
8
8
|
updateEdgesFromYjs: e,
|
|
9
9
|
updateAssessmentFromYjs: e,
|
|
10
10
|
updateUndoRedoState: e,
|
|
11
|
+
setDraggingNodesPublisher: e,
|
|
11
12
|
undoManager: null
|
|
12
13
|
// Other DiagramStore fields are typed but never accessed by
|
|
13
14
|
// YjsSync; cast through `unknown` keeps the helper from
|
|
@@ -17,23 +18,28 @@ function V(t = new n()) {
|
|
|
17
18
|
subscribe: () => e,
|
|
18
19
|
getInitialState: () => ({})
|
|
19
20
|
}, s = {
|
|
20
|
-
getState: () => ({
|
|
21
|
+
getState: () => ({
|
|
22
|
+
updateMetaDataFromYjs: e
|
|
23
|
+
}),
|
|
21
24
|
setState: e,
|
|
22
25
|
subscribe: () => e,
|
|
23
26
|
getInitialState: () => ({})
|
|
24
27
|
}, o = new r(t, a, s);
|
|
25
|
-
return {
|
|
28
|
+
return {
|
|
29
|
+
ydoc: t,
|
|
30
|
+
sync: o
|
|
31
|
+
};
|
|
26
32
|
}
|
|
27
33
|
export {
|
|
28
|
-
|
|
34
|
+
m as MessageType,
|
|
29
35
|
r as YjsSync,
|
|
30
|
-
|
|
31
|
-
|
|
36
|
+
g as convertV2ToV4,
|
|
37
|
+
p as convertV3EdgeTypeToV4,
|
|
32
38
|
u as convertV3HandleToV4,
|
|
33
|
-
|
|
39
|
+
S as convertV3MessagesToV4,
|
|
34
40
|
T as convertV3NodeTypeToV4,
|
|
35
41
|
b as convertV3ToV4,
|
|
36
|
-
|
|
42
|
+
d as createHeadlessSync,
|
|
37
43
|
l as isV2Format,
|
|
38
44
|
F as isV3Format,
|
|
39
45
|
v as isV4Format
|
package/dist/react/App.d.ts
CHANGED
|
@@ -5,5 +5,5 @@ interface AppProps {
|
|
|
5
5
|
collaboration: CollaborationLayerOptions;
|
|
6
6
|
awareness: CollaborationAwarenessApi;
|
|
7
7
|
}
|
|
8
|
-
export declare function AppWithProvider(props: AppProps): import("react
|
|
8
|
+
export declare function AppWithProvider(props: AppProps): import("react").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
|
|
2
|
+
|
|
3
|
+
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
|
4
|
+
This license is copied below, and is also available with a FAQ at:
|
|
5
|
+
http://scripts.sil.org/OFL
|
|
6
|
+
|
|
7
|
+
-----------------------------------------------------------
|
|
8
|
+
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
|
9
|
+
-----------------------------------------------------------
|
|
10
|
+
|
|
11
|
+
PREAMBLE
|
|
12
|
+
The goals of the Open Font License (OFL) are to stimulate worldwide
|
|
13
|
+
development of collaborative font projects, to support the font creation
|
|
14
|
+
efforts of academic and linguistic communities, and to provide a free and
|
|
15
|
+
open framework in which fonts may be shared and improved in partnership
|
|
16
|
+
with others.
|
|
17
|
+
|
|
18
|
+
The OFL allows the licensed fonts to be used, studied, modified and
|
|
19
|
+
redistributed freely as long as they are not sold by themselves. The
|
|
20
|
+
fonts, including any derivative works, can be bundled, embedded,
|
|
21
|
+
redistributed and/or sold with any software provided that any reserved
|
|
22
|
+
names are not used by derivative works. The fonts and derivatives,
|
|
23
|
+
however, cannot be released under any other type of license. The
|
|
24
|
+
requirement for fonts to remain under this license does not apply
|
|
25
|
+
to any document created using the fonts or their derivatives.
|
|
26
|
+
|
|
27
|
+
DEFINITIONS
|
|
28
|
+
"Font Software" refers to the set of files released by the Copyright
|
|
29
|
+
Holder(s) under this license and clearly marked as such. This may
|
|
30
|
+
include source files, build scripts and documentation.
|
|
31
|
+
|
|
32
|
+
"Reserved Font Name" refers to any names specified as such after the
|
|
33
|
+
copyright statement(s).
|
|
34
|
+
|
|
35
|
+
"Original Version" refers to the collection of Font Software components as
|
|
36
|
+
distributed by the Copyright Holder(s).
|
|
37
|
+
|
|
38
|
+
"Modified Version" refers to any derivative made by adding to, deleting,
|
|
39
|
+
or substituting -- in part or in whole -- any of the components of the
|
|
40
|
+
Original Version, by changing formats or by porting the Font Software to a
|
|
41
|
+
new environment.
|
|
42
|
+
|
|
43
|
+
"Author" refers to any designer, engineer, programmer, technical
|
|
44
|
+
writer or other person who contributed to the Font Software.
|
|
45
|
+
|
|
46
|
+
PERMISSION AND CONDITIONS
|
|
47
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
|
48
|
+
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
|
49
|
+
redistribute, and sell modified and unmodified copies of the Font
|
|
50
|
+
Software, subject to the following conditions:
|
|
51
|
+
|
|
52
|
+
1) Neither the Font Software nor any of its individual components,
|
|
53
|
+
in Original or Modified Versions, may be sold by itself.
|
|
54
|
+
|
|
55
|
+
2) Original or Modified Versions of the Font Software may be bundled,
|
|
56
|
+
redistributed and/or sold with any software, provided that each copy
|
|
57
|
+
contains the above copyright notice and this license. These can be
|
|
58
|
+
included either as stand-alone text files, human-readable headers or
|
|
59
|
+
in the appropriate machine-readable metadata fields within text or
|
|
60
|
+
binary files as long as those fields can be easily viewed by the user.
|
|
61
|
+
|
|
62
|
+
3) No Modified Version of the Font Software may use the Reserved Font
|
|
63
|
+
Name(s) unless explicit written permission is granted by the corresponding
|
|
64
|
+
Copyright Holder. This restriction only applies to the primary font name as
|
|
65
|
+
presented to the users.
|
|
66
|
+
|
|
67
|
+
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
|
68
|
+
Software shall not be used to promote, endorse or advertise any
|
|
69
|
+
Modified Version, except to acknowledge the contribution(s) of the
|
|
70
|
+
Copyright Holder(s) and the Author(s) or with their explicit written
|
|
71
|
+
permission.
|
|
72
|
+
|
|
73
|
+
5) The Font Software, modified or unmodified, in part or in whole,
|
|
74
|
+
must be distributed entirely under this license, and must not be
|
|
75
|
+
distributed under any other license. The requirement for fonts to
|
|
76
|
+
remain under this license does not apply to any document created
|
|
77
|
+
using the Font Software.
|
|
78
|
+
|
|
79
|
+
TERMINATION
|
|
80
|
+
This license becomes null and void if any of the above conditions are
|
|
81
|
+
not met.
|
|
82
|
+
|
|
83
|
+
DISCLAIMER
|
|
84
|
+
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
85
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
|
86
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
|
87
|
+
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
|
88
|
+
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
89
|
+
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
|
90
|
+
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
91
|
+
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
|
92
|
+
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
@@ -103,6 +103,25 @@ export declare class ApollonEditor {
|
|
|
103
103
|
};
|
|
104
104
|
get model(): Apollon.UMLModel;
|
|
105
105
|
set model(model: Apollon.UMLModel);
|
|
106
|
+
/**
|
|
107
|
+
* Host-driven element highlighting. Paints a translucent overlay over each
|
|
108
|
+
* given node / edge / class-member id in the supplied CSS color — the v4
|
|
109
|
+
* replacement for v3's `UMLModelElement.highlight` field and
|
|
110
|
+
* `ApollonEditor.select()`. Typical hosts: an assessment editor marking
|
|
111
|
+
* elements that are missing feedback, or Athena marking elements that have
|
|
112
|
+
* automatic-feedback suggestions.
|
|
113
|
+
*
|
|
114
|
+
* The highlight is an ephemeral view overlay: it is NOT written into the
|
|
115
|
+
* model, NOT serialized by `get model`, and NOT shared with collaborators.
|
|
116
|
+
* Each call replaces the previous highlight set; pass `null` (or an empty
|
|
117
|
+
* map) to clear all highlights. Passing `undefined` is a no-op.
|
|
118
|
+
*
|
|
119
|
+
* @param highlights map / record of element id -> CSS color (any valid CSS
|
|
120
|
+
* color string, e.g. `"rgba(23,162,184,0.3)"`), or `null` to clear.
|
|
121
|
+
*/
|
|
122
|
+
setElementHighlights(highlights: Map<string, string> | Record<string, string> | null | undefined): void;
|
|
123
|
+
/** Returns a copy of the current highlight record (id -> CSS color). */
|
|
124
|
+
getElementHighlights(): Record<string, string>;
|
|
106
125
|
getSelectedElements(): string[];
|
|
107
126
|
get view(): Apollon.ApollonView;
|
|
108
127
|
set view(view: Apollon.ApollonView);
|