orcasvn-react-diagrams 0.1.77 → 0.1.79

package/dist/cjs/index.js

@@ -943,10 +943,10 @@ var EditorContext = /** @class */ (function () {
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
         this.onElementAddedHandler(element);
     };
-    EditorContext.prototype.removeElement = function (elementId) {
+    EditorContext.prototype.removeElement = function (elementId, parentElementId) {
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
-        this.onElementRemovedHandler(elementId);
+        this.onElementRemovedHandler(elementId, parentElementId);
     };
     EditorContext.prototype.getLink = function (linkId) {
         return this._links.find(function (l) { return l.id === linkId; });
@@ -1108,8 +1108,8 @@ var EditorContext = /** @class */ (function () {
         return this.addEventListener(EVENT_ELEMENT_REMOVED, callback);
     };
     /** @internal */
-    EditorContext.prototype.onElementRemovedHandler = function (elementId) {
-        this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId);
+    EditorContext.prototype.onElementRemovedHandler = function (elementId, parentElementId) {
+        this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId, parentElementId);
     };
     EditorContext.prototype.onLinkSelected = function (callback) {
         return this.addEventListener(EVENT_LINK_SELECTED, callback);
@@ -1132,7 +1132,7 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.manuallyTriggerRenderElementHandler = function (callback) {
         return this.addEventListener(EVENT_MANUALLY_RENDER_ELEMENT, callback);
     };
-    EditorContext.prototype.triggerRenderElements = function () {
+    EditorContext.prototype.triggerRenderElements = function (elementIds) {
         this._eventEmitter.emit(EVENT_MANUALLY_RENDER_ELEMENTS);
     };
     /** @internal */
@@ -9726,9 +9726,11 @@ var Paper = function (props) {
         setTexts(__spreadArray([], props.texts, true));
     }, [props.texts]);
     React.useEffect(function () {
-        var off = manuallyTriggerRenderElementsHandler(function () {
+        var off = manuallyTriggerRenderElementsHandler(function (elementIds) {
             elementsState.elements.forEach(function (element) {
-                element.version = (element.version || 0) + 1;
+                if (!elementIds || elementIds.includes(element.id)) {
+                    element.version = (element.version || 0) + 1;
+                }
             });
             handleElementsState(elementsState.elements);
         });
@@ -9898,13 +9900,15 @@ var Paper = function (props) {
     //Listen command delete selected for element
     React.useEffect(function () {
         var listener = paperEventEmitter.onCommandDeleteSelectedElement(function () {
+            var _a;
             if (selectedElement && selectedElement.removable !== false) {
+                var parentElementId = (_a = selectedElement.parentElement) === null || _a === void 0 ? void 0 : _a.id;
                 selectedElement.parentElement = undefined; //Remove parent element to avoid memory leak. This will remove the element from the parent element's childrenElements array.
                 var deletedChildElements = getChildOfElement(selectedElement);
                 var deletedElementIds_1 = __spreadArray(__spreadArray([], deletedChildElements, true), [selectedElement], false).map(function (e) { return e.id; });
                 var prevElements = elementsState.elements;
                 var newElements = prevElements.filter(function (e) { return !deletedElementIds_1.includes(e.id); });
-                onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement);
+                onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement, parentElementId);
                 //Set state to re-render component
                 handleElementsState(newElements);
                 if (onElementsChanged) {
@@ -10672,9 +10676,8 @@ var Editor = function (_a) {
     var handlePaperMouseUp = React.useCallback(function (position) {
         editorContext.onPaperMouseUpHandler(position);
     }, [editorContext]);
-    var handleElementRemoved = React.useCallback(function (element) {
-        var _a;
-        editorContext.onElementRemovedHandler(element.id, (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.id);
+    var handleElementRemoved = React.useCallback(function (element, parentElementId) {
+        editorContext.onElementRemovedHandler(element.id, parentElementId);
     }, [editorContext]);
     return (React.createElement(EditorConfigurationContextProvider, { value: editorContext.configuration },
         React.createElement(ZoomContextProvider, null,

package/dist/cjs/types/components/paper.d.ts

@@ -26,7 +26,7 @@ interface PaperProps {
     onElementMoved?: (relativePosition: IPosition, element: IElement, paperPosition: IPosition) => void;
     onElementResized?: (size: ISize, element: IElement) => void;
     onElementSelected?: (element: IElement) => void;
-    onElementDeleted?: (element: IElement) => void;
+    onElementDeleted?: (element: IElement, parentElementId: string | undefined) => void;
     onElementMouseDown?: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void;
     onElementMouseUp?: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void;
     onElementMouseMove?: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void;
@@ -36,7 +36,7 @@ interface PaperProps {
     onLinksChanged?: (links: IElementLink[]) => void;
     onTextSelected?: (text: IText) => void;
     onTextsChanged?: (texts: IPaperText[]) => void;
-    manuallyTriggerRenderElementsHandler: (callback: () => void) => () => void;
+    manuallyTriggerRenderElementsHandler: (callback: (elementIds?: string[]) => void) => () => void;
     manuallyTriggerRenderElementHandler: (callback: (elementId: string) => void) => () => void;
     manuallyTriggerRenderPortHandler: (callback: (portId: string, elementId: string) => void) => () => void;
     onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;

package/dist/cjs/types/models/IEditorContext.d.ts

@@ -35,7 +35,7 @@ export default interface IEditorContext {
     onElementMouseUp: (callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void) => (() => void);
     onElementMouseDown: (callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void) => (() => void);
     onElementAdded: (callback: (element: IElement) => void) => (() => void);
-    onElementRemoved: (callback: (elementId: string) => void) => (() => void);
+    onElementRemoved: (callback: (elementId: string, parentElementId: string | undefined) => void) => (() => void);
     onLinkSelected: (callback: (link: IElementLink) => void) => (() => void);
     onTextSelected: (callback: (text: IText) => void) => (() => void);
     getElement(elementId: string): IElement | undefined;
@@ -49,7 +49,7 @@ export default interface IEditorContext {
     removeText(textId: string): void;
     setSelectedElement: (element: IElement | null) => void;
     triggerDraggingElement: (element: IElement) => void;
-    triggerRenderElements(): void;
+    triggerRenderElements(elementIds?: string[]): void;
     triggerRenderElement(elementId: string): void;
     triggerRenderPort(portId: string, elementId: string): void;
     triggerStartedLinking(sourceElement: IElement, sourcePort: IPort): void;

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

@@ -30,7 +30,7 @@ export declare class EditorContext implements IEditorContext {
     get configuration(): IEditorConfiguration;
     getElement(elementId: string): IElement | undefined;
     addElement(element: IElement): void;
-    removeElement(elementId: string): void;
+    removeElement(elementId: string, parentElementId?: string): void;
     getLink(linkId: string): IElementLink | undefined;
     addLink(link: IElementLink): void;
     removeLink(linkId: string): void;
@@ -55,11 +55,11 @@ export declare class EditorContext implements IEditorContext {
     onElementMouseUp(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
     onElementMouseDown(callback: (ev: React.MouseEvent, element: IElement, paperPosition: IPosition) => void): () => void;
     onElementAdded(callback: (element: IElement) => void): () => void;
-    onElementRemoved(callback: (elementId: string) => void): () => void;
+    onElementRemoved(callback: (elementId: string, parentElementId: string | undefined) => void): () => void;
     onLinkSelected(callback: (link: IElementLink) => void): () => void;
     onTextSelected(callback: (text: IText) => void): () => void;
     triggerRenderElement(elementId: string): void;
-    triggerRenderElements(): void;
+    triggerRenderElements(elementIds?: string[]): void;
     triggerRenderPort(portId: string, elementId: string): void;
     setSelectedElement(element: IElement | null): void;
     triggerDraggingElement(element: IElement): void;

package/dist/esm/index.js

@@ -939,10 +939,10 @@ var EditorContext = /** @class */ (function () {
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
         this.onElementAddedHandler(element);
     };
-    EditorContext.prototype.removeElement = function (elementId) {
+    EditorContext.prototype.removeElement = function (elementId, parentElementId) {
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
-        this.onElementRemovedHandler(elementId);
+        this.onElementRemovedHandler(elementId, parentElementId);
     };
     EditorContext.prototype.getLink = function (linkId) {
         return this._links.find(function (l) { return l.id === linkId; });
@@ -1104,8 +1104,8 @@ var EditorContext = /** @class */ (function () {
         return this.addEventListener(EVENT_ELEMENT_REMOVED, callback);
     };
     /** @internal */
-    EditorContext.prototype.onElementRemovedHandler = function (elementId) {
-        this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId);
+    EditorContext.prototype.onElementRemovedHandler = function (elementId, parentElementId) {
+        this._eventEmitter.emit(EVENT_ELEMENT_REMOVED, elementId, parentElementId);
     };
     EditorContext.prototype.onLinkSelected = function (callback) {
         return this.addEventListener(EVENT_LINK_SELECTED, callback);
@@ -1128,7 +1128,7 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.manuallyTriggerRenderElementHandler = function (callback) {
         return this.addEventListener(EVENT_MANUALLY_RENDER_ELEMENT, callback);
     };
-    EditorContext.prototype.triggerRenderElements = function () {
+    EditorContext.prototype.triggerRenderElements = function (elementIds) {
         this._eventEmitter.emit(EVENT_MANUALLY_RENDER_ELEMENTS);
     };
     /** @internal */
@@ -9722,9 +9722,11 @@ var Paper = function (props) {
         setTexts(__spreadArray([], props.texts, true));
     }, [props.texts]);
     useEffect(function () {
-        var off = manuallyTriggerRenderElementsHandler(function () {
+        var off = manuallyTriggerRenderElementsHandler(function (elementIds) {
             elementsState.elements.forEach(function (element) {
-                element.version = (element.version || 0) + 1;
+                if (!elementIds || elementIds.includes(element.id)) {
+                    element.version = (element.version || 0) + 1;
+                }
             });
             handleElementsState(elementsState.elements);
         });
@@ -9894,13 +9896,15 @@ var Paper = function (props) {
     //Listen command delete selected for element
     useEffect(function () {
         var listener = paperEventEmitter.onCommandDeleteSelectedElement(function () {
+            var _a;
             if (selectedElement && selectedElement.removable !== false) {
+                var parentElementId = (_a = selectedElement.parentElement) === null || _a === void 0 ? void 0 : _a.id;
                 selectedElement.parentElement = undefined; //Remove parent element to avoid memory leak. This will remove the element from the parent element's childrenElements array.
                 var deletedChildElements = getChildOfElement(selectedElement);
                 var deletedElementIds_1 = __spreadArray(__spreadArray([], deletedChildElements, true), [selectedElement], false).map(function (e) { return e.id; });
                 var prevElements = elementsState.elements;
                 var newElements = prevElements.filter(function (e) { return !deletedElementIds_1.includes(e.id); });
-                onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement);
+                onElementDeleted === null || onElementDeleted === void 0 ? void 0 : onElementDeleted(selectedElement, parentElementId);
                 //Set state to re-render component
                 handleElementsState(newElements);
                 if (onElementsChanged) {
@@ -10668,9 +10672,8 @@ var Editor = function (_a) {
     var handlePaperMouseUp = useCallback(function (position) {
         editorContext.onPaperMouseUpHandler(position);
     }, [editorContext]);
-    var handleElementRemoved = useCallback(function (element) {
-        var _a;
-        editorContext.onElementRemovedHandler(element.id, (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.id);
+    var handleElementRemoved = useCallback(function (element, parentElementId) {
+        editorContext.onElementRemovedHandler(element.id, parentElementId);
     }, [editorContext]);
     return (React.createElement(EditorConfigurationContextProvider, { value: editorContext.configuration },
         React.createElement(ZoomContextProvider, null,