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 +26 -4
- package/dist/cjs/types/models/IEditorContext.d.ts +2 -0
- package/dist/cjs/types/models/implementations/EditorContext.d.ts +2 -0
- package/dist/esm/index.js +26 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/models/IEditorContext.d.ts +2 -0
- package/dist/esm/types/models/implementations/EditorContext.d.ts +2 -0
- package/dist/index.d.ts +4 -0
- package/package.json +1 -1
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
|
-
}, [
|
|
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
|
-
}, [
|
|
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 };
|