@instructure/canvas-rce 5.14.2 → 5.15.0

package/es/rce/plugins/instructure_links/components/Link.js

@@ -54,9 +54,8 @@ export default function Link(props) {
     if (date === 'multiple') {
       dateString = formatMessage('Due: Multiple Dates');
     } else {
-      var _RCEGlobals$getConfig;
       // Uses user locale and timezone
-      const configuredTimezone = (_RCEGlobals$getConfig = RCEGlobals.getConfig()) === null || _RCEGlobals$getConfig === void 0 ? void 0 : _RCEGlobals$getConfig.timezone;
+      const configuredTimezone = RCEGlobals.getConfig()?.timezone;
       const when = formatMessage.date(applyTimezoneOffsetToDate(date, configuredTimezone), 'long');
       switch (date_type) {
         case 'todo':
@@ -125,69 +124,66 @@ export default function Link(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(Focusable, null, _ref => {
-    let {
-      focused
-    } = _ref;
-    return /*#__PURE__*/React.createElement(View, {
-      withFocusOutline: focused,
-      focusPosition: "inset",
-      position: "relative",
-      as: "div",
-      role: "button",
-      tabIndex: 0,
-      background: "primary",
-      display: "block",
-      width: "100%",
-      borderWidth: "0 0 small 0",
-      padding: "x-small",
-      "aria-describedby": props.describedByID,
-      onClick: handleLinkClick,
-      onKeyDown: handleLinkKey,
-      elementRef: props.elementRef
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        pointerEvents: 'none'
-      }
-    }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
-      margin: "0 xx-small 0 0",
-      size: "1.125rem"
-    }, isHovering && !props.editing ? /*#__PURE__*/React.createElement(IconDragHandleLine, {
-      size: "x-small",
-      inline: false
-    }) : null), /*#__PURE__*/React.createElement(Flex.Item, {
-      shouldGrow: true,
-      shouldShrink: true
-    }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
-      padding: "0 x-small 0 0"
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: color
-    }, /*#__PURE__*/React.createElement(Icon, {
-      size: "x-small",
-      inline: false,
-      "data-type": type
-    }))), /*#__PURE__*/React.createElement(Flex.Item, {
-      padding: "0 x-small 0 0",
-      shouldGrow: true,
-      shouldShrink: true,
-      textAlign: "start"
-    }, /*#__PURE__*/React.createElement(View, {
-      as: "div",
-      margin: "0"
-    }, title, props.isSelected && /*#__PURE__*/React.createElement(ScreenReaderContent, {
-      "data-testid": "selected-link-indicator"
-    }, formatMessage('Selected'))), dateString ? /*#__PURE__*/React.createElement(View, {
-      as: "div"
-    }, dateString) : null), 'published' in props.link && /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(AccessibleContent, {
-      alt: publishedMsg
-    }, /*#__PURE__*/React.createElement(Text, {
-      color: color
-    }, published ? /*#__PURE__*/React.createElement(IconPublishSolid, {
-      inline: false
-    }) : /*#__PURE__*/React.createElement(IconUnpublishedSolid, {
-      inline: false
-    })))))))));
-  }));
+  }, /*#__PURE__*/React.createElement(Focusable, null, ({
+    focused
+  }) => /*#__PURE__*/React.createElement(View, {
+    withFocusOutline: focused,
+    focusPosition: "inset",
+    position: "relative",
+    as: "div",
+    role: "button",
+    tabIndex: 0,
+    background: "primary",
+    display: "block",
+    width: "100%",
+    borderWidth: "0 0 small 0",
+    padding: "x-small",
+    "aria-describedby": props.describedByID,
+    onClick: handleLinkClick,
+    onKeyDown: handleLinkKey,
+    elementRef: props.elementRef
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      pointerEvents: 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
+    margin: "0 xx-small 0 0",
+    size: "1.125rem"
+  }, isHovering && !props.editing ? /*#__PURE__*/React.createElement(IconDragHandleLine, {
+    size: "x-small",
+    inline: false
+  }) : null), /*#__PURE__*/React.createElement(Flex.Item, {
+    shouldGrow: true,
+    shouldShrink: true
+  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Flex.Item, {
+    padding: "0 x-small 0 0"
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: color
+  }, /*#__PURE__*/React.createElement(Icon, {
+    size: "x-small",
+    inline: false,
+    "data-type": type
+  }))), /*#__PURE__*/React.createElement(Flex.Item, {
+    padding: "0 x-small 0 0",
+    shouldGrow: true,
+    shouldShrink: true,
+    textAlign: "start"
+  }, /*#__PURE__*/React.createElement(View, {
+    as: "div",
+    margin: "0"
+  }, title, props.isSelected && /*#__PURE__*/React.createElement(ScreenReaderContent, {
+    "data-testid": "selected-link-indicator"
+  }, formatMessage('Selected'))), dateString ? /*#__PURE__*/React.createElement(View, {
+    as: "div"
+  }, dateString) : null), 'published' in props.link && /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(AccessibleContent, {
+    alt: publishedMsg
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: color
+  }, published ? /*#__PURE__*/React.createElement(IconPublishSolid, {
+    inline: false
+  }) : /*#__PURE__*/React.createElement(IconUnpublishedSolid, {
+    inline: false
+  })))))))))));
 }
 Link.propTypes = {
   link: linkShape.isRequired,

package/es/rce/plugins/instructure_links/components/LinkOptionsDialog/LinkOptionsDialogController.js

@@ -68,14 +68,13 @@ export default class LinkOptionsDialogController {
   _renderDialog() {
     let html, onlyText, anchorElm, url, text;
     if (this._shouldOpen) {
-      var _anchorElm;
       html = this._editor.selection.getContent();
       onlyText = isOnlyTextSelected(html);
       text = onlyText && this._editor.selection.getContent({
         format: 'text'
       });
       anchorElm = getAnchorElement(this._editor, this._editor.selection.getNode());
-      url = (_anchorElm = anchorElm) === null || _anchorElm === void 0 ? void 0 : _anchorElm.getAttribute('href');
+      url = anchorElm?.getAttribute('href');
 
       /*
        * When the dialog is being opened again, it should be rendered fresh

package/es/rce/plugins/instructure_links/components/LinkOptionsDialog/index.js

@@ -26,7 +26,7 @@ import { Modal } from '@instructure/ui-modal';
 import { View } from '@instructure/ui-view';
 import formatMessage from '../../../../../format-message';
 import validateURL from '../../validateURL';
-import { instuiPopupMountNode } from '../../../../../util/fullscreenHelpers';
+import { instuiPopupMountNodeFn } from '../../../../../util/fullscreenHelpers';
 const CREATE_LINK = 'create';
 const EDIT_LINK = 'edit';
 export default function LinkOptionsDialog(props) {
@@ -69,7 +69,7 @@ export default function LinkOptionsDialog(props) {
     "data-mce-component": true,
     as: "form",
     label: label,
-    mountNode: instuiPopupMountNode,
+    mountNode: instuiPopupMountNodeFn,
     onDismiss: props.onRequestClose,
     onEntered: props.onEntered,
     onExited: props.onExited,

package/es/rce/plugins/instructure_links/components/LinkOptionsTray/index.js

@@ -31,7 +31,7 @@ import validateURL from '../../validateURL';
 import formatMessage from '../../../../../format-message';
 import { DISPLAY_AS_LINK, DISPLAY_AS_EMBED, DISPLAY_AS_EMBED_DISABLED, DISPLAY_AS_DOWNLOAD_LINK } from '../../../shared/ContentSelection';
 import { getTrayHeight } from '../../../shared/trayUtils';
-import { instuiPopupMountNode } from '../../../../../util/fullscreenHelpers';
+import { instuiPopupMountNodeFn } from '../../../../../util/fullscreenHelpers';
 export default function LinkOptionsTray(props) {
   const content = props.content || {};
   const textToLink = content.text || '';
@@ -128,7 +128,7 @@ export default function LinkOptionsTray(props) {
     "data-testid": "RCELinkOptionsTray",
     "data-mce-component": true,
     label: formatMessage('Link Options'),
-    mountNode: instuiPopupMountNode,
+    mountNode: instuiPopupMountNodeFn,
     onDismiss: props.onRequestClose,
     onEntered: props.onEntered,
     onExited: props.onExited,

package/es/rce/plugins/instructure_links/components/LinkSet.js

@@ -85,9 +85,7 @@ class LinkSet extends Component {
   isEmpty(props) {
     return !this.hasLinks(props) && !props.collection.hasMore && !props.collection.isLoading;
   }
-  compareURLs() {
-    let url1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    let url2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  compareURLs(url1 = '', url2 = '') {
     if (url1 === '' || url2 === '') return false;
     return url1.split('?')[0] === url2.split('?')[0];
   }
@@ -108,31 +106,27 @@ class LinkSet extends Component {
       isUnstyled: true,
       as: "ul",
       margin: "0"
-    }, this.props.collection.links.map((link, index, array) => {
-      var _this$props$selectedL;
-      return /*#__PURE__*/React.createElement(List.Item, {
-        key: link.href,
-        spacing: "none",
-        padding: "0"
-      }, /*#__PURE__*/React.createElement(Link, {
-        link: link,
-        type: this.props.type,
-        onClick: this.props.onLinkClick,
-        describedByID: this.describedByID,
-        elementRef: refFor(index, array),
-        editing: this.props.editing,
-        onEditClick: this.props.onEditClick,
-        isSelected: this.compareURLs((_this$props$selectedL = this.props.selectedLink) === null || _this$props$selectedL === void 0 ? void 0 : _this$props$selectedL.href, link.href)
-      }));
-    })));
+    }, this.props.collection.links.map((link, index, array) => /*#__PURE__*/React.createElement(List.Item, {
+      key: link.href,
+      spacing: "none",
+      padding: "0"
+    }, /*#__PURE__*/React.createElement(Link, {
+      link: link,
+      type: this.props.type,
+      onClick: this.props.onLinkClick,
+      describedByID: this.describedByID,
+      elementRef: refFor(index, array),
+      editing: this.props.editing,
+      onEditClick: this.props.onEditClick,
+      isSelected: this.compareURLs(this.props.selectedLink?.href, link.href)
+    })))));
   }
   renderEmptyIndicator() {
-    var _this$props$searchStr;
     return /*#__PURE__*/React.createElement(NoResults, {
       contextType: this.props.contextType,
       contextId: this.props.contextId,
       collectionType: this.props.type,
-      isSearchResult: ((_this$props$searchStr = this.props.searchString) === null || _this$props$searchStr === void 0 ? void 0 : _this$props$searchStr.length) >= 3
+      isSearchResult: this.props.searchString?.length >= 3
     });
   }
   renderLoadingError() {
@@ -145,21 +139,18 @@ class LinkSet extends Component {
     return null;
   }
   render() {
-    return /*#__PURE__*/React.createElement(IncrementalLoader, this.props, _ref => {
-      let {
-        loader,
-        lastItemRef
-      } = _ref;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        "data-testid": "instructure_links-LinkSet"
-      }, this.hasLinks(this.props) && this.renderLinks(lastItemRef), this.renderLoadingError(), loader.isLoading && /*#__PURE__*/React.createElement(LoadingIndicator, {
-        loader: loader
-      }), !loader.isLoading && loader.hasMore && /*#__PURE__*/React.createElement(LoadMoreButton, {
-        loader: loader
-      }), this.isEmpty(this.props) && !this.props.suppressRenderEmpty && this.renderEmptyIndicator()), /*#__PURE__*/React.createElement(LoadingStatus, {
-        loader: loader
-      }));
-    });
+    return /*#__PURE__*/React.createElement(IncrementalLoader, this.props, ({
+      loader,
+      lastItemRef
+    }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      "data-testid": "instructure_links-LinkSet"
+    }, this.hasLinks(this.props) && this.renderLinks(lastItemRef), this.renderLoadingError(), loader.isLoading && /*#__PURE__*/React.createElement(LoadingIndicator, {
+      loader: loader
+    }), !loader.isLoading && loader.hasMore && /*#__PURE__*/React.createElement(LoadMoreButton, {
+      loader: loader
+    }), this.isEmpty(this.props) && !this.props.suppressRenderEmpty && this.renderEmptyIndicator()), /*#__PURE__*/React.createElement(LoadingStatus, {
+      loader: loader
+    })));
   }
 }
 LinkSet.propTypes = {

package/es/rce/plugins/instructure_links/components/LinksPanel.js

@@ -23,45 +23,58 @@ import { collectionsShape, linkShape } from './propTypes';
 import NavigationPanel from './NavigationPanel';
 import CollectionPanel from './CollectionPanel';
 import { View } from '@instructure/ui-view';
-import { pickProps } from '@instructure/ui-react-utils';
 function LinksPanel(props) {
   const isCourse = props.contextType === 'course';
   const isGroup = props.contextType === 'group';
-  const collectionProps = pickProps(props, CollectionPanel.propTypes);
+  const commonCollectionProps = {
+    collections: props.collections,
+    contextId: props.contextId,
+    contextType: props.contextType,
+    fetchInitialPage: props.fetchInitialPage,
+    fetchNextPage: props.fetchNextPage,
+    newPageLinkExpanded: props.newPageLinkExpanded,
+    onChangeAccordion: props.onChangeAccordion,
+    onLinkClick: props.onLinkClick,
+    renderNewPageLink: props.renderNewPageLink,
+    searchString: props.searchString,
+    selectedAccordionIndex: props.selectedAccordionIndex,
+    suppressRenderEmpty: props.suppressRenderEmpty,
+    toggleNewPageForm: props.toggleNewPageForm
+  };
   return /*#__PURE__*/React.createElement(View, {
     as: "div",
     "data-testid": "instructure_links-LinksPanel"
-  }, (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  }, (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,
     collection: "wikiPages",
     label: formatMessage('Pages')
-  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,
     collection: "assignments",
     label: formatMessage('Assignments')
-  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,
     collection: "quizzes",
     label: formatMessage('Quizzes')
-  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,
     collection: "announcements",
     label: formatMessage('Announcements')
-  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  })), (isCourse || isGroup) && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,
     collection: "discussions",
     label: formatMessage('Discussions')
-  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, collectionProps, {
+  })), isCourse && /*#__PURE__*/React.createElement(CollectionPanel, Object.assign({}, commonCollectionProps, {
     editing: props.editing,
     onEditClick: props.onEditClick,
     selectedLink: props.selectedLink,

package/es/rce/plugins/instructure_links/components/NoResults.js

@@ -48,13 +48,12 @@ export function getMessage(collectionType, isSearchResult) {
       return isSearchResult ? formatMessage('No modules found.') : formatMessage('No modules created yet.');
   }
 }
-export const NoResults = _ref => {
-  let {
-    contextType,
-    contextId,
-    collectionType,
-    isSearchResult
-  } = _ref;
+export const NoResults = ({
+  contextType,
+  contextId,
+  collectionType,
+  isSearchResult
+}) => {
   const Icon = getIcon(collectionType);
   return /*#__PURE__*/React.createElement(View, {
     padding: "xx-large"

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

@@ -79,8 +79,7 @@ function selectedAnchorCount(ed) {
   return ed.selection.getRng().cloneContents().querySelectorAll('a').length;
 }
 function getMenuItems(ed) {
-  var _ed$settings$canvas_r;
-  const contextType = (_ed$settings$canvas_r = ed.settings.canvas_rce_containing_context) === null || _ed$settings$canvas_r === void 0 ? void 0 : _ed$settings$canvas_r.type;
+  const contextType = ed.settings.canvas_rce_containing_context?.type;
   const sel_anchors = ed.selection.isCollapsed() ? 0 : selectedAnchorCount(ed);
   let items;
   if (getAnchorElement(ed, ed.selection.getNode())) {
@@ -200,7 +199,7 @@ tinymce.PluginManager.add('instructure_links', function (ed) {
     onSetup(api) {
       // @ts-expect-error
       function handleNodeChange(e) {
-        if (e !== null && e !== void 0 && e.element) {
+        if (e?.element) {
           api.setActive(!!getAnchorElement(ed, e.element));
         }
         if (ed.selection) {
@@ -215,23 +214,21 @@ tinymce.PluginManager.add('instructure_links', function (ed) {
         if (ed.selection.getNode().tagName === 'A') {
           node = ed.selection.getNode();
         } else {
-          var _rng$endContainer$nex, _rng$nextSibling;
           // Type checking is disabled here because the code below isn't type safe. The code below
           // should be updated, specifically rng.endContainer.nextSibling?.tagName
           const rng = ed.selection.getRng();
-          if (rng.commonAncestorContainer === rng.endContainer && ((_rng$endContainer$nex = rng.endContainer.nextSibling) === null || _rng$endContainer$nex === void 0 ? void 0 : _rng$endContainer$nex.tagName) === 'A') {
+          if (rng.commonAncestorContainer === rng.endContainer && rng.endContainer.nextSibling?.tagName === 'A') {
             node = rng.endContainer.nextSibling;
-          } else if (((_rng$nextSibling = rng.nextSibling) === null || _rng$nextSibling === void 0 ? void 0 : _rng$nextSibling.tagName) === 'A') {
+          } else if (rng.nextSibling?.tagName === 'A') {
             node = rng.nextSibling;
           }
         }
         if (node) {
-          var _node$textContent;
           if (node.firstElementChild) {
             return;
           }
-          const txt = (_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.trim();
-          if ((txt === null || txt === void 0 ? void 0 : txt.length) === 0) {
+          const txt = node.textContent?.trim();
+          if (txt?.length === 0) {
             ed.execCommand('Unlink');
           }
         }

package/es/rce/plugins/instructure_media_embed/clickCallback.js

@@ -20,10 +20,9 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Bridge from '../../../bridge';
 export default function (ed, document) {
-  return import('./components/Embed').then(_ref => {
-    let {
-      Embed
-    } = _ref;
+  return import('./components/Embed').then(({
+    Embed
+  }) => {
     let container = document.querySelector('.canvas-rce-embed-container');
     if (!container) {
       container = document.createElement('div');

package/es/rce/plugins/instructure_media_embed/components/Embed.js

@@ -23,17 +23,16 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { func } from 'prop-types';
 import { TextArea } from '@instructure/ui-text-area';
-import { instuiPopupMountNode } from '../../../../util/fullscreenHelpers';
-export function Embed(_ref) {
-  let {
-    onSubmit,
-    onDismiss
-  } = _ref;
+import { instuiPopupMountNodeFn } from '../../../../util/fullscreenHelpers';
+export function Embed({
+  onSubmit,
+  onDismiss
+}) {
   const [embedCode, setEmbedCode] = useState('');
   return /*#__PURE__*/React.createElement(Modal, {
     "data-mce-component": true,
     label: formatMessage('Embed'),
-    mountNode: instuiPopupMountNode,
+    mountNode: instuiPopupMountNodeFn,
     size: "medium",
     onDismiss: onDismiss,
     open: true,

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

@@ -56,7 +56,6 @@ function initStore(initProps) {
       })
       // @ts-expect-error
       .catch(_err => {
-        // eslint-disable-next-line no-console
         console.error('The Paste plugin failed to get canvas session data.');
       });
     } else {
@@ -122,12 +121,11 @@ tinymce.PluginManager.add('instructure_paste', function (editor) {
     }
   }
   async function handlePasteOrDrop(event) {
-    var _bridge$activeEditor, _bridge$activeEditor$, _editor$rceWrapper;
     const isPaste = event.type === 'paste';
     const dataTransfer = isPaste ? event.clipboardData : event.dataTransfer;
-    const files = Array.from((dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.files) || []);
-    const types = (dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.types) || [];
-    const isAudioVideoDisabled = (_bridge$activeEditor = bridge.activeEditor()) === null || _bridge$activeEditor === void 0 ? void 0 : (_bridge$activeEditor$ = _bridge$activeEditor.props) === null || _bridge$activeEditor$ === void 0 ? void 0 : _bridge$activeEditor$.instRecordDisabled;
+    const files = Array.from(dataTransfer?.files || []);
+    const types = dataTransfer?.types || [];
+    const isAudioVideoDisabled = bridge.activeEditor()?.props?.instRecordDisabled;
 
     // delegate to tiny if there aren't any files to handle
     if (!types.includes('Files')) return;
@@ -142,7 +140,7 @@ tinymce.PluginManager.add('instructure_paste', function (editor) {
 
     // Ensure the editor has focus, because downstream code requires that it does, and drag-n-drop
     // events can be started when the editor doesn't have focus.
-    if (!editor.hasFocus()) (_editor$rceWrapper = editor.rceWrapper) === null || _editor$rceWrapper === void 0 ? void 0 : _editor$rceWrapper.focus();
+    if (!editor.hasFocus()) editor.rceWrapper?.focus();
 
     // Checking if we've encountered an issue with file processing for paste events in the browser
     // Specifically implementing due to this bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1699743
@@ -163,7 +161,7 @@ tinymce.PluginManager.add('instructure_paste', function (editor) {
 
       // This will finish once the dialog is closed, if one was created, putting this in a loop allows us
       // to show a dialog for each file without them conflicting.
-      // eslint-disable-next-line no-await-in-loop
+
       await requestFileInsertion(file);
     }
   }

package/es/rce/plugins/instructure_rce_external_tools/ExternalToolsEnv.js

@@ -25,39 +25,33 @@ import { fallbackIframeAllowances } from './constants';
  * They're actually the available LTI Tool configurations, so we give them a more reasonable name here.
  */
 
-/**
- * Subset of TinyMCE used by the ExternalTools dialog. Used to document the subset of the API that we use so
- * it's easier to test.
- */
-
 /**
  * Gets the environment information for the external tools dialog for a given tinyMCE editor.
  */
 export function externalToolsEnvFor(editor) {
   const props = () => {
-    var _ref, _RCEWrapper$getByEdit;
-    return (_ref = (_RCEWrapper$getByEdit = RCEWrapper.getByEditor(editor)) === null || _RCEWrapper$getByEdit === void 0 ? void 0 : _RCEWrapper$getByEdit.props) !== null && _ref !== void 0 ? _ref : undefined;
+    var _ref;
+    return (_ref = RCEWrapper.getByEditor(editor)?.props) !== null && _ref !== void 0 ? _ref : undefined;
   };
   let cachedCanvasToolId;
   function nonNullishArray(arr) {
-    return arr === null || arr === void 0 ? void 0 : arr.filter(it => it != null);
+    return arr?.filter(it => it != null);
   }
   return {
     editor: editor !== null && editor !== void 0 ? editor : null,
     get rceWrapper() {
-      var _RCEWrapper$getByEdit2;
-      return (_RCEWrapper$getByEdit2 = RCEWrapper.getByEditor(editor)) !== null && _RCEWrapper$getByEdit2 !== void 0 ? _RCEWrapper$getByEdit2 : null;
+      var _RCEWrapper$getByEdit;
+      return (_RCEWrapper$getByEdit = RCEWrapper.getByEditor(editor)) !== null && _RCEWrapper$getByEdit !== void 0 ? _RCEWrapper$getByEdit : null;
     },
     get availableRceLtiTools() {
-      var _nonNullishArray, _props;
-      return (_nonNullishArray = nonNullishArray((_props = props()) === null || _props === void 0 ? void 0 : _props.ltiTools)) !== null && _nonNullishArray !== void 0 ? _nonNullishArray : [];
+      var _nonNullishArray;
+      return (_nonNullishArray = nonNullishArray(props()?.ltiTools)) !== null && _nonNullishArray !== void 0 ? _nonNullishArray : [];
     },
     /**
      * Gets information about the context in which the editor is launched.
      */
     get contextAssetInfo() {
-      var _props2;
-      const trayProps = (_props2 = props()) === null || _props2 === void 0 ? void 0 : _props2.trayProps;
+      const trayProps = props()?.trayProps;
       if (trayProps != null) {
         var _trayProps$containing;
         const {
@@ -74,31 +68,30 @@ export function externalToolsEnvFor(editor) {
       return null;
     },
     get resourceSelectionUrlOverride() {
-      var _props$externalToolsC, _props3, _props3$externalTools;
-      return (_props$externalToolsC = (_props3 = props()) === null || _props3 === void 0 ? void 0 : (_props3$externalTools = _props3.externalToolsConfig) === null || _props3$externalTools === void 0 ? void 0 : _props3$externalTools.resourceSelectionUrlOverride) !== null && _props$externalToolsC !== void 0 ? _props$externalToolsC : null;
+      var _props$externalToolsC;
+      return (_props$externalToolsC = props()?.externalToolsConfig?.resourceSelectionUrlOverride) !== null && _props$externalToolsC !== void 0 ? _props$externalToolsC : null;
     },
     get ltiIframeAllowPolicy() {
-      var _nonNullishArray2, _props4, _props4$externalTools;
-      return ((_nonNullishArray2 = nonNullishArray((_props4 = props()) === null || _props4 === void 0 ? void 0 : (_props4$externalTools = _props4.externalToolsConfig) === null || _props4$externalTools === void 0 ? void 0 : _props4$externalTools.ltiIframeAllowances)) !== null && _nonNullishArray2 !== void 0 ? _nonNullishArray2 : fallbackIframeAllowances).join('; ');
+      var _nonNullishArray2;
+      return ((_nonNullishArray2 = nonNullishArray(props()?.externalToolsConfig?.ltiIframeAllowances)) !== null && _nonNullishArray2 !== void 0 ? _nonNullishArray2 : fallbackIframeAllowances).join('; ');
     },
     get isA2StudentView() {
-      var _props$externalToolsC2, _props5, _props5$externalTools;
-      return (_props$externalToolsC2 = (_props5 = props()) === null || _props5 === void 0 ? void 0 : (_props5$externalTools = _props5.externalToolsConfig) === null || _props5$externalTools === void 0 ? void 0 : _props5$externalTools.isA2StudentView) !== null && _props$externalToolsC2 !== void 0 ? _props$externalToolsC2 : false;
+      var _props$externalToolsC2;
+      return (_props$externalToolsC2 = props()?.externalToolsConfig?.isA2StudentView) !== null && _props$externalToolsC2 !== void 0 ? _props$externalToolsC2 : false;
     },
     get maxMruTools() {
-      var _props$externalToolsC3, _props6, _props6$externalTools;
-      return (_props$externalToolsC3 = (_props6 = props()) === null || _props6 === void 0 ? void 0 : (_props6$externalTools = _props6.externalToolsConfig) === null || _props6$externalTools === void 0 ? void 0 : _props6$externalTools.maxMruTools) !== null && _props$externalToolsC3 !== void 0 ? _props$externalToolsC3 : 5;
+      var _props$externalToolsC3;
+      return (_props$externalToolsC3 = props()?.externalToolsConfig?.maxMruTools) !== null && _props$externalToolsC3 !== void 0 ? _props$externalToolsC3 : 5;
     },
     get canvasOrigin() {
-      var _props$canvasOrigin, _props7;
-      return (_props$canvasOrigin = (_props7 = props()) === null || _props7 === void 0 ? void 0 : _props7.canvasOrigin) !== null && _props$canvasOrigin !== void 0 ? _props$canvasOrigin : window.location.origin;
+      var _props$canvasOrigin;
+      return (_props$canvasOrigin = props()?.canvasOrigin) !== null && _props$canvasOrigin !== void 0 ? _props$canvasOrigin : window.location.origin;
     },
     /**
      * Gets the context id that should be used when launching LTI iframes.
      */
     get containingCanvasLtiToolId() {
-      var _props8, _props8$externalTools;
-      const propsToolId = (_props8 = props()) === null || _props8 === void 0 ? void 0 : (_props8$externalTools = _props8.externalToolsConfig) === null || _props8$externalTools === void 0 ? void 0 : _props8$externalTools.containingCanvasLtiToolId;
+      const propsToolId = props()?.externalToolsConfig?.containingCanvasLtiToolId;
       if (typeof propsToolId === 'string') {
         return propsToolId;
       }
@@ -113,22 +106,20 @@ export function externalToolsEnvFor(editor) {
       }
     },
     get editorSelection() {
-      var _editor$selection$get, _editor$selection;
-      return (_editor$selection$get = editor === null || editor === void 0 ? void 0 : (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.getContent()) !== null && _editor$selection$get !== void 0 ? _editor$selection$get : null;
+      var _editor$selection$get;
+      return (_editor$selection$get = editor?.selection?.getContent()) !== null && _editor$selection$get !== void 0 ? _editor$selection$get : null;
     },
     get editorContent() {
       var _editor$getContent;
-      return (_editor$getContent = editor === null || editor === void 0 ? void 0 : editor.getContent()) !== null && _editor$getContent !== void 0 ? _editor$getContent : null;
+      return (_editor$getContent = editor?.getContent()) !== null && _editor$getContent !== void 0 ? _editor$getContent : null;
     },
     insertCode(code) {
-      var _this$rceWrapper;
-      if ((_this$rceWrapper = this.rceWrapper) !== null && _this$rceWrapper !== void 0 && _this$rceWrapper.insertCode) {
+      if (this.rceWrapper?.insertCode) {
         this.rceWrapper.insertCode(code);
       }
     },
     replaceCode(code) {
-      var _this$rceWrapper2;
-      if ((_this$rceWrapper2 = this.rceWrapper) !== null && _this$rceWrapper2 !== void 0 && _this$rceWrapper2.replaceCode) {
+      if (this.rceWrapper?.replaceCode) {
         this.rceWrapper.replaceCode(code);
       }
     }