orcasvn-react-diagrams 0.2.1 → 0.2.2
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 +99 -88
- package/ai/api-contract.json +257 -205
- package/ai/invariants.json +43 -41
- package/ai/manifest.json +34 -34
- package/dist/cjs/{displaybox.js → examples.js} +5974 -1413
- package/dist/cjs/index.js +3889 -1112
- package/dist/cjs/types/api/createDiagramEditor.d.ts +7 -2
- package/dist/cjs/types/api/types.d.ts +178 -0
- package/dist/cjs/types/displaybox/demos/DeletionEventsDemoTab.d.ts +3 -0
- package/dist/cjs/types/displaybox/demos/ShapeHoverControlsDemoTab.d.ts +3 -0
- package/dist/cjs/types/displaybox/demos/TextLayoutDemoTab.d.ts +3 -0
- package/dist/cjs/types/displaybox/demos/deletionEventsDemo.d.ts +2 -0
- package/dist/cjs/types/displaybox/demos/rotatedCreationDemo.d.ts +2 -0
- package/dist/cjs/types/displaybox/demos/roundedRectRadiusDemo.d.ts +2 -0
- package/dist/cjs/types/displaybox/demos/shapeBorderMovementDemo.d.ts +2 -0
- package/dist/cjs/types/displaybox/demos/shapeHoverControlsDemo.d.ts +10 -0
- package/dist/cjs/types/displaybox/demos/textDemo.d.ts +4 -0
- package/dist/cjs/types/displaybox/useDemoEditor.d.ts +5 -2
- package/dist/cjs/types/engine/AutoLayoutService.d.ts +24 -0
- package/dist/cjs/types/engine/DiagramEngine.d.ts +32 -14
- package/dist/cjs/types/engine/EngineCommands.d.ts +4 -1
- package/dist/cjs/types/engine/LinkRoutingService.d.ts +35 -0
- package/dist/cjs/types/engine/MutationPipeline.d.ts +23 -0
- package/dist/cjs/types/engine/TextLayoutService.d.ts +40 -0
- package/dist/cjs/types/examples/index.d.ts +2 -0
- package/dist/cjs/types/measure/textStyleDefaults.d.ts +9 -0
- package/dist/cjs/types/models/DiagramModel.d.ts +1 -0
- package/dist/cjs/types/models/ElementModel.d.ts +1 -0
- package/dist/cjs/types/models/PortModel.d.ts +3 -0
- package/dist/cjs/types/models/TextModel.d.ts +8 -0
- package/dist/cjs/types/renderer/RenderTypes.d.ts +34 -1
- package/dist/cjs/types/renderer/konva/KonvaHitTester.d.ts +1 -1
- package/dist/cjs/types/renderer/konva/KonvaInteraction.d.ts +53 -3
- package/dist/cjs/types/renderer/konva/KonvaNodeFactory.d.ts +18 -1
- package/dist/cjs/types/renderer/konva/KonvaRenderer.d.ts +49 -2
- package/dist/cjs/types/shapes/BuiltInShapes.d.ts +107 -0
- package/dist/cjs/types/shapes/__tests__/BuiltInShapes.test.d.ts +1 -0
- package/dist/cjs/types/shapes/index.d.ts +1 -0
- package/dist/cjs/types/utils/__tests__/borderGeometry.test.d.ts +1 -0
- package/dist/cjs/types/utils/borderGeometry.d.ts +6 -0
- package/dist/cjs/types/utils/geometry.d.ts +22 -0
- package/dist/esm/{displaybox.js → examples.js} +5969 -1414
- package/dist/esm/examples.js.map +1 -0
- package/dist/esm/index.js +3890 -1113
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/api/createDiagramEditor.d.ts +7 -2
- package/dist/esm/types/api/types.d.ts +178 -0
- package/dist/esm/types/displaybox/demos/DeletionEventsDemoTab.d.ts +3 -0
- package/dist/esm/types/displaybox/demos/ShapeHoverControlsDemoTab.d.ts +3 -0
- package/dist/esm/types/displaybox/demos/TextLayoutDemoTab.d.ts +3 -0
- package/dist/esm/types/displaybox/demos/deletionEventsDemo.d.ts +2 -0
- package/dist/esm/types/displaybox/demos/rotatedCreationDemo.d.ts +2 -0
- package/dist/esm/types/displaybox/demos/roundedRectRadiusDemo.d.ts +2 -0
- package/dist/esm/types/displaybox/demos/shapeBorderMovementDemo.d.ts +2 -0
- package/dist/esm/types/displaybox/demos/shapeHoverControlsDemo.d.ts +10 -0
- package/dist/esm/types/displaybox/demos/textDemo.d.ts +4 -0
- package/dist/esm/types/displaybox/useDemoEditor.d.ts +5 -2
- package/dist/esm/types/engine/AutoLayoutService.d.ts +24 -0
- package/dist/esm/types/engine/DiagramEngine.d.ts +32 -14
- package/dist/esm/types/engine/EngineCommands.d.ts +4 -1
- package/dist/esm/types/engine/LinkRoutingService.d.ts +35 -0
- package/dist/esm/types/engine/MutationPipeline.d.ts +23 -0
- package/dist/esm/types/engine/TextLayoutService.d.ts +40 -0
- package/dist/esm/types/examples/index.d.ts +2 -0
- package/dist/esm/types/measure/textStyleDefaults.d.ts +9 -0
- package/dist/esm/types/models/DiagramModel.d.ts +1 -0
- package/dist/esm/types/models/ElementModel.d.ts +1 -0
- package/dist/esm/types/models/PortModel.d.ts +3 -0
- package/dist/esm/types/models/TextModel.d.ts +8 -0
- package/dist/esm/types/renderer/RenderTypes.d.ts +34 -1
- package/dist/esm/types/renderer/konva/KonvaHitTester.d.ts +1 -1
- package/dist/esm/types/renderer/konva/KonvaInteraction.d.ts +53 -3
- package/dist/esm/types/renderer/konva/KonvaNodeFactory.d.ts +18 -1
- package/dist/esm/types/renderer/konva/KonvaRenderer.d.ts +49 -2
- package/dist/esm/types/shapes/BuiltInShapes.d.ts +107 -0
- package/dist/esm/types/shapes/__tests__/BuiltInShapes.test.d.ts +1 -0
- package/dist/esm/types/shapes/index.d.ts +1 -0
- package/dist/esm/types/utils/__tests__/borderGeometry.test.d.ts +1 -0
- package/dist/esm/types/utils/borderGeometry.d.ts +6 -0
- package/dist/esm/types/utils/geometry.d.ts +22 -0
- package/dist/{displaybox.d.ts → examples.d.ts} +169 -5
- package/dist/index.d.ts +233 -2
- package/docs/API_CONTRACT.md +200 -144
- package/docs/ARCHITECTURE.md +32 -31
- package/docs/CAPABILITIES.md +40 -38
- package/docs/COMMANDS_EVENTS.md +65 -60
- package/docs/DOCUMENTATION_WORKFLOW.md +27 -29
- package/docs/INDEX.md +41 -41
- package/docs/INTEGRATION_PLAYBOOK.md +56 -54
- package/docs/PORTING_CHECKLIST.md +59 -58
- package/docs/STATE_INVARIANTS.md +60 -56
- package/docs/fixtures/basic-linked-elements.json +52 -52
- package/docs/fixtures/empty-state.json +11 -11
- package/docs/fixtures/nested-layout.json +54 -54
- package/package.json +13 -16
- package/src/displaybox/demos/AutoLayoutDemoTab.tsx +501 -0
- package/src/displaybox/demos/DeletionEventsDemoTab.tsx +147 -0
- package/src/displaybox/demos/EngineEventsDemoTab.tsx +151 -0
- package/src/displaybox/demos/EventHandlersDemoTab.tsx +110 -0
- package/src/displaybox/demos/ExternalDragDropDemoTab.tsx +261 -0
- package/src/displaybox/demos/LinkCancelDemoTab.tsx +238 -0
- package/src/displaybox/demos/ObstacleRoutingDemoTab.tsx +30 -0
- package/src/displaybox/demos/ShapeHoverControlsDemoTab.tsx +558 -0
- package/src/displaybox/demos/SimpleDemo.tsx +73 -0
- package/src/displaybox/demos/SvgPathDemoTab.tsx +327 -0
- package/src/displaybox/demos/TextLayoutDemoTab.tsx +386 -0
- package/src/displaybox/demos/autoLayoutDemo.ts +111 -0
- package/src/displaybox/demos/basicDemo.ts +131 -0
- package/src/displaybox/demos/childConstraintsDemo.ts +65 -0
- package/src/displaybox/demos/customDemo.ts +59 -0
- package/src/displaybox/demos/deletionEventsDemo.ts +91 -0
- package/src/displaybox/demos/engineEventsDemo.ts +64 -0
- package/src/displaybox/demos/eventHandlersDemo.ts +41 -0
- package/src/displaybox/demos/externalDragDropDemo.ts +28 -0
- package/src/displaybox/demos/gridOverlayDemo.ts +50 -0
- package/src/displaybox/demos/index.tsx +217 -0
- package/src/displaybox/demos/linkBendHandlesDemo.ts +143 -0
- package/src/displaybox/demos/linkCancelDemo.ts +56 -0
- package/src/displaybox/demos/linkPortCreationDemo.ts +46 -0
- package/src/displaybox/demos/multiLevelTreeDemo.ts +120 -0
- package/src/displaybox/demos/multipleElementsDemo.ts +62 -0
- package/src/displaybox/demos/nestedDemo.ts +78 -0
- package/src/displaybox/demos/obstacleRoutingDemo.ts +176 -0
- package/src/displaybox/demos/portBorderDemo.ts +98 -0
- package/src/displaybox/demos/portConstraintsDemo.ts +175 -0
- package/src/displaybox/demos/rotatedCreationDemo.ts +185 -0
- package/src/displaybox/demos/roundedRectRadiusDemo.ts +93 -0
- package/src/displaybox/demos/routingDemo.ts +57 -0
- package/src/displaybox/demos/selectionDemo.ts +49 -0
- package/src/displaybox/demos/shapeBorderMovementDemo.ts +126 -0
- package/src/displaybox/demos/shapeGalleryDemo.ts +73 -0
- package/src/displaybox/demos/shapeHoverControlsDemo.ts +172 -0
- package/src/displaybox/demos/shared.ts +161 -0
- package/src/displaybox/demos/svgPathDemo.ts +71 -0
- package/src/displaybox/demos/textDemo.ts +62 -0
- package/src/displaybox/types.ts +66 -0
- package/src/examples/index.ts +21 -0
- package/displaybox/package.json +0 -5
- package/dist/cjs/types/components/BBoxDebugger.d.ts +0 -6
- package/dist/cjs/types/components/CloseIcon.d.ts +0 -6
- package/dist/cjs/types/components/LinkDebugger.d.ts +0 -8
- package/dist/cjs/types/components/editor.d.ts +0 -9
- package/dist/cjs/types/components/elementShowbox.d.ts +0 -3
- package/dist/cjs/types/components/elements/dragDropHandlerElement.d.ts +0 -7
- package/dist/cjs/types/components/elements/element.d.ts +0 -4
- package/dist/cjs/types/components/elements/elementWrapper.d.ts +0 -18
- package/dist/cjs/types/components/links/elementLink.d.ts +0 -4
- package/dist/cjs/types/components/links/index.d.ts +0 -2
- package/dist/cjs/types/components/links/point.d.ts +0 -11
- package/dist/cjs/types/components/paper.d.ts +0 -49
- package/dist/cjs/types/components/ports/index.d.ts +0 -2
- package/dist/cjs/types/components/ports/port.d.ts +0 -3
- package/dist/cjs/types/components/shapeShowbox.d.ts +0 -3
- package/dist/cjs/types/components/shapes/circle.d.ts +0 -9
- package/dist/cjs/types/components/shapes/customShape.d.ts +0 -7
- package/dist/cjs/types/components/shapes/halfCircle.d.ts +0 -9
- package/dist/cjs/types/components/shapes/index.d.ts +0 -7
- package/dist/cjs/types/components/shapes/polygon.d.ts +0 -8
- package/dist/cjs/types/components/shapes/rectangle.d.ts +0 -10
- package/dist/cjs/types/components/shapes/rectangularFrame.d.ts +0 -12
- package/dist/cjs/types/components/shapes/shapeWrapper.d.ts +0 -8
- package/dist/cjs/types/components/svgUtilsShowbox.d.ts +0 -3
- package/dist/cjs/types/components/texts/index.d.ts +0 -2
- package/dist/cjs/types/components/texts/text.d.ts +0 -4
- package/dist/cjs/types/components/viewControls/ruler.d.ts +0 -10
- package/dist/cjs/types/components/viewControls/selectionFrame.d.ts +0 -4
- package/dist/cjs/types/contexts/editorConfigurationContext.d.ts +0 -4
- package/dist/cjs/types/contexts/paperEventEmitterContext.d.ts +0 -45
- package/dist/cjs/types/contexts/zoomContext.d.ts +0 -16
- package/dist/cjs/types/contexts/zoomPanContext.d.ts +0 -23
- package/dist/cjs/types/displaybox/index.d.ts +0 -3
- package/dist/cjs/types/hooks/useKeyboardCommands.d.ts +0 -5
- package/dist/cjs/types/hooks/useSelectionFrame.d.ts +0 -6
- package/dist/cjs/types/logs/Logger.d.ts +0 -14
- package/dist/cjs/types/logs/configureLogger.d.ts +0 -4
- package/dist/cjs/types/main.d.ts +0 -8
- package/dist/cjs/types/mocks/customPortWithBuiltinShape.d.ts +0 -2
- package/dist/cjs/types/mocks/diamondElement.d.ts +0 -11
- package/dist/cjs/types/mocks/editorContext.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextElementMoveAsPort.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextForOptimizeRerender.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextMultipleElements.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextSingleElement.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextSingleElementTestEvents.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextTriggerRenderElements.d.ts +0 -2
- package/dist/cjs/types/mocks/editorContextWithElementAnchorCenter.d.ts +0 -2
- package/dist/cjs/types/mocks/port1.d.ts +0 -5
- package/dist/cjs/types/mocks/port2.d.ts +0 -5
- package/dist/cjs/types/mocks/portIn.d.ts +0 -4
- package/dist/cjs/types/mocks/rectangularFrameElement.d.ts +0 -11
- package/dist/cjs/types/mocks/textsWithFlexBox.d.ts +0 -2
- package/dist/cjs/types/models/IEditorConfiguration.d.ts +0 -7
- package/dist/cjs/types/models/IEditorContext.d.ts +0 -56
- package/dist/cjs/types/models/IElement.d.ts +0 -46
- package/dist/cjs/types/models/IElementLink.d.ts +0 -23
- package/dist/cjs/types/models/IElementLinkProps.d.ts +0 -31
- package/dist/cjs/types/models/IElementProps.d.ts +0 -36
- package/dist/cjs/types/models/IElementSelectorProps.d.ts +0 -25
- package/dist/cjs/types/models/IFlexboxType.d.ts +0 -20
- package/dist/cjs/types/models/IPaperBounds.d.ts +0 -6
- package/dist/cjs/types/models/IPort.d.ts +0 -13
- package/dist/cjs/types/models/IPortProps.d.ts +0 -31
- package/dist/cjs/types/models/IResizability.d.ts +0 -4
- package/dist/cjs/types/models/IShape.d.ts +0 -18
- package/dist/cjs/types/models/IText.d.ts +0 -20
- package/dist/cjs/types/models/ITextProps.d.ts +0 -25
- package/dist/cjs/types/models/callbackTypes.d.ts +0 -21
- package/dist/cjs/types/models/enums/PositioningAnchor.d.ts +0 -4
- package/dist/cjs/types/models/enums/ResizingDirection.d.ts +0 -10
- package/dist/cjs/types/models/enums/SubObjectDirection.d.ts +0 -4
- package/dist/cjs/types/models/enums/TextAlign.d.ts +0 -5
- package/dist/cjs/types/models/enums/index.d.ts +0 -4
- package/dist/cjs/types/models/implementations/CustomPort.d.ts +0 -7
- package/dist/cjs/types/models/implementations/CustomPortFromJSXElement.d.ts +0 -7
- package/dist/cjs/types/models/implementations/CustomPortFromShape.d.ts +0 -7
- package/dist/cjs/types/models/implementations/EditorContext.d.ts +0 -67
- package/dist/cjs/types/models/implementations/Element.d.ts +0 -61
- package/dist/cjs/types/models/implementations/ElementLink.d.ts +0 -25
- package/dist/cjs/types/models/implementations/Port.d.ts +0 -22
- package/dist/cjs/types/models/implementations/Text.d.ts +0 -20
- package/dist/cjs/types/models/implementations/diamondElement.d.ts +0 -11
- package/dist/cjs/types/models/implementations/index.d.ts +0 -6
- package/dist/cjs/types/models/implementations/rectangularFrameElement.d.ts +0 -11
- package/dist/cjs/types/models/index.d.ts +0 -19
- package/dist/cjs/types/models/position.d.ts +0 -4
- package/dist/cjs/types/models/size.d.ts +0 -4
- package/dist/cjs/types/utils/constants.d.ts +0 -54
- package/dist/cjs/types/utils/elementLinkUtil.d.ts +0 -2
- package/dist/cjs/types/utils/generateUniqueId.d.ts +0 -1
- package/dist/cjs/types/utils/index.d.ts +0 -9
- package/dist/cjs/types/utils/lineUtil.d.ts +0 -3
- package/dist/cjs/types/utils/mathUtil.d.ts +0 -6
- package/dist/cjs/types/utils/pathUtil.d.ts +0 -13
- package/dist/cjs/types/utils/portSlideRailSVGUtil.d.ts +0 -3
- package/dist/cjs/types/utils/positionUtil.d.ts +0 -55
- package/dist/cjs/types/utils/svgUtil.d.ts +0 -3
- package/dist/esm/displaybox.js.map +0 -1
- package/dist/esm/types/components/BBoxDebugger.d.ts +0 -6
- package/dist/esm/types/components/CloseIcon.d.ts +0 -6
- package/dist/esm/types/components/LinkDebugger.d.ts +0 -8
- package/dist/esm/types/components/editor.d.ts +0 -9
- package/dist/esm/types/components/elementShowbox.d.ts +0 -3
- package/dist/esm/types/components/elements/dragDropHandlerElement.d.ts +0 -7
- package/dist/esm/types/components/elements/element.d.ts +0 -4
- package/dist/esm/types/components/elements/elementWrapper.d.ts +0 -18
- package/dist/esm/types/components/links/elementLink.d.ts +0 -4
- package/dist/esm/types/components/links/index.d.ts +0 -2
- package/dist/esm/types/components/links/point.d.ts +0 -11
- package/dist/esm/types/components/paper.d.ts +0 -49
- package/dist/esm/types/components/ports/index.d.ts +0 -2
- package/dist/esm/types/components/ports/port.d.ts +0 -3
- package/dist/esm/types/components/shapeShowbox.d.ts +0 -3
- package/dist/esm/types/components/shapes/circle.d.ts +0 -9
- package/dist/esm/types/components/shapes/customShape.d.ts +0 -7
- package/dist/esm/types/components/shapes/halfCircle.d.ts +0 -9
- package/dist/esm/types/components/shapes/index.d.ts +0 -7
- package/dist/esm/types/components/shapes/polygon.d.ts +0 -8
- package/dist/esm/types/components/shapes/rectangle.d.ts +0 -10
- package/dist/esm/types/components/shapes/rectangularFrame.d.ts +0 -12
- package/dist/esm/types/components/shapes/shapeWrapper.d.ts +0 -8
- package/dist/esm/types/components/svgUtilsShowbox.d.ts +0 -3
- package/dist/esm/types/components/texts/index.d.ts +0 -2
- package/dist/esm/types/components/texts/text.d.ts +0 -4
- package/dist/esm/types/components/viewControls/ruler.d.ts +0 -10
- package/dist/esm/types/components/viewControls/selectionFrame.d.ts +0 -4
- package/dist/esm/types/contexts/editorConfigurationContext.d.ts +0 -4
- package/dist/esm/types/contexts/paperEventEmitterContext.d.ts +0 -45
- package/dist/esm/types/contexts/zoomContext.d.ts +0 -16
- package/dist/esm/types/contexts/zoomPanContext.d.ts +0 -23
- package/dist/esm/types/displaybox/index.d.ts +0 -3
- package/dist/esm/types/hooks/useKeyboardCommands.d.ts +0 -5
- package/dist/esm/types/hooks/useSelectionFrame.d.ts +0 -6
- package/dist/esm/types/logs/Logger.d.ts +0 -14
- package/dist/esm/types/logs/configureLogger.d.ts +0 -4
- package/dist/esm/types/main.d.ts +0 -8
- package/dist/esm/types/mocks/customPortWithBuiltinShape.d.ts +0 -2
- package/dist/esm/types/mocks/diamondElement.d.ts +0 -11
- package/dist/esm/types/mocks/editorContext.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextElementMoveAsPort.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextForOptimizeRerender.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextMultipleElements.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextSingleElement.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextSingleElementTestEvents.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextTriggerRenderElements.d.ts +0 -2
- package/dist/esm/types/mocks/editorContextWithElementAnchorCenter.d.ts +0 -2
- package/dist/esm/types/mocks/port1.d.ts +0 -5
- package/dist/esm/types/mocks/port2.d.ts +0 -5
- package/dist/esm/types/mocks/portIn.d.ts +0 -4
- package/dist/esm/types/mocks/rectangularFrameElement.d.ts +0 -11
- package/dist/esm/types/mocks/textsWithFlexBox.d.ts +0 -2
- package/dist/esm/types/models/IEditorConfiguration.d.ts +0 -7
- package/dist/esm/types/models/IEditorContext.d.ts +0 -56
- package/dist/esm/types/models/IElement.d.ts +0 -46
- package/dist/esm/types/models/IElementLink.d.ts +0 -23
- package/dist/esm/types/models/IElementLinkProps.d.ts +0 -31
- package/dist/esm/types/models/IElementProps.d.ts +0 -36
- package/dist/esm/types/models/IElementSelectorProps.d.ts +0 -25
- package/dist/esm/types/models/IFlexboxType.d.ts +0 -20
- package/dist/esm/types/models/IPaperBounds.d.ts +0 -6
- package/dist/esm/types/models/IPort.d.ts +0 -13
- package/dist/esm/types/models/IPortProps.d.ts +0 -31
- package/dist/esm/types/models/IResizability.d.ts +0 -4
- package/dist/esm/types/models/IShape.d.ts +0 -18
- package/dist/esm/types/models/IText.d.ts +0 -20
- package/dist/esm/types/models/ITextProps.d.ts +0 -25
- package/dist/esm/types/models/callbackTypes.d.ts +0 -21
- package/dist/esm/types/models/enums/PositioningAnchor.d.ts +0 -4
- package/dist/esm/types/models/enums/ResizingDirection.d.ts +0 -10
- package/dist/esm/types/models/enums/SubObjectDirection.d.ts +0 -4
- package/dist/esm/types/models/enums/TextAlign.d.ts +0 -5
- package/dist/esm/types/models/enums/index.d.ts +0 -4
- package/dist/esm/types/models/implementations/CustomPort.d.ts +0 -7
- package/dist/esm/types/models/implementations/CustomPortFromJSXElement.d.ts +0 -7
- package/dist/esm/types/models/implementations/CustomPortFromShape.d.ts +0 -7
- package/dist/esm/types/models/implementations/EditorContext.d.ts +0 -67
- package/dist/esm/types/models/implementations/Element.d.ts +0 -61
- package/dist/esm/types/models/implementations/ElementLink.d.ts +0 -25
- package/dist/esm/types/models/implementations/Port.d.ts +0 -22
- package/dist/esm/types/models/implementations/Text.d.ts +0 -20
- package/dist/esm/types/models/implementations/diamondElement.d.ts +0 -11
- package/dist/esm/types/models/implementations/index.d.ts +0 -6
- package/dist/esm/types/models/implementations/rectangularFrameElement.d.ts +0 -11
- package/dist/esm/types/models/index.d.ts +0 -19
- package/dist/esm/types/models/position.d.ts +0 -4
- package/dist/esm/types/models/size.d.ts +0 -4
- package/dist/esm/types/utils/constants.d.ts +0 -54
- package/dist/esm/types/utils/elementLinkUtil.d.ts +0 -2
- package/dist/esm/types/utils/generateUniqueId.d.ts +0 -1
- package/dist/esm/types/utils/index.d.ts +0 -9
- package/dist/esm/types/utils/lineUtil.d.ts +0 -3
- package/dist/esm/types/utils/mathUtil.d.ts +0 -6
- package/dist/esm/types/utils/pathUtil.d.ts +0 -13
- package/dist/esm/types/utils/portSlideRailSVGUtil.d.ts +0 -3
- package/dist/esm/types/utils/positionUtil.d.ts +0 -55
- package/dist/esm/types/utils/svgUtil.d.ts +0 -3
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PositioningAnchor } from "./enums";
|
|
3
|
-
import { SubObjectDirection } from "./enums/SubObjectDirection";
|
|
4
|
-
import IElementProps from "./IElementProps";
|
|
5
|
-
import IFlexboxType from "./IFlexboxType";
|
|
6
|
-
import IPort from "./IPort";
|
|
7
|
-
import IResizability from "./IResizability";
|
|
8
|
-
import IText from "./IText";
|
|
9
|
-
import IPosition from "./position";
|
|
10
|
-
import ISize from "./size";
|
|
11
|
-
export default interface IElement {
|
|
12
|
-
readonly id: string;
|
|
13
|
-
position: IPosition;
|
|
14
|
-
positionAnchor?: PositioningAnchor;
|
|
15
|
-
size: ISize;
|
|
16
|
-
selectable?: boolean;
|
|
17
|
-
removable?: boolean;
|
|
18
|
-
moveAsPortOnParent?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated This property is deprecated and will be removed in future versions.
|
|
21
|
-
*/
|
|
22
|
-
cssClass?: string;
|
|
23
|
-
reactElement?: React.FC<IElementProps> | React.ComponentClass<IElementProps>;
|
|
24
|
-
renderShape?: (props: IElementProps) => JSX.Element;
|
|
25
|
-
resizability: IResizability;
|
|
26
|
-
ports?: IPort[];
|
|
27
|
-
texts?: IText[];
|
|
28
|
-
portMoveableAreas?: IPosition[][];
|
|
29
|
-
portSlideRailSVGClassName?: string;
|
|
30
|
-
portDirection?: SubObjectDirection;
|
|
31
|
-
defaultPortSize?: number;
|
|
32
|
-
parentElement?: IElement;
|
|
33
|
-
childrenElements: IElement[];
|
|
34
|
-
onParentChanged?: (callback: (oldParent?: IElement, newParent?: IElement) => void) => (() => void);
|
|
35
|
-
addPort: (newPort: IPort) => void;
|
|
36
|
-
onAddedPort: (callback: (newPort: IPort) => void) => (() => void);
|
|
37
|
-
deletePort: (id: string) => void;
|
|
38
|
-
onDeletedPort: (callback: (id: string) => void) => (() => void);
|
|
39
|
-
addText: (newText: IText) => void;
|
|
40
|
-
onAddedText: (callback: (newText: IText) => void) => (() => void);
|
|
41
|
-
deleteText: (id: string) => void;
|
|
42
|
-
onDeletedText: (callback: (id: string) => void) => (() => void);
|
|
43
|
-
textsPlaceHolderClassName?: string;
|
|
44
|
-
textsPlaceHolderFlexStyle?: IFlexboxType;
|
|
45
|
-
textsPlaceHolderFlexboxPosition?: IPosition;
|
|
46
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IElement from "./IElement";
|
|
3
|
-
import IPort from "./IPort";
|
|
4
|
-
import IText from "./IText";
|
|
5
|
-
import IPosition from "./position";
|
|
6
|
-
export default interface IElementLink {
|
|
7
|
-
readonly id: string;
|
|
8
|
-
removable?: boolean;
|
|
9
|
-
sourceElement: IElement;
|
|
10
|
-
targetElement?: IElement;
|
|
11
|
-
sourcePort: IPort;
|
|
12
|
-
targetPort?: IPort;
|
|
13
|
-
path?: string;
|
|
14
|
-
points?: IPosition[];
|
|
15
|
-
tempTargetPosition?: IPosition;
|
|
16
|
-
markerStart?: JSX.Element;
|
|
17
|
-
markerEnd?: JSX.Element;
|
|
18
|
-
markerDistanceFromPort?: number;
|
|
19
|
-
markerSize?: number;
|
|
20
|
-
label?: IText;
|
|
21
|
-
sourceLabel?: IText;
|
|
22
|
-
targetLabel?: IText;
|
|
23
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IText from "./IText";
|
|
3
|
-
import IPosition from "./position";
|
|
4
|
-
export default interface IElementLinkProps {
|
|
5
|
-
id: string;
|
|
6
|
-
stroke?: string;
|
|
7
|
-
strokeWidth?: number;
|
|
8
|
-
sourcePositionX: number;
|
|
9
|
-
sourcePositionY: number;
|
|
10
|
-
targetPositionX: number;
|
|
11
|
-
targetPositionY: number;
|
|
12
|
-
removable?: boolean;
|
|
13
|
-
label?: IText;
|
|
14
|
-
sourceLabel?: IText;
|
|
15
|
-
targetLabel?: IText;
|
|
16
|
-
onLabelMoved?: (offsetX: number, offsetY: number, labelType: 'middle' | 'source' | 'target') => void;
|
|
17
|
-
onLabelResized?: (width: number, height: number, labelType: 'middle' | 'source' | 'target') => void;
|
|
18
|
-
onLabelContentChanged?: (newValue: string, labelType: 'middle' | 'source' | 'target') => void;
|
|
19
|
-
path?: string;
|
|
20
|
-
points?: IPosition[];
|
|
21
|
-
container?: Element | null;
|
|
22
|
-
markerStart?: JSX.Element;
|
|
23
|
-
markerEnd?: JSX.Element;
|
|
24
|
-
markerDistanceFromPort?: number;
|
|
25
|
-
markerSize?: number;
|
|
26
|
-
onPathChanged?: (path: string, id: string) => void;
|
|
27
|
-
onPointsChanged?: (points: IPosition[], id: string) => void;
|
|
28
|
-
onClickDelete?: (ev: React.MouseEvent) => void;
|
|
29
|
-
onSelected?: () => void;
|
|
30
|
-
onDeselected?: () => void;
|
|
31
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { onElementMovedHandler, onElementResizedHandler, onPortMouseDownHandler, onPortMouseUpHandler, onPortMovedHandler } from "./callbackTypes";
|
|
3
|
-
import IElement from "./IElement";
|
|
4
|
-
import IElementLink from "./IElementLink";
|
|
5
|
-
import IPort from "./IPort";
|
|
6
|
-
import IPosition from "./position";
|
|
7
|
-
interface IElementProps {
|
|
8
|
-
element: IElement;
|
|
9
|
-
beingSelected?: boolean;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
defaultPortSize?: number;
|
|
12
|
-
onClick?: (elementId: string, e: React.MouseEvent<SVGElement>, ref: SVGSVGElement | null) => void;
|
|
13
|
-
onContextMenu?: (elementId: string, e: React.MouseEvent<SVGElement>, ref: SVGSVGElement | null) => void;
|
|
14
|
-
container: Element;
|
|
15
|
-
onResized?: onElementResizedHandler;
|
|
16
|
-
onMoved?: onElementMovedHandler;
|
|
17
|
-
onPortMoved?: onPortMovedHandler;
|
|
18
|
-
onPortMouseDown?: onPortMouseDownHandler;
|
|
19
|
-
onPortMouseUp?: onPortMouseUpHandler;
|
|
20
|
-
portPlaceholderShape?: JSX.Element;
|
|
21
|
-
onMouseMove?: (event: React.MouseEvent, elementId: string) => void;
|
|
22
|
-
onMouseLeave?: (event: React.MouseEvent, elementId: string) => void;
|
|
23
|
-
onMouseDown?: (event: React.MouseEvent, elementId: string) => void;
|
|
24
|
-
onMouseUp?: (event: React.MouseEvent, elementId: string) => void;
|
|
25
|
-
onMoving?: (element: IElement, newPaperPosition: IPosition) => {
|
|
26
|
-
horizontalAllowed: boolean;
|
|
27
|
-
verticalAllowed: boolean;
|
|
28
|
-
} | null;
|
|
29
|
-
onPortContextMenu?: (port: IPort, elementId: string, event: React.MouseEvent<SVGElement>) => void;
|
|
30
|
-
onMouseUpAtLinkedPortPlaceholder?: (link: IElementLink, position: IPosition, targetElementId: string) => void;
|
|
31
|
-
onManuallyTriggerRenderPort: (callback: (portId: string, elementId: string) => void) => () => void;
|
|
32
|
-
draggingByDefault?: boolean;
|
|
33
|
-
parentDOM: SVGSVGElement | null | undefined;
|
|
34
|
-
parentAbsolutePosition?: IPosition;
|
|
35
|
-
}
|
|
36
|
-
export default IElementProps;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import IResizability from "./IResizability";
|
|
3
|
-
import { IDragDropHandlerElementProps } from "../components/elements/dragDropHandlerElement";
|
|
4
|
-
import { PositioningAnchor } from "./enums/PositioningAnchor";
|
|
5
|
-
interface ISelectionFrameProps {
|
|
6
|
-
objectX?: number;
|
|
7
|
-
objectY?: number;
|
|
8
|
-
width?: number;
|
|
9
|
-
height?: number;
|
|
10
|
-
targetSVGElement?: SVGSVGElement;
|
|
11
|
-
onMouseDown?: (event: React.MouseEvent<SVGRectElement>) => void;
|
|
12
|
-
onMouseUp?: (event: React.MouseEvent<SVGRectElement>) => void;
|
|
13
|
-
onMove?: (x: number, y: number) => void;
|
|
14
|
-
onResize?: (width: number, height: number) => void;
|
|
15
|
-
resizability: IResizability;
|
|
16
|
-
movingRate?: number;
|
|
17
|
-
container: Element;
|
|
18
|
-
anchor?: PositioningAnchor;
|
|
19
|
-
dragDropHandlerElement?: React.FC<IDragDropHandlerElementProps>;
|
|
20
|
-
framePadding?: number;
|
|
21
|
-
strokeWidth?: number;
|
|
22
|
-
zoom: number;
|
|
23
|
-
draggingByDefault?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export default ISelectionFrameProps;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export default interface IFlexboxType {
|
|
2
|
-
width?: number;
|
|
3
|
-
height?: number;
|
|
4
|
-
flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
5
|
-
flexWrap?: 'no-wrap' | 'wrap';
|
|
6
|
-
justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
|
|
7
|
-
alignItems?: 'flex-start' | 'flex-end' | 'center';
|
|
8
|
-
alignSelf?: 'flex-start' | 'flex-end' | 'center';
|
|
9
|
-
alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch';
|
|
10
|
-
padding?: number;
|
|
11
|
-
paddingLeft?: number;
|
|
12
|
-
paddingRight?: number;
|
|
13
|
-
paddingTop?: number;
|
|
14
|
-
paddingBottom?: number;
|
|
15
|
-
margin?: number;
|
|
16
|
-
marginLeft?: number;
|
|
17
|
-
marginRight?: number;
|
|
18
|
-
marginTop?: number;
|
|
19
|
-
marginBottom?: number;
|
|
20
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IPortProps } from "./IPortProps";
|
|
3
|
-
import IText from "./IText";
|
|
4
|
-
import IPosition from "./position";
|
|
5
|
-
import ISize from "./size";
|
|
6
|
-
export default interface IPort {
|
|
7
|
-
readonly id: string;
|
|
8
|
-
position: IPosition;
|
|
9
|
-
size?: ISize;
|
|
10
|
-
label?: IText;
|
|
11
|
-
removable?: boolean;
|
|
12
|
-
renderShape?: React.ForwardRefExoticComponent<IPortProps & React.RefAttributes<SVGSVGElement>>;
|
|
13
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IText from "./IText";
|
|
3
|
-
import IPosition from "./position";
|
|
4
|
-
export interface IPortProps {
|
|
5
|
-
id: string;
|
|
6
|
-
x: number;
|
|
7
|
-
y: number;
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
|
-
rotation?: number;
|
|
11
|
-
parentAbsolutePosition?: IPosition;
|
|
12
|
-
container: Element;
|
|
13
|
-
linkTypes?: string[];
|
|
14
|
-
onConnected?: (portId: string) => void;
|
|
15
|
-
onDisconnected?: (portId: string) => void;
|
|
16
|
-
onSelected?: (portId: string, e: React.MouseEvent<SVGElement>, ref?: SVGSVGElement) => void;
|
|
17
|
-
onMouseUp?: (portId: string, e: React.MouseEvent<SVGElement>) => void;
|
|
18
|
-
onMouseDown?: (portId: string, e: React.MouseEvent<SVGElement>) => void;
|
|
19
|
-
onContextMenu?: (portId: string, e: React.MouseEvent<SVGElement>) => void;
|
|
20
|
-
moveableAreas?: IPosition[][];
|
|
21
|
-
label?: IText;
|
|
22
|
-
onMouseEnter?: (ev: React.MouseEvent) => void;
|
|
23
|
-
onMouseLeave?: (ev: React.MouseEvent) => void;
|
|
24
|
-
onMouseMove?: (portId: string, ev: React.MouseEvent) => void;
|
|
25
|
-
onPortLabelMoved?: (offsetX: number, offsetY: number, portId: string) => void;
|
|
26
|
-
onPortLabelResized?: (width: number, height: number, portId: string) => void;
|
|
27
|
-
onPortLabelContentChanged?: (ev: React.ChangeEvent, newValue: string, portId: string) => void;
|
|
28
|
-
renderShape?: React.ForwardRefExoticComponent<IPortProps & React.RefAttributes<SVGSVGElement>>;
|
|
29
|
-
calculateRotationAngle?: (x: number, y: number) => number;
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { DOMAttributes } from "react";
|
|
2
|
-
import { PositioningAnchor } from "./enums/PositioningAnchor";
|
|
3
|
-
import IPosition from "./position";
|
|
4
|
-
export default interface IShape extends DOMAttributes<SVGElement>, React.RefAttributes<SVGSVGElement> {
|
|
5
|
-
x: number;
|
|
6
|
-
y: number;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
stroke?: string;
|
|
10
|
-
strokeWidth?: number;
|
|
11
|
-
fill?: string;
|
|
12
|
-
rotation?: number;
|
|
13
|
-
cssClass?: string;
|
|
14
|
-
portMoveableAreaCssClass?: string;
|
|
15
|
-
direction?: 'left' | 'right' | 'up' | 'down';
|
|
16
|
-
positioningAnchor?: PositioningAnchor | IPosition;
|
|
17
|
-
onClick?: (e: React.MouseEvent<SVGElement>) => void;
|
|
18
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { TextAlign } from "./enums/TextAlign";
|
|
2
|
-
import IFlexboxType from "./IFlexboxType";
|
|
3
|
-
import IPosition from "./position";
|
|
4
|
-
import ISize from "./size";
|
|
5
|
-
export default interface IText {
|
|
6
|
-
id: string;
|
|
7
|
-
content: string;
|
|
8
|
-
size: ISize;
|
|
9
|
-
editable: boolean;
|
|
10
|
-
selectable?: boolean;
|
|
11
|
-
removable?: boolean;
|
|
12
|
-
position?: IPosition;
|
|
13
|
-
align?: TextAlign;
|
|
14
|
-
fontSize?: number;
|
|
15
|
-
border?: string;
|
|
16
|
-
style?: IFlexboxType;
|
|
17
|
-
}
|
|
18
|
-
export interface IPaperText extends IText {
|
|
19
|
-
position: IPosition;
|
|
20
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TextAlign } from "./enums/TextAlign";
|
|
3
|
-
import IFlexboxType from "./IFlexboxType";
|
|
4
|
-
import IText from "./IText";
|
|
5
|
-
import IPosition from "./position";
|
|
6
|
-
export default interface ITextProps {
|
|
7
|
-
id: string;
|
|
8
|
-
content: string;
|
|
9
|
-
editable: boolean;
|
|
10
|
-
x: number;
|
|
11
|
-
y: number;
|
|
12
|
-
parentAbsolutePosition?: IPosition;
|
|
13
|
-
height: number;
|
|
14
|
-
width: number;
|
|
15
|
-
selectable?: boolean;
|
|
16
|
-
align?: TextAlign;
|
|
17
|
-
fontSize?: number;
|
|
18
|
-
border?: string;
|
|
19
|
-
style?: IFlexboxType;
|
|
20
|
-
container: Element;
|
|
21
|
-
onSelected?: (text: IText) => void;
|
|
22
|
-
onMoved?: (x: number, y: number) => void;
|
|
23
|
-
onResized?: (width: number, height: number) => void;
|
|
24
|
-
onContentChanged?: (ev: React.ChangeEvent, newValue: string) => void;
|
|
25
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IElement from "./IElement";
|
|
3
|
-
import IElementLink from "./IElementLink";
|
|
4
|
-
import IPort from "./IPort";
|
|
5
|
-
import IText from "./IText";
|
|
6
|
-
import IPosition from "./position";
|
|
7
|
-
import ISize from "./size";
|
|
8
|
-
export type onPortMovedHandler = (port: IPort, elementId: string, oldPosition: IPosition, newPosition: IPosition) => void;
|
|
9
|
-
export type onPortMouseDownHandler = (ev: React.MouseEvent<SVGElement>, port: IPort, elementId: string) => void;
|
|
10
|
-
export type onPortMouseUpHandler = (ev: React.MouseEvent<SVGElement>, port: IPort, elementId: string) => void;
|
|
11
|
-
export type onElementMovedHandler = (element: IElement, oldPosition: IPosition, newPosition: IPosition) => void;
|
|
12
|
-
export type onElementResizedHandler = (element: IElement, oldSize: ISize, newSize: ISize) => void;
|
|
13
|
-
export type OnElementSelected = (element: IElement) => void;
|
|
14
|
-
export type OnStartDraggingElement = (element: IElement) => void;
|
|
15
|
-
export type OnCommandRenderElement = (elementId: string) => void;
|
|
16
|
-
export type onCommandDeleteSelectedHandler = () => void;
|
|
17
|
-
export type OnCommandRenderPort = (portId: string, elementId: string) => void;
|
|
18
|
-
export type OnElementLinkStarted = (elementLink: IElementLink) => void;
|
|
19
|
-
export type OnElementLinkEnded = (elementLink?: IElementLink) => void;
|
|
20
|
-
export type OnPortSelected = (port: IPort, elementId: string) => void;
|
|
21
|
-
export type OnTextSelected = (text: IText) => void;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Port from "../../models/implementations/Port";
|
|
3
|
-
import IText from "../../models/IText";
|
|
4
|
-
import IPosition from "../../models/position";
|
|
5
|
-
export declare class CustomPort extends Port {
|
|
6
|
-
constructor(x: number, y: number, width: number, height: number, renderShape: JSX.Element, shapePositioningAnchor: IPosition, label?: IText);
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import Port from "./Port";
|
|
3
|
-
import IText from "../IText";
|
|
4
|
-
import IPosition from "../position";
|
|
5
|
-
export declare class CustomPortFromJSXElement extends Port {
|
|
6
|
-
constructor(x: number, y: number, renderCustomShape: JSX.Element, label?: IText, shapePositioningAnchor?: IPosition, width?: number, height?: number);
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import Port from "./Port";
|
|
3
|
-
import IText from "../IText";
|
|
4
|
-
import { IPortProps } from "../IPortProps";
|
|
5
|
-
export declare class CustomPortFromShape extends Port {
|
|
6
|
-
constructor(x: number, y: number, shape: React.ForwardRefExoticComponent<IPortProps & React.RefAttributes<SVGSVGElement>>, label?: IText, width?: number, height?: number);
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IElement from "../IElement";
|
|
3
|
-
import IElementLink from "../IElementLink";
|
|
4
|
-
import IText, { IPaperText } from "../IText";
|
|
5
|
-
import IPosition from "../position";
|
|
6
|
-
import IPort from "../IPort";
|
|
7
|
-
import ISize from "../size";
|
|
8
|
-
import IEditorContext from "../IEditorContext";
|
|
9
|
-
import { IEditorConfiguration } from "../IEditorConfiguration";
|
|
10
|
-
export declare class EditorContext implements IEditorContext {
|
|
11
|
-
private _elements;
|
|
12
|
-
private _links;
|
|
13
|
-
private _texts;
|
|
14
|
-
private _eventEmitter;
|
|
15
|
-
private _configuration;
|
|
16
|
-
onCreatingPortByLinkingHandler?: ((sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null) | undefined;
|
|
17
|
-
onCreatingLinkHandler?: ((sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null) | undefined;
|
|
18
|
-
onElementMovingHandler?: (element: IElement, newPaperPosition: IPosition) => {
|
|
19
|
-
horizontalAllowed: boolean;
|
|
20
|
-
verticalAllowed: boolean;
|
|
21
|
-
} | null;
|
|
22
|
-
constructor(elements: IElement[], links: IElementLink[], texts: IPaperText[], configuration?: Partial<IEditorConfiguration>);
|
|
23
|
-
private addEventListener;
|
|
24
|
-
get elements(): IElement[];
|
|
25
|
-
get links(): IElementLink[];
|
|
26
|
-
get texts(): IPaperText[];
|
|
27
|
-
set elements(value: IElement[]);
|
|
28
|
-
set links(value: IElementLink[]);
|
|
29
|
-
set texts(value: IPaperText[]);
|
|
30
|
-
get configuration(): IEditorConfiguration;
|
|
31
|
-
getElement(elementId: string): IElement | undefined;
|
|
32
|
-
addElement(element: IElement): void;
|
|
33
|
-
removeElement(elementId: string): void;
|
|
34
|
-
getLink(linkId: string): IElementLink | undefined;
|
|
35
|
-
addLink(link: IElementLink): void;
|
|
36
|
-
removeLink(linkId: string): void;
|
|
37
|
-
getText(textId: string): IPaperText | undefined;
|
|
38
|
-
addText(text: IPaperText): void;
|
|
39
|
-
removeText(textId: string): void;
|
|
40
|
-
onPaperClicked(callback: (position: IPosition) => void): () => void;
|
|
41
|
-
onPaperMouseMoved(callback: (position: IPosition) => void): () => void;
|
|
42
|
-
onPaperMouseDown(callback: (position: IPosition) => void): () => void;
|
|
43
|
-
onPaperMouseUp(callback: (position: IPosition) => void): () => void;
|
|
44
|
-
onPortMouseDown(callback: (port: IPort, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
45
|
-
onPortMouseUp(callback: (port: IPort, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
46
|
-
onPortMoved(callback: (position: IPosition, port: IPort, element: IElement) => void): () => void;
|
|
47
|
-
onPortSelected(callback: (port: IPort, element: IElement) => void): () => void;
|
|
48
|
-
onPortContextMenu(callback: (port: IPort, element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void): () => void;
|
|
49
|
-
onElementContextMenu(callback: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void): () => void;
|
|
50
|
-
onElementMoved(callback: (relativePosition: IPosition, element: IElement) => void): () => void;
|
|
51
|
-
onElementResized(callback: (size: ISize, element: IElement) => void): () => void;
|
|
52
|
-
onElementSelected(callback: (element: IElement) => void): () => void;
|
|
53
|
-
onElementMouseMove(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
54
|
-
onElementMouseLeave(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
55
|
-
onElementMouseUp(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
56
|
-
onElementMouseDown(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
|
|
57
|
-
onElementAdded(callback: (element: IElement) => void): () => void;
|
|
58
|
-
onElementRemoved(callback: (elementId: string, parentElementId: string | undefined) => void): () => void;
|
|
59
|
-
onLinkSelected(callback: (link: IElementLink) => void): () => void;
|
|
60
|
-
onTextSelected(callback: (text: IText) => void): () => void;
|
|
61
|
-
triggerRenderElement(elementId: string): void;
|
|
62
|
-
triggerRenderElements(elementIds?: string[]): void;
|
|
63
|
-
triggerRenderPort(portId: string, elementId: string): void;
|
|
64
|
-
setSelectedElement(element: IElement | null): void;
|
|
65
|
-
triggerDraggingElement(element: IElement): void;
|
|
66
|
-
triggerStartedLinking(sourceElement: IElement, sourcePort: IPort): void;
|
|
67
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import IElement from "../IElement";
|
|
3
|
-
import IElementProps from "../IElementProps";
|
|
4
|
-
import IPosition from "../position";
|
|
5
|
-
import ISize from "../size";
|
|
6
|
-
import IResizability from "../IResizability";
|
|
7
|
-
import IPort from "../IPort";
|
|
8
|
-
import IText from "../IText";
|
|
9
|
-
import { SubObjectDirection } from "../enums/SubObjectDirection";
|
|
10
|
-
import EventEmitter from "eventemitter3";
|
|
11
|
-
import IFlexboxType from "../IFlexboxType";
|
|
12
|
-
import { PositioningAnchor } from "../enums";
|
|
13
|
-
export default class Element implements IElement {
|
|
14
|
-
private readonly _id;
|
|
15
|
-
protected _position: IPosition;
|
|
16
|
-
positionAnchor?: PositioningAnchor | undefined;
|
|
17
|
-
protected _size: ISize;
|
|
18
|
-
private _parentElement?;
|
|
19
|
-
private _childrenElements;
|
|
20
|
-
selectable?: boolean | undefined;
|
|
21
|
-
removable?: boolean;
|
|
22
|
-
cssClass?: string;
|
|
23
|
-
moveAsPortOnParent?: boolean | undefined;
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated This property is deprecated and will be removed in future versions.
|
|
26
|
-
*/
|
|
27
|
-
reactElement?: FC<IElementProps> | React.FC<IElementProps> | React.ComponentClass<IElementProps>;
|
|
28
|
-
renderShape?: (props: IElementProps) => JSX.Element;
|
|
29
|
-
resizability: IResizability;
|
|
30
|
-
ports?: IPort[];
|
|
31
|
-
texts?: IText[];
|
|
32
|
-
portMoveableAreas?: IPosition[][];
|
|
33
|
-
portSlideRailSVGClassName?: string;
|
|
34
|
-
portDirection?: SubObjectDirection;
|
|
35
|
-
defaultPortSize?: number;
|
|
36
|
-
onResized?: ((width: number, height: number) => void) | undefined;
|
|
37
|
-
onMoved?: ((x: number, y: number) => void) | undefined;
|
|
38
|
-
textsPlaceHolderClassName?: string;
|
|
39
|
-
textsPlaceHolderFlexStyle?: IFlexboxType;
|
|
40
|
-
textsPlaceHolderFlexboxPosition?: IPosition;
|
|
41
|
-
_eventEmitter: EventEmitter;
|
|
42
|
-
constructor(id: string | null, x: number, y: number, width: number, height: number, selectable?: boolean, removable?: boolean, cssClass?: string, renderShape?: (props: IElementProps) => JSX.Element, texts?: IText[], ports?: IPort[], portMovealeAreas?: IPosition[][], portSlideRailSVGClassName?: string, portDirection?: SubObjectDirection, parentElement?: IElement, textsPlaceHolderClassName?: string, textsPlaceHolderFlexStyle?: IFlexboxType, textsPlaceHolderFlexboxPosition?: IPosition);
|
|
43
|
-
get id(): string;
|
|
44
|
-
get size(): ISize;
|
|
45
|
-
set size(value: ISize);
|
|
46
|
-
set position(value: IPosition);
|
|
47
|
-
get position(): IPosition;
|
|
48
|
-
get parentElement(): IElement | undefined;
|
|
49
|
-
set parentElement(value: IElement | undefined);
|
|
50
|
-
get childrenElements(): IElement[];
|
|
51
|
-
onParentChanged(callback: (oldParent?: IElement, newParent?: IElement) => void): () => void;
|
|
52
|
-
addPort(newPort: IPort): void;
|
|
53
|
-
onAddedPort(callback: (newPort: IPort) => void): () => void;
|
|
54
|
-
deletePort(id: string): void;
|
|
55
|
-
onDeletedPort(callback: (id: string) => void): () => void;
|
|
56
|
-
getPort(id: string): IPort | undefined;
|
|
57
|
-
addText(newText: IText): void;
|
|
58
|
-
onAddedText(callback: (newText: IText) => void): () => void;
|
|
59
|
-
deleteText(id: string): void;
|
|
60
|
-
onDeletedText(callback: (id: string) => void): () => void;
|
|
61
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import IElement from "../IElement";
|
|
3
|
-
import IElementLink from "../IElementLink";
|
|
4
|
-
import IPort from "../IPort";
|
|
5
|
-
import IText from "../IText";
|
|
6
|
-
import IPosition from "../position";
|
|
7
|
-
export default class ElementLink implements IElementLink {
|
|
8
|
-
readonly id: string;
|
|
9
|
-
sourceElement: IElement;
|
|
10
|
-
targetElement?: IElement;
|
|
11
|
-
sourcePort: IPort;
|
|
12
|
-
targetPort?: IPort;
|
|
13
|
-
path?: string;
|
|
14
|
-
points: IPosition[];
|
|
15
|
-
tempTargetPosition?: IPosition;
|
|
16
|
-
markerStart?: JSX.Element;
|
|
17
|
-
markerEnd?: JSX.Element;
|
|
18
|
-
markerDistanceFromPort?: number;
|
|
19
|
-
markerSize?: number;
|
|
20
|
-
label?: IText;
|
|
21
|
-
sourceLabel?: IText;
|
|
22
|
-
targetLabel?: IText;
|
|
23
|
-
removable?: boolean;
|
|
24
|
-
constructor(id: string | null, sourceElement: IElement, sourcePort: IPort, targetElement?: IElement, targetPort?: IPort, tempTargetPosition?: IPosition, points?: IPosition[], path?: string, markerStart?: JSX.Element, markerEnd?: JSX.Element, markerDistanceFromPort?: number, markerSize?: number, label?: IText, sourceLabel?: IText, targetLabel?: IText, removable?: boolean);
|
|
25
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import IPort from "../IPort";
|
|
3
|
-
import { IPortProps } from "../IPortProps";
|
|
4
|
-
import IText from "../IText";
|
|
5
|
-
import IPosition from "../position";
|
|
6
|
-
import ISize from "../size";
|
|
7
|
-
import EventEmitter from "eventemitter3";
|
|
8
|
-
export default class Port implements IPort {
|
|
9
|
-
private readonly _id;
|
|
10
|
-
position: IPosition;
|
|
11
|
-
size?: ISize;
|
|
12
|
-
label?: IText;
|
|
13
|
-
renderShape?: React.ForwardRefExoticComponent<IPortProps & React.RefAttributes<SVGSVGElement>>;
|
|
14
|
-
removable?: boolean;
|
|
15
|
-
_eventEmitter: EventEmitter;
|
|
16
|
-
constructor(id: string | null, x: number, y: number, label?: IText, shapeRenderer?: {
|
|
17
|
-
shape?: React.ForwardRefExoticComponent<IPortProps & React.RefAttributes<SVGSVGElement>>;
|
|
18
|
-
customShapeWithJSX?: JSX.Element;
|
|
19
|
-
positioningAnchor?: IPosition;
|
|
20
|
-
}, width?: number, height?: number, removable?: boolean);
|
|
21
|
-
get id(): string;
|
|
22
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { TextAlign } from "../enums";
|
|
2
|
-
import IFlexboxType from "../IFlexboxType";
|
|
3
|
-
import IText from "../IText";
|
|
4
|
-
import IPosition from "../position";
|
|
5
|
-
import ISize from "../size";
|
|
6
|
-
export default class Text implements IText {
|
|
7
|
-
private readonly _id;
|
|
8
|
-
content: string;
|
|
9
|
-
editable: boolean;
|
|
10
|
-
selectable?: boolean;
|
|
11
|
-
removable?: boolean;
|
|
12
|
-
size: ISize;
|
|
13
|
-
position?: IPosition;
|
|
14
|
-
align?: TextAlign;
|
|
15
|
-
fontSize?: number;
|
|
16
|
-
border?: string;
|
|
17
|
-
style?: IFlexboxType;
|
|
18
|
-
constructor(id: string | null, content: string, width: number, height: number, editable: boolean, selectable?: boolean, removable?: boolean, x?: number, y?: number, align?: TextAlign, fontSize?: number, border?: string, style?: IFlexboxType);
|
|
19
|
-
get id(): string;
|
|
20
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import Element from "./Element";
|
|
2
|
-
import ISize from "../size";
|
|
3
|
-
import IResizability from "../IResizability";
|
|
4
|
-
import IPort from "../IPort";
|
|
5
|
-
import IText from "../IText";
|
|
6
|
-
export default class DiamondElement extends Element {
|
|
7
|
-
resizability: IResizability;
|
|
8
|
-
get size(): ISize;
|
|
9
|
-
set size(value: ISize);
|
|
10
|
-
constructor(x: number, y: number, width: number, height: number, cssClass?: string, texts?: IText[], ports?: IPort[]);
|
|
11
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import Element from "./Element";
|
|
2
|
-
import IResizability from "../IResizability";
|
|
3
|
-
import IPort from "../IPort";
|
|
4
|
-
import IText from "../IText";
|
|
5
|
-
import IFlexboxType from '../IFlexboxType';
|
|
6
|
-
import IPosition from '../position';
|
|
7
|
-
export default class RectangularFrameElement extends Element {
|
|
8
|
-
resizability: IResizability;
|
|
9
|
-
defaultPortSize?: number | undefined;
|
|
10
|
-
constructor(x: number, y: number, width: number, height: number, cssClass?: string, texts?: IText[], ports?: IPort[], textsPlaceHolderClassName?: string, textsPlaceHolderFlexStyle?: IFlexboxType, textsPlaceHolderFlexboxPosition?: IPosition);
|
|
11
|
-
}
|