orcasvn-react-diagrams 0.1.31 → 0.1.33

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.
Files changed (4) hide show
  1. package/dist/cjs/index.js +7 -7
  2. package/dist/esm/index.js +7 -7
  3. package/dist/esm/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -8746,7 +8746,7 @@ function convertElementsToTree(elements) {
8746
8746
  var newNode = findChildElementsOfNode(_elementNodeInTree, orphanedElements);
8747
8747
  return newNode;
8748
8748
  });
8749
- elementNodeInTree.childrenElements = childElementsWithChild;
8749
+ elementNodeInTree.childrenElementsInTree = childElementsWithChild;
8750
8750
  return elementNodeInTree;
8751
8751
  }
8752
8752
  var parentElms = elements.filter(function (e) { return !e.parentElement; });
@@ -8875,9 +8875,9 @@ var Paper = function (props) {
8875
8875
  }, [elements]);
8876
8876
  //Get all child elements of the deleted element
8877
8877
  var getDeletedChildElements = function (deletedElement) {
8878
- if (!deletedElement.childrenElements)
8878
+ if (!deletedElement.childrenElementsInTree)
8879
8879
  return [];
8880
- var childElms = deletedElement.childrenElements;
8880
+ var childElms = deletedElement.childrenElementsInTree;
8881
8881
  var childOfChildElements = childElms.reduce(function (acc, ele) {
8882
8882
  return __spreadArray(__spreadArray([], acc, true), getDeletedChildElements(ele), true);
8883
8883
  }, []);
@@ -9253,8 +9253,8 @@ var Paper = function (props) {
9253
9253
  var updateElementPosition = function (element, movementX, movementY) {
9254
9254
  element.position.x += movementX;
9255
9255
  element.position.y += movementY;
9256
- if (element.childrenElements && element.childrenElements.length > 0) {
9257
- element.childrenElements = element.childrenElements.map(function (child) { return updateElementPosition(child, movementX, movementY); });
9256
+ if (element.childrenElementsInTree && element.childrenElementsInTree.length > 0) {
9257
+ element.childrenElementsInTree = element.childrenElementsInTree.map(function (child) { return updateElementPosition(child, movementX, movementY); });
9258
9258
  }
9259
9259
  return element;
9260
9260
  };
@@ -9431,10 +9431,10 @@ var Paper = function (props) {
9431
9431
  var _a, _b;
9432
9432
  //use the defined react element or the default Element component
9433
9433
  var ReactElement = element.reactElement || Element$1;
9434
- return (React.createElement("g", { key: element.id },
9434
+ return (React.createElement("g", { id: "group-of-element-".concat(element.id), key: element.id },
9435
9435
  React.createElement(ReactElement, { key: "element-".concat(element.id), id: element.id, height: element.size.height, width: element.size.width, x: (_a = element.relativePosition) === null || _a === void 0 ? void 0 : _a.x, y: (_b = element.relativePosition) === null || _b === void 0 ? void 0 : _b.y, onClick: handleElementClicked, onContextMenu: handleContextMenu, onMouseUp: handleMouseUp, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, container: paperContainerRef.current, renderShape: element.renderShape, cssClass: element.cssClass, texts: element.texts, ports: element.ports, portMoveableAreas: element.portMoveableAreas, portSlideRailSVGClassName: element.portSlideRailSVGClassName, portDirection: element.portDirection, defaultPortSize: element.defaultPortSize, onPortMoved: handlePortMoved, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp,
9436
9436
  // portPlaceholderShape={(<Circle x={0} y={0} width={10} height={10} fill='red' positioningAnchor={PositioningAnchor.Center} />)}
9437
- onMouseUpAtLinkedPortPlaceholder: handleMouseUpAtLinkedPortPlaceholder, onTextUpdated: handleElementTextChange, onManuallyTriggerRenderPort: props.onManuallyTriggerRenderPort, textsPlaceHolderClassName: element.textsPlaceHolderClassName, textsPlaceHolderFlexStyle: element.textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition: element.textsPlaceHolderFlexboxPosition }, element.childrenElements && element.childrenElements.map(renderElementInTree))));
9437
+ onMouseUpAtLinkedPortPlaceholder: handleMouseUpAtLinkedPortPlaceholder, onTextUpdated: handleElementTextChange, onManuallyTriggerRenderPort: props.onManuallyTriggerRenderPort, textsPlaceHolderClassName: element.textsPlaceHolderClassName, textsPlaceHolderFlexStyle: element.textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition: element.textsPlaceHolderFlexboxPosition }, element.childrenElementsInTree && element.childrenElementsInTree.map(renderElementInTree))));
9438
9438
  }, [handleElementClicked, handleContextMenu, handlePortMoved, handlePortMouseDown, handlePortMouseUp, handleMouseUpAtLinkedPortPlaceholder, handleElementTextChange, handleMouseUp, handleMouseMove, handleMouseLeave]);
