orcasvn-react-diagrams 0.1.24 → 0.1.26

package/dist/cjs/index.js

@@ -798,6 +798,14 @@ var EditorContext = /** @class */ (function () {
         this._texts = texts;
         this._eventEmitter = new EventEmitter();
     }
+    EditorContext.prototype.addEventListener = function (event, callback) {
+        var _this = this;
+        this._eventEmitter.on(event, callback);
+        var off = function () {
+            _this._eventEmitter.off(event, callback);
+        };
+        return off;
+    };
     Object.defineProperty(EditorContext.prototype, "elements", {
         get: function () {
             return this._elements;
@@ -823,7 +831,7 @@ var EditorContext = /** @class */ (function () {
         return this._elements.find(function (e) { return e.id === elementId; });
     };
     EditorContext.prototype.addElement = function (element) {
-        this._elements.push(element);
+        this._elements = __spreadArray(__spreadArray([], this._elements, true), [element], false);
     };
     EditorContext.prototype.removeElement = function (elementId) {
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
@@ -832,7 +840,7 @@ var EditorContext = /** @class */ (function () {
         return this._links.find(function (l) { return l.id === linkId; });
     };
     EditorContext.prototype.addLink = function (link) {
-        this._links.push(link);
+        this._links = __spreadArray(__spreadArray([], this._links, true), [link], false);
     };
     EditorContext.prototype.removeLink = function (linkId) {
         this._links = this._links.filter(function (l) { return l.id !== linkId; });
@@ -841,150 +849,90 @@ var EditorContext = /** @class */ (function () {
         return this._texts.find(function (t) { return t.id === textId; });
     };
     EditorContext.prototype.addText = function (text) {
-        this._texts.push(text);
+        this._texts = __spreadArray(__spreadArray([], this._texts, true), [text], false);
     };
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
     EditorContext.prototype.onPaperClicked = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_CLICKED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperClickedHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_CLICKED, position);
     };
     EditorContext.prototype.onPaperMouseMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseMovedHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_MOVED, position);
     };
     EditorContext.prototype.onPaperMouseDown = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_MOUSE_DOWN, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_MOUSE_DOWN, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_DOWN, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseDownHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_DOWN, position);
     };
     EditorContext.prototype.onPaperMouseUp = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_MOUSE_UP, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_MOUSE_UP, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_UP, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseUpHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_UP, position);
     };
     EditorContext.prototype.onPortMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PORT_MOVED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PORT_MOVED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PORT_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPortMovedHandler = function (position, port, element) {
         this._eventEmitter.emit(EVENT_PORT_MOVED, position, port, element);
     };
     EditorContext.prototype.onPortSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PORT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PORT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PORT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPortSelectedHandler = function (port, element) {
         this._eventEmitter.emit(EVENT_PORT_SELECTED, port, element);
     };
     EditorContext.prototype.onElementContextMenu = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_CONTEXT_MENU, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_CONTEXT_MENU, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_CONTEXT_MENU, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementContextMenuHandler = function (element, mouseEvent) {
         this._eventEmitter.emit(EVENT_ELEMENT_CONTEXT_MENU, element, mouseEvent);
     };
     EditorContext.prototype.onElementMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_MOVED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_MOVED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementMovedHandler = function (position, element) {
         this._eventEmitter.emit(EVENT_ELEMENT_MOVED, position, element);
     };
     EditorContext.prototype.onElementResized = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_RESIZED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_RESIZED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_RESIZED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementResizedHandler = function (size, element) {
         this._eventEmitter.emit(EVENT_ELEMENT_RESIZED, size, element);
     };
     EditorContext.prototype.onElementSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementSelectedHandler = function (element) {
         this._eventEmitter.emit(EVENT_ELEMENT_SELECTED, element);
     };
     EditorContext.prototype.onLinkSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_LINK_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_LINK_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_LINK_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onLinkSelectedHandler = function (link) {
         this._eventEmitter.emit(EVENT_LINK_SELECTED, link);
     };
     EditorContext.prototype.onTextSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_TEXT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_TEXT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_TEXT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onTextSelectedHandler = function (text) {
@@ -10622,7 +10570,7 @@ function Editor(_a) {
         editorContext.onPaperMouseUpHandler(position);
     }, [editorContext]);
     if (editorContext)
-        return (React$1.createElement(Paper$1, { size: { width: width, height: height }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseDown, onPaperMouseDown: handlePaperMouseUp }));
+        return (React$1.createElement(Paper$1, { size: { width: width, height: height }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown }));
     return null;
 }
 

package/dist/cjs/types/models/implementations/EditorContext.d.ts

