adding release files

Author: aasimkhan30

dist/build.js

@@ -68611,6 +68611,7 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
     const tooltipLineHeight = 'padding-top: .13em; line-height: .5em;';
     const centerText = 'text-align: center;';
     const headerBottomMargin = 'margin-bottom: 1.5em;';
+    const headerTopMargin = 'margin-top: 1.5em;';
     const footerTopMargin = 'margin-top: 1.5em;';
     const metricLabelMargin = 'margin-right: 4em;';
 
@@ -68620,7 +68621,9 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
         // tooltip heading for vertices only
         if (!cell.edge) {
             tooltip += `<div style=\"${centerText}\"><span style=\"${boldText}\">${cell.value.label}</span></div>`;
-            tooltip += `<div style=\"${headerBottomMargin}\"><span>[Description of operation here]</span></div>`;
+            if(cell.value.description){
+                tooltip += `<div style=\"${headerBottomMargin} ${headerTopMargin}\"><span>${cell.value.description}</span></div>`;
+            }
         }
 
         // tooltip body

dist/js/azdata/view/azDataGraph.js

@@ -109,6 +109,7 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
     const tooltipLineHeight = 'padding-top: .13em; line-height: .5em;';
     const centerText = 'text-align: center;';
     const headerBottomMargin = 'margin-bottom: 1.5em;';
+    const headerTopMargin = 'margin-top: 1.5em;';
     const footerTopMargin = 'margin-top: 1.5em;';
     const metricLabelMargin = 'margin-right: 4em;';
 
@@ -118,7 +119,9 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
         // tooltip heading for vertices only
         if (!cell.edge) {
             tooltip += `<div style=\"${centerText}\"><span style=\"${boldText}\">${cell.value.label}</span></div>`;
-            tooltip += `<div style=\"${headerBottomMargin}\"><span>[Description of operation here]</span></div>`;
+            if(cell.value.description){
+                tooltip += `<div style=\"${headerBottomMargin} ${headerTopMargin}\"><span>${cell.value.description}</span></div>`;
+            }
         }
 
         // tooltip body

package.json

@@ -1,7 +1,7 @@
 {
   "name": "azdataGraph",
   "description": "azdataGraph is a derivative of mxGraph, which is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "homepage": "https://github.com/microsoft/azdataGraph",
   "author": "Microsoft",
   "license": "Apache-2.0",

src/js/azdata/view/azDataGraph.js

@@ -109,6 +109,7 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
     const tooltipLineHeight = 'padding-top: .13em; line-height: .5em;';
     const centerText = 'text-align: center;';
     const headerBottomMargin = 'margin-bottom: 1.5em;';
+    const headerTopMargin = 'margin-top: 1.5em;';
     const footerTopMargin = 'margin-top: 1.5em;';
     const metricLabelMargin = 'margin-right: 4em;';
 
@@ -118,7 +119,9 @@ azdataGraph.prototype.getStyledTooltipForCell = function (cell) {
         // tooltip heading for vertices only
         if (!cell.edge) {
             tooltip += `<div style=\"${centerText}\"><span style=\"${boldText}\">${cell.value.label}</span></div>`;
-            tooltip += `<div style=\"${headerBottomMargin}\"><span>[Description of operation here]</span></div>`;
+            if(cell.value.description){
+                tooltip += `<div style=\"${headerBottomMargin} ${headerTopMargin}\"><span>${cell.value.description}</span></div>`;
+            }
         }
 
         // tooltip body