Release v0.0.73

microsoft · Jan 13, 2025 · 159f087 · 159f087
1 parent 5ac5336
commit 159f087
Show file tree

Hide file tree

Showing 13 changed files with 31 additions and 26 deletions.
diff --git a/dist/index.css b/dist/index.css
diff --git a/dist/index.css.map b/dist/index.css.map
diff --git a/dist/index.js b/dist/index.js
@@ -43408,8 +43408,8 @@ var SchemaDesignerEntity = class {
       columnDiv.classList.add("sd-table-column");
       const columnIcon = document.createElement("div");
       columnIcon.classList.add("sd-table-column-icon");
-      if (this._config.icons.dataTypeIcons[column.dataType]) {
-        columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.dataType]})`;
+      if (this._config.icons.dataTypeIcons[column.datatype]) {
+        columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.datatype]})`;
       } else {
         columnIcon.style.backgroundImage = `url(${this._config.icons.customDataTypeIcon})`;
       }
@@ -43494,6 +43494,7 @@ var SchemaDesigner = class {
     this._container.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
     this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
     this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
+    this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
     this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
     this._graph.getStylesheet().getDefaultEdgeStyle()["strokeColor"] = this._config.colors.edge;
     this._graph.getStylesheet().getDefaultVertexStyle()["cellHighlightColor"] = this._config.colors.cellHighlight;
@@ -43840,17 +43841,17 @@ var SchemaDesigner = class {
             schema: "dbo",
             columns: [{
               name: "Column1",
-              dataType: "int",
+              datatype: "int",
               isPrimaryKey: true,
               isIdentity: true
             }, {
               name: "Column2",
-              dataType: "int",
+              datatype: "int",
               isPrimaryKey: false,
               isIdentity: false
             }, {
               name: "Column2",
-              dataType: "int",
+              datatype: "int",
               isPrimaryKey: false,
               isIdentity: false
             }]

diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/dist/src/ts/schemaDesigner/schemaDesigner.js b/dist/src/ts/schemaDesigner/schemaDesigner.js
@@ -40,6 +40,7 @@ class SchemaDesigner {
         this._container.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
         this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
         this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
+        this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
         this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
         this._graph.getStylesheet().getDefaultEdgeStyle()["strokeColor"] = this._config.colors.edge;
         this._graph.getStylesheet().getDefaultVertexStyle()['cellHighlightColor'] = this._config.colors.cellHighlight;
@@ -419,17 +420,17 @@ class SchemaDesigner {
                     schema: "dbo",
                     columns: [{
                             name: "Column1",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: true,
                             isIdentity: true
                         }, {
                             name: "Column2",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: false,
                             isIdentity: false
                         }, {
                             name: "Column2",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: false,
                             isIdentity: false
                         }]

diff --git a/dist/src/ts/schemaDesigner/schemaDesignerEntity.js b/dist/src/ts/schemaDesigner/schemaDesignerEntity.js
@@ -39,8 +39,8 @@ class SchemaDesignerEntity {
             columnDiv.classList.add("sd-table-column");
             const columnIcon = document.createElement("div");
             columnIcon.classList.add("sd-table-column-icon");
-            if (this._config.icons.dataTypeIcons[column.dataType]) {
-                columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.dataType]})`;
+            if (this._config.icons.dataTypeIcons[column.datatype]) {
+                columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.datatype]})`;
             }
             else {
                 columnIcon.style.backgroundImage = `url(${this._config.icons.customDataTypeIcon})`;

diff --git a/dist/src/ts/schemaDesigner/schemaDesignerInterfaces.d.ts b/dist/src/ts/schemaDesigner/schemaDesignerInterfaces.d.ts
@@ -24,7 +24,7 @@ export interface IColumn {
     /**
      * Data type of the column
      */
-    dataType: string;
+    datatype: string;
     /**
      * Is the column primary key
      */
@@ -93,6 +93,7 @@ export interface SchemaDesignerConfig {
         cellForeground: string;
         cellBackground: string;
         cellBorder: string;
+        cellColumnHover: string;
         toolbarBackground: string;
         toolbarForeground: string;
         toolbarHoverBackground: string;

diff --git a/dist/tsconfig.tsbuildinfo b/dist/tsconfig.tsbuildinfo
diff --git a/package.json b/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.72",
+  "version": "0.0.73",
   "homepage": "https://github.com/microsoft/azdataGraph",
   "author": "Microsoft",
   "license": "Apache-2.0",

diff --git a/src/ts/schemaDesigner/schemaDesigner.css b/src/ts/schemaDesigner/schemaDesigner.css
@@ -77,7 +77,7 @@
     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.35), 0px 1px 3px rgba(0, 0, 0, 0.5),
       inset 0px 0.5px 0px rgba(255, 255, 255, 0.08),
       inset 0px 0px 0.5px rgba(255, 255, 255, 0.3);
-    background-color: var(--color-graph-outline-background);
+    background-color: var(--sd-graph-background-color);
     width: 200px;
     height: 100px;
   }
@@ -148,7 +148,7 @@
   }
 
   .sd-table-column:hover{
-    background-color: var(--color-graph-node-hover);
+    background-color: var(--sd-cell-html-hover-column-background);
   }
 
   .sd-table-column-icon {

diff --git a/src/ts/schemaDesigner/schemaDesigner.ts b/src/ts/schemaDesigner/schemaDesigner.ts
@@ -54,6 +54,7 @@ export class SchemaDesigner {
         this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
 
         this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
+        this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
 
         this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
         this._graph.getStylesheet().getDefaultEdgeStyle()["strokeColor"] = this._config.colors.edge;
@@ -494,17 +495,17 @@ export class SchemaDesigner {
                         schema: "dbo",
                         columns: [{
                             name: "Column1",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: true,
                             isIdentity: true
                         }, {
                             name: "Column2",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: false,
                             isIdentity: false
                         }, {
                             name: "Column2",
-                            dataType: "int",
+                            datatype: "int",
                             isPrimaryKey: false,
                             isIdentity: false
                         }]

diff --git a/src/ts/schemaDesigner/schemaDesignerEntity.ts b/src/ts/schemaDesigner/schemaDesignerEntity.ts
@@ -41,8 +41,8 @@ export class SchemaDesignerEntity implements IEntity {
             columnDiv.classList.add("sd-table-column");
             const columnIcon = document.createElement("div");
             columnIcon.classList.add("sd-table-column-icon");
-            if(this._config.icons.dataTypeIcons[column.dataType]){
-                columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.dataType]})`;
+            if(this._config.icons.dataTypeIcons[column.datatype]){
+                columnIcon.style.backgroundImage = `url(${this._config.icons.dataTypeIcons[column.datatype]})`;
             } else {
                 columnIcon.style.backgroundImage = `url(${this._config.icons.customDataTypeIcon})`;
             }

diff --git a/src/ts/schemaDesigner/schemaDesignerInterfaces.ts b/src/ts/schemaDesigner/schemaDesignerInterfaces.ts
@@ -27,7 +27,7 @@ export interface IColumn {
     /**
      * Data type of the column
      */
-    dataType: string;
+    datatype: string;
     /**
      * Is the column primary key
      */
@@ -99,6 +99,7 @@ export interface SchemaDesignerConfig {
         cellForeground: string;
         cellBackground: string;
         cellBorder: string;
+        cellColumnHover: string;
 
         toolbarBackground: string;
         toolbarForeground: string;