Merged in bugfix/add-hook-to-webapp (pull request #76)

fix: add custom hook useEditor to webapp package

* fix: add custom hook useEditor to webapp package

packages/editor/lang/fr.json

@@ -9,10 +9,10 @@
         "defaultMessage": "Cet espace d'édition présente certaines des fonctionnalités des cartes mentales!"
     },
     "editor.try-welcome-description-mobile": {
-        "defaultMessage": "Inscrivez-vous pour commencer à créer, partager et publier gratuitement un nombre illimité de cartes mentales. Les capacités d'édition limitées de mindmap sont prises en charge dans les appareils mobiles. Utilisez le navigateur de bureau pour bénéficier de toutes les fonctionnalités de l'éditeur."
+        "defaultMessage": "Inscrivez-vous pour commencer à créer, partager et publier gratuitement un nombre illimité de cartes mentales. La carte mentale est optimisée pour une utilisation sur un ordinateur de bureau. Changez de support pour plus de confort et de fonctionnalités."
     },
     "editor.edit-description-mobile": {
-        "defaultMessage": "Les capacités d'édition limitées de mindmap sont prises en charge dans les appareils mobiles. Utilisez le navigateur de bureau pour bénéficier de toutes les fonctionnalités de l'éditeur."
+        "defaultMessage": "La carte mentale est optimisée pour une utilisation sur un ordinateur de bureau. Changez de support pour plus de confort et de fonctionnalités."
     },
     "action.accept": {
         "defaultMessage": "Accepter"
@@ -90,13 +90,13 @@
         "defaultMessage": "Ajouter une relation"
     },
     "editor-panel.tooltip-add-topic": {
-        "defaultMessage": "Ajouter un sujet"
+        "defaultMessage": "Ajouter un noeud"
     },
     "editor-panel.tooltip-delete-topic": {
-        "defaultMessage": "Supprimer un sujet"
+        "defaultMessage": "Supprimer un noeud"
     },
     "editor-panel.tooltip-delete-sujet": {
-        "defaultMessage": "Supprimer le sujet"
+        "defaultMessage": "Supprimer le noeud"
     },
     "editor-panel.tooltip-topic-border-color": {
         "defaultMessage": "Couleur de bordure"
@@ -132,7 +132,7 @@
         "defaultMessage": "Forme ronde"
     },
     "editor-panel.tooltip-topic-style": {
-        "defaultMessage": "Style de sujet"
+        "defaultMessage": "Style de noeud"
     },
     "zoom-panel.tooltip-keyboard": {
         "defaultMessage": "Clavier"
@@ -153,7 +153,7 @@
         "defaultMessage": "Action"
     },
     "shortcut-help-pane.add-child": {
-        "defaultMessage": "Ajouter le sujet de l'enfant"
+        "defaultMessage": "Ajouter un noeud enfant"
     },
     "shortcut-help-pane.add-link": {
         "defaultMessage": "Ajouter un lien"
@@ -162,40 +162,40 @@
         "defaultMessage": "Ajouter une note"
     },
     "shortcut-help-pane.add-sibling": {
-        "defaultMessage": "Ajouter un sujet de frère"
+        "defaultMessage": "Ajouter un noeud frère"
     },
     "shortcut-help-pane.cancel-text-changes": {
         "defaultMessage": "Annuler les modifications du texte"
     },
     "shortcut-help-pane.change-font-bold": {
-        "defaultMessage": "Changer de texte en gras"
+        "defaultMessage": "Passer le texte en gras"
     },
     "shortcut-help-pane.change-font-italic": {
-        "defaultMessage": "Changer le texte en italique"
+        "defaultMessage": "Passer le texte en italique"
     },
     "shortcut-help-pane.collapse-children": {
-        "defaultMessage": "Effondrer les enfants"
+        "defaultMessage": "Masquer les noeuds enfants"
     },
     "shortcut-help-pane.copy-and-text": {
-        "defaultMessage": "Copier et coller des sujets"
+        "defaultMessage": "Copier et coller des noeuds"
     },
     "shortcut-help-pane.delete-topic": {
-        "defaultMessage": "Supprimer le sujet"
+        "defaultMessage": "Supprimer le noeud"
     },
     "shortcut-help-pane.deselect-all-topics": {
-        "defaultMessage": "Désélectionner tous les sujets"
+        "defaultMessage": "Désélectionner tous les noeuds"
     },
     "shortcut-help-pane.edit-multiline": {
-        "defaultMessage": "Ajouter le texte du sujet multi-ligne"
+        "defaultMessage": "Ajouter une ligne au noeud"
     },
     "shortcut-help-pane.edit-topic": {
-        "defaultMessage": "Modifier le texte du sujet"
+        "defaultMessage": "Modifier le texte du noeud"
     },
     "shortcut-help-pane.edit-topic-key": {
-        "defaultMessage": "Commencez juste à taper"
+        "defaultMessage": "Double-clic"
     },
     "shortcut-help-pane.navigation": {
-        "defaultMessage": "La navigation"
+        "defaultMessage": "Naviguer"
     },
     "shortcut-help-pane.navigation-keys": {
         "defaultMessage": "Touches directionnelles"
@@ -207,10 +207,10 @@
         "defaultMessage": "Sauvegarder les modifications"
     },
     "shortcut-help-pane.select-all-topics": {
-        "defaultMessage": "Sélectionnez tous les sujets"
+        "defaultMessage": "Sélectionner tous les noeuds"
     },
     "shortcut-help-pane.select-topics": {
-        "defaultMessage": "Sélectionnez plusieurs sujets"
+        "defaultMessage": "Sélectionner plusieurs noeuds"
     },
     "shortcut-help-pane.select-topics-keys": {
         "defaultMessage": "Clic de souris"
@@ -228,10 +228,10 @@
         "defaultMessage": "Courbe polyligne"
     },
     "shortcut-help-pane.overwrite-edit-topic": {
-        "defaultMessage": "Remplacer le texte du sujet"
+        "defaultMessage": "Remplacer le texte du noeud"
     },
     "shortcut-help-pane.overwrite-edit-topic-key": {
-        "defaultMessage": "Commencer à écrire sur le sujet sélectionné"
+        "defaultMessage": "Ecrire dans le noeud sélectionné"
     },
     "editor-panel.tooltip-topic-share-none": {
         "defaultMessage": "Aucune forme"
@@ -279,6 +279,6 @@
         "defaultMessage": "Couleur par défaut"
     },
     "shortcut-help-pane.drag-disconnect": {
-        "defaultMessage": "Déconnecter le sujet"
+        "defaultMessage": "Déconnecter le noeud"
     }
 }

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

