orcasvn-react-diagrams 0.1.30 → 0.1.31
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 +70 -44
- package/dist/cjs/types/models/IElement.d.ts +1 -0
- package/dist/cjs/types/models/implementations/Element.d.ts +2 -0
- package/dist/esm/index.js +70 -44
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/models/IElement.d.ts +1 -0
- package/dist/esm/types/models/implementations/Element.d.ts +2 -0
- package/dist/index.d.ts +3 -0
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -36,6 +36,49 @@ exports.TextAlign = void 0;
|
|
|
36
36
|
TextAlign[TextAlign["center"] = 2] = "center";
|
|
37
37
|
})(exports.TextAlign || (exports.TextAlign = {}));
|
|
38
38
|
|
|
39
|
+
/******************************************************************************
|
|
40
|
+
Copyright (c) Microsoft Corporation.
|
|
41
|
+
|
|
42
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
43
|
+
purpose with or without fee is hereby granted.
|
|
44
|
+
|
|
45
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
46
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
47
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
48
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
49
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
50
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
51
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
52
|
+
***************************************************************************** */
|
|
53
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
var __assign = function() {
|
|
57
|
+
__assign = Object.assign || function __assign(t) {
|
|
58
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
59
|
+
s = arguments[i];
|
|
60
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
61
|
+
}
|
|
62
|
+
return t;
|
|
63
|
+
};
|
|
64
|
+
return __assign.apply(this, arguments);
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
function __spreadArray(to, from, pack) {
|
|
68
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
69
|
+
if (ar || !(i in from)) {
|
|
70
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
71
|
+
ar[i] = from[i];
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
78
|
+
var e = new Error(message);
|
|
79
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
80
|
+
};
|
|
81
|
+
|
|
39
82
|
function getDefaultExportFromCjs (x) {
|
|
40
83
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
41
84
|
}
|
|
@@ -443,6 +486,7 @@ function generateUniqueId() {
|
|
|
443
486
|
var Element$2 = /** @class */ (function () {
|
|
444
487
|
function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection, parentElement, textsPlaceHolderClassName, textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition) {
|
|
445
488
|
if (portMovealeAreas === void 0) { portMovealeAreas = []; }
|
|
489
|
+
this._childrenElements = [];
|
|
446
490
|
this.resizability = {
|
|
447
491
|
enabled: true,
|
|
448
492
|
keepRatio: false
|
|
@@ -519,9 +563,34 @@ var Element$2 = /** @class */ (function () {
|
|
|
519
563
|
return this._parentElement;
|
|
520
564
|
},
|
|
521
565
|
set: function (value) {
|
|
566
|
+
var _this = this;
|
|
522
567
|
var oldParent = this._parentElement;
|
|
568
|
+
if ((oldParent === null || oldParent === void 0 ? void 0 : oldParent.id) === (value === null || value === void 0 ? void 0 : value.id))
|
|
569
|
+
return;
|
|
523
570
|
this._parentElement = value;
|
|
524
571
|
this._eventEmitter.emit('parentChanged', oldParent, value);
|
|
572
|
+
if (value) {
|
|
573
|
+
value.childrenElements = __spreadArray(__spreadArray([], value.childrenElements, true), [this], false);
|
|
574
|
+
}
|
|
575
|
+
var index = oldParent === null || oldParent === void 0 ? void 0 : oldParent.childrenElements.findIndex(function (e) { return e.id === _this.id; });
|
|
576
|
+
if (index !== undefined && index !== -1) {
|
|
577
|
+
oldParent === null || oldParent === void 0 ? void 0 : oldParent.childrenElements.splice(index, 1);
|
|
578
|
+
}
|
|
579
|
+
},
|
|
580
|
+
enumerable: false,
|
|
581
|
+
configurable: true
|
|
582
|
+
});
|
|
583
|
+
Object.defineProperty(Element.prototype, "childrenElements", {
|
|
584
|
+
get: function () {
|
|
585
|
+
return this._childrenElements;
|
|
586
|
+
},
|
|
587
|
+
/** @internal */
|
|
588
|
+
/**
|
|
589
|
+
* Warning: This setter should only be used if you fully understand its implications.
|
|
590
|
+
* Directly setting childrenElements can lead to inconsistencies in the element hierarchy. Please only use this in the setter of parentElement of the child element.
|
|
591
|
+
*/
|
|
592
|
+
set: function (value) {
|
|
593
|
+
this._childrenElements = value;
|
|
525
594
|
},
|
|
526
595
|
enumerable: false,
|
|
527
596
|
configurable: true
|
|
@@ -577,49 +646,6 @@ var Element$2 = /** @class */ (function () {
|
|
|
577
646
|
return Element;
|
|
578
647
|
}());
|
|
579
648
|
|
|
580
|
-
/******************************************************************************
|
|
581
|
-
Copyright (c) Microsoft Corporation.
|
|
582
|
-
|
|
583
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
584
|
-
purpose with or without fee is hereby granted.
|
|
585
|
-
|
|
586
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
587
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
588
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
589
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
590
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
591
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
592
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
593
|
-
***************************************************************************** */
|
|
594
|
-
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
var __assign = function() {
|
|
598
|
-
__assign = Object.assign || function __assign(t) {
|
|
599
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
600
|
-
s = arguments[i];
|
|
601
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
602
|
-
}
|
|
603
|
-
return t;
|
|
604
|
-
};
|
|
605
|
-
return __assign.apply(this, arguments);
|
|
606
|
-
};
|
|
607
|
-
|
|
608
|
-
function __spreadArray(to, from, pack) {
|
|
609
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
610
|
-
if (ar || !(i in from)) {
|
|
611
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
612
|
-
ar[i] = from[i];
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
619
|
-
var e = new Error(message);
|
|
620
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
621
|
-
};
|
|
622
|
-
|
|
623
649
|
var ShapeWrapper = React.forwardRef(function (shapeProps, ref) {
|
|
624
650
|
//if direction is provided, rotation is based on direction
|
|
625
651
|
var rotation = shapeProps.rotation || 0;
|
|
@@ -8706,7 +8732,7 @@ function convertElementsToTree(elements) {
|
|
|
8706
8732
|
//Find child elements in the child elements, that is possible child of element, then return element with child of it.
|
|
8707
8733
|
function findChildElementsOfNode(elementNodeInTree, possibleChildElements) {
|
|
8708
8734
|
if (possibleChildElements.length === 0) {
|
|
8709
|
-
elementNodeInTree.
|
|
8735
|
+
elementNodeInTree.childrenElementsInTree = undefined;
|
|
8710
8736
|
return elementNodeInTree;
|
|
8711
8737
|
}
|
|
8712
8738
|
var foundChildElements = possibleChildElements.filter(function (ele) { var _a; return ((_a = ele.parentElement) === null || _a === void 0 ? void 0 : _a.id) === elementNodeInTree.id; });
|
|
@@ -25,6 +25,7 @@ export default interface IElement {
|
|
|
25
25
|
portDirection?: SubObjectDirection;
|
|
26
26
|
defaultPortSize?: number;
|
|
27
27
|
parentElement?: IElement;
|
|
28
|
+
childrenElements: IElement[];
|
|
28
29
|
onParentChanged?: (callback: (oldParent?: IElement, newParent?: IElement) => void) => (() => void);
|
|
29
30
|
addPort: (newPort: IPort) => void;
|
|
30
31
|
onAddedPort: (callback: (newPort: IPort) => void) => (() => void);
|
|
@@ -14,6 +14,7 @@ export default class Element implements IElement {
|
|
|
14
14
|
protected _position: IPosition;
|
|
15
15
|
protected _size: ISize;
|
|
16
16
|
private _parentElement?;
|
|
17
|
+
private _childrenElements;
|
|
17
18
|
cssClass?: string;
|
|
18
19
|
/**
|
|
19
20
|
* @deprecated This property is deprecated and will be removed in future versions.
|
|
@@ -41,6 +42,7 @@ export default class Element implements IElement {
|
|
|
41
42
|
get position(): IPosition;
|
|
42
43
|
get parentElement(): IElement | undefined;
|
|
43
44
|
set parentElement(value: IElement | undefined);
|
|
45
|
+
get childrenElements(): IElement[];
|
|
44
46
|
onParentChanged(callback: (oldParent?: IElement, newParent?: IElement) => void): () => void;
|
|
45
47
|
addPort(newPort: IPort): void;
|
|
46
48
|
onAddedPort(callback: (newPort: IPort) => void): () => void;
|
package/dist/esm/index.js
CHANGED
|
@@ -32,6 +32,49 @@ var TextAlign;
|
|
|
32
32
|
TextAlign[TextAlign["center"] = 2] = "center";
|
|
33
33
|
})(TextAlign || (TextAlign = {}));
|
|
34
34
|
|
|
35
|
+
/******************************************************************************
|
|
36
|
+
Copyright (c) Microsoft Corporation.
|
|
37
|
+
|
|
38
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
39
|
+
purpose with or without fee is hereby granted.
|
|
40
|
+
|
|
41
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
42
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
43
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
44
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
45
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
46
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
47
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
48
|
+
***************************************************************************** */
|
|
49
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
var __assign = function() {
|
|
53
|
+
__assign = Object.assign || function __assign(t) {
|
|
54
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
55
|
+
s = arguments[i];
|
|
56
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
57
|
+
}
|
|
58
|
+
return t;
|
|
59
|
+
};
|
|
60
|
+
return __assign.apply(this, arguments);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
function __spreadArray(to, from, pack) {
|
|
64
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
65
|
+
if (ar || !(i in from)) {
|
|
66
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
67
|
+
ar[i] = from[i];
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
74
|
+
var e = new Error(message);
|
|
75
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
76
|
+
};
|
|
77
|
+
|
|
35
78
|
function getDefaultExportFromCjs (x) {
|
|
36
79
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
37
80
|
}
|
|
@@ -439,6 +482,7 @@ function generateUniqueId() {
|
|
|
439
482
|
var Element$2 = /** @class */ (function () {
|
|
440
483
|
function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection, parentElement, textsPlaceHolderClassName, textsPlaceHolderFlexStyle, textsPlaceHolderFlexboxPosition) {
|
|
441
484
|
if (portMovealeAreas === void 0) { portMovealeAreas = []; }
|
|
485
|
+
this._childrenElements = [];
|
|
442
486
|
this.resizability = {
|
|
443
487
|
enabled: true,
|
|
444
488
|
keepRatio: false
|
|
@@ -515,9 +559,34 @@ var Element$2 = /** @class */ (function () {
|
|
|
515
559
|
return this._parentElement;
|
|
516
560
|
},
|
|
517
561
|
set: function (value) {
|
|
562
|
+
var _this = this;
|
|
518
563
|
var oldParent = this._parentElement;
|
|
564
|
+
if ((oldParent === null || oldParent === void 0 ? void 0 : oldParent.id) === (value === null || value === void 0 ? void 0 : value.id))
|
|
565
|
+
return;
|
|
519
566
|
this._parentElement = value;
|
|
520
567
|
this._eventEmitter.emit('parentChanged', oldParent, value);
|
|
568
|
+
if (value) {
|
|
569
|
+
value.childrenElements = __spreadArray(__spreadArray([], value.childrenElements, true), [this], false);
|
|
570
|
+
}
|
|
571
|
+
var index = oldParent === null || oldParent === void 0 ? void 0 : oldParent.childrenElements.findIndex(function (e) { return e.id === _this.id; });
|
|
572
|
+
if (index !== undefined && index !== -1) {
|
|
573
|
+
oldParent === null || oldParent === void 0 ? void 0 : oldParent.childrenElements.splice(index, 1);
|
|
574
|
+
}
|
|
575
|
+
},
|
|
576
|
+
enumerable: false,
|
|
577
|
+
configurable: true
|
|
578
|
+
});
|
|
579
|
+
Object.defineProperty(Element.prototype, "childrenElements", {
|
|
580
|
+
get: function () {
|
|
581
|
+
return this._childrenElements;
|
|
582
|
+
},
|
|
583
|
+
/** @internal */
|
|
584
|
+
/**
|
|
585
|
+
* Warning: This setter should only be used if you fully understand its implications.
|
|
586
|
+
* Directly setting childrenElements can lead to inconsistencies in the element hierarchy. Please only use this in the setter of parentElement of the child element.
|
|
587
|
+
*/
|
|
588
|
+
set: function (value) {
|
|
589
|
+
this._childrenElements = value;
|
|
521
590
|
},
|
|
522
591
|
enumerable: false,
|
|
523
592
|
configurable: true
|
|
@@ -573,49 +642,6 @@ var Element$2 = /** @class */ (function () {
|
|
|
573
642
|
return Element;
|
|
574
643
|
}());
|
|
575
644
|
|
|
576
|
-
/******************************************************************************
|
|
577
|
-
Copyright (c) Microsoft Corporation.
|
|
578
|
-
|
|
579
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
580
|
-
purpose with or without fee is hereby granted.
|
|
581
|
-
|
|
582
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
583
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
584
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
585
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
586
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
587
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
588
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
589
|
-
***************************************************************************** */
|
|
590
|
-
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
var __assign = function() {
|
|
594
|
-
__assign = Object.assign || function __assign(t) {
|
|
595
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
596
|
-
s = arguments[i];
|
|
597
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
598
|
-
}
|
|
599
|
-
return t;
|
|
600
|
-
};
|
|
601
|
-
return __assign.apply(this, arguments);
|
|
602
|
-
};
|
|
603
|
-
|
|
604
|
-
function __spreadArray(to, from, pack) {
|
|
605
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
606
|
-
if (ar || !(i in from)) {
|
|
607
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
608
|
-
ar[i] = from[i];
|
|
609
|
-
}
|
|
610
|
-
}
|
|
611
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
612
|
-
}
|
|
613
|
-
|
|
614
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
615
|
-
var e = new Error(message);
|
|
616
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
617
|
-
};
|
|
618
|
-
|
|
619
645
|
var ShapeWrapper = forwardRef(function (shapeProps, ref) {
|
|
620
646
|
//if direction is provided, rotation is based on direction
|
|
621
647
|
var rotation = shapeProps.rotation || 0;
|
|
@@ -8702,7 +8728,7 @@ function convertElementsToTree(elements) {
|
|
|
8702
8728
|
//Find child elements in the child elements, that is possible child of element, then return element with child of it.
|
|
8703
8729
|
function findChildElementsOfNode(elementNodeInTree, possibleChildElements) {
|
|
8704
8730
|
if (possibleChildElements.length === 0) {
|
|
8705
|
-
elementNodeInTree.
|
|
8731
|
+
elementNodeInTree.childrenElementsInTree = undefined;
|
|
8706
8732
|
return elementNodeInTree;
|
|
8707
8733
|
}
|
|
8708
8734
|
var foundChildElements = possibleChildElements.filter(function (ele) { var _a; return ((_a = ele.parentElement) === null || _a === void 0 ? void 0 : _a.id) === elementNodeInTree.id; });
|