@instructure/canvas-rce 5.14.0 → 5.14.2

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,10 +26,8 @@ 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;
@@ -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;
@@ -48,8 +49,9 @@ export const parseLatex = editor => {
   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 wholeText = startContainer === null || startContainer === void 0 ? void 0 : startContainer.wholeText;
 
+  // check if selection is inline latex
   if (selection && selectionIsLatex(selection)) {
     const latex = cleanLatex(selection);
     return {
@@ -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,8 +15,8 @@
  * 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');
 
+const formatMessage = require('../../../../format-message');
 module.exports = [{
   name: formatMessage('Basic'),
   commands: [{
@@ -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,17 +27,14 @@ const buttonContainerStyle = {
   marginBottom: '5px',
   paddingRight: '5px'
 };
-
 function EquationEditorToolbar(props) {
   const [selectedTab, setSelectedTab] = useState('Basic');
-
   const handleTabChange = (event, _ref) => {
     let {
       index
     } = _ref;
     setSelectedTab(buttons[index].name);
   };
-
   const renderTabPanel = section => /*#__PURE__*/React.createElement(Tabs.Panel, {
     id: section.name,
     key: section.name,
@@ -53,11 +51,12 @@ function EquationEditorToolbar(props) {
     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 +66,6 @@ function EquationEditorToolbar(props) {
       screenReaderLabel: `${label}, LaTeX: ${name}`
     }));
   }));
-
   return /*#__PURE__*/React.createElement(Tabs, {
     variant: "secondary",
     onRequestTabChange: handleTabChange,
@@ -76,7 +74,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,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 { string } from 'prop-types';
 import { IconWarningLine } from '@instructure/ui-icons';
@@ -24,7 +25,6 @@ export default function MathIcon(_ref) {
   let {
     command
   } = _ref;
-
   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,

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

@@ -15,8 +15,8 @@
  * 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 mathliveCss = require('mathlive/dist/mathlive-fonts.css');
 
+const mathliveCss = require('mathlive/dist/mathlive-fonts.css');
 const cssRules = `.ML__popover {
   /* Override this so it shows up on top of dialogs */
   z-index: 20000 !important;

package/es/rce/plugins/instructure_equation/plugin.js

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 /*
  * Copyright (C) 2018 - present Instructure, Inc.
  *
@@ -17,16 +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 formatMessage from '../../../format-message';
 import clickCallback from './clickCallback';
+// @ts-expect-error
 import { IconEquationLine } from '@instructure/ui-icons/es/svg';
 import tinymce from 'tinymce';
-
 function isEquationImage(node) {
   return node.tagName === 'IMG' && node.classList.contains('equation_image') || node.classList.contains('math_equation_latex');
-} // Register plugin
-
+}
 
+// Register plugin
 tinymce.PluginManager.add('instructure_equation', function (ed) {
   ed.ui.registry.addIcon('equation', IconEquationLine.src);
   ed.addCommand('instructureEquation', () => clickCallback(ed, document));
@@ -42,22 +41,20 @@ tinymce.PluginManager.add('instructure_equation', function (ed) {
     }),
     onAction: () => ed.execCommand('instructureEquation'),
     icon: 'equation',
-
     onSetup(buttonApi) {
+      // @ts-expect-error
       const toggleActive = eventApi => {
         buttonApi.setActive(isEquationImage(eventApi.element));
       };
-
       ed.on('NodeChange', toggleActive);
       return () => ed.off('NodeChange', toggleActive);
     }
-
   });
   ed.ui.registry.addButton('instructure-equation-options', {
-    onAction() {
+    onAction(/* buttonApi */
+    ) {
       ed.execCommand('instructureEquation');
     },
-
     text: formatMessage('Edit Equation')
   });
   ed.ui.registry.addContextToolbar('instructure-equation-toolbar', {

package/es/rce/plugins/instructure_fullscreen/plugin.js

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 /*
  * Copyright (C) 2022 - present Instructure, Inc.
  *
@@ -17,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 tinymce from 'tinymce';
 import formatMessage from '../../../format-message';
 import bridge from '../../../bridge';
@@ -29,22 +28,20 @@ tinymce.PluginManager.add('instructure_fullscreen', function (editor) {
     text: formatMessage('Fullscreen'),
     icon: 'fullscreen',
     onAction: () => editor.execCommand('instructureFullscreen'),
-
     onSetup(api) {
+      // @ts-expect-error
       api.setDisabled(!!document[FS_ELEMENT]);
       return () => undefined;
     }
-
   });
   editor.ui.registry.addMenuItem('instructure_exit_fullscreen', {
     text: formatMessage('Exit Fullscreen'),
     icon: 'fullscreen_exit',
     onAction: () => editor.execCommand('instructureFullscreen'),
-
     onSetup(api) {
+      // @ts-expect-error
       api.setDisabled(!document[FS_ELEMENT]);
       return () => undefined;
     }
-
   });
 });

package/es/rce/plugins/instructure_html_view/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 bridge from '../../../bridge';
 export default function () {
   bridge.activeEditor().toggleView();

package/es/rce/plugins/instructure_html_view/plugin.js

@@ -15,23 +15,24 @@
  * 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 formatMessage from '../../../format-message';
 import clickCallback from './clickCallback';
-import tinymce from 'tinymce'; // Register plugin
+import tinymce from 'tinymce';
 
+// Register plugin
 tinymce.PluginManager.add('instructure_html_view', function (ed) {
   // Register commands
-  ed.addCommand('instructureHtmlView', () => clickCallback()); // Register menu items
+  ed.addCommand('instructureHtmlView', () => clickCallback());
 
+  // Register menu items
   ed.ui.registry.addMenuItem('instructure_html_view', {
     text: formatMessage('HTML Editor'),
     icon: 'htmlview',
     onAction: () => ed.execCommand('instructureHtmlView'),
-
     onSetup(api) {
       api.setDisabled(false);
       return () => undefined;
     }
-
   });
 });

package/es/rce/plugins/instructure_icon_maker/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';
@@ -30,12 +31,10 @@ export default function (ed, document, type) {
     } = _ref;
     let container = document.querySelector(`#${ICONS_TRAY_CONTAINER_ID}`);
     const trayProps = bridge.trayProps.get(ed);
-
     const handleUnmount = () => {
       ReactDOM.unmountComponentAtNode(container);
       ed.focus(false);
     };
-
     if (!container) {
       container = document.createElement('div');
       container.id = ICONS_TRAY_CONTAINER_ID;
@@ -46,8 +45,7 @@ export default function (ed, document, type) {
       // that closes and opens the tray to indicate a mode change to the user
       handleUnmount();
     }
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(StoreProvider, trayProps, () => /*#__PURE__*/React.createElement(IconMakerTray, {
+    ReactDOM.render(/*#__PURE__*/React.createElement(StoreProvider, trayProps, () => /*#__PURE__*/React.createElement(IconMakerTray, {
       editor: ed,
       editing: type === EDIT_ICON_MAKER,
       onUnmount: handleUnmount,

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ColorSection.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 { Flex } from '@instructure/ui-flex';
 import { SimpleSelect } from '@instructure/ui-simple-select';
@@ -22,9 +23,7 @@ import { ColorInput } from '../../../shared/ColorInput';
 import formatMessage from '../../../../../format-message';
 const OUTLINE_SIZES = ['none', 'small', 'medium', 'large'];
 export const COLOR_SECTION_ID = 'icons-tray-color-section';
-
 const getColorSection = () => document.querySelector(`#${COLOR_SECTION_ID}`);
-
 export const ColorSection = _ref => {
   let {
     settings,

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/CreateIconMakerForm.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 { Header } from './Header';
 import { ShapeSection } from './ShapeSection';

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Footer.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 { Button } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Group.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 { ToggleGroup } from '@instructure/ui-toggle-details';
 import formatMessage from '../../../../../format-message';

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Header.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, { useEffect } from 'react';
 import { Flex } from '@instructure/ui-flex';
 import { TextInput } from '@instructure/ui-text-input';
@@ -28,7 +29,6 @@ import { IconQuestionLine } from '@instructure/ui-icons';
 import { FormFieldLabel } from '@instructure/ui-form-field';
 import { decode } from '../../svg/utils';
 import useDebouncedValue from '../../utils/useDebouncedValue';
-
 const getAltTextLabel = () => /*#__PURE__*/React.createElement(Flex, {
   alignItems: "center",
   margin: "0 0 small 0"
@@ -49,7 +49,6 @@ const getAltTextLabel = () => /*#__PURE__*/React.createElement(Flex, {
   size: "small",
   screenReaderLabel: formatMessage('Toggle tooltip')
 }))));
-
 export const Header = _ref => {
   let {
     settings,