@projectstorm/react-diagrams-core - npm Package Compare versions

Comparing version 6.2.0 to 6.3.0

dist/@types/entities/link-layer/LinkLayerFactory.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import { AbstractReactFactory, GenerateModelEvent, GenerateWidgetEvent } from '@projectstorm/react-canvas-core';
@@ -2,0 +3,0 @@ import { DiagramEngine } from '../../DiagramEngine';

dist/@types/entities/node-layer/NodeLayerFactory.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import { AbstractReactFactory, GenerateModelEvent, GenerateWidgetEvent } from '@projectstorm/react-canvas-core';
@@ -2,0 +3,0 @@ import { DiagramEngine } from '../../DiagramEngine';

dist/es/index.js

@@ -10,3 +10,3 @@ "use strict";
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -13,0 +13,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

dist/es/models/DiagramModel.js

@@ -55,3 +55,3 @@ "use strict";
             if (layers.length === 0) {
-                this.addLayer(new NodeLayerModel_1.NodeLayerModel());
+                this.addLayer(new LinkLayerModel_1.LinkLayerModel());
             }
@@ -58,0 +58,0 @@ else {

dist/index.js

@@ -9,3 +9,3 @@ /*! For license information please see index.js.LICENSE.txt */
 		pointer-events: all;
-	`}(d||(d={}));class l extends o.Component{constructor(e){super(e),this.ref=o.createRef()}componentWillUnmount(){this.ob.disconnect(),this.ob=null,this.listener.deregister(),this.listener=null}componentDidUpdate(e,t,i){this.listener&&this.props.node!==e.node&&(this.listener.deregister(),this.installSelectionListener())}installSelectionListener(){this.listener=this.props.node.registerListener({selectionChanged:e=>{this.forceUpdate()}})}componentDidMount(){this.ob=new a.default(e=>{const t=e[0].contentRect;this.props.node.updateDimensions({width:t.width,height:t.height}),r.forEach(this.props.node.getPorts(),e=>{e.updateCoords(this.props.diagramEngine.getPortCoords(e))})}),this.ob.observe(this.ref.current),this.installSelectionListener()}render(){return o.createElement(s.PeformanceWidget,{model:this.props.node,serialized:this.props.node.serialize()},()=>o.createElement(d.Node,{className:"node",ref:this.ref,"data-nodeid":this.props.node.getID(),style:{top:this.props.node.getY(),left:this.props.node.getX()}},this.props.diagramEngine.generateWidgetForNode(this.props.node)))}}t.NodeWidget=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DragNewLinkState=void 0;const o=i(0),r=i(6);class s extends o.AbstractDisplacementState{constructor(e={}){super({name:"drag-new-link"}),this.config=Object.assign({allowLooseLinks:!0,allowLinksFromLockedPorts:!1},e),this.registerAction(new o.Action({type:o.InputType.MOUSE_DOWN,fire:e=>{this.port=this.engine.getMouseElement(e.event),this.config.allowLinksFromLockedPorts||!this.port.isLocked()?(this.link=this.port.createLinkModel(),this.link?(this.link.setSelected(!0),this.link.setSourcePort(this.port),this.engine.getModel().addLink(this.link),this.port.reportPosition()):this.eject()):this.eject()}})),this.registerAction(new o.Action({type:o.InputType.MOUSE_UP,fire:e=>{const t=this.engine.getMouseElement(e.event);if(t instanceof r.PortModel)return this.port.canLinkToPort(t)?(this.link.setTargetPort(t),t.reportPosition(),void this.engine.repaintCanvas()):(this.link.remove(),void this.engine.repaintCanvas());this.config.allowLooseLinks||(this.link.remove(),this.engine.repaintCanvas())}}))}fireMouseMoved(e){const t=this.port.getPosition(),i=this.engine.getModel().getZoomLevel()/100,o=this.engine.getModel().getOffsetX()/i,r=this.engine.getModel().getOffsetY()/i,s=this.initialXRelative/i,n=this.initialYRelative/i,a=t.x-o+(s-t.x)+e.virtualDisplacementX,d=t.y-r+(n-t.y)+e.virtualDisplacementY;this.link.getLastPoint().setPosition(a,d),this.engine.repaintCanvas()}}t.DragNewLinkState=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DragDiagramItemsState=void 0;const o=i(0),r=i(1),s=i(8),n=i(6);class a extends o.MoveItemsState{constructor(){super(),this.registerAction(new o.Action({type:o.InputType.MOUSE_UP,fire:e=>{const t=this.engine.getMouseElement(e.event);t instanceof n.PortModel&&r.forEach(this.initialPositions,e=>{if(e.item instanceof s.PointModel){const i=e.item.getParent();if(i.getLastPoint()!==e.item)return;i.getSourcePort().canLinkToPort(t)&&(i.setTargetPort(t),t.reportPosition(),this.engine.repaintCanvas())}})}}))}}t.DragDiagramItemsState=a},function(e,t,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,i,o){void 0===o&&(o=i),Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[i]}})}:function(e,t,i,o){void 0===o&&(o=i),e[o]=t[i]}),r=this&&this.__exportStar||function(e,t){for(var i in e)"default"===i||t.hasOwnProperty(i)||o(t,e,i)};Object.defineProperty(t,"__esModule",{value:!0}),r(i(18),t),r(i(19),t),r(i(7),t),r(i(8),t),r(i(11),t),r(i(10),t),r(i(12),t),r(i(21),t),r(i(9),t),r(i(13),t),r(i(23),t),r(i(4),t),r(i(14),t),r(i(6),t),r(i(24),t),r(i(25),t),r(i(16),t),r(i(15),t),r(i(26),t)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DiagramModel=void 0;const o=i(1),r=i(7),s=i(4),n=i(0),a=i(9),d=i(10);class l extends n.CanvasModel{constructor(e={}){super(e),this.addLayer(new d.LinkLayerModel),this.addLayer(new a.NodeLayerModel)}deserialize(e){this.layers=[],super.deserialize(e)}addLayer(e){super.addLayer(e),e instanceof a.NodeLayerModel&&(this.activeNodeLayer=e),e instanceof d.LinkLayerModel&&(this.activeLinkLayer=e)}getLinkLayers(){return o.filter(this.layers,e=>e instanceof d.LinkLayerModel)}getNodeLayers(){return o.filter(this.layers,e=>e instanceof a.NodeLayerModel)}getActiveNodeLayer(){if(!this.activeNodeLayer){const e=this.getNodeLayers();0===e.length?this.addLayer(new a.NodeLayerModel):this.activeNodeLayer=e[0]}return this.activeNodeLayer}getActiveLinkLayer(){if(!this.activeLinkLayer){const e=this.getLinkLayers();0===e.length?this.addLayer(new a.NodeLayerModel):this.activeLinkLayer=e[0]}return this.activeLinkLayer}getNode(e){for(const t of this.getNodeLayers()){const i=t.getModel(e);if(i)return i}}getLink(e){for(const t of this.getLinkLayers()){const i=t.getModel(e);if(i)return i}}addAll(...e){return o.forEach(e,e=>{e instanceof r.LinkModel?this.addLink(e):e instanceof s.NodeModel&&this.addNode(e)}),e}addLink(e){return this.getActiveLinkLayer().addModel(e),this.fireEvent({link:e,isCreated:!0},"linksUpdated"),e}addNode(e){return this.getActiveNodeLayer().addModel(e),this.fireEvent({node:e,isCreated:!0},"nodesUpdated"),e}removeLink(e){o.some(this.getLinkLayers(),t=>t.removeModel(e))&&this.fireEvent({link:e,isCreated:!1},"linksUpdated")}removeNode(e){o.some(this.getNodeLayers(),t=>t.removeModel(e))&&this.fireEvent({node:e,isCreated:!1},"nodesUpdated")}getLinks(){return o.flatMap(this.getLinkLayers(),e=>o.values(e.getModels()))}getNodes(){return o.flatMap(this.getNodeLayers(),e=>o.values(e.getModels()))}}t.DiagramModel=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LabelModel=void 0;const o=i(0);class r extends o.BaseModel{constructor(e){super(Object.assign(Object.assign({},e),{offsetX:e.offsetX||0,offsetY:e.offsetY||0}))}deserialize(e){super.deserialize(e),this.options.offsetX=e.data.offsetX,this.options.offsetY=e.data.offsetY}serialize(){return Object.assign(Object.assign({},super.serialize()),{offsetX:this.options.offsetX,offsetY:this.options.offsetY})}}t.LabelModel=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LabelWidget=void 0;const o=i(2),r=i(5);var s;!function(e){e.Label=r.default.div`
+	`}(d||(d={}));class l extends o.Component{constructor(e){super(e),this.ref=o.createRef()}componentWillUnmount(){this.ob.disconnect(),this.ob=null,this.listener.deregister(),this.listener=null}componentDidUpdate(e,t,i){this.listener&&this.props.node!==e.node&&(this.listener.deregister(),this.installSelectionListener())}installSelectionListener(){this.listener=this.props.node.registerListener({selectionChanged:e=>{this.forceUpdate()}})}componentDidMount(){this.ob=new a.default(e=>{const t=e[0].contentRect;this.props.node.updateDimensions({width:t.width,height:t.height}),r.forEach(this.props.node.getPorts(),e=>{e.updateCoords(this.props.diagramEngine.getPortCoords(e))})}),this.ob.observe(this.ref.current),this.installSelectionListener()}render(){return o.createElement(s.PeformanceWidget,{model:this.props.node,serialized:this.props.node.serialize()},()=>o.createElement(d.Node,{className:"node",ref:this.ref,"data-nodeid":this.props.node.getID(),style:{top:this.props.node.getY(),left:this.props.node.getX()}},this.props.diagramEngine.generateWidgetForNode(this.props.node)))}}t.NodeWidget=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DragNewLinkState=void 0;const o=i(0),r=i(6);class s extends o.AbstractDisplacementState{constructor(e={}){super({name:"drag-new-link"}),this.config=Object.assign({allowLooseLinks:!0,allowLinksFromLockedPorts:!1},e),this.registerAction(new o.Action({type:o.InputType.MOUSE_DOWN,fire:e=>{this.port=this.engine.getMouseElement(e.event),this.config.allowLinksFromLockedPorts||!this.port.isLocked()?(this.link=this.port.createLinkModel(),this.link?(this.link.setSelected(!0),this.link.setSourcePort(this.port),this.engine.getModel().addLink(this.link),this.port.reportPosition()):this.eject()):this.eject()}})),this.registerAction(new o.Action({type:o.InputType.MOUSE_UP,fire:e=>{const t=this.engine.getMouseElement(e.event);if(t instanceof r.PortModel)return this.port.canLinkToPort(t)?(this.link.setTargetPort(t),t.reportPosition(),void this.engine.repaintCanvas()):(this.link.remove(),void this.engine.repaintCanvas());this.config.allowLooseLinks||(this.link.remove(),this.engine.repaintCanvas())}}))}fireMouseMoved(e){const t=this.port.getPosition(),i=this.engine.getModel().getZoomLevel()/100,o=this.engine.getModel().getOffsetX()/i,r=this.engine.getModel().getOffsetY()/i,s=this.initialXRelative/i,n=this.initialYRelative/i,a=t.x-o+(s-t.x)+e.virtualDisplacementX,d=t.y-r+(n-t.y)+e.virtualDisplacementY;this.link.getLastPoint().setPosition(a,d),this.engine.repaintCanvas()}}t.DragNewLinkState=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DragDiagramItemsState=void 0;const o=i(0),r=i(1),s=i(8),n=i(6);class a extends o.MoveItemsState{constructor(){super(),this.registerAction(new o.Action({type:o.InputType.MOUSE_UP,fire:e=>{const t=this.engine.getMouseElement(e.event);t instanceof n.PortModel&&r.forEach(this.initialPositions,e=>{if(e.item instanceof s.PointModel){const i=e.item.getParent();if(i.getLastPoint()!==e.item)return;i.getSourcePort().canLinkToPort(t)&&(i.setTargetPort(t),t.reportPosition(),this.engine.repaintCanvas())}})}}))}}t.DragDiagramItemsState=a},function(e,t,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,i,o){void 0===o&&(o=i),Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[i]}})}:function(e,t,i,o){void 0===o&&(o=i),e[o]=t[i]}),r=this&&this.__exportStar||function(e,t){for(var i in e)"default"===i||Object.prototype.hasOwnProperty.call(t,i)||o(t,e,i)};Object.defineProperty(t,"__esModule",{value:!0}),r(i(18),t),r(i(19),t),r(i(7),t),r(i(8),t),r(i(11),t),r(i(10),t),r(i(12),t),r(i(21),t),r(i(9),t),r(i(13),t),r(i(23),t),r(i(4),t),r(i(14),t),r(i(6),t),r(i(24),t),r(i(25),t),r(i(16),t),r(i(15),t),r(i(26),t)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DiagramModel=void 0;const o=i(1),r=i(7),s=i(4),n=i(0),a=i(9),d=i(10);class l extends n.CanvasModel{constructor(e={}){super(e),this.addLayer(new d.LinkLayerModel),this.addLayer(new a.NodeLayerModel)}deserialize(e){this.layers=[],super.deserialize(e)}addLayer(e){super.addLayer(e),e instanceof a.NodeLayerModel&&(this.activeNodeLayer=e),e instanceof d.LinkLayerModel&&(this.activeLinkLayer=e)}getLinkLayers(){return o.filter(this.layers,e=>e instanceof d.LinkLayerModel)}getNodeLayers(){return o.filter(this.layers,e=>e instanceof a.NodeLayerModel)}getActiveNodeLayer(){if(!this.activeNodeLayer){const e=this.getNodeLayers();0===e.length?this.addLayer(new a.NodeLayerModel):this.activeNodeLayer=e[0]}return this.activeNodeLayer}getActiveLinkLayer(){if(!this.activeLinkLayer){const e=this.getLinkLayers();0===e.length?this.addLayer(new d.LinkLayerModel):this.activeLinkLayer=e[0]}return this.activeLinkLayer}getNode(e){for(const t of this.getNodeLayers()){const i=t.getModel(e);if(i)return i}}getLink(e){for(const t of this.getLinkLayers()){const i=t.getModel(e);if(i)return i}}addAll(...e){return o.forEach(e,e=>{e instanceof r.LinkModel?this.addLink(e):e instanceof s.NodeModel&&this.addNode(e)}),e}addLink(e){return this.getActiveLinkLayer().addModel(e),this.fireEvent({link:e,isCreated:!0},"linksUpdated"),e}addNode(e){return this.getActiveNodeLayer().addModel(e),this.fireEvent({node:e,isCreated:!0},"nodesUpdated"),e}removeLink(e){o.some(this.getLinkLayers(),t=>t.removeModel(e))&&this.fireEvent({link:e,isCreated:!1},"linksUpdated")}removeNode(e){o.some(this.getNodeLayers(),t=>t.removeModel(e))&&this.fireEvent({node:e,isCreated:!1},"nodesUpdated")}getLinks(){return o.flatMap(this.getLinkLayers(),e=>o.values(e.getModels()))}getNodes(){return o.flatMap(this.getNodeLayers(),e=>o.values(e.getModels()))}}t.DiagramModel=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LabelModel=void 0;const o=i(0);class r extends o.BaseModel{constructor(e){super(Object.assign(Object.assign({},e),{offsetX:e.offsetX||0,offsetY:e.offsetY||0}))}deserialize(e){super.deserialize(e),this.options.offsetX=e.data.offsetX,this.options.offsetY=e.data.offsetY}serialize(){return Object.assign(Object.assign({},super.serialize()),{offsetX:this.options.offsetX,offsetY:this.options.offsetY})}}t.LabelModel=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LabelWidget=void 0;const o=i(2),r=i(5);var s;!function(e){e.Label=r.default.div`
 		display: inline-block;
@@ -12,0 +12,0 @@ position: absolute;

package.json

 {
 	"name": "@projectstorm/react-diagrams-core",
-	"version": "6.2.0",
+	"version": "6.3.0",
 	"author": "dylanvorster",
@@ -34,4 +34,4 @@ "license": "MIT",
 	"dependencies": {
-		"@projectstorm/geometry": "^6.2.0",
-		"@projectstorm/react-canvas-core": "^6.2.0"
+		"@projectstorm/geometry": "^6.3.0",
+		"@projectstorm/react-canvas-core": "^6.3.0"
 	},
@@ -44,3 +44,3 @@ "peerDependencies": {
 	},
-	"gitHead": "c5b24f6e7b0fce76e221b348d3f027e6144ef5cb"
+	"gitHead": "63dbe41df017db10212e93b22b282c0f3c363b1b"
 }

src/models/DiagramModel.ts

@@ -79,3 +79,3 @@ import * as _ from 'lodash';
 			if (layers.length === 0) {
-				this.addLayer(new NodeLayerModel());
+				this.addLayer(new LinkLayerModel());
 			} else {
@@ -82,0 +82,0 @@ this.activeLinkLayer = layers[0];

No alert changes

Improved metrics

Total package byte prevSize

296224

increased by0.04%

Lines of code

3794

increased by0.05%

Dependency changes

• Updated@projectstorm/geometry@^6.3.0

• Updated@projectstorm/react-canvas-core@^6.3.0