@instructure/canvas-rce 5.14.1 → 5.15.0

package/es/rce/contentInsertion.js

@@ -15,18 +15,19 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import classnames from 'classnames';
 import { renderAudio, renderImage, renderLink, renderLinkedImage, renderVideo } from './contentRendering';
 import { cleanUrl, getAnchorElement, isImageFigure, isOnlyTextSelected } from './contentInsertionUtils';
 import { mediaPlayerURLFromFile } from './plugins/shared/fileTypeUtils';
 import { absoluteToRelativeUrl } from '../common/fileUrl';
+
 /** * generic content insertion ** */
+
 // when the editor is hidden, just replace the selected portion of the textarea
 // with the content. branching is for cross-browser
-
 function replaceTextareaSelection(editor, content) {
   const element = editor.getElement();
-
   if ('selectionStart' in element) {
     // mozilla / dom 3.0
     const before = element.value.substr(0, element.selectionStart);
@@ -41,7 +42,6 @@ function replaceTextareaSelection(editor, content) {
     element.value += content;
   }
 }
-
 export function insertContent(editor, content) {
   if (editor.isHidden()) {
     // replaces the textarea selection with the new image. no element returned
@@ -57,66 +57,60 @@ export function insertContent(editor, content) {
       if (editor.iframeElement) {
         editor.iframeElement.scrollIntoView();
       }
-    }, 100); // there's a bug in tinymce where insertContent calls execCommand('mceInsertContent'),
+    }, 100);
+    // there's a bug in tinymce where insertContent calls execCommand('mceInsertContent'),
     // but doesn't correctly forward the second "args" argument. Let's go right for
     // execCommand
     // editor.insertContent(content, {skip_focus: true})
-
     editor.execCommand('mceInsertContent', false, content, {
       skip_focus: true
     });
     return editor.selection.getEnd();
   }
 }
+
 /** * image insertion ** */
 
 function isElemImg(elem) {
   return elem && elem.nodeName.toLowerCase() === 'img';
 }
-
 function isElemAnchor(elem) {
   return elem && elem.nodeName.toLowerCase() === 'a';
 }
+
 /*
   check if we should preserve the parent anchor tag. the criteria is pretty
   strict based on if we have a single image selected with an anchor tag
   surrounding
 */
-
-
 function shouldPreserveImgAnchor(editor) {
   const selection = editor.selection;
   const selectedRange = selection.getRng();
   return isElemImg(selection.getNode()) && isElemAnchor(selectedRange.startContainer) && selectedRange.startContainer === selectedRange.endContainer;
 }
