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.
Files changed (335) hide show
  1. package/README.md +99 -88
  2. package/ai/api-contract.json +257 -205
  3. package/ai/invariants.json +43 -41
  4. package/ai/manifest.json +34 -34
  5. package/dist/cjs/{displaybox.js → examples.js} +5974 -1413
  6. package/dist/cjs/index.js +3889 -1112
  7. package/dist/cjs/types/api/createDiagramEditor.d.ts +7 -2
  8. package/dist/cjs/types/api/types.d.ts +178 -0
  9. package/dist/cjs/types/displaybox/demos/DeletionEventsDemoTab.d.ts +3 -0
  10. package/dist/cjs/types/displaybox/demos/ShapeHoverControlsDemoTab.d.ts +3 -0
  11. package/dist/cjs/types/displaybox/demos/TextLayoutDemoTab.d.ts +3 -0
  12. package/dist/cjs/types/displaybox/demos/deletionEventsDemo.d.ts +2 -0
  13. package/dist/cjs/types/displaybox/demos/rotatedCreationDemo.d.ts +2 -0
  14. package/dist/cjs/types/displaybox/demos/roundedRectRadiusDemo.d.ts +2 -0
  15. package/dist/cjs/types/displaybox/demos/shapeBorderMovementDemo.d.ts +2 -0
  16. package/dist/cjs/types/displaybox/demos/shapeHoverControlsDemo.d.ts +10 -0
  17. package/dist/cjs/types/displaybox/demos/textDemo.d.ts +4 -0
  18. package/dist/cjs/types/displaybox/useDemoEditor.d.ts +5 -2
  19. package/dist/cjs/types/engine/AutoLayoutService.d.ts +24 -0
  20. package/dist/cjs/types/engine/DiagramEngine.d.ts +32 -14
  21. package/dist/cjs/types/engine/EngineCommands.d.ts +4 -1
  22. package/dist/cjs/types/engine/LinkRoutingService.d.ts +35 -0
  23. package/dist/cjs/types/engine/MutationPipeline.d.ts +23 -0
  24. package/dist/cjs/types/engine/TextLayoutService.d.ts +40 -0
  25. package/dist/cjs/types/examples/index.d.ts +2 -0
  26. package/dist/cjs/types/measure/textStyleDefaults.d.ts +9 -0
  27. package/dist/cjs/types/models/DiagramModel.d.ts +1 -0
  28. package/dist/cjs/types/models/ElementModel.d.ts +1 -0
  29. package/dist/cjs/types/models/PortModel.d.ts +3 -0
  30. package/dist/cjs/types/models/TextModel.d.ts +8 -0
  31. package/dist/cjs/types/renderer/RenderTypes.d.ts +34 -1
  32. package/dist/cjs/types/renderer/konva/KonvaHitTester.d.ts +1 -1
  33. package/dist/cjs/types/renderer/konva/KonvaInteraction.d.ts +53 -3
  34. package/dist/cjs/types/renderer/konva/KonvaNodeFactory.d.ts +18 -1
  35. package/dist/cjs/types/renderer/konva/KonvaRenderer.d.ts +49 -2
  36. package/dist/cjs/types/shapes/BuiltInShapes.d.ts +107 -0
  37. package/dist/cjs/types/shapes/__tests__/BuiltInShapes.test.d.ts +1 -0
  38. package/dist/cjs/types/shapes/index.d.ts +1 -0
  39. package/dist/cjs/types/utils/__tests__/borderGeometry.test.d.ts +1 -0
  40. package/dist/cjs/types/utils/borderGeometry.d.ts +6 -0
  41. package/dist/cjs/types/utils/geometry.d.ts +22 -0
  42. package/dist/esm/{displaybox.js → examples.js} +5969 -1414
  43. package/dist/esm/examples.js.map +1 -0
  44. package/dist/esm/index.js +3890 -1113
  45. package/dist/esm/index.js.map +1 -1
  46. package/dist/esm/types/api/createDiagramEditor.d.ts +7 -2
  47. package/dist/esm/types/api/types.d.ts +178 -0
  48. package/dist/esm/types/displaybox/demos/DeletionEventsDemoTab.d.ts +3 -0
  49. package/dist/esm/types/displaybox/demos/ShapeHoverControlsDemoTab.d.ts +3 -0
  50. package/dist/esm/types/displaybox/demos/TextLayoutDemoTab.d.ts +3 -0
  51. package/dist/esm/types/displaybox/demos/deletionEventsDemo.d.ts +2 -0
  52. package/dist/esm/types/displaybox/demos/rotatedCreationDemo.d.ts +2 -0
  53. package/dist/esm/types/displaybox/demos/roundedRectRadiusDemo.d.ts +2 -0
  54. package/dist/esm/types/displaybox/demos/shapeBorderMovementDemo.d.ts +2 -0
  55. package/dist/esm/types/displaybox/demos/shapeHoverControlsDemo.d.ts +10 -0
  56. package/dist/esm/types/displaybox/demos/textDemo.d.ts +4 -0
  57. package/dist/esm/types/displaybox/useDemoEditor.d.ts +5 -2
  58. package/dist/esm/types/engine/AutoLayoutService.d.ts +24 -0
  59. package/dist/esm/types/engine/DiagramEngine.d.ts +32 -14
  60. package/dist/esm/types/engine/EngineCommands.d.ts +4 -1
  61. package/dist/esm/types/engine/LinkRoutingService.d.ts +35 -0
  62. package/dist/esm/types/engine/MutationPipeline.d.ts +23 -0
  63. package/dist/esm/types/engine/TextLayoutService.d.ts +40 -0
  64. package/dist/esm/types/examples/index.d.ts +2 -0
  65. package/dist/esm/types/measure/textStyleDefaults.d.ts +9 -0
  66. package/dist/esm/types/models/DiagramModel.d.ts +1 -0
  67. package/dist/esm/types/models/ElementModel.d.ts +1 -0
  68. package/dist/esm/types/models/PortModel.d.ts +3 -0
  69. package/dist/esm/types/models/TextModel.d.ts +8 -0
  70. package/dist/esm/types/renderer/RenderTypes.d.ts +34 -1
  71. package/dist/esm/types/renderer/konva/KonvaHitTester.d.ts +1 -1
  72. package/dist/esm/types/renderer/konva/KonvaInteraction.d.ts +53 -3
  73. package/dist/esm/types/renderer/konva/KonvaNodeFactory.d.ts +18 -1
  74. package/dist/esm/types/renderer/konva/KonvaRenderer.d.ts +49 -2
  75. package/dist/esm/types/shapes/BuiltInShapes.d.ts +107 -0
  76. package/dist/esm/types/shapes/__tests__/BuiltInShapes.test.d.ts +1 -0
  77. package/dist/esm/types/shapes/index.d.ts +1 -0
  78. package/dist/esm/types/utils/__tests__/borderGeometry.test.d.ts +1 -0
  79. package/dist/esm/types/utils/borderGeometry.d.ts +6 -0
  80. package/dist/esm/types/utils/geometry.d.ts +22 -0
  81. package/dist/{displaybox.d.ts → examples.d.ts} +169 -5
  82. package/dist/index.d.ts +233 -2
  83. package/docs/API_CONTRACT.md +200 -144
  84. package/docs/ARCHITECTURE.md +32 -31
  85. package/docs/CAPABILITIES.md +40 -38
  86. package/docs/COMMANDS_EVENTS.md +65 -60
  87. package/docs/DOCUMENTATION_WORKFLOW.md +27 -29
  88. package/docs/INDEX.md +41 -41
  89. package/docs/INTEGRATION_PLAYBOOK.md +56 -54
  90. package/docs/PORTING_CHECKLIST.md +59 -58
  91. package/docs/STATE_INVARIANTS.md +60 -56
  92. package/docs/fixtures/basic-linked-elements.json +52 -52
  93. package/docs/fixtures/empty-state.json +11 -11
  94. package/docs/fixtures/nested-layout.json +54 -54
  95. package/package.json +13 -16
  96. package/src/displaybox/demos/AutoLayoutDemoTab.tsx +501 -0
  97. package/src/displaybox/demos/DeletionEventsDemoTab.tsx +147 -0
  98. package/src/displaybox/demos/EngineEventsDemoTab.tsx +151 -0
  99. package/src/displaybox/demos/EventHandlersDemoTab.tsx +110 -0
  100. package/src/displaybox/demos/ExternalDragDropDemoTab.tsx +261 -0
  101. package/src/displaybox/demos/LinkCancelDemoTab.tsx +238 -0
  102. package/src/displaybox/demos/ObstacleRoutingDemoTab.tsx +30 -0
  103. package/src/displaybox/demos/ShapeHoverControlsDemoTab.tsx +558 -0
  104. package/src/displaybox/demos/SimpleDemo.tsx +73 -0
  105. package/src/displaybox/demos/SvgPathDemoTab.tsx +327 -0
  106. package/src/displaybox/demos/TextLayoutDemoTab.tsx +386 -0
  107. package/src/displaybox/demos/autoLayoutDemo.ts +111 -0
  108. package/src/displaybox/demos/basicDemo.ts +131 -0
  109. package/src/displaybox/demos/childConstraintsDemo.ts +65 -0
  110. package/src/displaybox/demos/customDemo.ts +59 -0
  111. package/src/displaybox/demos/deletionEventsDemo.ts +91 -0
  112. package/src/displaybox/demos/engineEventsDemo.ts +64 -0
  113. package/src/displaybox/demos/eventHandlersDemo.ts +41 -0
  114. package/src/displaybox/demos/externalDragDropDemo.ts +28 -0
  115. package/src/displaybox/demos/gridOverlayDemo.ts +50 -0
  116. package/src/displaybox/demos/index.tsx +217 -0
  117. package/src/displaybox/demos/linkBendHandlesDemo.ts +143 -0
  118. package/src/displaybox/demos/linkCancelDemo.ts +56 -0
  119. package/src/displaybox/demos/linkPortCreationDemo.ts +46 -0
  120. package/src/displaybox/demos/multiLevelTreeDemo.ts +120 -0
  121. package/src/displaybox/demos/multipleElementsDemo.ts +62 -0
  122. package/src/displaybox/demos/nestedDemo.ts +78 -0
  123. package/src/displaybox/demos/obstacleRoutingDemo.ts +176 -0
  124. package/src/displaybox/demos/portBorderDemo.ts +98 -0
  125. package/src/displaybox/demos/portConstraintsDemo.ts +175 -0
  126. package/src/displaybox/demos/rotatedCreationDemo.ts +185 -0
  127. package/src/displaybox/demos/roundedRectRadiusDemo.ts +93 -0
  128. package/src/displaybox/demos/routingDemo.ts +57 -0
  129. package/src/displaybox/demos/selectionDemo.ts +49 -0
  130. package/src/displaybox/demos/shapeBorderMovementDemo.ts +126 -0
  131. package/src/displaybox/demos/shapeGalleryDemo.ts +73 -0
  132. package/src/displaybox/demos/shapeHoverControlsDemo.ts +172 -0
  133. package/src/displaybox/demos/shared.ts +161 -0
  134. package/src/displaybox/demos/svgPathDemo.ts +71 -0
  135. package/src/displaybox/demos/textDemo.ts +62 -0
  136. package/src/displaybox/types.ts +66 -0
  137. package/src/examples/index.ts +21 -0
  138. package/displaybox/package.json +0 -5
  139. package/dist/cjs/types/components/BBoxDebugger.d.ts +0 -6
  140. package/dist/cjs/types/components/CloseIcon.d.ts +0 -6
  141. package/dist/cjs/types/components/LinkDebugger.d.ts +0 -8
  142. package/dist/cjs/types/components/editor.d.ts +0 -9
  143. package/dist/cjs/types/components/elementShowbox.d.ts +0 -3
  144. package/dist/cjs/types/components/elements/dragDropHandlerElement.d.ts +0 -7
  145. package/dist/cjs/types/components/elements/element.d.ts +0 -4
  146. package/dist/cjs/types/components/elements/elementWrapper.d.ts +0 -18
  147. package/dist/cjs/types/components/links/elementLink.d.ts +0 -4
  148. package/dist/cjs/types/components/links/index.d.ts +0 -2
  149. package/dist/cjs/types/components/links/point.d.ts +0 -11
  150. package/dist/cjs/types/components/paper.d.ts +0 -49
  151. package/dist/cjs/types/components/ports/index.d.ts +0 -2
  152. package/dist/cjs/types/components/ports/port.d.ts +0 -3
  153. package/dist/cjs/types/components/shapeShowbox.d.ts +0 -3
  154. package/dist/cjs/types/components/shapes/circle.d.ts +0 -9
  155. package/dist/cjs/types/components/shapes/customShape.d.ts +0 -7
  156. package/dist/cjs/types/components/shapes/halfCircle.d.ts +0 -9
  157. package/dist/cjs/types/components/shapes/index.d.ts +0 -7
  158. package/dist/cjs/types/components/shapes/polygon.d.ts +0 -8
  159. package/dist/cjs/types/components/shapes/rectangle.d.ts +0 -10
  160. package/dist/cjs/types/components/shapes/rectangularFrame.d.ts +0 -12
  161. package/dist/cjs/types/components/shapes/shapeWrapper.d.ts +0 -8
  162. package/dist/cjs/types/components/svgUtilsShowbox.d.ts +0 -3
  163. package/dist/cjs/types/components/texts/index.d.ts +0 -2
  164. package/dist/cjs/types/components/texts/text.d.ts +0 -4
  165. package/dist/cjs/types/components/viewControls/ruler.d.ts +0 -10
  166. package/dist/cjs/types/components/viewControls/selectionFrame.d.ts +0 -4
  167. package/dist/cjs/types/contexts/editorConfigurationContext.d.ts +0 -4
  168. package/dist/cjs/types/contexts/paperEventEmitterContext.d.ts +0 -45
  169. package/dist/cjs/types/contexts/zoomContext.d.ts +0 -16
  170. package/dist/cjs/types/contexts/zoomPanContext.d.ts +0 -23
  171. package/dist/cjs/types/displaybox/index.d.ts +0 -3
  172. package/dist/cjs/types/hooks/useKeyboardCommands.d.ts +0 -5
  173. package/dist/cjs/types/hooks/useSelectionFrame.d.ts +0 -6
  174. package/dist/cjs/types/logs/Logger.d.ts +0 -14
  175. package/dist/cjs/types/logs/configureLogger.d.ts +0 -4
  176. package/dist/cjs/types/main.d.ts +0 -8
  177. package/dist/cjs/types/mocks/customPortWithBuiltinShape.d.ts +0 -2
  178. package/dist/cjs/types/mocks/diamondElement.d.ts +0 -11
  179. package/dist/cjs/types/mocks/editorContext.d.ts +0 -2
  180. package/dist/cjs/types/mocks/editorContextElementMoveAsPort.d.ts +0 -2
  181. package/dist/cjs/types/mocks/editorContextForOptimizeRerender.d.ts +0 -2
  182. package/dist/cjs/types/mocks/editorContextMultipleElements.d.ts +0 -2
  183. package/dist/cjs/types/mocks/editorContextSingleElement.d.ts +0 -2
  184. package/dist/cjs/types/mocks/editorContextSingleElementTestEvents.d.ts +0 -2
  185. package/dist/cjs/types/mocks/editorContextTriggerRenderElements.d.ts +0 -2
  186. package/dist/cjs/types/mocks/editorContextWithElementAnchorCenter.d.ts +0 -2
  187. package/dist/cjs/types/mocks/port1.d.ts +0 -5
  188. package/dist/cjs/types/mocks/port2.d.ts +0 -5
  189. package/dist/cjs/types/mocks/portIn.d.ts +0 -4
  190. package/dist/cjs/types/mocks/rectangularFrameElement.d.ts +0 -11
  191. package/dist/cjs/types/mocks/textsWithFlexBox.d.ts +0 -2
  192. package/dist/cjs/types/models/IEditorConfiguration.d.ts +0 -7
  193. package/dist/cjs/types/models/IEditorContext.d.ts +0 -56
  194. package/dist/cjs/types/models/IElement.d.ts +0 -46
  195. package/dist/cjs/types/models/IElementLink.d.ts +0 -23
  196. package/dist/cjs/types/models/IElementLinkProps.d.ts +0 -31
  197. package/dist/cjs/types/models/IElementProps.d.ts +0 -36
  198. package/dist/cjs/types/models/IElementSelectorProps.d.ts +0 -25
  199. package/dist/cjs/types/models/IFlexboxType.d.ts +0 -20
  200. package/dist/cjs/types/models/IPaperBounds.d.ts +0 -6
  201. package/dist/cjs/types/models/IPort.d.ts +0 -13
  202. package/dist/cjs/types/models/IPortProps.d.ts +0 -31
  203. package/dist/cjs/types/models/IResizability.d.ts +0 -4
  204. package/dist/cjs/types/models/IShape.d.ts +0 -18
  205. package/dist/cjs/types/models/IText.d.ts +0 -20
  206. package/dist/cjs/types/models/ITextProps.d.ts +0 -25
  207. package/dist/cjs/types/models/callbackTypes.d.ts +0 -21
  208. package/dist/cjs/types/models/enums/PositioningAnchor.d.ts +0 -4
  209. package/dist/cjs/types/models/enums/ResizingDirection.d.ts +0 -10
  210. package/dist/cjs/types/models/enums/SubObjectDirection.d.ts +0 -4
  211. package/dist/cjs/types/models/enums/TextAlign.d.ts +0 -5
  212. package/dist/cjs/types/models/enums/index.d.ts +0 -4
  213. package/dist/cjs/types/models/implementations/CustomPort.d.ts +0 -7
  214. package/dist/cjs/types/models/implementations/CustomPortFromJSXElement.d.ts +0 -7
  215. package/dist/cjs/types/models/implementations/CustomPortFromShape.d.ts +0 -7
  216. package/dist/cjs/types/models/implementations/EditorContext.d.ts +0 -67
  217. package/dist/cjs/types/models/implementations/Element.d.ts +0 -61
  218. package/dist/cjs/types/models/implementations/ElementLink.d.ts +0 -25
  219. package/dist/cjs/types/models/implementations/Port.d.ts +0 -22
  220. package/dist/cjs/types/models/implementations/Text.d.ts +0 -20
  221. package/dist/cjs/types/models/implementations/diamondElement.d.ts +0 -11
  222. package/dist/cjs/types/models/implementations/index.d.ts +0 -6
  223. package/dist/cjs/types/models/implementations/rectangularFrameElement.d.ts +0 -11
  224. package/dist/cjs/types/models/index.d.ts +0 -19
  225. package/dist/cjs/types/models/position.d.ts +0 -4
  226. package/dist/cjs/types/models/size.d.ts +0 -4
  227. package/dist/cjs/types/utils/constants.d.ts +0 -54
  228. package/dist/cjs/types/utils/elementLinkUtil.d.ts +0 -2
  229. package/dist/cjs/types/utils/generateUniqueId.d.ts +0 -1
  230. package/dist/cjs/types/utils/index.d.ts +0 -9
  231. package/dist/cjs/types/utils/lineUtil.d.ts +0 -3
  232. package/dist/cjs/types/utils/mathUtil.d.ts +0 -6
  233. package/dist/cjs/types/utils/pathUtil.d.ts +0 -13
  234. package/dist/cjs/types/utils/portSlideRailSVGUtil.d.ts +0 -3
  235. package/dist/cjs/types/utils/positionUtil.d.ts +0 -55
  236. package/dist/cjs/types/utils/svgUtil.d.ts +0 -3
  237. package/dist/esm/displaybox.js.map +0 -1
  238. package/dist/esm/types/components/BBoxDebugger.d.ts +0 -6
  239. package/dist/esm/types/components/CloseIcon.d.ts +0 -6
  240. package/dist/esm/types/components/LinkDebugger.d.ts +0 -8
  241. package/dist/esm/types/components/editor.d.ts +0 -9
  242. package/dist/esm/types/components/elementShowbox.d.ts +0 -3
  243. package/dist/esm/types/components/elements/dragDropHandlerElement.d.ts +0 -7
  244. package/dist/esm/types/components/elements/element.d.ts +0 -4
  245. package/dist/esm/types/components/elements/elementWrapper.d.ts +0 -18
  246. package/dist/esm/types/components/links/elementLink.d.ts +0 -4
  247. package/dist/esm/types/components/links/index.d.ts +0 -2
  248. package/dist/esm/types/components/links/point.d.ts +0 -11
  249. package/dist/esm/types/components/paper.d.ts +0 -49
  250. package/dist/esm/types/components/ports/index.d.ts +0 -2
  251. package/dist/esm/types/components/ports/port.d.ts +0 -3
  252. package/dist/esm/types/components/shapeShowbox.d.ts +0 -3
  253. package/dist/esm/types/components/shapes/circle.d.ts +0 -9
  254. package/dist/esm/types/components/shapes/customShape.d.ts +0 -7
  255. package/dist/esm/types/components/shapes/halfCircle.d.ts +0 -9
  256. package/dist/esm/types/components/shapes/index.d.ts +0 -7
  257. package/dist/esm/types/components/shapes/polygon.d.ts +0 -8
  258. package/dist/esm/types/components/shapes/rectangle.d.ts +0 -10
  259. package/dist/esm/types/components/shapes/rectangularFrame.d.ts +0 -12
  260. package/dist/esm/types/components/shapes/shapeWrapper.d.ts +0 -8
  261. package/dist/esm/types/components/svgUtilsShowbox.d.ts +0 -3
  262. package/dist/esm/types/components/texts/index.d.ts +0 -2
  263. package/dist/esm/types/components/texts/text.d.ts +0 -4
  264. package/dist/esm/types/components/viewControls/ruler.d.ts +0 -10
  265. package/dist/esm/types/components/viewControls/selectionFrame.d.ts +0 -4
  266. package/dist/esm/types/contexts/editorConfigurationContext.d.ts +0 -4
  267. package/dist/esm/types/contexts/paperEventEmitterContext.d.ts +0 -45
  268. package/dist/esm/types/contexts/zoomContext.d.ts +0 -16
  269. package/dist/esm/types/contexts/zoomPanContext.d.ts +0 -23
  270. package/dist/esm/types/displaybox/index.d.ts +0 -3
  271. package/dist/esm/types/hooks/useKeyboardCommands.d.ts +0 -5
  272. package/dist/esm/types/hooks/useSelectionFrame.d.ts +0 -6
  273. package/dist/esm/types/logs/Logger.d.ts +0 -14
  274. package/dist/esm/types/logs/configureLogger.d.ts +0 -4
  275. package/dist/esm/types/main.d.ts +0 -8
  276. package/dist/esm/types/mocks/customPortWithBuiltinShape.d.ts +0 -2
  277. package/dist/esm/types/mocks/diamondElement.d.ts +0 -11
  278. package/dist/esm/types/mocks/editorContext.d.ts +0 -2
  279. package/dist/esm/types/mocks/editorContextElementMoveAsPort.d.ts +0 -2
  280. package/dist/esm/types/mocks/editorContextForOptimizeRerender.d.ts +0 -2
  281. package/dist/esm/types/mocks/editorContextMultipleElements.d.ts +0 -2
  282. package/dist/esm/types/mocks/editorContextSingleElement.d.ts +0 -2
  283. package/dist/esm/types/mocks/editorContextSingleElementTestEvents.d.ts +0 -2
  284. package/dist/esm/types/mocks/editorContextTriggerRenderElements.d.ts +0 -2
  285. package/dist/esm/types/mocks/editorContextWithElementAnchorCenter.d.ts +0 -2
  286. package/dist/esm/types/mocks/port1.d.ts +0 -5
  287. package/dist/esm/types/mocks/port2.d.ts +0 -5
  288. package/dist/esm/types/mocks/portIn.d.ts +0 -4
  289. package/dist/esm/types/mocks/rectangularFrameElement.d.ts +0 -11
  290. package/dist/esm/types/mocks/textsWithFlexBox.d.ts +0 -2
  291. package/dist/esm/types/models/IEditorConfiguration.d.ts +0 -7
  292. package/dist/esm/types/models/IEditorContext.d.ts +0 -56
  293. package/dist/esm/types/models/IElement.d.ts +0 -46
  294. package/dist/esm/types/models/IElementLink.d.ts +0 -23
  295. package/dist/esm/types/models/IElementLinkProps.d.ts +0 -31
  296. package/dist/esm/types/models/IElementProps.d.ts +0 -36
  297. package/dist/esm/types/models/IElementSelectorProps.d.ts +0 -25
  298. package/dist/esm/types/models/IFlexboxType.d.ts +0 -20
  299. package/dist/esm/types/models/IPaperBounds.d.ts +0 -6
  300. package/dist/esm/types/models/IPort.d.ts +0 -13
  301. package/dist/esm/types/models/IPortProps.d.ts +0 -31
  302. package/dist/esm/types/models/IResizability.d.ts +0 -4
  303. package/dist/esm/types/models/IShape.d.ts +0 -18
  304. package/dist/esm/types/models/IText.d.ts +0 -20
  305. package/dist/esm/types/models/ITextProps.d.ts +0 -25
  306. package/dist/esm/types/models/callbackTypes.d.ts +0 -21
  307. package/dist/esm/types/models/enums/PositioningAnchor.d.ts +0 -4
  308. package/dist/esm/types/models/enums/ResizingDirection.d.ts +0 -10
  309. package/dist/esm/types/models/enums/SubObjectDirection.d.ts +0 -4
  310. package/dist/esm/types/models/enums/TextAlign.d.ts +0 -5
  311. package/dist/esm/types/models/enums/index.d.ts +0 -4
  312. package/dist/esm/types/models/implementations/CustomPort.d.ts +0 -7
  313. package/dist/esm/types/models/implementations/CustomPortFromJSXElement.d.ts +0 -7
  314. package/dist/esm/types/models/implementations/CustomPortFromShape.d.ts +0 -7
  315. package/dist/esm/types/models/implementations/EditorContext.d.ts +0 -67
  316. package/dist/esm/types/models/implementations/Element.d.ts +0 -61
  317. package/dist/esm/types/models/implementations/ElementLink.d.ts +0 -25
  318. package/dist/esm/types/models/implementations/Port.d.ts +0 -22
  319. package/dist/esm/types/models/implementations/Text.d.ts +0 -20
  320. package/dist/esm/types/models/implementations/diamondElement.d.ts +0 -11
  321. package/dist/esm/types/models/implementations/index.d.ts +0 -6
  322. package/dist/esm/types/models/implementations/rectangularFrameElement.d.ts +0 -11
  323. package/dist/esm/types/models/index.d.ts +0 -19
  324. package/dist/esm/types/models/position.d.ts +0 -4
  325. package/dist/esm/types/models/size.d.ts +0 -4
  326. package/dist/esm/types/utils/constants.d.ts +0 -54
  327. package/dist/esm/types/utils/elementLinkUtil.d.ts +0 -2
  328. package/dist/esm/types/utils/generateUniqueId.d.ts +0 -1
  329. package/dist/esm/types/utils/index.d.ts +0 -9
  330. package/dist/esm/types/utils/lineUtil.d.ts +0 -3
  331. package/dist/esm/types/utils/mathUtil.d.ts +0 -6
  332. package/dist/esm/types/utils/pathUtil.d.ts +0 -13
  333. package/dist/esm/types/utils/portSlideRailSVGUtil.d.ts +0 -3
  334. package/dist/esm/types/utils/positionUtil.d.ts +0 -55
  335. 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,6 +0,0 @@
