Release v0.0.134

Author: github-actions[bot]

dist/index.js

@@ -48179,6 +48179,7 @@ var SchemaDesigner = class {
     this.applyColors(this.config.colors);
     this.configureMxOutline();
     this.initializeToolbar();
+    this.setupKeyboardShortcuts();
   }
   /**
    * Applies the colors from the config to the schema designer
@@ -48670,6 +48671,22 @@ var SchemaDesigner = class {
       this.container.parentElement.appendChild(toolbarBelt);
     }
   }
+  setupKeyboardShortcuts() {
+    const keyHandler = new mxGraphFactory.mxDefaultKeyHandler(this.mxEditor);
+    keyHandler.bindAction(8, "delete");
+    keyHandler.bindAction(46, "delete");
+    const graphKeyhandler = new mxGraphFactory.mxKeyHandler(this.mxGraph);
+    graphKeyhandler.bindKey(90, (evt) => {
+      if (evt.ctrlKey || evt.metaKey) {
+        this.mxEditor.execute("undo");
+      }
+    });
+    graphKeyhandler.bindShiftKey(90, (evt) => {
+      if (evt.ctrlKey || evt.metaKey) {
+        this.mxEditor.execute("redo");
+      }
+    });
+  }
   /**
    * Zoom in the schema designer
    */
@@ -48748,7 +48765,7 @@ var SchemaDesigner = class {
    * @param schema The schema to render
    * @param cleanUndoManager Whether to clean the undo manager so that the user can't undo the rendering
    */
-  renderSchema(schema, cleanUndoManager = false) {
+  renderSchema(schema, cleanUndoManager = true) {
     const parent = this.mxGraph.getDefaultParent();
     this.mxModel.beginUpdate();
     try {

dist/index.js.map

@@ -74,6 +74,7 @@ export declare class SchemaDesigner {
      * Initializes the toolbar for the schema designer
      */
     private initializeToolbar;
+    private setupKeyboardShortcuts;
     /**
      * Zoom in the schema designer
      */

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

@@ -80,6 +80,7 @@ class SchemaDesigner {
         this.applyColors(this.config.colors);
         this.configureMxOutline();
         this.initializeToolbar();
+        this.setupKeyboardShortcuts();
     }
     /**
      * Applies the colors from the config to the schema designer
@@ -549,6 +550,23 @@ class SchemaDesigner {
             this.container.parentElement.appendChild(toolbarBelt);
         }
     }
+    setupKeyboardShortcuts() {
+        const keyHandler = new mx_1.mxGraphFactory.mxDefaultKeyHandler(this.mxEditor);
+        keyHandler.bindAction(8, 'delete');
+        keyHandler.bindAction(46, 'delete');
+        // CTRL + Z or CMD + Z
+        const graphKeyhandler = new mx_1.mxGraphFactory.mxKeyHandler(this.mxGraph);
+        graphKeyhandler.bindKey(90, (evt) => {
+            if (evt.ctrlKey || evt.metaKey) {
+                this.mxEditor.execute("undo");
+            }
+        });
+        graphKeyhandler.bindShiftKey(90, (evt) => {
+            if (evt.ctrlKey || evt.metaKey) {
+                this.mxEditor.execute("redo");
+            }
+        });
+    }
     /**
      * Zoom in the schema designer
      */
@@ -628,7 +646,7 @@ class SchemaDesigner {
      * @param schema The schema to render
      * @param cleanUndoManager Whether to clean the undo manager so that the user can't undo the rendering
      */
-    renderSchema(schema, cleanUndoManager = false) {
+    renderSchema(schema, cleanUndoManager = true) {
         const parent = this.mxGraph.getDefaultParent();
         this.mxModel.beginUpdate();
         try {

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

dist/tsconfig.tsbuildinfo

@@ -75,6 +75,7 @@ export class SchemaDesigner {
         this.applyColors(this.config.colors);
         this.configureMxOutline();
         this.initializeToolbar();
+        this.setupKeyboardShortcuts();
     }
 
     /**
@@ -399,7 +400,7 @@ export class SchemaDesigner {
 
         const self = this;
         (this.mxGraph.connectionHandler as extendedConnectionHandler).validateConnection = function (source, target) {
-            
+
 
             if (this.edgeState === null) {
                 return null!;
@@ -646,6 +647,27 @@ export class SchemaDesigner {
         }
     }
 
+    private setupKeyboardShortcuts() {
+        const keyHandler = new mx.mxDefaultKeyHandler(this.mxEditor);
+        keyHandler.bindAction(8, 'delete');
+        keyHandler.bindAction(46, 'delete');
+
+        // CTRL + Z or CMD + Z
+        const graphKeyhandler = new mx.mxKeyHandler(this.mxGraph);
+
+        graphKeyhandler.bindKey(90, (evt: KeyboardEvent) => {
+            if (evt.ctrlKey || evt.metaKey) {
+                this.mxEditor.execute("undo");
+            }
+        });
+
+        graphKeyhandler.bindShiftKey(90, (evt: KeyboardEvent) => {
+            if (evt.ctrlKey || evt.metaKey) {
+                this.mxEditor.execute("redo");
+            }
+        });
+    }
+
     /**
      * Zoom in the schema designer
      */
@@ -733,7 +755,7 @@ export class SchemaDesigner {
      * @param schema The schema to render
      * @param cleanUndoManager Whether to clean the undo manager so that the user can't undo the rendering
      */
-    public renderSchema(schema: Schema, cleanUndoManager: boolean = false) {
+    public renderSchema(schema: Schema, cleanUndoManager: boolean = true) {
         const parent = this.mxGraph.getDefaultParent();
         this.mxModel.beginUpdate();
         try {