orcasvn-react-diagrams 0.1.78 → 0.1.80

package/dist/cjs/index.js

@@ -943,10 +943,17 @@ var EditorContext = /** @class */ (function () {
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
         this.onElementAddedHandler(element);
     };
-    EditorContext.prototype.removeElement = function (elementId, parentElementId) {
+    EditorContext.prototype.removeElement = function (elementId) {
+        //find parent element id
+        var element = this.getElement(elementId);
+        var parentElement = element === null || element === void 0 ? void 0 : element.parentElement;
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
+        //remove from parent element if parentElementId is provided
+        if (parentElement) {
+            parentElement.childrenElements = parentElement.childrenElements.filter(function (e) { return e.id !== elementId; });
+        }
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
-        this.onElementRemovedHandler(elementId, parentElementId);
+        this.onElementRemovedHandler(elementId, parentElement === null || parentElement === void 0 ? void 0 : parentElement.id);
     };
     EditorContext.prototype.getLink = function (linkId) {
         return this._links.find(function (l) { return l.id === linkId; });
@@ -9900,13 +9907,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) {
@@ -10674,9 +10683,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;

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, parentElementId?: string): void;
+    removeElement(elementId: string): void;
     getLink(linkId: string): IElementLink | undefined;
     addLink(link: IElementLink): void;
     removeLink(linkId: string): void;

package/dist/esm/index.js

@@ -939,10 +939,17 @@ var EditorContext = /** @class */ (function () {
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
         this.onElementAddedHandler(element);
     };
-    EditorContext.prototype.removeElement = function (elementId, parentElementId) {
+    EditorContext.prototype.removeElement = function (elementId) {
+        //find parent element id
+        var element = this.getElement(elementId);
+        var parentElement = element === null || element === void 0 ? void 0 : element.parentElement;
         this._elements = this._elements.filter(function (e) { return e.id !== elementId; });
+        //remove from parent element if parentElementId is provided
+        if (parentElement) {
+            parentElement.childrenElements = parentElement.childrenElements.filter(function (e) { return e.id !== elementId; });
+        }
         this._eventEmitter.emit(EVENT_EDITOR_CONTEXT_UPDATED);
-        this.onElementRemovedHandler(elementId, parentElementId);
+        this.onElementRemovedHandler(elementId, parentElement === null || parentElement === void 0 ? void 0 : parentElement.id);
     };
     EditorContext.prototype.getLink = function (linkId) {
         return this._links.find(function (l) { return l.id === linkId; });
@@ -9896,13 +9903,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) {
@@ -10670,9 +10679,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,