@instructure/canvas-rce 5.14.1 → 5.15.0

package/es/rce/plugins/instructure_condensed_buttons/ui/directionality-button.js

@@ -15,12 +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 formatMessage from '../../../../format-message';
 export default function (editor) {
   function defaultDirectionality() {
     return document.dir;
   }
-
   const directionalityMenuItems = [{
     name: 'ltr',
     text: formatMessage('Left-to-Right'),
@@ -32,8 +32,9 @@ export default function (editor) {
     cmd: 'mceDirectionRTL',
     icon: 'rtl'
   }];
-  if (defaultDirectionality() === 'rtl') directionalityMenuItems.reverse(); // Register menu item
+  if (defaultDirectionality() === 'rtl') directionalityMenuItems.reverse();
 
+  // Register menu item
   editor.ui.registry.addNestedMenuItem('directionality', {
     text: formatMessage('Directionality'),
     getSubmenuItems: () => [directionalityMenuItems[0].name, directionalityMenuItems[1].name]

package/es/rce/plugins/instructure_condensed_buttons/ui/indent-outdent-button.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 formatMessage from '../../../../format-message';
 export default function register(editor) {
   const indentButtons = [{

package/es/rce/plugins/instructure_condensed_buttons/ui/list-button.js

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 /*
  * Copyright (C) 2019 - present Instructure, Inc.
  *
@@ -17,10 +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 formatMessage from '../../../../format-message';
 import { typedKeyDict } from '../../../../util/TypedDict';
 import { listStyleForSelectionOfEditor } from '../core/ListUtils';
 
+/**
+ * Supported list style types by the RCE
+ */
+
+/**
+ * RCE-specific information about a list style type
+ */
+
 /**
  * List of list styles supported by the RCE. These will ultimately appear in the toolbar as buttons under the main
  * list button.
@@ -57,39 +64,39 @@ const listStyleInfos = typedKeyDict({
     getTooltipText: () => formatMessage('uppercase Roman numeral ordered list')
   }
 }, 'listStyleType');
+
 /**
  * Defines the default `list-style-type` infos for the different list element types.
  */
-
 const defaultStyleInfoForListType = {
   UL: listStyleInfos.byKey.disc,
   OL: listStyleInfos.byKey.decimal
 };
+
 /**
  * Determines the inner-most list type for the selection in the given Editor.
  */
-
 function listStyleInfoForSelectionOfEditor(editor) {
   const selectedStyleType = listStyleForSelectionOfEditor(editor);
-  if (!selectedStyleType) return null; // Prefer to use `list-style-type`-based type infos.
+  if (!selectedStyleType) return null;
 
+  // Prefer to use `list-style-type`-based type infos.
   if (selectedStyleType.listStyleType) {
+    // @ts-expect-error
     const fromStyleType = listStyleInfos.byKey[selectedStyleType.listStyleType];
     if (fromStyleType) return fromStyleType;
-  } // Default to style based on the list element type
-
+  }
 
+  // Default to style based on the list element type
   return defaultStyleInfoForListType[selectedStyleType.listType];
 }
+
 /**
  * Get the button label.
  *
  * Note: Needs to be a function because translation files aren't loaded when top-level code runs.
  */
-
-
 const getButtonLabel = () => formatMessage('Ordered and Unordered Lists');
-
 export default function register(editor) {
   editor.ui.registry.addSplitButton('bullist', {
     tooltip: getButtonLabel(),
@@ -102,17 +109,16 @@ export default function register(editor) {
       icon: listType.icon,
       text: listType.getTooltipText()
     }))),
-    onAction: () => {
-      var _listStyleInfoForSele;
-
-      return editor.execCommand(((_listStyleInfoForSele = listStyleInfoForSelectionOfEditor(editor)) === null || _listStyleInfoForSele === void 0 ? void 0 : _listStyleInfoForSele.listType) === 'OL' ? 'InsertOrderedList' : 'InsertUnorderedList');
-    },
+    onAction: () => editor.execCommand(listStyleInfoForSelectionOfEditor(editor)?.listType === 'OL' ? 'InsertOrderedList' : 'InsertUnorderedList'),
     onItemAction: (splitButtonApi, value) => {
+      // @ts-expect-error
       const desiredListStyleInfo = listStyleInfos.byKey[value] || defaultStyleInfoForListType.UL;
-      const currentListStyleInfo = listStyleInfoForSelectionOfEditor(editor); // When the user clicks the list button that matches the current list style in the selection,
+      const currentListStyleInfo = listStyleInfoForSelectionOfEditor(editor);
+
+      // When the user clicks the list button that matches the current list style in the selection,
       // we want to interpret that as un-list-ifying the selection
 
-      if ((currentListStyleInfo === null || currentListStyleInfo === void 0 ? void 0 : currentListStyleInfo.listStyleType) !== desiredListStyleInfo.listStyleType) {
+      if (currentListStyleInfo?.listStyleType !== desiredListStyleInfo.listStyleType) {
         editor.execCommand(desiredListStyleInfo.listType === 'UL' ? 'InsertUnorderedList' : 'InsertOrderedList', false, {
           'list-style-type': desiredListStyleInfo.listStyleType
         });
@@ -120,23 +126,18 @@ export default function register(editor) {
         editor.execCommand('RemoveList');
       }
     },
-    select: value => {
-      var _listStyleInfoForSele2;
-
-      return ((_listStyleInfoForSele2 = listStyleInfoForSelectionOfEditor(editor)) === null || _listStyleInfoForSele2 === void 0 ? void 0 : _listStyleInfoForSele2.listStyleType) === value;
-    },
+    select: value => listStyleInfoForSelectionOfEditor(editor)?.listStyleType === value,
     onSetup: api => {
       // Handle updating the icon on the toolbar based on
       // the type of list the user's selection is currently within
+
       const $iconSvgContainer = editor.$(`.tox-split-button[aria-label="${getButtonLabel()}"] .tox-icon`, document);
       const allIcons = editor.ui.registry.getAll().icons;
-
       const nodeChangeHandler = () => {
         const activeListType = listStyleInfoForSelectionOfEditor(editor);
         api.setActive(!!activeListType);
-        $iconSvgContainer.html(allIcons[(activeListType === null || activeListType === void 0 ? void 0 : activeListType.icon) || 'list-bull-default']);
+        $iconSvgContainer.html(allIcons[activeListType?.icon || 'list-bull-default']);
       };
-
       nodeChangeHandler();
       editor.on('NodeChange', nodeChangeHandler);
       return () => editor.off('NodeChange', nodeChangeHandler);

package/es/rce/plugins/instructure_condensed_buttons/ui/subscript-superscript-button.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 formatMessage from '../../../../format-message';
 import { toolbarIconHelperFor } from '../../../../util/tinymce-plugin-util';
 export default function register(editor) {
@@ -41,13 +42,11 @@ export default function register(editor) {
     }))),
     onSetup: api => {
       const iconHelper = toolbarIconHelperFor(editor, buttonLabel);
-
       function nodeChangeHandler() {
         const activeStyleInfo = styleInfos.find(b => editor.formatter.match(b.icon));
         api.setActive(!!activeStyleInfo);
-        iconHelper.updateIcon((activeStyleInfo === null || activeStyleInfo === void 0 ? void 0 : activeStyleInfo.icon) || defaultIcon);
+        iconHelper.updateIcon(activeStyleInfo?.icon || defaultIcon);
       }
-
       nodeChangeHandler();
       editor.on('NodeChange', nodeChangeHandler);
       return () => editor.off('NodeChange', nodeChangeHandler);

package/es/rce/plugins/instructure_documents/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 doFileUpload from '../shared/Upload/doFileUpload';
 export default function (ed, document) {
   return doFileUpload(ed, document, {

package/es/rce/plugins/instructure_documents/components/DocumentsPanel.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, { useRef } from 'react';
 import { func, shape, string, oneOf } from 'prop-types';
 import { contentTrayDocumentShape } from '../../shared/fileShape';
@@ -23,23 +24,18 @@ import { Text } from '@instructure/ui-text';
 import { View } from '@instructure/ui-view';
 import Link from './Link';
 import { LoadMoreButton, LoadingIndicator, LoadingStatus, useIncrementalLoading } from '../../../../common/incremental-loading';
-
 function hasFiles(documents) {
   return documents.files.length > 0;
 }
-
 function isEmpty(documents) {
   return !hasFiles(documents) && !documents.hasMore && !documents.isLoading;
 }
-
 function renderLinks(files, handleClick, lastItemRef) {
   return files.map((f, index) => {
     let focusRef = null;
-
     if (index === files.length - 1) {
       focusRef = lastItemRef;
     }
-
     return /*#__PURE__*/React.createElement(Link, Object.assign({
       key: f.id
     }, f, {
@@ -48,7 +44,6 @@ function renderLinks(files, handleClick, lastItemRef) {
     }));
   });
 }
-
 function renderLoadingError(_error) {
   return /*#__PURE__*/React.createElement(View, {
     as: "div",
@@ -58,7 +53,6 @@ function renderLoadingError(_error) {
     color: "danger"
   }, formatMessage('Loading failed.')));
 }
-
 export default function DocumentsPanel(props) {
   const {
     fetchInitialDocs,
@@ -86,11 +80,9 @@ export default function DocumentsPanel(props) {
     sortBy,
     searchString
   });
-
   const handleDocClick = file => {
     props.onLinkClick(file);
   };
-
   return /*#__PURE__*/React.createElement(View, {
     as: "div",
     "data-testid": "instructure_links-DocumentsPanel"

package/es/rce/plugins/instructure_documents/components/Link.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 { func, instanceOf, shape } from 'prop-types';
 import { fileOrMediaObjectShape } from '../../shared/fileShape';
@@ -32,8 +33,6 @@ import { isPreviewable } from '../../shared/Previewable';
 import { applyTimezoneOffsetToDate } from '../../shared/dateUtils';
 import RCEGlobals from '../../../RCEGlobals';
 export default function Link(props) {
-  var _RCEGlobals$getConfig;
-
   const [isHovering, setIsHovering] = useState(false);
   const {
     filename,
@@ -46,12 +45,11 @@ export default function Link(props) {
     disabledMessage
   } = props;
   const Icon = getIconFromType(content_type);
-  const color = published ? 'success' : 'primary'; // Uses user locale and timezone
-
-  const configuredTimezone = (_RCEGlobals$getConfig = RCEGlobals.getConfig()) === null || _RCEGlobals$getConfig === void 0 ? void 0 : _RCEGlobals$getConfig.timezone;
+  const color = published ? 'success' : 'primary';
+  // Uses user locale and timezone
+  const configuredTimezone = RCEGlobals.getConfig()?.timezone;
   const dateString = formatMessage.date(applyTimezoneOffsetToDate(date, configuredTimezone), 'long');
   const publishedMsg = published ? formatMessage('published') : formatMessage('unpublished');
-
   function linkAttrsFromDoc() {
     const canPreview = isPreviewable(props.content_type);
     const clazz = classnames('instructure_file_link', {
@@ -73,44 +71,35 @@ export default function Link(props) {
       embedded_iframe_url: props.embedded_iframe_url,
       media_entry_id: props.media_entry_id
     };
-
     if (canPreview) {
       attrs['data-canvas-previewable'] = true;
     }
-
     return attrs;
   }
-
   function handleLinkClick(e) {
     e.preventDefault();
     props.onClick(linkAttrsFromDoc());
   }
-
   function handleLinkKey(e) {
     // press the button on enter or space
     if (e.keyCode === 13 || e.keyCode === 32) {
       handleLinkClick(e);
     }
   }
-
   function handleDragStart(e) {
     const linkAttrs = linkAttrsFromDoc();
     dragHtml(e, renderLinkHtml(linkAttrs, linkAttrs.text));
   }
-
   function handleDragEnd(_e) {
     document.body.click();
   }
-
   function handleHover(e) {
     setIsHovering(e.type === 'mouseenter');
   }
-
   function buildCallback(callback) {
     if (disabled) return;
     return callback;
   }
-
   function dateOrMessage(str) {
     if (disabled && disabledMessage) {
       return /*#__PURE__*/React.createElement(View, {
@@ -121,27 +110,22 @@ export default function Link(props) {
         fontStyle: "italic"
       }, disabledMessage)));
     }
-
     if (str) {
       return /*#__PURE__*/React.createElement(View, {
         as: "div"
       }, str);
     }
   }
-
   function textStyles() {
     if (disabled) return {
       color: 'gray'
     };
     return {};
   }
-
   let elementRef = null;
-
   if (props.focusRef) {
     elementRef = ref => props.focusRef.current = ref;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "instructure_links-Link",
     draggable: true,

package/es/rce/plugins/instructure_documents/plugin.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 formatMessage from '../../../format-message';
 import clickCallback from './clickCallback';
 import bridge from '../../../bridge';
@@ -23,14 +24,12 @@ import tinymce from 'tinymce';
 const COURSE_PLUGIN_KEY = 'course_documents';
 const USER_PLUGIN_KEY = 'user_documents';
 const GROUP_PLUGIN_KEY = 'group_documents';
-
 function getMenuItems(ed) {
   const contextType = ed.settings.canvas_rce_user_context.type;
   const items = [{
     text: formatMessage('Upload Document'),
     value: 'instructure_upload_document'
   }];
-
   if (contextType === 'course') {
     items.push({
       text: formatMessage('Course Documents'),
@@ -42,45 +41,41 @@ function getMenuItems(ed) {
       value: 'instructure_group_document'
     });
   }
-
   items.push({
     text: formatMessage('User Documents'),
     value: 'instructure_user_document'
   });
   return items;
 }
-
 function doMenuItem(ed, value) {
   switch (value) {
     case 'instructure_upload_document':
       ed.execCommand('mceInstructureDocuments');
       break;
-
     case 'instructure_course_document':
       ed.focus(true);
       ed.execCommand('instructureTrayForDocuments', false, COURSE_PLUGIN_KEY);
       break;
-
     case 'instructure_user_document':
       ed.focus(true);
       ed.execCommand('instructureTrayForDocuments', false, USER_PLUGIN_KEY);
       break;
-
     case 'instructure_group_document':
       ed.focus(true);
       ed.execCommand('instructureTrayForDocuments', false, GROUP_PLUGIN_KEY);
       break;
   }
-} // Register plugin
-
+}
 
+// Register plugin
 tinymce.PluginManager.add('instructure_documents', function (ed) {
   // Register commands
   ed.addCommand('mceInstructureDocuments', () => clickCallback(ed, document));
   ed.addCommand('instructureTrayForDocuments', (ui, plugin_key) => {
     bridge.showTrayForPlugin(plugin_key, ed.id);
-  }); // Register menu items
+  });
 
+  // Register menu items
   ed.ui.registry.addNestedMenuItem('instructure_document', {
     text: formatMessage('Document'),
     icon: 'document',
@@ -95,8 +90,9 @@ tinymce.PluginManager.add('instructure_documents', function (ed) {
         }
       };
     })
-  }); // Register toolbar button
+  });
 
+  // Register toolbar button
   ed.ui.registry.addMenuButton('instructure_documents', {
     tooltip: formatMessage('Documents'),
     icon: 'document',
@@ -106,18 +102,15 @@ tinymce.PluginManager.add('instructure_documents', function (ed) {
       value: item.value,
       onAction: () => doMenuItem(ed, item.value)
     }))),
-
     onSetup(api) {
       function handleNodeChange() {
         api.setDisabled(!isOKToLink(ed.selection.getContent()));
       }
-
       setTimeout(handleNodeChange);
       ed.on('NodeChange', handleNodeChange);
       return () => {
         ed.off('NodeChange', handleNodeChange);
       };
     }
-
   });
 });

package/es/rce/plugins/instructure_equation/EquationEditorModal/advancedOnlySyntax.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 { memoize } from 'lodash'; // These commands all work fine with MathJax but either don't work, don't work well
+
+import { memoize } from 'lodash';
+
+// These commands all work fine with MathJax but either don't work, don't work well
 // (bad UX for editing), or look strange when rendered by Mathlive. Add new ones
 // here if you discover anything else or customers report unexpected experiences.
-
 const advancedOnlyCommands = ['begin', 'end', 'cases', 'cr', 'rm', 'text', 'hbox', 'mbox', 'unicode', 'cal', 'frak', 'it', 'scr', 'sf', '#', 'def', 'newcommand', 'operatorname', 'DeclareMathOperator', 'displaystyle', 'textstyle', 'scriptstyle', 'scriptscriptstyle', 'displaylines', 'abovewithdelims', 'array', 'bmatrix', 'buildrel', 'ddddot', 'dddot', 'eqalign', 'eqalignno', 'gcd', 'genfrac', 'hdashline', 'hfil', 'hfill', 'hfilll', 'hline', 'idotsint', 'iiiint', 'injlim', 'kern', 'label', 'LaTeX', 'leftroot', 'lgroup', 'lower', 'mathchoice', 'mathfrak', 'matrix', 'mit', 'mkern', 'mspace', 'negmedspace', 'negthickspace', 'negthinspace', 'newline', 'nobreakspace', 'oldstyle', 'overset', 'pmatrix', 'raise', 'rgroup', 'rule', 'Rule', 'skew', 'space', 'tag', 'TeX', 'underbrace', 'uproot', 'varinjlim', 'varliminf', 'varlimsup', 'varprojlim', 'vcenter', 'vmatrix'];
 const advancedOnlyRegex = new RegExp(advancedOnlyCommands.join('|'), 'm');
 const containsAdvancedSyntax = memoize(latex => advancedOnlyRegex.test(latex));

package/es/rce/plugins/instructure_equation/EquationEditorModal/advancedPreference.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/>.
  */
-export const STORAGE_KEY = 'NEE_should_reopen_advanced';
 
+export const STORAGE_KEY = 'NEE_should_reopen_advanced';
 function wrapInErrorHandling(func) {
   try {
     return {
@@ -31,7 +31,6 @@ function wrapInErrorHandling(func) {
     };
   }
 }
-
 export const isSet = () => {
   const result = wrapInErrorHandling(() => {
     const value = window.sessionStorage.getItem(STORAGE_KEY) || 'null';