orcasvn-react-diagrams 0.1.6 → 0.1.8

package/dist/cjs/index.js

@@ -441,7 +441,7 @@ function generateUniqueId() {
 }
 
 var Element$1 = /** @class */ (function () {
-    function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection) {
+    function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection, parentElement) {
         if (portMovealeAreas === void 0) { portMovealeAreas = []; }
         this.resizability = {
             enabled: true,
@@ -459,6 +459,7 @@ var Element$1 = /** @class */ (function () {
         this.portMoveableAreas = portMovealeAreas;
         this.portSlideRailSVGClassName = portSlideRailSVGClassName;
         this.portDirection = portDirection;
+        this.parentElement = parentElement;
     }
     Object.defineProperty(Element.prototype, "id", {
         get: function () {
@@ -610,6 +611,28 @@ var ElementLink$1 = /** @class */ (function () {
     return ElementLink;
 }());
 
+var Text$2 = /** @class */ (function () {
+    function Text(content, width, height, x, y, align, fontSize, border) {
+        this._id = generateUniqueId();
+        this.content = content;
+        this.align = align;
+        this.fontSize = fontSize;
+        this.border = border;
+        this.size = { width: width, height: height };
+        if (x && y) {
+            this.position = { x: x, y: y };
+        }
+    }
+    Object.defineProperty(Text.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Text;
+}());
+
 var EditorContext = /** @class */ (function () {
     function EditorContext(elements, links, texts) {
         this._elements = elements;
@@ -7788,6 +7811,7 @@ var Element = function (props) {
     };
     //Normalize port position
     var normalizePortPosition = function (tempNewPosition) {
+        console.info('normalizePortPosition', tempNewPosition);
         var newPosition;
         if (portMoveableAreas && portMoveableAreas.length > 0) { //If moveable areas is defined
             newPosition = normalizePortPositionOnMoveableAreas(portMoveableAreas, tempNewPosition);
@@ -7914,6 +7938,7 @@ var Element = function (props) {
     };
     //Get rotate angle of port by port direction is defined.
     var rotatePort = React.useCallback(function (port) {
+        console.info('calculating port rotation', port);
         if (!portSlideRailSVGClassName)
             return 0;
         var slideRailSVG = getSlideRailSVG(portSlideRailSVGClassName);
@@ -8763,5 +8788,6 @@ exports.PortRC = Port;
 exports.RectangleRC = Rectangle;
 exports.RectangularFrameRC = RectangularFrame;
 exports.ShapeWrapperRC = ShapeWrapper;
+exports.Text = Text$2;
 exports.TextRC = Text$1;
 exports.default = Editor;

package/dist/cjs/types/index.d.ts

@@ -1,6 +1 @@
-export * from './models';
-export * from './components/shapes';
-export * from './components/ports';
-export * from './components/links';
-export * from './components/texts';
-export { default } from './components/editor';
+import './index.css';

package/dist/cjs/types/mocks/portIn.d.ts

@@ -0,0 +1,4 @@
+import { CustomPort } from "../models/implementations/CustomPort";
+export default class PortIn extends CustomPort {
+    constructor(x: number, y: number, width: number, height: number);
+}

package/dist/cjs/types/models/implementations/Element.d.ts

@@ -28,7 +28,7 @@ export default class Element implements IElement {
     onResized?: ((width: number, height: number) => void) | undefined;
     onMoved?: ((x: number, y: number) => void) | undefined;
     _eventEmitter: EventEmitter;
-    constructor(x: number, y: number, width: number, height: number, cssClass?: string, renderShape?: (props: IElementProps) => JSX.Element, texts?: IText[], ports?: IPort[], portMovealeAreas?: IPosition[][], portSlideRailSVGClassName?: string, portDirection?: SubObjectDirection);
+    constructor(x: number, y: number, width: number, height: number, cssClass?: string, renderShape?: (props: IElementProps) => JSX.Element, texts?: IText[], ports?: IPort[], portMovealeAreas?: IPosition[][], portSlideRailSVGClassName?: string, portDirection?: SubObjectDirection, parentElement?: Element);
     get id(): string;
     get size(): ISize;
     set size(value: ISize);

package/dist/cjs/types/models/implementations/index.d.ts

@@ -1,6 +1,7 @@
 import Element from './Element';
 import Port from './Port';
 import ElementLink from './ElementLink';
+import Text from './Text';
 export * from './EditorContext';
 export * from './CustomPort';
-export { Element, Port, ElementLink };
+export { Element, Port, ElementLink, Text };

package/dist/esm/index.js

@@ -437,7 +437,7 @@ function generateUniqueId() {
 }
 
 var Element$1 = /** @class */ (function () {
-    function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection) {
+    function Element(x, y, width, height, cssClass, renderShape, texts, ports, portMovealeAreas, portSlideRailSVGClassName, portDirection, parentElement) {
         if (portMovealeAreas === void 0) { portMovealeAreas = []; }
         this.resizability = {
             enabled: true,
@@ -455,6 +455,7 @@ var Element$1 = /** @class */ (function () {
         this.portMoveableAreas = portMovealeAreas;
         this.portSlideRailSVGClassName = portSlideRailSVGClassName;
         this.portDirection = portDirection;
+        this.parentElement = parentElement;
     }
     Object.defineProperty(Element.prototype, "id", {
         get: function () {
@@ -606,6 +607,28 @@ var ElementLink$1 = /** @class */ (function () {
     return ElementLink;
 }());
 
+var Text$2 = /** @class */ (function () {
+    function Text(content, width, height, x, y, align, fontSize, border) {
+        this._id = generateUniqueId();
+        this.content = content;
+        this.align = align;
+        this.fontSize = fontSize;
+        this.border = border;
+        this.size = { width: width, height: height };
+        if (x && y) {
+            this.position = { x: x, y: y };
+        }
+    }
+    Object.defineProperty(Text.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Text;
+}());
+
 var EditorContext = /** @class */ (function () {
     function EditorContext(elements, links, texts) {
         this._elements = elements;
@@ -7784,6 +7807,7 @@ var Element = function (props) {
     };
     //Normalize port position
     var normalizePortPosition = function (tempNewPosition) {
+        console.info('normalizePortPosition', tempNewPosition);
         var newPosition;
         if (portMoveableAreas && portMoveableAreas.length > 0) { //If moveable areas is defined
             newPosition = normalizePortPositionOnMoveableAreas(portMoveableAreas, tempNewPosition);
@@ -7910,6 +7934,7 @@ var Element = function (props) {
     };
     //Get rotate angle of port by port direction is defined.
     var rotatePort = useCallback(function (port) {
+        console.info('calculating port rotation', port);
         if (!portSlideRailSVGClassName)
             return 0;
         var slideRailSVG = getSlideRailSVG(portSlideRailSVGClassName);
@@ -8746,5 +8771,5 @@ function Editor(_a) {
         React.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onLinkValidation: editorContext.validateLink, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking })));
 }
 
-export { Circle as CircleRC, Crescent as CrescentRC, CustomPort, CustomShape as CustomShapeRC, EditorContext, Element$1 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, TextAlign, Text$1 as TextRC, Editor as default };
+export { Circle as CircleRC, Crescent as CrescentRC, CustomPort, CustomShape as CustomShapeRC, EditorContext, Element$1 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, Editor as default };
 //# sourceMappingURL=index.js.map