-
 export function insertImage(editor, image, canvasOrigin) {
   let content = '';
-
   if (shouldPreserveImgAnchor(editor)) {
     content = renderLinkedImage(editor.selection.getRng().startContainer, image, canvasOrigin);
   } else {
     // render the image, constraining its size on insertion
-    const imgNode = editor.selection.getNode(); // apply selected styles only in course/user images
-
+    const imgNode = editor.selection.getNode();
+    // apply selected styles only in course/user images
     if (isElemImg(imgNode) && !image['data-inst-icon-maker-icon']) {
       const customStyles = imgNode.style;
       const customWidth = imgNode.getAttribute('width');
       const parseStyles = {};
-
       for (let i = 0; i < customStyles.length; ++i) {
         const cssAttribute = customStyles.item(i);
         parseStyles[cssAttribute] = customStyles[cssAttribute];
       }
-
       image.width = customWidth;
       image.style = parseStyles;
     }
-
-    content = renderImage({ ...image
+    content = renderImage({
+      ...image
     }, canvasOrigin);
   }
-
   return insertContent(editor, content);
 }
 export function insertEquation(editor, latex) {
@@ -124,8 +118,9 @@ export function insertEquation(editor, latex) {
   const sel = editor.selection.getNode();
   const imgSz = sel ? parseFloat(editor.dom.doc.defaultView.getComputedStyle(sel).getPropertyValue('font-size')) || 1 : docSz;
   const scale = imgSz / docSz;
-  const url = `/equation_images/${encodeURIComponent(encodeURIComponent(latex))}?scale=${scale}`; // if I simply create the html string, xsslint fails jenkins
+  const url = `/equation_images/${encodeURIComponent(encodeURIComponent(latex))}?scale=${scale}`;
 
+  // if I simply create the html string, xsslint fails jenkins
   const img = document.createElement('img');
   img.setAttribute('alt', `LaTeX: ${latex}`);
   img.setAttribute('title', latex);
@@ -135,41 +130,38 @@ export function insertEquation(editor, latex) {
   img.setAttribute('data-ignore-a11y-check', '');
   return insertContent(editor, img.outerHTML);
 }
+
 /** * link insertion ** */
-// checks if there's an existing anchor containing the cursor
 
+// checks if there's an existing anchor containing the cursor
 function currentLink(editor, link) {
   const cursor = link.selectionDetails && link.selectionDetails.node ? link.selectionDetails.node : editor.selection.getNode(); // This doesn't work in IE 11, but will stop brokeness in other browsers
-
   return editor.dom.getParent(cursor, 'a');
-} // checks if the editor has a current selection (vs. just a cursor position)
-
+}
 
+// checks if the editor has a current selection (vs. just a cursor position)
 function hasSelection(editor) {
   let selection = editor.selection.getContent();
   selection = editor.dom.decode(selection);
   return !!selection && selection !== '';
 }
-
 export function existingContentToLink(editor, link) {
   return !editor.isHidden() && (link && (currentLink(editor, link) || !!link.selectedContent) || hasSelection(editor));
-} // Parses HTML string with support in old browsers because jQuery's parseHTML was added in 1.8.
+}
 
+// Parses HTML string with support in old browsers because jQuery's parseHTML was added in 1.8.
 function parseHTML(htmlString) {
   const tmp = document.implementation.createHTMLDocument();
   tmp.body.innerHTML = htmlString.trim();
   return tmp.body.children;
 }
-
 function selectionIsImg(editor) {
   const selection = editor.selection.getContent();
   return editor.dom.$(parseHTML(selection)).is('img');
 }
-
 export function existingContentToLinkIsImg(editor) {
   return !editor.isHidden() && selectionIsImg(editor);
 }
-
 function decorateLinkWithEmbed(link) {
   const type = link.embed && link.embed.type;
   link.class = classnames(link.class, {
@@ -182,34 +174,31 @@ function decorateLinkWithEmbed(link) {
     inline_disabled: link.embed && link.embed.disableInlinePreview,
     no_preview: link.embed && link.embed.noPreview
   });
-
   if (link.embed.type === 'video' || link.embed.type === 'audio') {
     link.id = `media_comment_${link.embed.id || 'maybe'}`;
   }
 }
-
 export function insertLink(editor, link, canvasOrigin) {
-  const linkAttrs = { ...link
+  const linkAttrs = {
+    ...link
   };
-
   if (linkAttrs.embed) {
     decorateLinkWithEmbed(linkAttrs);
     delete linkAttrs.embed;
   }
-
   return insertUndecoratedLink(editor, linkAttrs, canvasOrigin);
 }
-
 function textForLink(linkProps, editor, anchorElm) {
   // Some actions (like editing the link text in the link tray)
   // require an explicit update to the link text
-  if (linkProps.forceRename) return linkProps.text; // Other actions (link highlighting an existing link and changing
-  // the linked file) should use the anchor text if present
+  if (linkProps.forceRename) return linkProps.text;
 
+  // Other actions (link highlighting an existing link and changing
+  // the linked file) should use the anchor text if present
   return getAnchorText(editor.selection, anchorElm) || linkProps.text;
-} // link edit/create logic based on tinymce/plugins/link/plugin.ts
-
+}
 
+// link edit/create logic based on tinymce/plugins/link/plugin.ts
 function insertUndecoratedLink(editor, linkProps, canvasOrigin) {
   const selectedElm = editor.selection.getNode();
   const anchorElm = getAnchorElement(editor, selectedElm);
@@ -218,8 +207,8 @@ function insertUndecoratedLink(editor, linkProps, canvasOrigin) {
     format: 'text'
   });
   const onlyText = isOnlyTextSelected(selectedContent);
-  const linkText = onlyText && textForLink(linkProps, editor, anchorElm); // only keep the props we want as attributes on the <a>
-
+  const linkText = onlyText && textForLink(linkProps, editor, anchorElm);
+  // only keep the props we want as attributes on the <a>
   const linkAttrs = {
     id: linkProps.id,
     href: absoluteToRelativeUrl(cleanUrl(linkProps.href || linkProps.url), canvasOrigin),
@@ -230,11 +219,9 @@ function insertUndecoratedLink(editor, linkProps, canvasOrigin) {
     'data-course-type': linkProps['data-course-type'],
     'data-published': linkProps['data-published']
   };
-
   if (linkAttrs.target === '_blank') {
     linkAttrs.rel = 'noopener noreferrer';
   }
-
   if (anchorElm && !editor.selection.isCollapsed()) {
     updateLink(editor, anchorElm, linkText, linkAttrs);
   } else if (selectedContent) {
@@ -246,26 +233,21 @@ function insertUndecoratedLink(editor, linkProps, canvasOrigin) {
   } else {
     createLink(editor, selectedElm, linkText, linkAttrs, canvasOrigin);
   }
-
   return editor.selection.getEnd(); // this will be the newly created or updated content
 }
-
 function getAnchorText(selection, anchorElm) {
   return anchorElm ? anchorElm.innerText : selection.getContent({
     format: 'text'
   });
 }
-
 function updateLink(editor, anchorElm, text, linkAttrs) {
   if (text && anchorElm.innerText !== text) {
     anchorElm.innerText = text;
   }
-
   editor.dom.setAttribs(anchorElm, linkAttrs);
   editor.selection.select(anchorElm);
   editor.undoManager.add();
 }
-
 function createLink(editor, selectedElm, text, linkAttrs, canvasOrigin) {
   if (isImageFigure(selectedElm)) {
     linkImageFigure(editor, selectedElm, linkAttrs, canvasOrigin);
@@ -277,17 +259,15 @@ function createLink(editor, selectedElm, text, linkAttrs, canvasOrigin) {
     editor.execCommand('mceInsertLink', false, linkAttrs);
   }
 }
-
 function linkImageFigure(editor, fig, attrs, canvasOrigin) {
   const img = fig.tagName === 'IMG' ? fig : editor.dom.select('img', fig)[0];
-
   if (img) {
     const a = renderLink(attrs, img, canvasOrigin);
     img.parentNode.insertBefore(a, img);
   }
 }
-/* ** video insertion ** */
 
+/* ** video insertion ** */
 
 export function insertVideo(editor, video, canvasOrigin) {
   return insertMedia(editor, video, renderVideo, canvasOrigin);
@@ -295,30 +275,27 @@ export function insertVideo(editor, video, canvasOrigin) {
 export function insertAudio(editor, audio, canvasOrigin) {
   return insertMedia(editor, audio, renderAudio, canvasOrigin);
 }
-
 function insertMedia(editor, media, renderMedia, canvasOrigin) {
   const src = mediaPlayerURLFromFile(media, canvasOrigin);
-
   if (editor.selection.isCollapsed()) {
-    var _result;
-
-    let result = insertContent(editor, renderMedia(media, canvasOrigin)); // for some reason, editor.selection.getEnd() returned from
+    let result = insertContent(editor, renderMedia(media, canvasOrigin));
+    // for some reason, editor.selection.getEnd() returned from
     // insertContent is parent paragraph when inserting the
     // media iframe. Look for the iframe with the right
     // src attribute. (Aside: tinymce strips the id or data-*
     // attributes from the iframe, that's why we can't look for those)
+    result = result.querySelector(`iframe[src="${src}"]`);
 
-    result = result.querySelector(`iframe[src="${src}"]`); // When the iframe is inserted, it doesn't allow the media to play
+    // When the iframe is inserted, it doesn't allow the media to play
     // because the wrapping span captures the click events. Setting
     // contentEditable to false disables this behavior.
-
-    if ((_result = result) !== null && _result !== void 0 && _result.parentElement) {
+    if (result?.parentElement) {
       editor.dom.setAttrib(result.parentElement, 'contenteditable', false);
     }
-
     return result;
   } else {
-    return insertLink(editor, { ...media,
+    return insertLink(editor, {
+      ...media,
       href: src
     }, canvasOrigin);
   }

package/es/rce/contentInsertionUtils.js

@@ -34,32 +34,30 @@
  */
 export function cleanUrl(input) {
   let url = input;
-
   if (input) {
     if (input.match(/@/) && !input.match(/\//) && !input.match(/^mailto:/)) {
       url = 'mailto:' + input;
     } else if (!input.match(/^\w+:\/\//) && !input.match(/^(?:mailto|skype|tel):/) && !input.match(/^\//)) {
       url = 'http://' + input;
     }
-
     if (url.indexOf('@') != -1 && url.indexOf('mailto:') != 0 && !url.match(/^http/)) {
       url = 'mailto:' + url;
     }
   }
-
   return url;
-} // given the current selection, find the containing anchor
+}
 
+// given the current selection, find the containing anchor
 export function getAnchorElement(editor, selectedElm) {
   selectedElm = selectedElm || editor.selection.getNode();
-
   if (isImageFigure(selectedElm)) {
     return editor.dom.select('a[href]', selectedElm)[0];
   } else {
     return editor.dom.getParent(selectedElm, 'a[href]');
   }
-} // is the selection only text, or are other elements selected
+}
 
+// is the selection only text, or are other elements selected
 const d = document.createElement('div');
 export function isOnlyTextSelected(html) {
   // this regex-based code is lifted from tinymce's link plugin, but I didn't like it.
@@ -76,10 +74,10 @@ export function isOKToLink(html) {
   if (/(?:<(iframe|audio|video)|data-placeholder-for)/.test(html)) {
     return false;
   }
-
   return true;
 }
 export function isImageFigure(elm) {
-  return elm && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className) // (elm.nodeName === 'IMG' || (elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className)))
+  return elm && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className)
+  // (elm.nodeName === 'IMG' || (elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className)))
   ;
 }

package/es/rce/contentRendering.js

@@ -15,6 +15,7 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import React from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import { cleanUrl } from './contentInsertionUtils';
@@ -23,39 +24,38 @@ import { VIDEO_SIZE_DEFAULT, AUDIO_PLAYER_SIZE } from './plugins/instructure_rec
 import { mediaPlayerURLFromFile } from './plugins/shared/fileTypeUtils';
 import { prepEmbedSrc, prepLinkedSrc, absoluteToRelativeUrl } from '../common/fileUrl';
 export function renderLink(data, contents, canvasOrigin) {
-  const linkAttrs = { ...data
+  const linkAttrs = {
+    ...data
   };
   linkAttrs.href = prepLinkedSrc(linkAttrs.href || linkAttrs.url);
   delete linkAttrs.url;
-
   if (linkAttrs.href) {
     linkAttrs.href = absoluteToRelativeUrl(cleanUrl(linkAttrs.href), canvasOrigin);
   }
-
   linkAttrs.title = linkAttrs.title || formatMessage('Link');
   const children = contents || linkAttrs.text || linkAttrs.title;
   delete linkAttrs.selectionDetails;
   delete linkAttrs.text;
   linkAttrs.className = linkAttrs.class;
-  delete linkAttrs.class; // renderToStaticMarkup isn't happy with bool attributes
+  delete linkAttrs.class;
 
+  // renderToStaticMarkup isn't happy with bool attributes
   Object.keys(linkAttrs).forEach(attr => {
     if (typeof linkAttrs[attr] === 'boolean') linkAttrs[attr] = linkAttrs[attr].toString();
   });
-  return renderToStaticMarkup( /*#__PURE__*/React.createElement("a", linkAttrs, children));
+  return renderToStaticMarkup(/*#__PURE__*/React.createElement("a", linkAttrs, children));
 }
 export function renderLinkedImage(linkElem, image, canvasOrigin) {
   const linkHref = linkElem.getAttribute('href');
   image.href = prepEmbedSrc(image.href, canvasOrigin);
-  return renderToStaticMarkup( /*#__PURE__*/React.createElement("a", {
+  return renderToStaticMarkup(/*#__PURE__*/React.createElement("a", {
     href: absoluteToRelativeUrl(linkHref, canvasOrigin),
     "data-mce-href": linkHref
   }, constructJSXImageElement(image, canvasOrigin, {
     doNotLink: true
   })));
 }
-export function constructJSXImageElement(image, canvasOrigin) {
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+export function constructJSXImageElement(image, canvasOrigin, opts = {}) {
   const {
     href,
     url,
@@ -69,22 +69,19 @@ export function constructJSXImageElement(image, canvasOrigin) {
   } = image;
   const imageSrc = absoluteToRelativeUrl(href || url || src, canvasOrigin);
   let altText = alt_text || title || display_name || '';
-
   if (isDecorativeImage) {
     altText = '';
     otherAttributes.role = 'presentation';
   }
-
   delete otherAttributes.contextType; // react doesn't like these
-
   delete otherAttributes.contextId;
   const ret = /*#__PURE__*/React.createElement("img", Object.assign({
     alt: altText,
     src: imageSrc,
     width: image.width,
-    height: image.height
+    height: image.height,
+    loading: "lazy"
   }, otherAttributes));
-
   if (link && !opts.doNotLink) {
     return /*#__PURE__*/React.createElement("a", {
       href: absoluteToRelativeUrl(link, canvasOrigin),
@@ -92,7 +89,6 @@ export function constructJSXImageElement(image, canvasOrigin) {
       rel: "noopener noreferrer"
     }, ret);
   }
-
   return ret;
 }
 export function renderImage(image, canvasOrigin, opts) {
@@ -107,6 +103,7 @@ export function renderVideo(video, canvasOrigin) {
       allowfullscreen
       data-media-id="${getMediaId(video)}"
       data-media-type="video"
+      loading="lazy"
       src="${src}"
       style="width:${VIDEO_SIZE_DEFAULT.width};height:${VIDEO_SIZE_DEFAULT.height};display:inline-block;"
       title="${formatMessage('Video player for {title}', {
@@ -120,6 +117,7 @@ export function renderAudio(audio, canvasOrigin) {
   <iframe
       data-media-id="${getMediaId(audio)}"
       data-media-type="audio"
+      loading="lazy"
       src="${src}"
       style="width:${AUDIO_PLAYER_SIZE.width};height:${AUDIO_PLAYER_SIZE.height};display:inline-block;"
       title="${formatMessage('Audio player for {title}', {
@@ -132,12 +130,10 @@ export function getMediaId(media) {
   return media.media_id || media.media_entry_id || media.id || media.file_id;
 }
 export function updateImage(editor, img, attrs) {
-  var _editor$rceWrapper;
-
   // Workaround: When passing empty string to editor.dom.setAttribs it removes the attribute
   img.setAttribute('alt', attrs.altText);
   editor.dom.setAttribs(img, {
-    src: absoluteToRelativeUrl(attrs.url, (_editor$rceWrapper = editor.rceWrapper) === null || _editor$rceWrapper === void 0 ? void 0 : _editor$rceWrapper.getCanvasUrl()),
+    src: absoluteToRelativeUrl(attrs.url, editor.rceWrapper?.getCanvasUrl()),
     role: attrs.isDecorativeImage ? 'presentation' : null,
     width: attrs.appliedWidth,
     height: attrs.appliedHeight

package/es/rce/customEvents.js

@@ -15,4 +15,5 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 export const VIEW_CHANGE = 'ViewChange'; // Emitted when the RCE view changes (example: WYSIWYG -> RAW)

package/es/rce/editorLanguage.js

@@ -15,8 +15,17 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 // if a locale is absent, we don't expect to receive it from canvas, but we'll
 // treat it the same as how we explicitly use english for Maori.
+
+/**
+ * Mapping of locales to their corresponding TinyMCE language codes.
+ * If a locale is absent, we don't expect to receive it from Canvas,
+ * but we'll treat it the same as how we explicitly use English for Maori.
+ *
+ * @type {Object<string, string | undefined>}
+ */
 const mapping = {
   ar: 'ar_SA',
   bg: 'bg_BG',
@@ -26,7 +35,7 @@ const mapping = {
   da: 'da',
   de: 'de',
   el: 'el',
-  // returning undefined tell tinymce to use it's default (en) strings
+  // returning undefined tells tinymce to use its default (en) strings
   en: undefined,
   // tinymce doesn't have Australian strings, so just pretend it's en-GB
   'en-AU': 'en_GB',
@@ -76,28 +85,31 @@ const mapping = {
   'zh-HK': 'zh_TW',
   'zh-Hans': 'zh_CN',
   'zh-Hant': 'zh_TW'
-}; // still expose it as a method for consistent usage and in case we ever have to
-// add special casing or null interpretation in the future
+};
 
+/**
+ * Function to return the corresponding TinyMCE language code for a given locale.
+ * If the locale is not provided, it will return the default language (English).
+ * If the locale contains underscores, they are replaced with hyphens for compatibility.
+ * If the locale contains a custom variant (e.g., -x-), the base language is used for mapping.
+ *
+ * @param {string} [locale] - The locale string.
+ * @returns {string | undefined} The corresponding TinyMCE language code, or undefined if not found.
+ */
 function editorLanguage(locale) {
   if (!locale) {
     return mapping.en;
   }
-
   if (locale.match('_')) {
     locale = locale.replace('_', '-');
-  } // tinymce won't know about custom locales, use the base one for mapping
-
-
+  }
+  // tinymce won't know about custom locales, use the base one for mapping
   if (locale.match('-x-')) {
     locale = locale.split('-x-')[0];
   }
-
   if (mapping[locale]) {
     return mapping[locale];
   }
-
   return mapping[locale.split('-')[0]];
 }
-
-module.exports = editorLanguage;
+exports.editorLanguage = editorLanguage;

package/es/rce/indicatorRegion.js

@@ -15,12 +15,13 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
-import offset from 'bloody-offset'; // the editor's iframe
 
+import offset from 'bloody-offset';
+
+// the editor's iframe
 function editorIframe(editor) {
   return editor.getContainer().querySelector('iframe');
 }
-
 function box(el) {
   const b = el.getBoundingClientRect();
   return {
@@ -29,14 +30,13 @@ function box(el) {
     width: b.right - b.left,
     height: b.bottom - b.top
   };
-} //
+}
+
+//
 // the shape of the target's sillhouette on the editor's container. have to
 // subtract out the iframe's scroll since the target's position is relative to
 // the iframe's _document_, not its visible window.
-
-
-export default function indicatorRegion(editor, target) {
-  let offsetFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : offset;
+export default function indicatorRegion(editor, target, offsetFn = offset) {
   const iframe = editorIframe(editor);
   const outerShape = offsetFn(iframe);
   const innerShape = box(target);

package/es/rce/normalizeLocale.js

@@ -15,10 +15,12 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
-import { getLocaleList } from '../getTranslations'; // keys = "qualified" locales old canvas sent, values = corresponding standard
+
+import { getLocaleList } from '../getTranslations';
+
+// keys = "qualified" locales old canvas sent, values = corresponding standard
 // locales that canvas now sends. old locales absent from this mapping (e.g.
 // pt-BR) didn't change.
-
 const mapping = {
   fa: 'fa-IR',
   uk: 'uk-UA',
@@ -27,7 +29,6 @@ const mapping = {
 };
 export default function normalizeLocale(locale) {
   const recognized = getLocaleList();
-
   if (!locale) {
     // default to english
     return 'en';
@@ -42,6 +43,7 @@ export default function normalizeLocale(locale) {
     locale = locale.split('-x-')[0];
     return normalizeLocale(locale);
   } else if (recognized.indexOf(locale.split('-')[0]) >= 0) {
+    // pass through base locale if recognized
     return locale.split('-')[0];
   } else {
     // default to english for unrecognized locales

package/es/rce/normalizeProps.js

@@ -15,15 +15,17 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+
 import wrapInitCb from './wrapInitCb';
-export default function (props, tinymce) {
-  const initialEditorOptions = props.editorOptions(tinymce);
-  const editorOptions = wrapInitCb(props.mirroredAttrs, initialEditorOptions);
-  return { // other props, including overrides
+export default function normalizeProps(props, tinyMCE) {
+  const initialEditorOptions = props.editorOptions ? props.editorOptions(tinyMCE) : {};
+  const editorOptions = wrapInitCb(props.mirroredAttrs || {}, initialEditorOptions);
+  return {
+    // other props, including overrides
     ...props,
     // enforced values, in addition to props and cannot be overridden by
     // props
     editorOptions,
-    tinymce
+    tinymce: tinyMCE
   };
 }