@@ -14,6 +14,7 @@ export declare class EditorContext implements IEditorContext {
     onCreatingPortByLinkingHandler?: ((sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null) | undefined;
     onCreatingLinkHandler?: ((sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null) | undefined;
     constructor(elements: IElement[], links: IElementLink[], texts: IPaperText[]);
+    private addEventListener;
     get elements(): IElement[];
     get links(): IElementLink[];
     get texts(): IPaperText[];

package/dist/esm/index.js

@@ -794,6 +794,14 @@ var EditorContext = /** @class */ (function () {
         this._texts = texts;
         this._eventEmitter = new EventEmitter();
     }
+    EditorContext.prototype.addEventListener = function (event, callback) {
+        var _this = this;
+        this._eventEmitter.on(event, callback);
+        var off = function () {
+            _this._eventEmitter.off(event, callback);
+        };
+        return off;
+    };
     Object.defineProperty(EditorContext.prototype, "elements", {
         get: function () {
             return this._elements;
@@ -819,7 +827,7 @@ var EditorContext = /** @class */ (function () {
         return this._elements.find(function (e) { return e.id === elementId; });
     };
     EditorContext.prototype.addElement = function (element) {
-        this._elements.push(element);
+        this._elements = __spreadArray(__spreadArray([], this._elements, true), [element], false);
     };
     EditorContext.prototype.removeElement = function (elementId) {
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
@@ -828,7 +836,7 @@ var EditorContext = /** @class */ (function () {
         return this._links.find(function (l) { return l.id === linkId; });
     };
     EditorContext.prototype.addLink = function (link) {
-        this._links.push(link);
+        this._links = __spreadArray(__spreadArray([], this._links, true), [link], false);
     };
     EditorContext.prototype.removeLink = function (linkId) {
         this._links = this._links.filter(function (l) { return l.id !== linkId; });
@@ -837,150 +845,90 @@ var EditorContext = /** @class */ (function () {
         return this._texts.find(function (t) { return t.id === textId; });
     };
     EditorContext.prototype.addText = function (text) {
-        this._texts.push(text);
+        this._texts = __spreadArray(__spreadArray([], this._texts, true), [text], false);
     };
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
     EditorContext.prototype.onPaperClicked = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_CLICKED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperClickedHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_CLICKED, position);
     };
     EditorContext.prototype.onPaperMouseMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_CLICKED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_CLICKED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseMovedHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_MOVED, position);
     };
     EditorContext.prototype.onPaperMouseDown = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_MOUSE_DOWN, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_MOUSE_DOWN, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_DOWN, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseDownHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_DOWN, position);
     };
     EditorContext.prototype.onPaperMouseUp = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PAPER_MOUSE_UP, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PAPER_MOUSE_UP, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PAPER_MOUSE_UP, callback);
     };
     /** @internal */
     EditorContext.prototype.onPaperMouseUpHandler = function (position) {
         this._eventEmitter.emit(EVENT_PAPER_MOUSE_UP, position);
     };
     EditorContext.prototype.onPortMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PORT_MOVED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PORT_MOVED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PORT_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPortMovedHandler = function (position, port, element) {
         this._eventEmitter.emit(EVENT_PORT_MOVED, position, port, element);
     };
     EditorContext.prototype.onPortSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_PORT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_PORT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_PORT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onPortSelectedHandler = function (port, element) {
         this._eventEmitter.emit(EVENT_PORT_SELECTED, port, element);
     };
     EditorContext.prototype.onElementContextMenu = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_CONTEXT_MENU, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_CONTEXT_MENU, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_CONTEXT_MENU, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementContextMenuHandler = function (element, mouseEvent) {
         this._eventEmitter.emit(EVENT_ELEMENT_CONTEXT_MENU, element, mouseEvent);
     };
     EditorContext.prototype.onElementMoved = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_MOVED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_MOVED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_MOVED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementMovedHandler = function (position, element) {
         this._eventEmitter.emit(EVENT_ELEMENT_MOVED, position, element);
     };
     EditorContext.prototype.onElementResized = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_RESIZED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_RESIZED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_RESIZED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementResizedHandler = function (size, element) {
         this._eventEmitter.emit(EVENT_ELEMENT_RESIZED, size, element);
     };
     EditorContext.prototype.onElementSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_ELEMENT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_ELEMENT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_ELEMENT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onElementSelectedHandler = function (element) {
         this._eventEmitter.emit(EVENT_ELEMENT_SELECTED, element);
     };
     EditorContext.prototype.onLinkSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_LINK_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_LINK_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_LINK_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onLinkSelectedHandler = function (link) {
         this._eventEmitter.emit(EVENT_LINK_SELECTED, link);
     };
     EditorContext.prototype.onTextSelected = function (callback) {
-        var _this = this;
-        this._eventEmitter.on(EVENT_TEXT_SELECTED, callback);
-        var off = function () {
-            _this._eventEmitter.off(EVENT_TEXT_SELECTED, callback);
-        };
-        return off;
+        return this.addEventListener(EVENT_TEXT_SELECTED, callback);
     };
     /** @internal */
     EditorContext.prototype.onTextSelectedHandler = function (text) {
@@ -10618,7 +10566,7 @@ function Editor(_a) {
         editorContext.onPaperMouseUpHandler(position);
     }, [editorContext]);
     if (editorContext)
-        return (React$1.createElement(Paper$1, { size: { width: width, height: height }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseDown, onPaperMouseDown: handlePaperMouseUp }));
+        return (React$1.createElement(Paper$1, { size: { width: width, height: height }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: handlePaperClicked, onPortMoved: handlePortMoved, onPortSelected: handlePortSelected, onElementContextMenu: handleElementContextMenu, onElementMoved: handleElementMoved, onElementResized: handleElementResized, onElementSelected: handleElementSelected, onCreatingLink: handleOnCreatingLink, onCreatingPortByLinking: handleOnCreatingPortByLinking, onLinkSelected: handleLinkSelected, onTextSelected: handleTextSelected, onPaperMouseMoved: handlePaperMouseMoved, onPaperMouseUp: handlePaperMouseUp, onPaperMouseDown: handlePaperMouseDown }));
     return null;
 }