@@ -152,7 +152,7 @@
   "editor-panel.tooltip-add-topic": [
     {
       "type": 0,
-      "value": "Ajouter un sujet"
+      "value": "Ajouter un noeud"
     }
   ],
   "editor-panel.tooltip-connection-color": [
@@ -206,13 +206,13 @@
   "editor-panel.tooltip-delete-sujet": [
     {
       "type": 0,
-      "value": "Supprimer le sujet"
+      "value": "Supprimer le noeud"
     }
   ],
   "editor-panel.tooltip-delete-topic": [
     {
       "type": 0,
-      "value": "Supprimer un sujet"
+      "value": "Supprimer un noeud"
     }
   ],
   "editor-panel.tooltip-theme": [
@@ -326,13 +326,13 @@
   "editor-panel.tooltip-topic-style": [
     {
       "type": 0,
-      "value": "Style de sujet"
+      "value": "Style de noeud"
     }
   ],
   "editor.edit-description-mobile": [
     {
       "type": 0,
-      "value": "Les capacités d'édition limitées de mindmap sont prises en charge dans les appareils mobiles. Utilisez le navigateur de bureau pour bénéficier de toutes les fonctionnalités de l'éditeur."
+      "value": "La carte mentale est optimisée pour une utilisation sur un ordinateur de bureau. Changez de support pour plus de confort et de fonctionnalités."
     }
   ],
   "editor.try-welcome": [
@@ -350,7 +350,7 @@
   "editor.try-welcome-description-mobile": [
     {
       "type": 0,
-      "value": "Inscrivez-vous pour commencer à créer, partager et publier gratuitement un nombre illimité de cartes mentales. Les capacités d'édition limitées de mindmap sont prises en charge dans les appareils mobiles. Utilisez le navigateur de bureau pour bénéficier de toutes les fonctionnalités de l'éditeur."
+      "value": "Inscrivez-vous pour commencer à créer, partager et publier gratuitement un nombre illimité de cartes mentales. La carte mentale est optimisée pour une utilisation sur un ordinateur de bureau. Changez de support pour plus de confort et de fonctionnalités."
     }
   ],
   "editor.try-welcome-mobile": [
@@ -386,7 +386,7 @@
   "shortcut-help-pane.add-child": [
     {
       "type": 0,
-      "value": "Ajouter le sujet de l'enfant"
+      "value": "Ajouter un noeud enfant"
     }
   ],
   "shortcut-help-pane.add-link": [
@@ -404,7 +404,7 @@
   "shortcut-help-pane.add-sibling": [
     {
       "type": 0,
-      "value": "Ajouter un sujet de frère"
+      "value": "Ajouter un noeud frère"
     }
   ],
   "shortcut-help-pane.cancel-text-changes": [
@@ -416,67 +416,67 @@
   "shortcut-help-pane.change-font-bold": [
     {
       "type": 0,
-      "value": "Changer de texte en gras"
+      "value": "Passer le texte en gras"
     }
   ],
   "shortcut-help-pane.change-font-italic": [
     {
       "type": 0,
-      "value": "Changer le texte en italique"
+      "value": "Passer le texte en italique"
     }
   ],
   "shortcut-help-pane.collapse-children": [
     {
       "type": 0,
-      "value": "Effondrer les enfants"
+      "value": "Masquer les noeuds enfants"
     }
   ],
   "shortcut-help-pane.copy-and-text": [
     {
       "type": 0,
-      "value": "Copier et coller des sujets"
+      "value": "Copier et coller des noeuds"
     }
   ],
   "shortcut-help-pane.delete-topic": [
     {
       "type": 0,
-      "value": "Supprimer le sujet"
+      "value": "Supprimer le noeud"
     }
   ],
   "shortcut-help-pane.deselect-all-topics": [
     {
       "type": 0,
-      "value": "Désélectionner tous les sujets"
+      "value": "Désélectionner tous les noeuds"
     }
   ],
   "shortcut-help-pane.drag-disconnect": [
     {
       "type": 0,
-      "value": "Déconnecter le sujet"
+      "value": "Déconnecter le noeud"
     }
   ],
   "shortcut-help-pane.edit-multiline": [
     {
       "type": 0,
-      "value": "Ajouter le texte du sujet multi-ligne"
+      "value": "Ajouter une ligne au noeud"
     }
   ],
   "shortcut-help-pane.edit-topic": [
     {
       "type": 0,
-      "value": "Modifier le texte du sujet"
+      "value": "Modifier le texte du noeud"
     }
   ],
   "shortcut-help-pane.edit-topic-key": [
     {
       "type": 0,
-      "value": "Commencez juste à taper"
+      "value": "Double-clic"
     }
   ],
   "shortcut-help-pane.navigation": [
     {
       "type": 0,
-      "value": "La navigation"
+      "value": "Naviguer"
     }
   ],
   "shortcut-help-pane.navigation-keys": [
@@ -488,13 +488,13 @@
   "shortcut-help-pane.overwrite-edit-topic": [
     {
       "type": 0,
-      "value": "Remplacer le texte du sujet"
+      "value": "Remplacer le texte du noeud"
     }
   ],
   "shortcut-help-pane.overwrite-edit-topic-key": [
     {
       "type": 0,
-      "value": "Commencer à écrire sur le sujet sélectionné"
+      "value": "Ecrire dans le noeud sélectionné"
     }
   ],
   "shortcut-help-pane.redo": [
@@ -512,13 +512,13 @@
   "shortcut-help-pane.select-all-topics": [
     {
       "type": 0,
-      "value": "Sélectionnez tous les sujets"
+      "value": "Sélectionner tous les noeuds"
     }
   ],
   "shortcut-help-pane.select-topics": [
     {
       "type": 0,
-      "value": "Sélectionnez plusieurs sujets"
+      "value": "Sélectionner plusieurs noeuds"
     }
   ],
   "shortcut-help-pane.select-topics-keys": [

packages/webapp/src/components/editor-page/index.tsx

@@ -16,7 +16,7 @@
  *   limitations under the License.
  */
 import React, { useEffect } from 'react';
-import Editor, { EditorOptions } from '@wisemapping/editor';
+import Editor, { useEditor, EditorOptions } from '@wisemapping/editor';
 import {
   EditorRenderMode,
   PersistenceManager,
@@ -173,6 +173,12 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
     }
   }, [mapInfo?.getTitle()]);
 
+  const editor = useEditor({
+    mapInfo,
+    options,
+    persistenceManager: persistence,
+  });
+
   return loadCompleted ? (
     <IntlProvider
       locale={userLocale.code}
@@ -181,10 +187,8 @@ const EditorPage = ({ isTryMode }: EditorPropsType): React.ReactElement => {
     >
       <ClientHealthSentinel />
       <Editor
+        editor={editor}
         onAction={setActiveDialog}
-        options={options}
-        persistenceManager={persistence}
-        mapInfo={mapInfo}
         theme={theme}
         accountConfiguration={
           // Prevent load on non-authenticated.