1
- export interface IPaperBounds {
2
- minX: number;
3
- minY: number;
4
- maxX: number;
5
- maxY: number;
6
- }
@@ -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,4 +0,0 @@
1
- export default interface IResizability {
2
- enabled: boolean;
3
- keepRatio: boolean;
4
- }
@@ -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,4 +0,0 @@
1
- export declare enum PositioningAnchor {
2
- TopLeft = 0,
3
- Center = 1
4
- }
@@ -1,10 +0,0 @@
1
- export declare enum ResizingDirection {
2
- TopLeft = 0,
3
- TopCenter = 1,
4
- TopRight = 2,
5
- RightCenter = 3,
6
- BottomRight = 4,
7
- BottomCenter = 5,
8
- BottomLeft = 6,
9
- LeftCenter = 7
10
- }
@@ -1,4 +0,0 @@
1
- export declare enum SubObjectDirection {
2
- Radial = "Radial",
3
- PerpendicularInward = "PerpendicularInward"
4
- }
@@ -1,5 +0,0 @@
1
- export declare enum TextAlign {
2
- left = 0,
3
- right = 1,
4
- center = 2
5
- }
@@ -1,4 +0,0 @@
1
- export * from './PositioningAnchor';
2
- export * from './ResizingDirection';
3
- export * from './SubObjectDirection';
4
- export * from './TextAlign';
@@ -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,6 +0,0 @@
1
- import Element from './Element';
2
- import Port from './Port';
3
- import ElementLink from './ElementLink';
4
- import Text from './Text';
5
- export * from './EditorContext';
6
- export { Element, Port, ElementLink, Text };
@@ -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
- }