From 36aa4fc7ab95f8a46959cab339320616b9ab3cea Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Mon, 3 Jan 2022 17:27:54 -0800
Subject: [PATCH] Remove background color when change to line shape

---
 packages/mindplot/package.json                      | 2 +-
 packages/mindplot/src/components/ShrinkConnector.js | 9 +++++----
 packages/mindplot/src/components/Topic.js           | 5 +++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/mindplot/package.json b/packages/mindplot/package.json
index 26ab01b7..89322389 100644
--- a/packages/mindplot/package.json
+++ b/packages/mindplot/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@wisemapping/mindplot",
-    "version": "0.4.8",
+    "version": "0.4.9",
     "description": "WiseMapping - Mindplot Canvas Library",
     "homepage": "http://www.wisemapping.org/",
     "main": "dist/main.js",
diff --git a/packages/mindplot/src/components/ShrinkConnector.js b/packages/mindplot/src/components/ShrinkConnector.js
index 8459530f..62574d7b 100644
--- a/packages/mindplot/src/components/ShrinkConnector.js
+++ b/packages/mindplot/src/components/ShrinkConnector.js
@@ -22,6 +22,7 @@ import ActionDispatcher from './ActionDispatcher';
 
 class ShirinkConnector {
   constructor(topic) {
+    this._isShrink = false;
     const ellipse = new Elipse(TopicConfig.INNER_RECT_ATTRIBUTES);
     this._ellipse = ellipse;
     ellipse.setFill('rgb(62,118,179)');
@@ -49,12 +50,11 @@ class ShirinkConnector {
     });
 
     ellipse.addEvent('mouseover', () => {
-      ellipse.setFill('rgb(153, 0, 255)');
+      ellipse.setStroke(this._isShrink ? 1 : 2, 'solid');
     });
-    const me = this;
+
     ellipse.addEvent('mouseout', () => {
-      const color = topic.getBackgroundColor();
-      me.setFill(color);
+      ellipse.setStroke(this._isShrink ? 2 : 1, 'solid');
     });
 
     ellipse.setCursor('default');
@@ -70,6 +70,7 @@ class ShirinkConnector {
     } else {
       elipse.setStroke('1', 'solid');
     }
+    this._isShrink = isShrink;
   }
 
   setVisibility(value) {
diff --git a/packages/mindplot/src/components/Topic.js b/packages/mindplot/src/components/Topic.js
index 0ba95f95..b9b09794 100644
--- a/packages/mindplot/src/components/Topic.js
+++ b/packages/mindplot/src/components/Topic.js
@@ -110,6 +110,11 @@ class Topic extends NodeGraph {
     if ($defined(updateModel) && updateModel) {
       model.setShapeType(type);
     }
+    // If shape is line, reset background color to default.
+    if (type === TopicShape.LINE) {
+      const color = TopicStyle.defaultBackgroundColor(this);
+      this.setBackgroundColor(color);
+    }
 
     const oldInnerShape = this.getInnerShape();
     if (oldInnerShape != null) {