@instructure/canvas-rce 5.14.1 → 5.15.0

package/es/rce/plugins/instructure_equation/EquationEditorModal/index.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, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { TextArea } from '@instructure/ui-text-area';
@@ -29,13 +30,14 @@ import formatMessage from '../../../../format-message';
 import MemoizedEquationEditorToolbar from '../EquationEditorToolbar';
 import { containsAdvancedSyntax } from './advancedOnlySyntax';
 import * as advancedPreference from './advancedPreference';
-import { instuiPopupMountNode } from '../../../../util/fullscreenHelpers';
+import { instuiPopupMountNodeFn } from '../../../../util/fullscreenHelpers';
 import { css } from 'aphrodite';
 import { MathJaxDirective, Mathml } from '../../../../enhance-user-content/mathml';
 import styles from './styles';
-import RCEGlobals from '../../../RCEGlobals'; // Import the <math-field> container and all
-// the relevant math fonts from mathlive
+import RCEGlobals from '../../../RCEGlobals';
 
+// Import the <math-field> container and all
+// the relevant math fonts from mathlive
 import '../mathlive';
 import { insertTextIntoLatexTextarea } from './latexTextareaUtil';
 export default class EquationEditorModal extends Component {
@@ -47,14 +49,10 @@ export default class EquationEditorModal extends Component {
     };
     this.previewElement = /*#__PURE__*/React.createRef();
     this.advancedEditor = /*#__PURE__*/React.createRef();
-
     this.executeCommand = (cmd, advancedCmd) => {
       if (this.state.advanced) {
-        var _this$advancedEditor$;
-
         const insertionText = advancedCmd || cmd;
-        const textarea = (_this$advancedEditor$ = this.advancedEditor.current) === null || _this$advancedEditor$ === void 0 ? void 0 : _this$advancedEditor$._textarea;
-
+        const textarea = this.advancedEditor.current?._textarea;
         if (textarea) {
           insertTextIntoLatexTextarea(textarea, insertionText);
           this.setState({
@@ -67,25 +65,20 @@ export default class EquationEditorModal extends Component {
         });
       }
     };
-
     this.handleModalCancel = () => {
       this.props.onModalDismiss();
     };
-
     this.handleModalDone = () => {
       const {
         onModalDismiss,
         onEquationSubmit
       } = this.props;
       const output = this.state.advanced ? this.state.workingFormula : this.getMathFiled();
-
       if (output) {
         onEquationSubmit(output);
       }
-
       onModalDismiss();
     };
-
     this.renderMathInAdvancedPreview = debounce(() => {
       if (this.previewElement.current) {
         this.previewElement.current.innerHTML = String.raw`\(${this.state.workingFormula}\)`;
@@ -95,7 +88,6 @@ export default class EquationEditorModal extends Component {
       leading: false,
       trailing: true
     });
-
     this.toggleAdvanced = () => {
       this.setState(state => {
         if (state.advanced) {
@@ -113,12 +105,10 @@ export default class EquationEditorModal extends Component {
       });
       this.setPreviewElementContent();
     };
-
     this.toggleAndUpdatePreference = () => {
       this.toggleAdvanced();
       advancedPreference.isSet() ? advancedPreference.remove() : advancedPreference.set();
     };
-
     this.registerBasicEditorListener = () => {
       const basicEditor = document.querySelector('math-field');
       basicEditor.addEventListener('input', e => {
@@ -130,11 +120,9 @@ export default class EquationEditorModal extends Component {
         }
       });
     };
-
     this.handleFieldRef = node => {
       this.mathField = node;
     };
-
     this.renderFooter = () => {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
         "data-testid": "equation-editor-modal-cancel",
@@ -146,7 +134,6 @@ export default class EquationEditorModal extends Component {
         color: "primary"
       }, formatMessage('Done')));
     };
-
     this.renderToggle = () => {
       const lockToggle = this.state.advanced && this.advancedModeOnly(this.state.workingFormula);
       return /*#__PURE__*/React.createElement(ConditionalTooltip, {
@@ -162,17 +149,14 @@ export default class EquationEditorModal extends Component {
         "data-testid": "advanced-toggle"
       }));
     };
-
     this.render = () => {
-      var _RCEGlobals$getFeatur;
-
       const {
         onModalClose
       } = this.props;
       return /*#__PURE__*/React.createElement(Modal, {
         "data-mce-component": true,
         label: formatMessage('Equation Editor'),
-        mountNode: instuiPopupMountNode,
+        mountNode: instuiPopupMountNodeFn,
         onClose: onModalClose,
         onDismiss: this.handleModalCancel,
         open: true,
@@ -234,16 +218,15 @@ export default class EquationEditorModal extends Component {
       }, /*#__PURE__*/React.createElement("span", {
         "data-testid": "mathml-preview-element",
         ref: this.previewElement,
-        className: (_RCEGlobals$getFeatur = RCEGlobals.getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.explicit_latex_typesetting ? MathJaxDirective.Process : null
+        className: RCEGlobals.getFeatures()?.explicit_latex_typesetting ? MathJaxDirective.Process : null
       })))), /*#__PURE__*/React.createElement(Modal.Footer, null, this.renderFooter()));
     };
-
     this.mathml = new Mathml(RCEGlobals.getFeatures(), RCEGlobals.getConfig());
   }
-
   // **************** //
   // Helper functions //
   // **************** //
+
   insertNewRange() {
     const {
       editor,
@@ -260,15 +243,15 @@ export default class EquationEditorModal extends Component {
     range.setEnd(startContainer, rightIndex);
     editor.selection.setRng(range);
   }
-
   advancedModeOnly(latex) {
     const normalizedLatex = latex.replace(/\s+/, '');
     return containsAdvancedSyntax(normalizedLatex);
-  } // ********* //
+  }
+
+  // ********* //
   // Callbacks //
   // ********* //
 
-
   setPreviewElementContent() {
     if (this.state.workingFormula) {
       this.renderMathInAdvancedPreview();
@@ -277,6 +260,10 @@ export default class EquationEditorModal extends Component {
     }
   }
 
+  // ******************* //
+  // Rendering functions //
+  // ******************* //
+
   componentDidMount() {
     this.registerBasicEditorListener();
     this.setPreviewElementContent();
@@ -284,33 +271,26 @@ export default class EquationEditorModal extends Component {
     if (!this.state.advanced) this.setMathField(this.state.workingFormula);
     this.insertNewRange();
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (this.state.workingFormula !== prevState.workingFormula) {
       this.setPreviewElementContent();
     }
   }
-
   stubMacros() {
-    var _this$mathField;
-
     // Mathlive's macros exist for a different use case;
     // we don't intend for our users to utilize them.
     // This effectively disables all of them to prevent
     // weird behaviors that users don't expect.
-    (_this$mathField = this.mathField) === null || _this$mathField === void 0 ? void 0 : _this$mathField.setOptions({
+    this.mathField?.setOptions({
       macros: {}
     });
   }
-
   setMathField(formula) {
     this.mathField.setValue(formula);
   }
-
   getMathFiled() {
     return this.mathField.getValue();
   }
-
 }
 EquationEditorModal.debounceRate = 1000;
 EquationEditorModal.propTypes = {

package/es/rce/plugins/instructure_equation/EquationEditorModal/latexTextareaUtil.js

@@ -15,7 +15,9 @@
  * 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 { performTextEditActionOnTextarea } from '../../../../util/textarea-editing-util';
+
 /**
  * Inserts text into a textarea for editing LaTeX, handling selection and focus management.
  *
@@ -24,13 +26,11 @@ import { performTextEditActionOnTextarea } from '../../../../util/textarea-editi
  * @param textarea
  * @param insertionText
  */
-
 export function insertTextIntoLatexTextarea(textarea, insertionText) {
   var _textarea$value, _textarea$selectionSt, _textarea$selectionEn;
-
-  const currentText = (_textarea$value = textarea === null || textarea === void 0 ? void 0 : textarea.value) !== null && _textarea$value !== void 0 ? _textarea$value : '';
-  const selStart = (_textarea$selectionSt = textarea === null || textarea === void 0 ? void 0 : textarea.selectionStart) !== null && _textarea$selectionSt !== void 0 ? _textarea$selectionSt : currentText.length;
-  const selEnd = (_textarea$selectionEn = textarea === null || textarea === void 0 ? void 0 : textarea.selectionEnd) !== null && _textarea$selectionEn !== void 0 ? _textarea$selectionEn : selStart;
+  const currentText = (_textarea$value = textarea?.value) !== null && _textarea$value !== void 0 ? _textarea$value : '';
+  const selStart = (_textarea$selectionSt = textarea?.selectionStart) !== null && _textarea$selectionSt !== void 0 ? _textarea$selectionSt : currentText.length;
+  const selEnd = (_textarea$selectionEn = textarea?.selectionEnd) !== null && _textarea$selectionEn !== void 0 ? _textarea$selectionEn : selStart;
   textarea.focus();
   planInsertTextIntoLatexTextarea({
     insertionText,
@@ -48,23 +48,24 @@ export function planInsertTextIntoLatexTextarea(args) {
     selStart,
     selEnd
   } = args;
-  const selectedText = currentText.substring(selStart, selEnd); // Look for parameters ([] or {}) in the command text, because we'll want to wrap the current selection in the
-  // command in that case
+  const selectedText = currentText.substring(selStart, selEnd);
 
-  const singleParamParts = insertionText.match( // Match both [] and {}
+  // Look for parameters ([] or {}) in the command text, because we'll want to wrap the current selection in the
+  // command in that case
+  const singleParamParts = insertionText.match(
+  // Match both [] and {}
   /^(.*?\{)\s*(}.*)$|^(.*?\[)\s*(].*)$/);
-  const doubleParamParts = insertionText.match( // Match two sets of [] and/or {}
-  /^(?:(.*?\{)\s*(}.*?)|(.*?\[)\s*(].*?))(?:(.*?\{)\s*(}.*?)|(.*?\[)\s*(].*))$/ //   1         2      3         4         5         6      7         8
+  const doubleParamParts = insertionText.match(
+  // Match two sets of [] and/or {}
+  /^(?:(.*?\{)\s*(}.*?)|(.*?\[)\s*(].*?))(?:(.*?\{)\s*(}.*?)|(.*?\[)\s*(].*))$/
+  //   1         2      3         4         5         6      7         8
   );
-
   if (doubleParamParts) {
     var _ref, _m$, _ref2, _m$2, _ref3, _m$3, _ref4, _m$4;
-
     const m = doubleParamParts;
     const before = (_ref = (_m$ = m[1]) !== null && _m$ !== void 0 ? _m$ : m[3]) !== null && _ref !== void 0 ? _ref : '';
     const middle = ((_ref2 = (_m$2 = m[2]) !== null && _m$2 !== void 0 ? _m$2 : m[4]) !== null && _ref2 !== void 0 ? _ref2 : '') + ((_ref3 = (_m$3 = m[5]) !== null && _m$3 !== void 0 ? _m$3 : m[7]) !== null && _ref3 !== void 0 ? _ref3 : '');
     const after = (_ref4 = (_m$4 = m[6]) !== null && _m$4 !== void 0 ? _m$4 : m[8]) !== null && _ref4 !== void 0 ? _ref4 : '';
-
     if (selectedText.length) {
       // When there is a selection with a double-parameter command, the selection should fill the first parameter
       // and the cursor should be be placed in the second parameter
@@ -85,10 +86,8 @@ export function planInsertTextIntoLatexTextarea(args) {
     }
   } else if (singleParamParts) {
     var _singleParamParts$, _singleParamParts$2;
-
     const before = (_singleParamParts$ = singleParamParts[1]) !== null && _singleParamParts$ !== void 0 ? _singleParamParts$ : singleParamParts[3];
     const after = (_singleParamParts$2 = singleParamParts[2]) !== null && _singleParamParts$2 !== void 0 ? _singleParamParts$2 : singleParamParts[4];
-
     if (selectedText.length) {
       // When there is a selection and only a single parameter, the selection should be used as the parameter
       // and the cursor placed at the end of the command

package/es/rce/plugins/instructure_equation/EquationEditorModal/parseLatex.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 { containsAdvancedSyntax } from './advancedOnlySyntax';
 // Used to detect inline latex delimited like: \( ... \) OR $$ ... $$
 const BOUNDARY_REGEX = /\\\((.+?)\\\)|\$\$(.+?)\$\$/g;
@@ -47,16 +48,17 @@ export const parseLatex = editor => {
   const selection = editor.selection.getContent();
   const selectionNode = editor.selection.getNode();
   const editorRange = editor.selection.getRng();
-  const startContainer = editorRange === null || editorRange === void 0 ? void 0 : editorRange.startContainer;
-  const wholeText = startContainer === null || startContainer === void 0 ? void 0 : startContainer.wholeText; // check if selection is inline latex
+  const startContainer = editorRange?.startContainer;
+  const wholeText = startContainer?.wholeText;
 
+  // check if selection is inline latex
   if (selection && selectionIsLatex(selection)) {
     const latex = cleanLatex(selection);
     return {
       latex,
       advancedOnly: containsAdvancedSyntax(latex)
     };
-  } else if ((selectionNode === null || selectionNode === void 0 ? void 0 : selectionNode.tagName) === 'IMG' && selectionNode !== null && selectionNode !== void 0 && selectionNode.classList.contains('equation_image')) {
+  } else if (selectionNode?.tagName === 'IMG' && selectionNode?.classList.contains('equation_image')) {
     // check if we launched modal from an equation image
     try {
       const src = new URL(selectionNode.src);
@@ -72,18 +74,17 @@ export const parseLatex = editor => {
     }
   } else if (wholeText) {
     // check if the cursor was within inline latex when launched
+
     // The `wholeText` value is not sufficient, since we could be dealing with
     // a number of nested ranges. The `nodeValue` is the text in the range in
     // which we have found the cursor.
     const nodeValue = startContainer.nodeValue || '';
     const cursor = editorRange.startOffset;
     const parsedLatex = findLatex(nodeValue, cursor);
-
     if (parsedLatex.latex) {
       parsedLatex.startContainer = startContainer;
       parsedLatex.advancedOnly = containsAdvancedSyntax(parsedLatex.latex);
     }
-
     return parsedLatex;
   } else {
     return {};

package/es/rce/plugins/instructure_equation/EquationEditorModal/styles.js

@@ -15,12 +15,14 @@
  * 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 { StyleSheet } from 'aphrodite';
 const cssRules = `#MathJax_MenuFrame {
   z-index: 10000 !important;
-}`; // Applying z-index for MathJax menu inside config shows the element but doesn't user interact with it.
-// Manually adding z-index as head style
+}`;
 
+// Applying z-index for MathJax menu inside config shows the element but doesn't user interact with it.
+// Manually adding z-index as head style
 const style = document.createElement('style');
 style.appendChild(document.createTextNode(cssRules));
 document.head.appendChild(style);

package/es/rce/plugins/instructure_equation/EquationEditorToolbar/buttons.js

@@ -15,9 +15,9 @@
  * 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/>.
  */
-const formatMessage = require('../../../../format-message');
 
-module.exports = [{
+import formatMessage from '../../../../format-message';
+export default [{
   name: formatMessage('Basic'),
   commands: [{
     displayName: 'x_{\u2B1A}^{\\ }',
@@ -61,7 +61,8 @@ module.exports = [{
     advancedCommand: '\\binom{ }{ }',
     svgCommand: '\\binom{n}{m}',
     label: formatMessage('Binomial Coefficient')
-  }, // TODO maybe re-add vector, after figuring out if it even works
+  },
+  // TODO maybe re-add vector, after figuring out if it even works
   {
     command: 'f',
     label: formatMessage('F (function)')
@@ -404,7 +405,8 @@ module.exports = [{
   }, {
     command: '\\ni',
     label: formatMessage('Contains')
-  }, // TODO consider reenabling once mathlive supports it
+  },
+  // TODO consider reenabling once mathlive supports it
   // { command: '\\notni' },
   {
     command: '\\subset',
@@ -670,7 +672,8 @@ module.exports = [{
   }, {
     command: '\\spadesuit',
     label: formatMessage('Spades (Suit)')
-  }, // TODO maybe readd caret, underscore once I figure out if they even worked
+  },
+  // TODO maybe readd caret, underscore once I figure out if they even worked
   {
     command: '\\backslash',
     label: formatMessage('Backslash')
@@ -686,7 +689,8 @@ module.exports = [{
   }, {
     command: '\\hbar',
     label: formatMessage('H Bar')
-  }, // TODO consider renabling if we can not get stuck in text mode
+  },
+  // TODO consider renabling if we can not get stuck in text mode
   // { command: '\\text\\AA' },
   {
     command: '\\circ',
@@ -700,7 +704,8 @@ module.exports = [{
   }, {
     command: '\\neg',
     label: formatMessage('Not (Negation)')
-  }, // TODO consider reenabling once mathlive supports it
+  },
+  // TODO consider reenabling once mathlive supports it
   // { command: '\\dots' },
   {
     command: '\\Re',
@@ -720,7 +725,8 @@ module.exports = [{
   }, {
     command: '^\\circ',
     label: formatMessage('Degree Symbol')
-  }, // \\deg requires the gensymb package added to LaTex
+  },
+  // \\deg requires the gensymb package added to LaTex
   {
     command: '\\angle',
     label: formatMessage('Angle')

package/es/rce/plugins/instructure_equation/EquationEditorToolbar/index.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, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Tabs } from '@instructure/ui-tabs';
@@ -26,38 +27,34 @@ const buttonContainerStyle = {
   marginBottom: '5px',
   paddingRight: '5px'
 };
-
 function EquationEditorToolbar(props) {
   const [selectedTab, setSelectedTab] = useState('Basic');
-
-  const handleTabChange = (event, _ref) => {
-    let {
-      index
-    } = _ref;
+  const handleTabChange = (event, {
+    index
+  }) => {
     setSelectedTab(buttons[index].name);
   };
-
   const renderTabPanel = section => /*#__PURE__*/React.createElement(Tabs.Panel, {
     id: section.name,
     key: section.name,
     padding: "small small",
     renderTitle: section.name,
     isSelected: selectedTab === section.name
-  }, section.commands.map(_ref2 => {
-    let {
-      displayName,
-      command,
-      advancedCommand,
-      label
-    } = _ref2;
+  }, section.commands.map(({
+    displayName,
+    command,
+    advancedCommand,
+    label
+  }) => {
     const name = displayName || command;
     const icon = /*#__PURE__*/React.createElement(MathIcon, {
       command: command
-    }); // I'm inlining styles here because for some reason the RCE plugin plays
+    });
+
+    // I'm inlining styles here because for some reason the RCE plugin plays
     // poorly with the way webpack is compiling styles, causing rules from a
     // styles.css file to not show up. It would be nice to figure out how to
     // fix this, though.
-
     return /*#__PURE__*/React.createElement("div", {
       style: buttonContainerStyle,
       key: name
@@ -67,7 +64,6 @@ function EquationEditorToolbar(props) {
       screenReaderLabel: `${label}, LaTeX: ${name}`
     }));
   }));
-
   return /*#__PURE__*/React.createElement(Tabs, {
     variant: "secondary",
     onRequestTabChange: handleTabChange,
@@ -76,7 +72,6 @@ function EquationEditorToolbar(props) {
     maxWidth: "42rem"
   }, buttons.map(renderTabPanel));
 }
-
 EquationEditorToolbar.propTypes = {
   executeCommand: PropTypes.func.isRequired
 };

package/es/rce/plugins/instructure_equation/MathIcon/index.js

@@ -15,16 +15,15 @@
  * 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 { string } from 'prop-types';
 import { IconWarningLine } from '@instructure/ui-icons';
 import { SVGIcon } from '@instructure/ui-svg-images';
 import svgs from './svgs';
-export default function MathIcon(_ref) {
-  let {
-    command
-  } = _ref;
-
+export default function MathIcon({
+  command
+}) {
   if (command in svgs) {
     return /*#__PURE__*/React.createElement(SVGIcon, {
       src: svgs[command],

package/es/rce/plugins/instructure_equation/MathIcon/svgs.js

@@ -17,8 +17,8 @@
  */
 
 /***** This is an auto-generated file. Please do not modify manually *****/
-
 /************ If you need to update, run 'yarn generate-svgs' ************/
+
 export default {
   '_{\\placeholder{}}': '<svg style="vertical-align: -0.339ex" xmlns="http://www.w3.org/2000/svg" width="2.727ex" height="1.339ex" role="img" focusable="false" viewBox="0 -442 1205.1 592" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-I-25FB" d="M71 0Q59 4 55 16V346L56 676Q64 686 70 689H709Q719 681 722 674V15Q719 10 709 1L390 0H71ZM682 40V649H95V40H682Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msub"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="25FB" xlink:href="#MJX-1-TEX-I-25FB"></use></g></g></g></g></g></svg>',
   '^{\\placeholder{}}': '<svg style="vertical-align: -0.025ex" xmlns="http://www.w3.org/2000/svg" width="2.727ex" height="2.062ex" role="img" focusable="false" viewBox="0 -900.2 1205.1 911.2" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="MJX-2-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-2-TEX-I-25FB" d="M71 0Q59 4 55 16V346L56 676Q64 686 70 689H709Q719 681 722 674V15Q719 10 709 1L390 0H71ZM682 40V649H95V40H682Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msup"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-2-TEX-I-1D465"></use></g><g data-mml-node="TeXAtom" transform="translate(605,413) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="25FB" xlink:href="#MJX-2-TEX-I-25FB"></use></g></g></g></g></g></svg>',

package/es/rce/plugins/instructure_equation/clickCallback.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 ReactDOM from 'react-dom';
 import Bridge from '../../../bridge';
@@ -25,23 +26,19 @@ export default function (ed, document, _trayProps) {
     const rce = Bridge.activeEditor();
     const EquationEditorModal = module.default;
     let container = document.querySelector('.canvas-rce-equation-container');
-
     if (!container) {
       container = document.createElement('div');
       container.className = 'canvas-rce-equation-container';
       document.body.appendChild(container);
     }
-
     const handleDismiss = () => {
       ReactDOM.unmountComponentAtNode(container);
       ed.focus(false);
     };
-
     const handleSubmit = latex => {
       rce.insertMathEquation(latex);
     };
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(EquationEditorModal, {
+    ReactDOM.render(/*#__PURE__*/React.createElement(EquationEditorModal, {
       editor: ed,
       onModalDismiss: handleDismiss,
       onModalClose: handleDismiss,