@syncfusion/ej2-react-diagrams 21.2.9 → 22.1.34

package/CHANGELOG.md

@@ -4,6 +4,18 @@
 
 ### Diagram
 
+#### New Features
+
+- `#F152758` - Added tooltip support for ports.
+- `#I420267` - Added tooltip support for symbols in the symbol palette.
+- `#I32153` - Provided vertical orientation for mind maps.
+- `#I392082` - Added functionality to load diagrams from EJ1 to EJ2.
+- `#I327078` - Provided support to customize the expand and collapse icons.
+
+## 21.2.9 (2023-06-06)
+
+### Diagram
+
 #### Bug Fixes
 
 - `#I463138` - Now, Scroll bar is updated properly without flickering while scrolling the diagram using touchpad.

package/dist/ej2-react-diagrams.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-diagrams.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-diagrams.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-diagrams.umd.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-diagrams@*",
-  "_id": "@syncfusion/ej2-react-diagrams@21.2.8",
+  "_id": "@syncfusion/ej2-react-diagrams@19.15.0",
   "_inBundle": false,
-  "_integrity": "sha512-3r2zqkZdRM+yamr+pqZAHRQNmeQgbkXqpDiaA6Th4+8ztjeey86LcNCIEI0hnpBp5fntvmJWo2HHPS+hZeY9JA==",
+  "_integrity": "sha512-J437r6RkVdM5/wUe5qi13g7i1R8l4EA5xEv2WFOtlwQfAMADOrWuDKFBrgnlcfvTcFjOEYhsvpC8qnzzeGGDmQ==",
   "_location": "/@syncfusion/ej2-react-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-diagrams/-/ej2-react-diagrams-21.2.8.tgz",
-  "_shasum": "1b7f44dd2cdda0f0c21d2b1053ade0cb319ee1fa",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-diagrams/-/ej2-react-diagrams-19.15.0.tgz",
+  "_shasum": "90b0d9d185cd2b56d904a7c2bc0091af8d455203",
   "_spec": "@syncfusion/ej2-react-diagrams@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-diagrams": "21.2.9",
-    "@syncfusion/ej2-react-base": "~21.2.8"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-diagrams": "22.1.34",
+    "@syncfusion/ej2-react-base": "~22.1.34"
   },
   "deprecated": false,
   "description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for React",
@@ -53,6 +53,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": true
 }

package/styles/bootstrap-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #313131;
+  background: #313131;
   color: #f0f0f0;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #313131;
+  background: #313131;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #8c8c8c;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap4.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #f8f9fa;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap5-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #282d31;
+  background: #282d31;
   color: #ced4da;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #282d31;
+  background: #282d31;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap5.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #495057;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #313131;
+  background: #313131;
   color: #f0f0f0;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #313131;
+  background: #313131;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #8c8c8c;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap4.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #f8f9fa;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap5-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #282d31;
+  background: #282d31;
   color: #ced4da;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #282d31;
+  background: #282d31;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap5.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #495057;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fabric-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #333232;
+  background: #333232;
   color: #9a9a9a;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #333232;
+  background: #333232;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fabric.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #a6a6a6;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fluent-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #201f1e;
+  background: #201f1e;
   color: #c8c6c4;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #201f1e;
+  background: #201f1e;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fluent.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #faf9f8;
+  background: #faf9f8;
   color: #3b3a39;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #faf9f8;
+  background: #faf9f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/highcontrast-light.css

@@ -306,13 +306,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #fff;
+  background: #fff;
   color: rgb(166, 166, 166);
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #fff;
+  background: #fff;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/highcontrast.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #000;
+  background: #000;
   color: #ffd939;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #000;
+  background: #000;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/material-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #424242;
+  background: #424242;
   color: #f5f5f5;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #424242;
+  background: #424242;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/material.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   color: #f5f5f5;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
 }
 
 .e-diagram .e-d-ruler-marker {