orcasvn-react-diagrams 0.1.17 → 0.1.20

package/dist/cjs/index.js

@@ -466,6 +466,12 @@ var Element$1 = /** @class */ (function () {
         this.textsPlaceHolderFlexStyle = textsPlaceHolderFlexStyle;
         this.textsPlaceHolderFlexboxPosition = textsPlaceHolderFlexboxPosition;
     }
+    Element.prototype.manuallyTriggerRender = function () {
+        //TODO: Implement this
+    };
+    Element.prototype.manuallyTriggerRenderPort = function (portId) {
+        //TODO: Implement this
+    };
     Object.defineProperty(Element.prototype, "id", {
         get: function () {
             return this._id;
@@ -797,6 +803,12 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
+    EditorContext.prototype.triggerRenderElement = function (elementId) {
+        //TODO: to be implemented
+    };
+    EditorContext.prototype.triggerRenderPort = function (portId, elementId) {
+        //TODO: to be implemented
+    };
     return EditorContext;
 }());
 
@@ -9912,15 +9924,6 @@ var Paper = function (props) {
         if (!newElementLink.points || newElementLink.points.length === 0) {
             newElementLink = automationAddPointsToLink(newElementLink, MAX_LINK_KNOT_COUNT);
         }
-        var isValid = true;
-        //Validate element link
-        if (props.onLinkValidation && newElementLink.targetPort && newElementLink.targetElement) {
-            isValid = props.onLinkValidation(newElementLink.sourcePort, newElementLink.sourceElement, newElementLink.targetPort, newElementLink.targetElement);
-        }
-        if (!isValid) {
-            console.info("Link cancelled by validation");
-            return null;
-        }
         return newElementLink;
     };
     var handlePortMouseUp = function (ev, port, elementId) {
@@ -10226,7 +10229,7 @@ var Paper = function (props) {
 function Editor(_a) {
     var editorContext = _a.editorContext;
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onLinkValidation: editorContext.validateLink, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
+        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
 }
 
 exports.CircleRC = Circle;

package/dist/cjs/types/components/paper.d.ts

@@ -20,7 +20,6 @@ interface PaperProps {
     onElementMoved?: (position: IPosition, element: IElement, index: number) => void;
     onElementResized?: (size: ISize, element: IElement, index: number) => void;
     onElementSelected?: (element: IElement) => void;
-    onLinkValidation?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => boolean;
     onLinkSelected?: (link: IElementLink) => void;
     onTextSelected?: (text: IText) => void;
     onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;

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

@@ -0,0 +1,11 @@
+import Element from "../models/implementations/Element";
+import ISize from "../models/size";
+import IResizability from "../models/IResizability";
+import IPort from "../models/IPort";
+import IText from "../models/IText";
+export default class DiamondElement extends Element {
+    resizability: IResizability;
+    get size(): ISize;
+    set size(value: ISize);
+    constructor(x: number, y: number, width: number, height: number, cssClass?: string, texts?: IText[], ports?: IPort[]);
+}

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

@@ -0,0 +1,11 @@
+import Element from "../models/implementations/Element";
+import IResizability from "../models/IResizability";
+import IPort from "../models/IPort";
+import IText from "../models/IText";
+import IFlexboxType from '../models/IFlexboxType';
+import IPosition from '../models/position';
+export default class RectangularFrameElement extends Element {
+    resizability: IResizability;
+    defaultPortSize?: number | undefined;
+    constructor(x: number, y: number, width: number, height: number, cssClass?: string, texts?: IText[], ports?: IPort[], textsPlaceHolderClassName?: string, textsPlaceHolderFlexStyle?: IFlexboxType, textsPlaceHolderFlexboxPosition?: IPosition);
+}

package/dist/cjs/types/models/IEditorContext.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import IElement from "./IElement";
+import IElementLink from "./IElementLink";
+import IPort from "./IPort";
+import IText, { IPaperText } from "./IText";
+import IPosition from "./position";
+import ISize from "./size";
+export default interface IEditorContext {
+    elements: IElement[];
+    links: IElementLink[];
+    texts: IPaperText[];
+    onPaperClicked?: () => void;
+    onPortMoved?: (position: IPosition, port: IPort, element: IElement) => void;
+    onPortSelected?: (port: IPort, element: IElement) => void;
+    onElementContextMenu?: (element: IElement, mouseEvent: React.MouseEvent<SVGElement>) => void;
+    onElementMoved?: (position: IPosition, element: IElement, index: number) => void;
+    onElementResized?: (size: ISize, element: IElement, index: number) => void;
+    onElementSelected?: (element: IElement) => void;
+    onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;
+    onCreatingLink?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null;
+    onLinkSelected?: (link: IElementLink) => void;
+    onTextSelected?: (text: IText) => void;
+    getElement(elementId: string): IElement | undefined;
+    addElement(element: IElement): void;
+    removeElement(elementId: string): void;
+    getLink(linkId: string): IElementLink | undefined;
+    addLink(link: IElementLink): void;
+    removeLink(linkId: string): void;
+    getText(textId: string): IPaperText | undefined;
+    addText(text: IPaperText): void;
+    removeText(textId: string): void;
+    triggerRenderElement(elementId: string): void;
+    triggerRenderPort(portId: string, elementId: string): void;
+}

package/dist/cjs/types/models/IElement.d.ts

@@ -26,10 +26,12 @@ export default interface IElement {
     defaultPortSize?: number;
     parentElement?: IElement;
     onParentChanged?: (callback: (oldParent?: IElement, newParent?: IElement) => void) => (() => void);
+    manuallyTriggerRender: () => void;
     addPort: (newPort: IPort) => void;
     onAddedPort: (callback: (newPort: IPort) => void) => (() => void);
     deletePort: (id: string) => void;
     onDeletedPort: (callback: (id: string) => void) => (() => void);
+    manuallyTriggerRenderPort: (portId: string) => void;
     textsPlaceHolderClassName?: string;
     textsPlaceHolderFlexStyle?: IFlexboxType;
     textsPlaceHolderFlexboxPosition?: IPosition;

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

@@ -5,7 +5,8 @@ import IText, { IPaperText } from "../IText";
 import IPosition from "../position";
 import IPort from "../IPort";
 import ISize from "../size";
-export declare class EditorContext {
+import IEditorContext from "../IEditorContext";
+export declare class EditorContext implements IEditorContext {
     private _elements;
     private _links;
     private _texts;
@@ -16,7 +17,6 @@ export declare class EditorContext {
     onElementMoved?: (position: IPosition, element: IElement, index: number) => void;
     onElementResized?: (size: ISize, element: IElement, index: number) => void;
     onElementSelected?: (element: IElement) => void;
-    validateLink?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => boolean;
     onCreatingPortByLinking?: (sourceElement: IElement, sourcePort: IPort, targetElement: IElement, position: IPosition) => IPort | null;
     onCreatingLink?: (sourcePort: IPort, sourceElement: IElement, targetPort: IPort, targetElement: IElement) => IElementLink | null;
     onLinkSelected?: (link: IElementLink) => void;
@@ -34,4 +34,6 @@ export declare class EditorContext {
     getText(textId: string): IPaperText | undefined;
     addText(text: IPaperText): void;
     removeText(textId: string): void;
+    triggerRenderElement(elementId: string): void;
+    triggerRenderPort(portId: string, elementId: string): void;
 }

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

@@ -34,6 +34,8 @@ export default class Element implements IElement {
     textsPlaceHolderFlexboxPosition?: IPosition;
     _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, parentElement?: Element, textsPlaceHolderClassName?: string, textsPlaceHolderFlexStyle?: IFlexboxType, textsPlaceHolderFlexboxPosition?: IPosition);
+    manuallyTriggerRender(): void;
+    manuallyTriggerRenderPort(portId: string): void;
     get id(): string;
     get size(): ISize;
     set size(value: ISize);

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

@@ -10,9 +10,10 @@ import type IShape from "./IShape";
 import type ISize from "./size";
 import type IText from "./IText";
 import type ITextProps from "./ITextProps";
+import type IEditorContext from "./IEditorContext";
 export * from './enums';
 export * from './implementations';
 export * from './callbackTypes';
 export * from './IText';
 export * from './IPortProps';
-export { IElement, IElementLink, IElementLinkProps, IElementProps, IPort, IPosition, IResizability, ISelectionFrameProps, IShape, ISize, IText, ITextProps };
+export { IEditorContext, IElement, IElementLink, IElementLinkProps, IElementProps, IPort, IPosition, IResizability, ISelectionFrameProps, IShape, ISize, IText, ITextProps };

package/dist/esm/index.js

@@ -462,6 +462,12 @@ var Element$1 = /** @class */ (function () {
         this.textsPlaceHolderFlexStyle = textsPlaceHolderFlexStyle;
         this.textsPlaceHolderFlexboxPosition = textsPlaceHolderFlexboxPosition;
     }
+    Element.prototype.manuallyTriggerRender = function () {
+        //TODO: Implement this
+    };
+    Element.prototype.manuallyTriggerRenderPort = function (portId) {
+        //TODO: Implement this
+    };
     Object.defineProperty(Element.prototype, "id", {
         get: function () {
             return this._id;
@@ -793,6 +799,12 @@ var EditorContext = /** @class */ (function () {
     EditorContext.prototype.removeText = function (textId) {
         this._texts = this._texts.filter(function (t) { return t.id !== textId; });
     };
+    EditorContext.prototype.triggerRenderElement = function (elementId) {
+        //TODO: to be implemented
+    };
+    EditorContext.prototype.triggerRenderPort = function (portId, elementId) {
+        //TODO: to be implemented
+    };
     return EditorContext;
 }());
 
@@ -9908,15 +9920,6 @@ var Paper = function (props) {
         if (!newElementLink.points || newElementLink.points.length === 0) {
             newElementLink = automationAddPointsToLink(newElementLink, MAX_LINK_KNOT_COUNT);
         }
-        var isValid = true;
-        //Validate element link
-        if (props.onLinkValidation && newElementLink.targetPort && newElementLink.targetElement) {
-            isValid = props.onLinkValidation(newElementLink.sourcePort, newElementLink.sourceElement, newElementLink.targetPort, newElementLink.targetElement);
-        }
-        if (!isValid) {
-            console.info("Link cancelled by validation");
-            return null;
-        }
         return newElementLink;
     };
     var handlePortMouseUp = function (ev, port, elementId) {
@@ -10222,7 +10225,7 @@ var Paper = function (props) {
 function Editor(_a) {
     var editorContext = _a.editorContext;
     return (React$1.createElement(React$1.Fragment, null,
-        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onLinkValidation: editorContext.validateLink, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
+        React$1.createElement(Paper, { size: { width: 3000, height: 3000 }, elements: editorContext.elements, links: editorContext.links, texts: editorContext.texts, onPaperClicked: editorContext.onPaperClicked, onPortMoved: editorContext.onPortMoved, onPortSelected: editorContext.onPortSelected, onElementContextMenu: editorContext.onElementContextMenu, onElementMoved: editorContext.onElementMoved, onElementResized: editorContext.onElementResized, onElementSelected: editorContext.onElementSelected, onCreatingLink: editorContext.onCreatingLink, onCreatingPortByLinking: editorContext.onCreatingPortByLinking, onLinkSelected: editorContext.onLinkSelected, onTextSelected: editorContext.onTextSelected })));
 }
 
 export { Circle as CircleRC, Crescent as CrescentRC, 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 };