base and annoations tool translations

editors/demo/src/Editors.js

@@ -7,33 +7,16 @@ import Editoria from './Editoria/Editoria';
 import HHMI from './HHMI/HHMI';
 import NCBI from './NCBI/NCBI';
 import OEN from './OEN/OEN';
+import en from './locale/en';
+import es from './locale/es';
 
 import 'wax-prosemirror-core/dist/index.css';
 import 'wax-prosemirror-services/dist/index.css';
 import 'wax-questions-service/dist/index.css';
 import 'wax-table-service/dist/index.css';
 i18next.use(initReactI18next).init({
-  resources: {
-    en: {
-      translation: {
-        Wax: {
-          Annotations: {
-            'Toggle code': 'Toggle code translation',
-          },
-        },
-      },
-    },
-    es: {
-      translation: {
-        Wax: {
-          Annotations: {
-            'Toggle code': 'Toggle code translation Spanish',
-          },
-        },
-      },
-    },
-  },
-  lng: 'en',
+  resources: { es },
+  lng: 'es',
   interpolation: {
     escapeValue: false,
   },

editors/demo/src/locale/en.js

+const en = {
+  translation: {
+    Wax: {
+      Base: {
+        Undo: 'Undo',
+        Redo: 'Redo',
+        'Save changes': 'Save changes',
+      },
+      Annotations: {
+        'Toggle code': 'Toggle code',
+        'Toggle emphasis': 'Toggle emphasis',
+        'Toggle Small Caps': 'Toggle Small Caps',
+        'Toggle strikethrough': 'Toggle strikethrough',
+        'Toggle strong': 'Toggle strong',
+        'Toggle subscript': 'Toggle subscript',
+        'Toggle superscript': 'Toggle superscript',
+        'Toggle underline': 'Toggle underline',
+        'Add or remove link': 'Add or remove link',
+      },
+      Display: {},
+      Text: {},
+      CustomTags: {},
+    },
+  },
+};
+
+export default en;

editors/demo/src/locale/es.js

+const es = {
+  translation: {
+    Wax: {
+      Base: {
+        Undo: 'Deshacer',
+        Redo: 'Rehacer',
+        'Save changes': 'Guardar cambios',
+      },
+      Annotations: {
+        'Toggle code': 'Código de alternancia',
+        'Toggle emphasis': 'Alternar énfasis',
+        'Toggle Small Caps': 'Alternar versalitas',
+        'Toggle strikethrough': 'Alternar tachado',
+        'Toggle strong': 'Alternar fuerte',
+        'Toggle subscript': 'Alternar subíndice',
+        'Toggle superscript': 'Alternar superíndice',
+        'Toggle underline': 'Alternar subrayado',
+        'Add or remove link': 'Agregar o eliminar enlace',
+      },
+      Display: {},
+      Text: {},
+      CustomTags: {},
+    },
+  },
+};
+
+export default es;

wax-prosemirror-services/src/BaseService/SaveService/components/SaveButton.js

 /* eslint react/prop-types: 0 */
 import React, { useContext, useMemo, useEffect, useState } from 'react';
+import { isEmpty } from 'lodash';
+import { useTranslation } from 'react-i18next';
 import { WaxContext, MenuButton } from 'wax-prosemirror-core';
 
 const SaveButton = ({ view = {}, item }) => {
+  const { t, i18n } = useTranslation();
   const { icon, label, select, title } = item;
 
   const {
@@ -55,7 +58,11 @@ const SaveButton = ({ view = {}, item }) => {
         iconName={iconTodisplay}
         label={label}
         onMouseDown={handleMouseDown}
-        title={title}
+        title={
+          !isEmpty(i18n) && i18n.exists(`Wax.Base.${title}`)
+            ? t(`Wax.Base.${title}`)
+            : title
+        }
       />
     ),
     [isSaving, isDisabled],

wax-prosemirror-services/src/BaseService/components/UndoRedoButton.js

 /* eslint react/prop-types: 0 */
 import React, { useContext, useMemo } from 'react';
+import { isEmpty } from 'lodash';
+import { useTranslation } from 'react-i18next';
 import { WaxContext, MenuButton } from 'wax-prosemirror-core';
 
 const UndoRedoButton = ({ view = {}, item }) => {
+  const { t, i18n } = useTranslation();
   const { active, icon, label, run, select, title } = item;
 
   const {
@@ -38,7 +41,11 @@ const UndoRedoButton = ({ view = {}, item }) => {
         iconName={icon}
         label={label}
         onMouseDown={e => handleMouseDown(e, main.state, main.dispatch)}
-        title={title}
+        title={
+          !isEmpty(i18n) && i18n.exists(`Wax.Base.${title}`)
+            ? t(`Wax.Base.${title}`)
+            : title
+        }
       />
     ),
     [isActive, isDisabled],