Change default connection style.

packages/editor/lang/de.json

@@ -224,8 +224,11 @@
     "editor-panel.tooltip-connection-style": {
         "defaultMessage": "Verbindungsstil"
     },
-    "editor-panel.tooltip-connection-style-curved": {
-        "defaultMessage": "Kurve"
+    "editor-panel.tooltip-connection-style-curved-thin": {
+        "defaultMessage": "Dünne Kurve"
+    },
+    "editor-panel.tooltip-connection-style-curved-thick": {
+        "defaultMessage": "Dicke Kurve"
     },
     "editor-panel.tooltip-connection-style-polyline": {
         "defaultMessage": "Polylinie"

packages/editor/lang/en.json

@@ -65,11 +65,14 @@
   "editor-panel.tooltip-connection-style": {
     "defaultMessage": "Connection Style"
   },
-  "editor-panel.tooltip-connection-style-curved": {
-    "defaultMessage": "Curved"
+  "editor-panel.tooltip-connection-style-curved-thin": {
+    "defaultMessage": "Thin Curve"
+  },
+  "editor-panel.tooltip-connection-style-curved-thick": {
+    "defaultMessage": "Think Curve"
   },
   "editor-panel.tooltip-connection-style-polyline": {
-    "defaultMessage": "Polyline"
+    "defaultMessage": "Simple Polyline"
   },
   "editor-panel.tooltip-connection-style-polyline-curved": {
     "defaultMessage": "Curved Polyline"

packages/editor/lang/es.json

@@ -218,8 +218,11 @@
     "editor-panel.tooltip-connection-style": {
         "defaultMessage": "Estilo de Connexión"
     },
-    "editor-panel.tooltip-connection-style-curved": {
-        "defaultMessage": "Curva"
+    "editor-panel.tooltip-connection-style-curved-thin": {
+        "defaultMessage": "Curva fina"
+    },
+    "editor-panel.tooltip-connection-style-curved-thick": {
+        "defaultMessage": "Curva guesa"
     },
     "editor-panel.tooltip-connection-style-polyline": {
         "defaultMessage": "Polilinea"

packages/editor/lang/fr.json

@@ -218,8 +218,11 @@
     "editor-panel.tooltip-connection-style": {
         "defaultMessage": "Style de connexion"
     },
-    "editor-panel.tooltip-connection-style-curved": {
-        "defaultMessage": "Courbe"
+    "editor-panel.tooltip-connection-style-curved-thin": {
+        "defaultMessage": "Mince courbe"
+    },
+    "editor-panel.tooltip-connection-style-curved-thick": {
+        "defaultMessage": "épaisse courbé"
     },
     "editor-panel.tooltip-connection-style-polyline": {
         "defaultMessage": "Polyligne"

packages/editor/src/compiled-lang/de.json

@@ -137,10 +137,16 @@
       "value": "Verbindungsstil"
     }
   ],
-  "editor-panel.tooltip-connection-style-curved": [
+  "editor-panel.tooltip-connection-style-curved-thick": [
     {
       "type": 0,
-      "value": "Kurve"
+      "value": "Dicke Kurve"
+    }
+  ],
+  "editor-panel.tooltip-connection-style-curved-thin": [
+    {
+      "type": 0,
+      "value": "Dünne Kurve"
     }
   ],
   "editor-panel.tooltip-connection-style-polyline": [

packages/editor/src/compiled-lang/en.json

@@ -131,16 +131,22 @@
       "value": "Connection Style"
     }
   ],
-  "editor-panel.tooltip-connection-style-curved": [
+  "editor-panel.tooltip-connection-style-curved-thick": [
     {
       "type": 0,
-      "value": "Curved"
+      "value": "Think Curve"
+    }
+  ],
+  "editor-panel.tooltip-connection-style-curved-thin": [
+    {
+      "type": 0,
+      "value": "Thin Curve"
     }
   ],
   "editor-panel.tooltip-connection-style-polyline": [
     {
       "type": 0,
-      "value": "Polyline"
+      "value": "Simple Polyline"
     }
   ],
   "editor-panel.tooltip-connection-style-polyline-curved": [

packages/editor/src/compiled-lang/es.json

@@ -131,10 +131,16 @@
       "value": "Estilo de Connexión"
     }
   ],
-  "editor-panel.tooltip-connection-style-curved": [
+  "editor-panel.tooltip-connection-style-curved-thick": [
     {
       "type": 0,
-      "value": "Curva"
+      "value": "Curva guesa"
+    }
+  ],
+  "editor-panel.tooltip-connection-style-curved-thin": [
+    {
+      "type": 0,
+      "value": "Curva fina"
     }
   ],
   "editor-panel.tooltip-connection-style-polyline": [

packages/editor/src/compiled-lang/fr.json

@@ -131,10 +131,16 @@
       "value": "Style de connexion"
     }
   ],
-  "editor-panel.tooltip-connection-style-curved": [
+  "editor-panel.tooltip-connection-style-curved-thick": [
     {
       "type": 0,
-      "value": "Courbe"
+      "value": "épaisse courbé"
+    }
+  ],
+  "editor-panel.tooltip-connection-style-curved-thin": [
+    {
+      "type": 0,
+      "value": "Mince courbe"
     }
   ],
   "editor-panel.tooltip-connection-style-polyline": [

packages/editor/src/components/editor-toolbar/configBuilder.tsx

@@ -161,26 +161,26 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
       {
         icon: <GestureOutlined />,
         tooltip: intl.formatMessage({
-          id: 'editor-panel.tooltip-connection-style-curved',
-          defaultMessage: 'Curved',
+          id: 'editor-panel.tooltip-connection-style-curved-thin',
+          defaultMessage: 'Thin Curved',
         }),
-        onClick: () => valueBulder.getConnectionStyleModel().setValue(LineType.SIMPLE_CURVED),
-        selected: () => valueBulder.getConnectionStyleModel().getValue() === LineType.SIMPLE_CURVED,
+        onClick: () => valueBulder.getConnectionStyleModel().setValue(LineType.THICK_CURVED),
+        selected: () => valueBulder.getConnectionStyleModel().getValue() === LineType.THICK_CURVED,
+      },
+      {
+        icon: <GestureOutlined />,
+        tooltip: intl.formatMessage({
+          id: 'editor-panel.tooltip-connection-style-curved-thick',
+          defaultMessage: 'Thick Curved',
+        }),
+        onClick: () => valueBulder.getConnectionStyleModel().setValue(LineType.THICK_CURVED),
+        selected: () => valueBulder.getConnectionStyleModel().getValue() === LineType.THICK_CURVED,
       },
-      // {
-      //   icon: <GestureOutlined />,
-      //   tooltip: intl.formatMessage({
-      //     id: 'editor-panel.tooltip-connection-style-curved-nice',
-      //     defaultMessage: 'Curved',
-      //   }),
-      //   onClick: () => valueBulder.getConnectionStyleModel().setValue(LineType.NICE_CURVED),
-      //   selected: () => valueBulder.getConnectionStyleModel().getValue() === LineType.NICE_CURVED,
-      // },
       {
         icon: <PolylineOutlined />,
         tooltip: intl.formatMessage({
           id: 'editor-panel.tooltip-connection-style-polyline',
-          defaultMessage: 'Polyline',
+          defaultMessage: 'Simple Polyline',
         }),
         onClick: () => valueBulder.getConnectionStyleModel().setValue(LineType.POLYLINE_MIDDLE),
         selected: () =>
@@ -196,6 +196,26 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
         selected: () =>
           valueBulder.getConnectionStyleModel().getValue() === LineType.POLYLINE_CURVED,
       },
+      // null,
+      // {
+      //   icon: () => <Palette htmlColor={valueBulder.getFontColorModel().getValue() as string} />,
+      //   tooltip: intl.formatMessage({
+      //     id: 'editor-panel.tooltip-connection-style-color',
+      //     defaultMessage: 'Color',
+      //   }),
+      //   options: [
+      //     {
+      //       render: (closeModal) => {
+      //         return (
+      //           <ColorPicker
+      //             closeModal={closeModal}
+      //             colorModel={valueBulder.getFontColorModel()}
+      //           />
+      //         );
+      //       },
+      //     },
+      //   ],
+      // },
     ],
     disabled: () => {
       const selected = model.getDesignerModel().filterSelectedTopics();
@@ -268,10 +288,7 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
           {
             render: (closeModal) => {
               return (
-                <ColorPicker
-                  closeModal={closeModal}
-                  colorModel={valueBulder.getFontColorModel()}
-                ></ColorPicker>
+                <ColorPicker closeModal={closeModal} colorModel={valueBulder.getFontColorModel()} />
               );
             },
           },