From 7bdcd1549bfb1cc8df28e835bc7947060dfe64ca Mon Sep 17 00:00:00 2001
From: Paulo Veiga <pveiga@gmail.com>
Date: Sat, 5 Mar 2022 20:09:25 +0000
Subject: [PATCH] Merged in features/move_menu (pull request #47)

Move Menu to editor

* Move Menu
---
 .../assets/images/shape-circle.svg            |   0
 .../assets/images/shape-line.svg              |   0
 .../assets/images/shape-rectangle-round.svg   |   0
 .../assets/images/shape-rectangle.svg         |   0
 .../src/classes/bootstrap/BootstrapDialog.js  | 156 ++++++++++++++++++
 .../bootstrap/BootstrapDialogRequest.js       |   0
 .../src/classes/menu}/AccountSettingsPanel.js |   0
 .../src/classes/menu}/ColorPaletteHtml.js     |   0
 .../src/classes/menu}/ColorPalettePanel.js    |   0
 packages/editor/src/classes/menu/Events.ts    |  68 ++++++++
 .../src/classes/menu}/FontFamilyPanel.js      |   0
 .../src/classes/menu}/FontSizePanel.js        |   0
 .../src/classes/menu}/IMenu.ts                |  12 +-
 .../src/classes/menu}/IconPanel.js            |   3 +-
 .../classes/menu}/KeyboardShortcutDialog.js   |  21 +--
 .../classes/menu}/KeyboardShortcutTooltip.js  |   2 +-
 .../src/classes/menu}/ListToolbarPanel.js     |   0
 .../src/classes/menu}/Menu.ts                 |   6 +-
 .../src/classes/menu}/ModalDialogNotifier.js  |   2 -
 .../src/classes/menu}/ToolbarItem.js          |   2 +-
 .../src/classes/menu}/ToolbarPaneItem.js      |   2 +-
 .../src/classes/menu}/TopicShapePanel.js      |   0
 packages/editor/src/index.tsx                 |  16 +-
 packages/editor/tsconfig.json                 |   2 +-
 .../mindplot/assets/images/alert-sign.png     | Bin 5000 -> 0 bytes
 .../src/components/DesignerBuilder.ts         |  11 --
 packages/mindplot/src/components/NoteIcon.ts  |   3 +-
 .../widget/{FloatingTip.js => FloatingTip.ts} |   6 +-
 .../src/components/widget/LinkEditor.js       |   2 +-
 .../src/components/widget/NoteEditor.js       |   2 +-
 .../bootstrap/BootstrapDialog.js              |   0
 packages/mindplot/src/index.ts                |  10 +-
 packages/mindplot/tsconfig.json               |   2 +-
 .../editor-page/EditorOptionsBuider.ts        |   2 +-
 34 files changed, 284 insertions(+), 46 deletions(-)
 rename packages/{mindplot => editor}/assets/images/shape-circle.svg (100%)
 rename packages/{mindplot => editor}/assets/images/shape-line.svg (100%)
 rename packages/{mindplot => editor}/assets/images/shape-rectangle-round.svg (100%)
 rename packages/{mindplot => editor}/assets/images/shape-rectangle.svg (100%)
 create mode 100644 packages/editor/src/classes/bootstrap/BootstrapDialog.js
 rename packages/{mindplot/src/components/libraries => editor/src/classes}/bootstrap/BootstrapDialogRequest.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/AccountSettingsPanel.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ColorPaletteHtml.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ColorPalettePanel.js (100%)
 create mode 100644 packages/editor/src/classes/menu/Events.ts
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/FontFamilyPanel.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/FontSizePanel.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/IMenu.ts (88%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/IconPanel.js (97%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/KeyboardShortcutDialog.js (92%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/KeyboardShortcutTooltip.js (96%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ListToolbarPanel.js (100%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/Menu.ts (99%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ModalDialogNotifier.js (94%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ToolbarItem.js (98%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/ToolbarPaneItem.js (97%)
 rename packages/{mindplot/src/components/widget => editor/src/classes/menu}/TopicShapePanel.js (100%)
 delete mode 100644 packages/mindplot/assets/images/alert-sign.png
 rename packages/mindplot/src/components/widget/{FloatingTip.js => FloatingTip.ts} (97%)
 rename packages/mindplot/src/components/{libraries => widget}/bootstrap/BootstrapDialog.js (100%)

diff --git a/packages/mindplot/assets/images/shape-circle.svg b/packages/editor/assets/images/shape-circle.svg
similarity index 100%
rename from packages/mindplot/assets/images/shape-circle.svg
rename to packages/editor/assets/images/shape-circle.svg
diff --git a/packages/mindplot/assets/images/shape-line.svg b/packages/editor/assets/images/shape-line.svg
similarity index 100%
rename from packages/mindplot/assets/images/shape-line.svg
rename to packages/editor/assets/images/shape-line.svg
diff --git a/packages/mindplot/assets/images/shape-rectangle-round.svg b/packages/editor/assets/images/shape-rectangle-round.svg
similarity index 100%
rename from packages/mindplot/assets/images/shape-rectangle-round.svg
rename to packages/editor/assets/images/shape-rectangle-round.svg
diff --git a/packages/mindplot/assets/images/shape-rectangle.svg b/packages/editor/assets/images/shape-rectangle.svg
similarity index 100%
rename from packages/mindplot/assets/images/shape-rectangle.svg
rename to packages/editor/assets/images/shape-rectangle.svg
diff --git a/packages/editor/src/classes/bootstrap/BootstrapDialog.js b/packages/editor/src/classes/bootstrap/BootstrapDialog.js
new file mode 100644
index 00000000..33099fd5
--- /dev/null
+++ b/packages/editor/src/classes/bootstrap/BootstrapDialog.js
@@ -0,0 +1,156 @@
+/*
+ *    Copyright [2021] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+import $ from 'jquery';
+import Options from '@wisemapping/mindplot/src/components/Options';
+import { $msg } from '@wisemapping/mindplot/src/components/Messages';
+
+class BootstrapDialog extends Options {
+  constructor(title, options) {
+    super();
+    this.options = {
+      cancelButton: false,
+      closeButton: false,
+      acceptButton: true,
+      removeButton: false,
+      errorMessage: false,
+      onEventData: {},
+    };
+
+    this.setOptions(options);
+    this.options.onEventData.dialog = this;
+    this._native = $('<div class="modal fade" tabindex="-1"></div>').append(
+      '<div class="modal-dialog"></div>',
+    );
+    const content = $('<div class="modal-content"></div>');
+    const header = this._buildHeader(title);
+
+    if (header) {
+      content.append(header);
+    }
+    const body = $('<div class="modal-body"></div>');
+    if (this.options.errorMessage) {
+      const error = $('<div class="alert alert-danger"></div>');
+      error.hide();
+      body.append(error);
+    }
+    content.append(body);
+    const footer = this._buildFooter();
+    if (footer) {
+      content.append(footer);
+    }
+    this._native.find('.modal-dialog').append(content);
+    this._native.on('hidden.bs.modal', function remove() {
+      $(this).remove();
+    });
+    this._native.on('shown.bs.modal', this.onDialogShown);
+
+    this._native.appendTo('#mindplot-tooltips');
+  }
+
+  _buildFooter() {
+    let footer = null;
+    if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) {
+      footer = $('<div class="modal-footer" style="paddingTop:5;textAlign:center">');
+    }
+    if (this.options.acceptButton) {
+      this.acceptButton = $(
+        `<button type="button" class="btn btn-primary" id="acceptBtn" data-dismiss="modal">${$msg(
+          'ACCEPT',
+        )}</button>`,
+      );
+      footer.append(this.acceptButton);
+      this.acceptButton
+        .unbind('click')
+        .on('click', this.options.onEventData, this.onAcceptClick);
+    }
+    if (this.options.removeButton) {
+      this.removeButton = $(
+        `<button type="button" class="btn btn-secondary" id="removeBtn" data-dismiss="modal">${$msg(
+          'REMOVE',
+        )}</button>`,
+      );
+      footer.append(this.removeButton);
+      this.removeButton.on('click', this.options.onEventData, this.onRemoveClick);
+    }
+    if (this.options.cancelButton) {
+      footer.append(
+        `<button type="button" class="btn btn-secondary" data-dismiss="modal">${$msg(
+          'CANCEL',
+        )}</button>`,
+      );
+    }
+    return footer;
+  }
+
+  _buildHeader(title) {
+    let header = null;
+    if (this.options.closeButton || title) {
+      header = $('<div class="modal-header"></div>');
+    }
+    if (this.options.closeButton) {
+      header.append(
+        '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>',
+      );
+    }
+    if (title) {
+      header.append(`<h2 class="modal-title">${title}</h2>`);
+    }
+    return header;
+  }
+
+  onAcceptClick() {
+    throw new Error('Unsupported operation');
+  }
+
+  onDialogShown() {
+    // Overwrite default behaviour ...
+  }
+
+  onRemoveClick() {
+    throw new Error('Unsupported operation');
+  }
+
+  show() {
+    this._native.modal();
+  }
+
+  setContent(content) {
+    const modalBody = this._native.find('.modal-body');
+    modalBody.append(content);
+  }
+
+  css(options) {
+    this._native.find('.modal-dialog').css(options);
+  }
+
+  close() {
+    this._native.modal('hide');
+  }
+
+  alertError(message) {
+    this._native.find('.alert-danger').text(message);
+    this._native.find('.alert-danger').show();
+  }
+
+  cleanError() {
+    this._native.find('.alert-danger').hide();
+  }
+}
+
+export default BootstrapDialog;
diff --git a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialogRequest.js b/packages/editor/src/classes/bootstrap/BootstrapDialogRequest.js
similarity index 100%
rename from packages/mindplot/src/components/libraries/bootstrap/BootstrapDialogRequest.js
rename to packages/editor/src/classes/bootstrap/BootstrapDialogRequest.js
diff --git a/packages/mindplot/src/components/widget/AccountSettingsPanel.js b/packages/editor/src/classes/menu/AccountSettingsPanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/AccountSettingsPanel.js
rename to packages/editor/src/classes/menu/AccountSettingsPanel.js
diff --git a/packages/mindplot/src/components/widget/ColorPaletteHtml.js b/packages/editor/src/classes/menu/ColorPaletteHtml.js
similarity index 100%
rename from packages/mindplot/src/components/widget/ColorPaletteHtml.js
rename to packages/editor/src/classes/menu/ColorPaletteHtml.js
diff --git a/packages/mindplot/src/components/widget/ColorPalettePanel.js b/packages/editor/src/classes/menu/ColorPalettePanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/ColorPalettePanel.js
rename to packages/editor/src/classes/menu/ColorPalettePanel.js
diff --git a/packages/editor/src/classes/menu/Events.ts b/packages/editor/src/classes/menu/Events.ts
new file mode 100644
index 00000000..41cf1277
--- /dev/null
+++ b/packages/editor/src/classes/menu/Events.ts
@@ -0,0 +1,68 @@
+/*
+ *    Copyright [2021] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+class Events {
+  private _handlerByType;
+
+  constructor() {
+    this._handlerByType = {};
+  }
+
+  static _normalizeEventName(string: string) {
+    return string.replace(/^on([A-Z])/, (_full, first) => first.toLowerCase());
+  }
+
+  addEvent(typeName: string, fn?, internal?: boolean): Events {
+    const type = Events._normalizeEventName(typeName);
+
+    // Add function had not been added yet
+    const funByType = this._handlerByType[type] ? this._handlerByType[type] : [];
+    if (!funByType.includes(fn)) {
+      funByType.push(fn);
+      this._handlerByType[type] = funByType;
+    }
+
+    // Mark reference ...
+    fn.internal = Boolean(internal);
+    return this;
+  }
+
+  fireEvent(typeName: string, eventArgs?): Events {
+    const type = Events._normalizeEventName(typeName);
+    const events = this._handlerByType[type];
+    if (!events) return this;
+
+    const args = Array.isArray(eventArgs) ? eventArgs : [eventArgs];
+    events.forEach(((fn) => {
+      fn.apply(this, args);
+    }));
+    return this;
+  }
+
+  removeEvent(typeName: string, fn?): Events {
+    const type = Events._normalizeEventName(typeName);
+    const events = this._handlerByType[type];
+    if (events && !fn.internal) {
+      const index = events.indexOf(fn);
+      if (index !== -1) events.splice(index, 1);
+    }
+    return this;
+  }
+}
+
+export default Events;
diff --git a/packages/mindplot/src/components/widget/FontFamilyPanel.js b/packages/editor/src/classes/menu/FontFamilyPanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/FontFamilyPanel.js
rename to packages/editor/src/classes/menu/FontFamilyPanel.js
diff --git a/packages/mindplot/src/components/widget/FontSizePanel.js b/packages/editor/src/classes/menu/FontSizePanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/FontSizePanel.js
rename to packages/editor/src/classes/menu/FontSizePanel.js
diff --git a/packages/mindplot/src/components/widget/IMenu.ts b/packages/editor/src/classes/menu/IMenu.ts
similarity index 88%
rename from packages/mindplot/src/components/widget/IMenu.ts
rename to packages/editor/src/classes/menu/IMenu.ts
index 0ecfd5af..9e661868 100644
--- a/packages/mindplot/src/components/widget/IMenu.ts
+++ b/packages/editor/src/classes/menu/IMenu.ts
@@ -16,12 +16,12 @@
  *   limitations under the License.
  */
 import { $assert } from '@wisemapping/core-js';
-import { $msg } from '../Messages';
-import PersistenceManager from '../PersistenceManager';
-import { $notify } from './ToolbarNotifier';
-import { $notifyModal } from './ModalDialogNotifier';
-import Designer from '../Designer';
-import ToolbarItem from './ToolbarItem';
+import { $msg } from '@wisemapping/mindplot/src/components/Messages';
+import PersistenceManager from '@wisemapping/mindplot/src/components/PersistenceManager';
+import { $notify } from '@wisemapping/mindplot/src/components/widget/ToolbarNotifier';
+import { $notifyModal } from '../menu/ModalDialogNotifier';
+import Designer from '@wisemapping/mindplot/src/components/Designer';
+import ToolbarItem from '../menu/ToolbarItem';
 
 class IMenu {
   private _designer: Designer;
diff --git a/packages/mindplot/src/components/widget/IconPanel.js b/packages/editor/src/classes/menu/IconPanel.js
similarity index 97%
rename from packages/mindplot/src/components/widget/IconPanel.js
rename to packages/editor/src/classes/menu/IconPanel.js
index 60cdaf55..b1202f4a 100644
--- a/packages/mindplot/src/components/widget/IconPanel.js
+++ b/packages/editor/src/classes/menu/IconPanel.js
@@ -17,7 +17,8 @@
  */
 import $ from 'jquery';
 import ToolbarPaneItem from './ToolbarPaneItem';
-import ImageIcon from '../ImageIcon';
+import { ImageIcon } from '@wisemapping/mindplot';
+
 
 class IconPanel extends ToolbarPaneItem {
   _updateSelectedItem() {
diff --git a/packages/mindplot/src/components/widget/KeyboardShortcutDialog.js b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js
similarity index 92%
rename from packages/mindplot/src/components/widget/KeyboardShortcutDialog.js
rename to packages/editor/src/classes/menu/KeyboardShortcutDialog.js
index 1bab17b0..58231d27 100644
--- a/packages/mindplot/src/components/widget/KeyboardShortcutDialog.js
+++ b/packages/editor/src/classes/menu/KeyboardShortcutDialog.js
@@ -15,16 +15,17 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog';
-import { $msg } from '../Messages';
+import BootstrapDialog from '../bootstrap/BootstrapDialog';
+import { $msg } from '@wisemapping/mindplot';
+
 
 class KeyboardShortcutDialog extends BootstrapDialog {
-  constructor() {
-    super($msg('SHORTCUTS'), {
-      closeButton: true,
-      acceptButton: false,
-    });
-    this.setContent(`<div id="keyboardTable">
+    constructor() {
+        super($msg('SHORTCUTS'), {
+            closeButton: true,
+            acceptButton: false,
+        });
+        this.setContent(`<div id="keyboardTable">
     <table>
         <colgroup>
             <col width="40%"/>
@@ -128,8 +129,8 @@ class KeyboardShortcutDialog extends BootstrapDialog {
         </tbody>
     </table>
 </div>`);
-    this.show();
-  }
+        this.show();
+    }
 }
 
 export default KeyboardShortcutDialog;
diff --git a/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js b/packages/editor/src/classes/menu/KeyboardShortcutTooltip.js
similarity index 96%
rename from packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js
rename to packages/editor/src/classes/menu/KeyboardShortcutTooltip.js
index 187c312c..415dc561 100644
--- a/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js
+++ b/packages/editor/src/classes/menu/KeyboardShortcutTooltip.js
@@ -17,7 +17,7 @@
  */
 import $ from 'jquery';
 import { $assert } from '@wisemapping/core-js';
-import FloatingTip from './FloatingTip';
+import FloatingTip from '@wisemapping/mindplot/src/components/widget/FloatingTip';
 
 class KeyboardShortcutTooltip extends FloatingTip {
   constructor(buttonElem, text) {
diff --git a/packages/mindplot/src/components/widget/ListToolbarPanel.js b/packages/editor/src/classes/menu/ListToolbarPanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/ListToolbarPanel.js
rename to packages/editor/src/classes/menu/ListToolbarPanel.js
diff --git a/packages/mindplot/src/components/widget/Menu.ts b/packages/editor/src/classes/menu/Menu.ts
similarity index 99%
rename from packages/mindplot/src/components/widget/Menu.ts
rename to packages/editor/src/classes/menu/Menu.ts
index f14efca9..0cd63062 100644
--- a/packages/mindplot/src/components/widget/Menu.ts
+++ b/packages/editor/src/classes/menu/Menu.ts
@@ -17,8 +17,7 @@
  *   limitations under the License.
  */
 import $ from 'jquery';
-import { $msg } from '../Messages';
-import IMenu from './IMenu';
+import { Designer } from '@wisemapping/mindplot';
 import FontFamilyPanel from './FontFamilyPanel';
 import FontSizePanel from './FontSizePanel';
 import TopicShapePanel from './TopicShapePanel';
@@ -28,7 +27,8 @@ import ToolbarItem from './ToolbarItem';
 import KeyboardShortcutTooltip from './KeyboardShortcutTooltip';
 import KeyboardShortcutDialog from './KeyboardShortcutDialog';
 import AccountSettingsPanel from './AccountSettingsPanel';
-import Designer from '../Designer';
+import IMenu from './IMenu';
+import { $msg } from '@wisemapping/mindplot';
 
 class Menu extends IMenu {
   constructor(designer: Designer, containerId: string, readOnly = false, baseUrl = '') {
diff --git a/packages/mindplot/src/components/widget/ModalDialogNotifier.js b/packages/editor/src/classes/menu/ModalDialogNotifier.js
similarity index 94%
rename from packages/mindplot/src/components/widget/ModalDialogNotifier.js
rename to packages/editor/src/classes/menu/ModalDialogNotifier.js
index 09ab7c04..4c059456 100644
--- a/packages/mindplot/src/components/widget/ModalDialogNotifier.js
+++ b/packages/editor/src/classes/menu/ModalDialogNotifier.js
@@ -16,7 +16,6 @@
  */
 import { $assert } from '@wisemapping/core-js';
 import $ from 'jquery';
-import AlertImage from '../../../assets/images/alert-sign.png';
 
 class ModalDialogNotifier {
   show(message, title) {
@@ -29,7 +28,6 @@ class ModalDialogNotifier {
             <div class="modal-body">
             </div>
             <div class="alert alert-block alert-warning">
-              <img src="${AlertImage}">
               <div style="display: inline-block" class="alert-content"></div>
             </div>
             <div class="modal-footer">
diff --git a/packages/mindplot/src/components/widget/ToolbarItem.js b/packages/editor/src/classes/menu/ToolbarItem.js
similarity index 98%
rename from packages/mindplot/src/components/widget/ToolbarItem.js
rename to packages/editor/src/classes/menu/ToolbarItem.js
index 70280743..5f6a6ef9 100644
--- a/packages/mindplot/src/components/widget/ToolbarItem.js
+++ b/packages/editor/src/classes/menu/ToolbarItem.js
@@ -17,7 +17,7 @@
  */
 import $ from 'jquery';
 import { $assert } from '@wisemapping/core-js';
-import Events from '../Events';
+import Events from './Events';
 
 class ToolbarItem extends Events {
   constructor(buttonId, fn, options) {
diff --git a/packages/mindplot/src/components/widget/ToolbarPaneItem.js b/packages/editor/src/classes/menu/ToolbarPaneItem.js
similarity index 97%
rename from packages/mindplot/src/components/widget/ToolbarPaneItem.js
rename to packages/editor/src/classes/menu/ToolbarPaneItem.js
index aeaad0a6..97c0ba37 100644
--- a/packages/mindplot/src/components/widget/ToolbarPaneItem.js
+++ b/packages/editor/src/classes/menu/ToolbarPaneItem.js
@@ -17,7 +17,7 @@
  */
 import { $assert } from '@wisemapping/core-js';
 import ToolbarItem from './ToolbarItem';
-import FloatingTip from './FloatingTip';
+import FloatingTip from '@wisemapping/mindplot/src/components/widget/FloatingTip';
 
 class ToolbarPaneItem extends ToolbarItem {
   constructor(buttonId, model, delayInit) {
diff --git a/packages/mindplot/src/components/widget/TopicShapePanel.js b/packages/editor/src/classes/menu/TopicShapePanel.js
similarity index 100%
rename from packages/mindplot/src/components/widget/TopicShapePanel.js
rename to packages/editor/src/classes/menu/TopicShapePanel.js
diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx
index 79b0fd87..c4808abd 100644
--- a/packages/editor/src/index.tsx
+++ b/packages/editor/src/index.tsx
@@ -13,6 +13,7 @@ import {
 } from '@wisemapping/mindplot';
 import './global-styled.css';
 import I18nMsg from './classes/i18n-msg';
+import Menu from './classes/menu/Menu';
 
 declare global {
     // used in mindplot
@@ -74,6 +75,7 @@ const Editor = ({
             DesignerKeyboard.pause();
         }
     }, [options.enableKeyboardEvents]);
+
     const onLoadDesigner = (mapId: string, options: EditorOptions, persistenceManager: PersistenceManager): Designer => {
         const buildOptions = DesignerOptionsBuilder.buildOptions({
             persistenceManager,
@@ -85,7 +87,19 @@ const Editor = ({
         });
 
         // Build designer ...
-        return buildDesigner(buildOptions);
+        const result = buildDesigner(buildOptions);
+
+        // Register toolbar event ...
+        if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'showcase') {
+            const menu = new Menu(designer, 'toolbar');
+
+            //  If a node has focus, focus can be move to another node using the keys.
+            designer.cleanScreen = () => {
+                menu.clear();
+            };
+        }
+        return result;
+
     };
 
     const locale = options.locale;
diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json
index f06432f5..dd46da49 100644
--- a/packages/editor/tsconfig.json
+++ b/packages/editor/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "include": [
     "src/**/*"
-  ],
+, "../mindplot/src/components/widget/FloatingTip.ts"  ],
   "compilerOptions": {
     "jsx": "react",
     "outDir": "./dist/",
diff --git a/packages/mindplot/assets/images/alert-sign.png b/packages/mindplot/assets/images/alert-sign.png
deleted file mode 100644
index 8d3e5df04781628539abc327c1d5ad950782f587..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5000
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
S-bE4s0000<MNUMnLSTZQ`=#{&

diff --git a/packages/mindplot/src/components/DesignerBuilder.ts b/packages/mindplot/src/components/DesignerBuilder.ts
index a657b24a..c5ce43aa 100644
--- a/packages/mindplot/src/components/DesignerBuilder.ts
+++ b/packages/mindplot/src/components/DesignerBuilder.ts
@@ -19,7 +19,6 @@ import { $assert } from '@wisemapping/core-js';
 import $ from 'jquery';
 import PersistenceManager from './PersistenceManager';
 import Designer from './Designer';
-import Menu from './widget/Menu';
 import { DesignerOptions } from './DesignerOptionsBuilder';
 
 let designer: Designer;
@@ -36,16 +35,6 @@ export function buildDesigner(options: DesignerOptions): Designer {
   $assert(persistence, 'persistence must be defined');
   PersistenceManager.init(persistence);
 
-  // Register toolbar event ...
-  if (options.mode === 'edition-owner' || options.mode === 'edition-editor' || options.mode === 'showcase') {
-    const menu = new Menu(designer, 'toolbar');
-
-    //  If a node has focus, focus can be move to another node using the keys.
-    designer.cleanScreen = () => {
-      menu.clear();
-    };
-  }
-
   return designer;
 }
 
diff --git a/packages/mindplot/src/components/NoteIcon.ts b/packages/mindplot/src/components/NoteIcon.ts
index 6d891fcc..ebf02ee7 100644
--- a/packages/mindplot/src/components/NoteIcon.ts
+++ b/packages/mindplot/src/components/NoteIcon.ts
@@ -19,11 +19,11 @@ import { $assert } from '@wisemapping/core-js';
 import $ from 'jquery';
 import { $msg } from './Messages';
 import Icon from './Icon';
-import FloatingTip from './widget/FloatingTip';
 import NotesImage from '../../assets/icons/notes.svg';
 import Topic from './Topic';
 import NoteModel from './model/NoteModel';
 import FeatureModel from './model/FeatureModel';
+import FloatingTip from './widget/FloatingTip';
 
 class NoteIcon extends Icon {
   private _linksModel: NoteModel;
@@ -56,6 +56,7 @@ class NoteIcon extends Icon {
         event.stopPropagation();
       });
     }
+
     this._tip = new FloatingTip($(me.getImage().peer._native), {
       title: $msg('NOTE'),
       // Content can also be a function of the target element!
diff --git a/packages/mindplot/src/components/widget/FloatingTip.js b/packages/mindplot/src/components/widget/FloatingTip.ts
similarity index 97%
rename from packages/mindplot/src/components/widget/FloatingTip.js
rename to packages/mindplot/src/components/widget/FloatingTip.ts
index edec13cb..575b2a6d 100644
--- a/packages/mindplot/src/components/widget/FloatingTip.js
+++ b/packages/mindplot/src/components/widget/FloatingTip.ts
@@ -32,9 +32,13 @@ const defaultOptions = {
 };
 
 class FloatingTip extends Events {
+  private options;
+
+  private element;
+
   constructor(element, options) {
+    super();
     const opts = { ...defaultOptions, ...options };
-    super(element, opts);
     this.setOptions(opts);
     this.element = element;
     this._createPopover();
diff --git a/packages/mindplot/src/components/widget/LinkEditor.js b/packages/mindplot/src/components/widget/LinkEditor.js
index 9a69d839..cc83f2f8 100644
--- a/packages/mindplot/src/components/widget/LinkEditor.js
+++ b/packages/mindplot/src/components/widget/LinkEditor.js
@@ -18,7 +18,7 @@
 import $ from 'jquery';
 import { $assert } from '@wisemapping/core-js';
 import { $msg } from '../Messages';
-import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog';
+import BootstrapDialog from './bootstrap/BootstrapDialog';
 
 class LinkEditor extends BootstrapDialog {
   /**
diff --git a/packages/mindplot/src/components/widget/NoteEditor.js b/packages/mindplot/src/components/widget/NoteEditor.js
index 96c459b9..584aa376 100644
--- a/packages/mindplot/src/components/widget/NoteEditor.js
+++ b/packages/mindplot/src/components/widget/NoteEditor.js
@@ -17,7 +17,7 @@
  */
 import { $assert } from '@wisemapping/core-js';
 import $ from 'jquery';
-import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog';
+import BootstrapDialog from '../../../../editor/src/classes/bootstrap/BootstrapDialog';
 import { $msg } from '../Messages';
 
 class NoteEditor extends BootstrapDialog {
diff --git a/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js b/packages/mindplot/src/components/widget/bootstrap/BootstrapDialog.js
similarity index 100%
rename from packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js
rename to packages/mindplot/src/components/widget/bootstrap/BootstrapDialog.js
diff --git a/packages/mindplot/src/index.ts b/packages/mindplot/src/index.ts
index 8c224162..82cb67b0 100644
--- a/packages/mindplot/src/index.ts
+++ b/packages/mindplot/src/index.ts
@@ -23,21 +23,26 @@ import Designer from './components/Designer';
 import LocalStorageManager from './components/LocalStorageManager';
 import RESTPersistenceManager from './components/RestPersistenceManager';
 import MockPersistenceManager from './components/MockPersistenceManager';
-import Menu from './components/widget/Menu';
 import DesignerOptionsBuilder from './components/DesignerOptionsBuilder';
 import ImageExporterFactory from './components/export/ImageExporterFactory';
 import TextExporterFactory from './components/export/TextExporterFactory';
 import Exporter from './components/export/Exporter';
 import DesignerKeyboard from './components/DesignerKeyboard';
 import EditorRenderMode from './components/EditorRenderMode';
+import ImageIcon from './components/ImageIcon';
 
 import {
   buildDesigner,
 } from './components/DesignerBuilder';
+
 import {
   $notify,
 } from './components/widget/ToolbarNotifier';
 
+import {
+  $msg,
+} from './components/Messages';
+
 // This hack is required to initialize Bootstrap. In future, this should be removed.
 const globalAny: any = global;
 globalAny.jQuery = jquery;
@@ -46,7 +51,6 @@ require('../../../libraries/bootstrap/js/bootstrap.min');
 export {
   Mindmap,
   Designer,
-  Menu,
   DesignerBuilder,
   PersistenceManager,
   RESTPersistenceManager,
@@ -58,6 +62,8 @@ export {
   TextExporterFactory,
   ImageExporterFactory,
   Exporter,
+  ImageIcon,
   $notify,
+  $msg,
   DesignerKeyboard,
 };
diff --git a/packages/mindplot/tsconfig.json b/packages/mindplot/tsconfig.json
index 379d8747..bbc8a706 100644
--- a/packages/mindplot/tsconfig.json
+++ b/packages/mindplot/tsconfig.json
@@ -15,7 +15,7 @@
   },
   "include": [
     "src/**/*"
-  ],
+, "../editor/src/classes/menu/AccountSettingsPanel.js", "../editor/src/classes/menu/IMenu.ts", "../editor/src/classes/bootstrap"  ],
   "exclude": [
     "node_modules"
   ]
diff --git a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts
index 894b7a6f..7342bb0e 100644
--- a/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts
+++ b/packages/webapp/src/components/editor-page/EditorOptionsBuider.ts
@@ -35,6 +35,6 @@ export default class EditorOptionsBulder {
     }
 
     static loadMapId(): number {
-        return !AppConfig.isDevelopEnv() ? global.mapId : 555;
+        return !AppConfig.isDevelopEnv() ? global.mapId : 11;
     }
 }
\ No newline at end of file