Release v0.0.120

Author: github-actions[bot]

dist/index.js

@@ -48595,16 +48595,7 @@ 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.mxGraph.scrollCellToVisible(cell2, true);
-          const state = this.mxGraph.view.getState(cell2);
-          if (state !== void 0) {
-            cell2.value.editTable(state);
-          }
-          this.mxModel.endUpdate();
+          this.addNewTable();
         },
         (_graph, evt, _cell) => {
           this.mxGraph.stopEditing(false);
@@ -48964,6 +48955,20 @@ var SchemaDesigner = class {
       incoming
     };
   }
+  addNewTable() {
+    this.mxModel.beginUpdate();
+    this.mxGraph.stopEditing(false);
+    const entity = this.createTable();
+    const cell2 = this.renderTable(entity, 100, 100);
+    this.autoLayout();
+    this.mxGraph.setSelectionCell(cell2);
+    this.mxGraph.scrollCellToVisible(cell2, true);
+    const state = this.mxGraph.view.getState(cell2);
+    if (state !== void 0) {
+      cell2.value.editTable(state);
+    }
+    this.mxModel.endUpdate();
+  }
   /**
    * Creates a new entity
    * @returns The new entity

dist/index.js.map

@@ -146,6 +146,7 @@ export declare class SchemaDesigner {
         outgoing: mxCell[];
         incoming: mxCell[];
     };
+    addNewTable(): void;
     /**
      * Creates a new entity
      * @returns The new entity

dist/src/ts/schemaDesigner/schemaDesigner.d.ts

@@ -453,17 +453,7 @@ 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.mxGraph.scrollCellToVisible(cell, true);
-                // Get cell state
-                const state = this.mxGraph.view.getState(cell);
-                if (state !== undefined) {
-                    cell.value.editTable(state);
-                }
-                this.mxModel.endUpdate();
+                this.addNewTable();
             }, (_graph, evt, _cell) => {
                 this.mxGraph.stopEditing(false);
                 const pt = this.mxGraph.getPointForEvent(evt, true);
@@ -788,6 +778,21 @@ class SchemaDesigner {
             incoming
         };
     }
+    addNewTable() {
+        this.mxModel.beginUpdate();
+        this.mxGraph.stopEditing(false);
+        const entity = this.createTable();
+        const cell = this.renderTable(entity, 100, 100);
+        this.autoLayout();
+        this.mxGraph.setSelectionCell(cell);
+        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();
+    }
     /**
      * Creates a new entity
      * @returns The new entity

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

dist/tsconfig.tsbuildinfo

@@ -480,8 +480,8 @@ export class SchemaDesigner {
     private configureMxOutline() {
         this._outlineContainer = document.createElement("div");
         this._outlineContainer.classList.add("sd-outline");
-        this.container.appendChild( this._outlineContainer);
-        new mx.mxOutline(this.mxGraph,  this._outlineContainer);
+        this.container.appendChild(this._outlineContainer);
+        new mx.mxOutline(this.mxGraph, this._outlineContainer);
     }
 
     /**
@@ -497,17 +497,7 @@ 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.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();
+                    this.addNewTable();
                 },
                 (_graph, evt, _cell) => {
                     this.mxGraph.stopEditing(false);
@@ -907,6 +897,22 @@ export class SchemaDesigner {
         };
     }
 
+    public addNewTable() {
+        this.mxModel.beginUpdate();
+        this.mxGraph.stopEditing(false);
+        const entity: ITable = this.createTable();
+        const cell = this.renderTable(entity, 100, 100);
+        this.autoLayout();
+        this.mxGraph.setSelectionCell(cell);
+        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();
+    }
+
     /**
      * Creates a new entity
      * @returns The new entity