orcasvn-react-diagrams 0.1.62 → 0.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -817,6 +817,8 @@ var EVENT_ELEMENT_MOUSE_MOVE = 'elementMouseMove';
817
817
  var EVENT_ELEMENT_MOUSE_LEAVE = 'elementMouseLeave';
818
818
  var EVENT_ELEMENT_MOUSE_UP = 'elementMouseUp';
819
819
  var EVENT_ELEMENT_MOUSE_DOWN = 'elementMouseDown';
820
+ var EVENT_ELEMENT_ADDED = 'elementAdded';
821
+ var EVENT_ELEMENT_REMOVED = 'elementRemoved';
820
822
  var EVENT_MANUALLY_SELECT_ELEMENT = 'manuallySelectElement';
821
823
  var EVENT_MANUALLY_TRIGGER_DRAGGING_ELEMENT = 'manuallyTriggerDraggingElement';
822
824
  var EVENT_LINK_SELECTED = 'linkSelected';
@@ -894,10 +896,12 @@ var EditorContext = /** @class */ (function () {
894
896
  }
895
897
  this._elements = __spreadArray(__spreadArray([], this._elements, true), [element], false);
896
898
  this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
899
+ this.onElementAddedHandler(element);
897
900
  };
898
901
  EditorContext.prototype.removeElement = function (elementId) {
899
902
  this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
900
903
  this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
904
+ this.onElementRemovedHandler(elementId);
901
905
  };
