orcasvn-react-diagrams 0.1.77 → 0.1.78

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);
         });

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

@@ -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);
         });