Release v0.0.110

Author: github-actions[bot]

dist/index.js

@@ -48593,6 +48593,17 @@ var SchemaDesigner = class {
         this.config.icons.addTableIcon,
         "Add Table",
         () => {
+          this.mxModel.beginUpdate();
+          this.mxGraph.stopEditing(false);
+          const entity = this.createTable();
+          const cell2 = this.renderTable(entity, 100, 100);
+          this.autoLayout();
+          this.mxGraph.scrollCellToVisible(cell2, true);
+          const state = this.mxGraph.view.getState(cell2);
+          if (state !== void 0) {
+            cell2.value.editTable(state);
+          }
+          this.mxModel.endUpdate();
         },
         (_graph, evt, _cell) => {
           this.mxGraph.stopEditing(false);
@@ -48988,6 +48999,7 @@ var SchemaDesigner = class {
       this.renderForeignKey(foreignKey, editedTable);
     });
     this.autoLayout();
+    this.mxGraph.scrollCellToVisible(state.cell, true);
     this.mxGraph.model.endUpdate();
   }
   // Gets the foreign keys for a table

dist/index.js.map

@@ -453,6 +453,18 @@ class SchemaDesigner {
         this.toolbar = new schemaDesignerToolbar_1.SchemaDesignerToolbar(toolbarBelt, this.mxGraph, this.config);
         if (this.config.isEditable) {
             this.toolbar.addButton(this.config.icons.addTableIcon, "Add Table", () => {
+                this.mxModel.beginUpdate();
+                this.mxGraph.stopEditing(false);
+                const entity = this.createTable();
+                const cell = this.renderTable(entity, 100, 100);
+                this.autoLayout();
+                this.mxGraph.scrollCellToVisible(cell, true);
+                // Get cell state
+                const state = this.mxGraph.view.getState(cell);
+                if (state !== undefined) {
+                    cell.value.editTable(state);
+                }
+                this.mxModel.endUpdate();
             }, (_graph, evt, _cell) => {
                 this.mxGraph.stopEditing(false);
                 const pt = this.mxGraph.getPointForEvent(evt, true);
@@ -815,6 +827,7 @@ class SchemaDesigner {
         });
         // Update the cell position
         this.autoLayout();
+        this.mxGraph.scrollCellToVisible(state.cell, true);
         this.mxGraph.model.endUpdate();
     }
     // Gets the foreign keys for a table

dist/src/ts/schemaDesigner/schemaDesigner.js

@@ -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.109",
+  "version": "0.0.110",
   "homepage": "https://github.com/microsoft/azdataGraph",
   "author": "Microsoft",
   "license": "Apache-2.0",

dist/tsconfig.tsbuildinfo

@@ -495,6 +495,18 @@ export class SchemaDesigner {
                 this.config.icons.addTableIcon,
                 "Add Table",
                 () => {
+                    this.mxModel.beginUpdate();
+                    this.mxGraph.stopEditing(false);
+                    const entity: ITable = this.createTable();
+                    const cell = this.renderTable(entity, 100, 100);
+                    this.autoLayout();
+                    this.mxGraph.scrollCellToVisible(cell, true);
+                    // Get cell state
+                    const state = this.mxGraph.view.getState(cell);
+                    if (state !== undefined) {
+                        (cell.value as SchemaDesignerTable).editTable(state);
+                    }
+                    this.mxModel.endUpdate();
                 },
                 (_graph, evt, _cell) => {
                     this.mxGraph.stopEditing(false);
@@ -941,6 +953,8 @@ export class SchemaDesigner {
         // Update the cell position
         this.autoLayout();
 
+        this.mxGraph.scrollCellToVisible(state.cell, true);
+
         this.mxGraph.model.endUpdate();
     }