902
906
  EditorContext.prototype.getLink = function (linkId) {
903
907
  return this._links.find(function (l) { return l.id === linkId; });
@@ -1048,6 +1052,20 @@ var EditorContext = /** @class */ (function () {
1048
1052
  EditorContext.prototype.onElementMouseDownHandler = function (ev, element, paperPosition) {
1049
1053
  this._eventEmitter.emit(EVENT_ELEMENT_MOUSE_DOWN, ev, element, paperPosition);
1050
1054
  };
1055
+ EditorContext.prototype.onElementAdded = function (callback) {
1056
+ return this.addEventListener(EVENT_ELEMENT_ADDED, callback);
1057
+ };
1058
+ /** @internal */
1059
+ EditorContext.prototype.onElementAddedHandler = function (element) {
1060
+ this._eventEmitter.emit(EVENT_ELEMENT_ADDED, element);
1061
+ };
1062
+ EditorContext.prototype.onElementRemoved = function (callback) {
1063
+ return this.addEventListener(EVENT_ELEMENT_REMOVED, callback);
1064
+ };
1065
+ /** @internal */
1066
+ EditorContext.prototype.onElementRemovedHandler = function (elementId) {
1067
+ this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId);
1068
+ };
1051
1069
  EditorContext.prototype.onLinkSelected = function (callback) {
1052
1070
  return this.addEventListener(EVENT_LINK_SELECTED, callback);
1053
1071
  };
@@ -9478,7 +9496,7 @@ var Paper = function (props) {
9478
9496
  var textsRef = React.useRef(texts); //Cache texts to avoid re-render when texts changed
9479
9497
  var size = props.size;
9480
9498
  var selectedElementAbsPosition = React.useMemo(function () { return selectedElement ? getAbsolutePosition(selectedElement) : null; }, [selectedElement, selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.position, selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.size]);
9481
- var onPortMoved = props.onPortMoved, onPortSelected = props.onPortSelected, onPortMouseDown = props.onPortMouseDown, onPortMouseUp = props.onPortMouseUp, onPortsChanged = props.onPortsChanged, onPortContextMenu = props.onPortContextMenu, onElementSelected = props.onElementSelected, onElementsChanged = props.onElementsChanged, onElementContextMenu = props.onElementContextMenu, onElementMouseUp = props.onElementMouseUp, onElementMouseDown = props.onElementMouseDown, onElementMouseMove = props.onElementMouseMove, onElementMouseLeave = props.onElementMouseLeave, onLinksChanged = props.onLinksChanged, onLinkSelected = props.onLinkSelected, onTextSelected = props.onTextSelected, onTextsChanged = props.onTextsChanged, manuallyTriggerRenderElementHandler = props.manuallyTriggerRenderElementHandler, manuallyTriggerRenderPortHandler = props.manuallyTriggerRenderPortHandler, onCreatingPortByLinking = props.onCreatingPortByLinking, onCreatingLink = props.onCreatingLink, manuallySelectElementHandler = props.manuallySelectElementHandler, manuallyTriggerDraggingElementHandler = props.manuallyTriggerDraggingElementHandler, manuallyTriggerStartedLinkingHandler = props.manuallyTriggerStartedLinkingHandler;
9499
+ var onPortMoved = props.onPortMoved, onPortSelected = props.onPortSelected, onPortMouseDown = props.onPortMouseDown, onPortMouseUp = props.onPortMouseUp, onPortsChanged = props.onPortsChanged, onPortContextMenu = props.onPortContextMenu, onElementSelected = props.onElementSelected, onElementsChanged = props.onElementsChanged, onElementContextMenu = props.onElementContextMenu, onElementMouseUp = props.onElementMouseUp, onElementMouseDown = props.onElementMouseDown, onElementMouseMove = props.onElementMouseMove, onElementMouseLeave = props.onElementMouseLeave, onElementDeleted = props.onElementDeleted, onLinksChanged = props.onLinksChanged, onLinkSelected = props.onLinkSelected, onTextSelected = props.onTextSelected, onTextsChanged = props.onTextsChanged, manuallyTriggerRenderElementHandler = props.manuallyTriggerRenderElementHandler, manuallyTriggerRenderPortHandler = props.manuallyTriggerRenderPortHandler, onCreatingPortByLinking = props.onCreatingPortByLinking, onCreatingLink = props.onCreatingLink, manuallySelectElementHandler = props.manuallySelectElementHandler, manuallyTriggerDraggingElementHandler = props.manuallyTriggerDraggingElementHandler, manuallyTriggerStartedLinkingHandler = props.manuallyTriggerStartedLinkingHandler;
9482
9500
  React.useEffect(function () {
9483
9501
  zoomRef.current = zoom;
9484
9502
  }, [zoom]);
@@ -9646,6 +9664,7 @@ var Paper = function (props) {
9646
9664
  var deletedElementIds_1 = __spreadArray(__spreadArray([], deletedChildElements, true), [selectedElement], false).map(function (e) { return e.id; });
9647
9665
  var prevElements = elementsRef.current;
9648
9666
  var newElements = prevElements.filter(function (e) { return !deletedElementIds_1.includes(e.id); });
9667
+ onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement);
9649
9668
  //Set state to re-render component
9650
9669
  setElements(newElements);
9651
9670
  if (onElementsChanged) {
@@ -9669,7 +9688,7 @@ var Paper = function (props) {
9669
9688
  return function () {
9670
9689
  listener.off();
9671
9690
  };
9672
- }, [selectedElement, onElementSelected, onElementsChanged, onLinksChanged, getChildOfElement, paperEventEmitter]);
9691
+ }, [selectedElement, onElementSelected, onElementsChanged, onLinksChanged, getChildOfElement, paperEventEmitter, onElementDeleted]);
9673
9692
  //Listen command delete selected for link
9674
9693
  React.useEffect(function () {
9675
9694
  var listener = paperEventEmitter.onCommandDeleteSelectedLink(function () {
@@ -10371,7 +10390,7 @@ var Editor = function (_a) {
10371
10390
  }, [editorContext]);
10372
10391
  var handlePortsChanged = React.useCallback(function (ports, element) {
10373
10392
  element.ports = ports;
10374
- }, [editorContext]);
10393
+ }, []);
10375
10394
  var handlePortContextMenu = React.useCallback(function (port, element, event) {
10376
10395
  editorContext.onPortContextMenuHandler(port, element, event);
10377
10396
  }, [editorContext]);
@@ -10435,9 +10454,12 @@ var Editor = function (_a) {
10435
10454
  var handlePaperMouseUp = React.useCallback(function (position) {
10436
10455
  editorContext.onPaperMouseUpHandler(position);
10437
10456
  }, [editorContext]);
10457
+ var handleElementRemoved = React.useCallback(function (element) {
10458
+ editorContext.onElementRemovedHandler(element.id);
10459
+ }, [editorContext]);
10438
10460
  return (React.createElement(EditorConfigurationContextProvider, { value: editorContext.configuration },
10439
10461
  React.createElement(ZoomContextProvider, null,
10440
- React.createElement(Paper$1, { key: "paper", size: { width: width, height: height }, elements: elements, links: links, texts: texts, onPaperClicked: handlePaperClicked, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onPortsChanged: handlePortsChanged, onPortContextMenu: handlePortContextMenu, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onElementMouseLeave: handleElementMouseLeave, onElementMouseMove: handleElementMouseMove, onElementMouseDown: handleElementMouseDown, onElementMouseUp: handleElementMouseUp, onElementsChanged: handleElementsChanged, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onLinksChanged: handleLinksChanged, onTextSelected: handleTextSelected, onTextsChanged: handleTextsChanged, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown, manuallyTriggerRenderElementHandler: editorContext.manuallyTriggerRenderElementHandler.bind(editorContext), manuallyTriggerRenderPortHandler: editorContext.manuallyTriggerRenderPortHandler.bind(editorContext), manuallySelectElementHandler: editorContext.manuallySelectElementHandler.bind(editorContext), manuallyTriggerDraggingElementHandler: editorContext.manuallyTriggerDraggingElementHandler.bind(editorContext), manuallyTriggerStartedLinkingHandler: editorContext.manuallyTriggerStartedLinkingHandler.bind(editorContext) }))));
10462
+ React.createElement(Paper$1, { key: "paper", size: { width: width, height: height }, elements: elements, links: links, texts: texts, onPaperClicked: handlePaperClicked, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onPortsChanged: handlePortsChanged, onPortContextMenu: handlePortContextMenu, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onElementMouseLeave: handleElementMouseLeave, onElementMouseMove: handleElementMouseMove, onElementMouseDown: handleElementMouseDown, onElementMouseUp: handleElementMouseUp, onElementDeleted: handleElementRemoved, onElementsChanged: handleElementsChanged, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onLinksChanged: handleLinksChanged, onTextSelected: handleTextSelected, onTextsChanged: handleTextsChanged, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown, manuallyTriggerRenderElementHandler: editorContext.manuallyTriggerRenderElementHandler.bind(editorContext), manuallyTriggerRenderPortHandler: editorContext.manuallyTriggerRenderPortHandler.bind(editorContext), manuallySelectElementHandler: editorContext.manuallySelectElementHandler.bind(editorContext), manuallyTriggerDraggingElementHandler: editorContext.manuallyTriggerDraggingElementHandler.bind(editorContext), manuallyTriggerStartedLinkingHandler: editorContext.manuallyTriggerStartedLinkingHandler.bind(editorContext) }))));
10441
10463
  };