9439
9439
  React.useEffect(function () {
9440
9440
  console.log('elementsInTree');
package/dist/esm/index.js CHANGED
@@ -8742,7 +8742,7 @@ function convertElementsToTree(elements) {
8742
8742
  var newNode = findChildElementsOfNode(_elementNodeInTree, orphanedElements);
8743
8743
  return newNode;
8744
8744
  });
8745
- elementNodeInTree.childrenElements = childElementsWithChild;
8745
+ elementNodeInTree.childrenElementsInTree = childElementsWithChild;
8746
8746
  return elementNodeInTree;
8747
8747
  }
8748
8748
  var parentElms = elements.filter(function (e) { return !e.parentElement; });
@@ -8871,9 +8871,9 @@ var Paper = function (props) {
8871
8871
  }, [elements]);
8872
8872
  //Get all child elements of the deleted element
8873
8873
  var getDeletedChildElements = function (deletedElement) {
8874
- if (!deletedElement.childrenElements)
8874
+ if (!deletedElement.childrenElementsInTree)
8875
8875
  return [];
8876
- var childElms = deletedElement.childrenElements;
8876
+ var childElms = deletedElement.childrenElementsInTree;
8877
8877
  var childOfChildElements = childElms.reduce(function (acc, ele) {
8878
8878
  return __spreadArray(__spreadArray([], acc, true), getDeletedChildElements(ele), true);
8879
8879
  }, []);
@@ -9249,8 +9249,8 @@ var Paper = function (props) {
9249
9249
  var updateElementPosition = function (element, movementX, movementY) {
9250
9250
  element.position.x += movementX;
9251
9251
  element.position.y += movementY;
9252
- if (element.childrenElements && element.childrenElements.length > 0) {
9253
- element.childrenElements = element.childrenElements.map(function (child) { return updateElementPosition(child, movementX, movementY); });
9252
+ if (element.childrenElementsInTree && element.childrenElementsInTree.length > 0) {
9253
+ element.childrenElementsInTree = element.childrenElementsInTree.map(function (child) { return updateElementPosition(child, movementX, movementY); });
9254
9254
  }
9255
9255
  return element;
9256
9256
  };
@@ -9427,10 +9427,10 @@ var Paper = function (props) {
9427
9427
  var _a, _b;
9428
9428
  //use the defined react element or the default Element component
9429
9429
  var ReactElement = element.reactElement || Element$1;
9430
- return (React.createElement("g", { key: element.id },
9430
+ return (React.createElement("g", { id: "group-of-element-".concat(element.id), key: element.id },
9431
9431
  React.createElement(ReactElement, { key: "element-".concat(element.id), id: element.id, height: element.size.height, width: element.size.width, x: (_a = element.relativePosition) === null || _a === void 0 ? void 0 : _a.x, y: (_b = element.relativePosition) === null || _b === void 0 ? void 0 : _b.y, onClick: handleElementClicked, onContextMenu: handleContextMenu, onMouseUp: handleMouseUp, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, container: paperContainerRef.current, renderShape: element.renderShape, cssClass: element.cssClass, texts: element.texts, ports: element.ports, portMoveableAreas: element.portMoveableAreas, portSlideRailSVGClassName: element.portSlideRailSVGClassName, portDirection: element.portDirection, defaultPortSize: element.defaultPortSize, onPortMoved: handlePortMoved, onPortMouseDown: handlePortMouseDown, onPortMouseUp: handlePortMouseUp,
9432
9432
  // portPlaceholderShape={(<Circle x={0} y={0} width={10} height={10} fill='red' positioningAnchor={PositioningAnchor.Center} />)}
9433
- onMouseUpAtLinkedPortPlaceholder: handleMouseUpAtLinkedPortPlaceholder, onTextUpdated: handleElementTextChange, onManuallyTriggerRenderPort: props.onManuallyTriggerRenderPort, textsPlaceHolderClassName: element.textsPlaceHolderClassName, textsPlaceHolderFlexStyle: element.textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition: element.textsPlaceHolderFlexboxPosition }, element.childrenElements && element.childrenElements.map(renderElementInTree))));
9433
+ onMouseUpAtLinkedPortPlaceholder: handleMouseUpAtLinkedPortPlaceholder, onTextUpdated: handleElementTextChange, onManuallyTriggerRenderPort: props.onManuallyTriggerRenderPort, textsPlaceHolderClassName: element.textsPlaceHolderClassName, textsPlaceHolderFlexStyle: element.textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition: element.textsPlaceHolderFlexboxPosition }, element.childrenElementsInTree && element.childrenElementsInTree.map(renderElementInTree))));
9434
9434
  }, [handleElementClicked, handleContextMenu, handlePortMoved, handlePortMouseDown, handlePortMouseUp, handleMouseUpAtLinkedPortPlaceholder, handleElementTextChange, handleMouseUp, handleMouseMove, handleMouseLeave]);
9435
9435
  useEffect(function () {
9436
9436
  console.log('elementsInTree');