10442
10464
 
10443
10465
  exports.CircleRC = Circle;
@@ -30,6 +30,8 @@ export default interface IEditorContext {
30
30
  onElementMouseMove: (callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void) => (() => void);
31
31
  onElementMouseUp: (callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void) => (() => void);
32
32
  onElementMouseDown: (callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void) => (() => void);
33
+ onElementAdded: (callback: (element: IElement) => void) => (() => void);
34
+ onElementRemoved: (callback: (elementId: string) => void) => (() => void);
33
35
  onLinkSelected: (callback: (link: IElementLink) => void) => (() => void);
34
36
  onTextSelected: (callback: (text: IText) => void) => (() => void);
35
37
  getElement(elementId: string): IElement | undefined;
@@ -50,6 +50,8 @@ export declare class EditorContext implements IEditorContext {
50
50
  onElementMouseLeave(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
51
51
  onElementMouseUp(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
52
52
  onElementMouseDown(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
53
+ onElementAdded(callback: (element: IElement) => void): () => void;
54
+ onElementRemoved(callback: (elementId: string) => void): () => void;
53
55
  onLinkSelected(callback: (link: IElementLink) => void): () => void;
54
56
  onTextSelected(callback: (text: IText) => void): () => void;
55
57
  triggerRenderElement(elementId: string): void;
package/dist/esm/index.js CHANGED
@@ -813,6 +813,8 @@ var EVENT_ELEMENT_MOUSE_MOVE = 'elementMouseMove';
813
813
  var EVENT_ELEMENT_MOUSE_LEAVE = 'elementMouseLeave';
814
814
  var EVENT_ELEMENT_MOUSE_UP = 'elementMouseUp';
815
815
  var EVENT_ELEMENT_MOUSE_DOWN = 'elementMouseDown';
816
+ var EVENT_ELEMENT_ADDED = 'elementAdded';
817
+ var EVENT_ELEMENT_REMOVED = 'elementRemoved';
816
818
  var EVENT_MANUALLY_SELECT_ELEMENT = 'manuallySelectElement';
817
819
  var EVENT_MANUALLY_TRIGGER_DRAGGING_ELEMENT = 'manuallyTriggerDraggingElement';
818
820
  var EVENT_LINK_SELECTED = 'linkSelected';
@@ -890,10 +892,12 @@ var EditorContext = /** @class */ (function () {
890
892
  }
891
893
  this._elements = __spreadArray(__spreadArray([], this._elements, true), [element], false);
892
894
  this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
895
+ this.onElementAddedHandler(element);
893
896
  };
894
897
  EditorContext.prototype.removeElement = function (elementId) {
895
898
  this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
896
899
  this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
900
+ this.onElementRemovedHandler(elementId);
897
901
  };
898
902
  EditorContext.prototype.getLink = function (linkId) {
899
903
  return this._links.find(function (l) { return l.id === linkId; });
@@ -1044,6 +1048,20 @@ var EditorContext = /** @class */ (function () {
1044
1048
  EditorContext.prototype.onElementMouseDownHandler = function (ev, element, paperPosition) {
1045
1049
  this._eventEmitter.emit(EVENT_ELEMENT_MOUSE_DOWN, ev, element, paperPosition);
1046
1050
  };
1051
+ EditorContext.prototype.onElementAdded = function (callback) {
1052
+ return this.addEventListener(EVENT_ELEMENT_ADDED, callback);
1053
+ };
1054
+ /** @internal */
1055
+ EditorContext.prototype.onElementAddedHandler = function (element) {
1056
+ this._eventEmitter.emit(EVENT_ELEMENT_ADDED, element);
1057
+ };
1058
+ EditorContext.prototype.onElementRemoved = function (callback) {
1059
+ return this.addEventListener(EVENT_ELEMENT_REMOVED, callback);
1060
+ };
1061
+ /** @internal */
1062
+ EditorContext.prototype.onElementRemovedHandler = function (elementId) {
1063
+ this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId);
1064
+ };
1047
1065
  EditorContext.prototype.onLinkSelected = function (callback) {
1048
1066
  return this.addEventListener(EVENT_LINK_SELECTED, callback);
1049
1067
  };
@@ -9474,7 +9492,7 @@ var Paper = function (props) {
9474
9492
  var textsRef = useRef(texts); //Cache texts to avoid re-render when texts changed
9475
9493
  var size = props.size;
9476
9494
  var selectedElementAbsPosition = useMemo(function () { return selectedElement ? getAbsolutePosition(selectedElement) : null; }, [selectedElement, selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.position, selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.size]);
9477
- var onPortMoved = props.onPortMoved, onPortSelected = props.onPortSelected, onPortMouseDown = props.onPortMouseDown, onPortMouseUp = props.onPortMouseUp, onPortsChanged = props.onPortsChanged, onPortContextMenu = props.onPortContextMenu, onElementSelected = props.onElementSelected, onElementsChanged = props.onElementsChanged, onElementContextMenu = props.onElementContextMenu, onElementMouseUp = props.onElementMouseUp, onElementMouseDown = props.onElementMouseDown, onElementMouseMove = props.onElementMouseMove, onElementMouseLeave = props.onElementMouseLeave, onLinksChanged = props.onLinksChanged, onLinkSelected = props.onLinkSelected, onTextSelected = props.onTextSelected, onTextsChanged = props.onTextsChanged, manuallyTriggerRenderElementHandler = props.manuallyTriggerRenderElementHandler, manuallyTriggerRenderPortHandler = props.manuallyTriggerRenderPortHandler, onCreatingPortByLinking = props.onCreatingPortByLinking, onCreatingLink = props.onCreatingLink, manuallySelectElementHandler = props.manuallySelectElementHandler, manuallyTriggerDraggingElementHandler = props.manuallyTriggerDraggingElementHandler, manuallyTriggerStartedLinkingHandler = props.manuallyTriggerStartedLinkingHandler;
9495
+ var onPortMoved = props.onPortMoved, onPortSelected = props.onPortSelected, onPortMouseDown = props.onPortMouseDown, onPortMouseUp = props.onPortMouseUp, onPortsChanged = props.onPortsChanged, onPortContextMenu = props.onPortContextMenu, onElementSelected = props.onElementSelected, onElementsChanged = props.onElementsChanged, onElementContextMenu = props.onElementContextMenu, onElementMouseUp = props.onElementMouseUp, onElementMouseDown = props.onElementMouseDown, onElementMouseMove = props.onElementMouseMove, onElementMouseLeave = props.onElementMouseLeave, onElementDeleted = props.onElementDeleted, onLinksChanged = props.onLinksChanged, onLinkSelected = props.onLinkSelected, onTextSelected = props.onTextSelected, onTextsChanged = props.onTextsChanged, manuallyTriggerRenderElementHandler = props.manuallyTriggerRenderElementHandler, manuallyTriggerRenderPortHandler = props.manuallyTriggerRenderPortHandler, onCreatingPortByLinking = props.onCreatingPortByLinking, onCreatingLink = props.onCreatingLink, manuallySelectElementHandler = props.manuallySelectElementHandler, manuallyTriggerDraggingElementHandler = props.manuallyTriggerDraggingElementHandler, manuallyTriggerStartedLinkingHandler = props.manuallyTriggerStartedLinkingHandler;
9478
9496
  useEffect(function () {
9479
9497
  zoomRef.current = zoom;
9480
9498
  }, [zoom]);
@@ -9642,6 +9660,7 @@ var Paper = function (props) {
9642
9660
  var deletedElementIds_1 = __spreadArray(__spreadArray([], deletedChildElements, true), [selectedElement], false).map(function (e) { return e.id; });
9643
9661
  var prevElements = elementsRef.current;
9644
9662
  var newElements = prevElements.filter(function (e) { return !deletedElementIds_1.includes(e.id); });
9663
+ onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement);
9645
9664
  //Set state to re-render component
9646
9665
  setElements(newElements);
9647
9666
  if (onElementsChanged) {
@@ -9665,7 +9684,7 @@ var Paper = function (props) {
9665
9684
  return function () {
9666
9685
  listener.off();
9667
9686
  };
9668
- }, [selectedElement, onElementSelected, onElementsChanged, onLinksChanged, getChildOfElement, paperEventEmitter]);
9687
+ }, [selectedElement, onElementSelected, onElementsChanged, onLinksChanged, getChildOfElement, paperEventEmitter, onElementDeleted]);
9669
9688
  //Listen command delete selected for link
9670
9689
  useEffect(function () {
9671
9690
  var listener = paperEventEmitter.onCommandDeleteSelectedLink(function () {
@@ -10367,7 +10386,7 @@ var Editor = function (_a) {
10367
10386
  }, [editorContext]);
10368
10387
  var handlePortsChanged = useCallback(function (ports, element) {
10369
10388
  element.ports = ports;
10370
- }, [editorContext]);
10389
+ }, []);
10371
10390
  var handlePortContextMenu = useCallback(function (port, element, event) {
10372
10391
  editorContext.onPortContextMenuHandler(port, element, event);
10373
10392
  }, [editorContext]);
@@ -10431,9 +10450,12 @@ var Editor = function (_a) {
10431
10450
  var handlePaperMouseUp = useCallback(function (position) {
10432
10451
  editorContext.onPaperMouseUpHandler(position);
10433
10452
  }, [editorContext]);
10453
+ var handleElementRemoved = useCallback(function (element) {
10454
+ editorContext.onElementRemovedHandler(element.id);
10455
+ }, [editorContext]);
10434
10456
  return (React.createElement(EditorConfigurationContextProvider, { value: editorContext.configuration },
10435
10457
  React.createElement(ZoomContextProvider, null,
10436
- React.createElement(Paper$1, { key: "paper", size: { width: width, height: height }, elements: elements, links: links, texts: texts, onPaperClicked: handlePaperClicked, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onPortsChanged: handlePortsChanged, onPortContextMenu: handlePortContextMenu, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onElementMouseLeave: handleElementMouseLeave, onElementMouseMove: handleElementMouseMove, onElementMouseDown: handleElementMouseDown, onElementMouseUp: handleElementMouseUp, onElementsChanged: handleElementsChanged, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onLinksChanged: handleLinksChanged, onTextSelected: handleTextSelected, onTextsChanged: handleTextsChanged, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown, manuallyTriggerRenderElementHandler: editorContext.manuallyTriggerRenderElementHandler.bind(editorContext), manuallyTriggerRenderPortHandler: editorContext.manuallyTriggerRenderPortHandler.bind(editorContext), manuallySelectElementHandler: editorContext.manuallySelectElementHandler.bind(editorContext), manuallyTriggerDraggingElementHandler: editorContext.manuallyTriggerDraggingElementHandler.bind(editorContext), manuallyTriggerStartedLinkingHandler: editorContext.manuallyTriggerStartedLinkingHandler.bind(editorContext) }))));
10458
+ React.createElement(Paper$1, { key: "paper", size: { width: width, height: height }, elements: elements, links: links, texts: texts, onPaperClicked: handlePaperClicked, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onPortsChanged: handlePortsChanged, onPortContextMenu: handlePortContextMenu, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onElementMouseLeave: handleElementMouseLeave, onElementMouseMove: handleElementMouseMove, onElementMouseDown: handleElementMouseDown, onElementMouseUp: handleElementMouseUp, onElementDeleted: handleElementRemoved, onElementsChanged: handleElementsChanged, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onLinksChanged: handleLinksChanged, onTextSelected: handleTextSelected, onTextsChanged: handleTextsChanged, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown, manuallyTriggerRenderElementHandler: editorContext.manuallyTriggerRenderElementHandler.bind(editorContext), manuallyTriggerRenderPortHandler: editorContext.manuallyTriggerRenderPortHandler.bind(editorContext), manuallySelectElementHandler: editorContext.manuallySelectElementHandler.bind(editorContext), manuallyTriggerDraggingElementHandler: editorContext.manuallyTriggerDraggingElementHandler.bind(editorContext), manuallyTriggerStartedLinkingHandler: editorContext.manuallyTriggerStartedLinkingHandler.bind(editorContext) }))));
10437
10459
  };
10438
10460
 
10439
10461
  export { Circle as CircleRC, Crescent as CrescentRC, CustomShape as CustomShapeRC, EditorContext, Element$2 as Element, ElementLink$1 as ElementLink, ElementLink as ElementLinkRC, Port$1 as Port, Port as PortRC, PositioningAnchor, Rectangle as RectangleRC, RectangularFrame as RectangularFrameRC, ResizingDirection, ShapeWrapper as ShapeWrapperRC, SubObjectDirection, Text$2 as Text, TextAlign, Text$1 as TextRC, addPointToList, automationAddPointsToLink, calculateAngleWithOx, checkPointContainsPolygon, checkPositionOnLine, checkSamePosition, configureLogger, correctPortPositionInElement, createSmoothPathString, Editor as default, degreeToRadian, diamondEdgeInsideSquare, dist, findNearestPointOnSegment, findNearestPosition, findNearestProjectedPoint, generateSubstitutePosition, generateUniqueId, getAbsolutePosition, getCurvePathData, getElementRotationInfo, getFirstIntersection, getFourVertexesOfBBoxFromElement, getIntersectionPositions, getPointsFromPathData, getPointsFromPathElement, getPortAbsolutePosition, getRectangleCorners, getRotatedRectangleCoordinates, getRotatedSVGBBox, getSVGBBoxOutsideTransformedParent, makePolygonOfElement, pathDataToD, removeDuplicatePosition, transformAbsPositionToElementRelativePosition, transformAbsPositionToRelativePositionInsideElement, windowsPositionToPaperPosition };