@instructure/canvas-rce 5.14.2 → 5.15.0

package/es/rce/plugins/shared/ai_tools/AIToolsTray.js

@@ -39,18 +39,17 @@ const msgid = () => uid('msg', 3);
 const modifyAllTaskMessage = formatMessage('Hello. Please describe the modifications you would like to make to your composition.');
 const modifySelectionTaskMessage = formatMessage('Hello. Please describe the modifications you would like to make to your selection.');
 const generateTaskMessage = formatMessage('Please decribe what you would like to compose.');
-export const AIToolsTray = _ref => {
-  let {
-    open,
-    container,
-    mountNode,
-    contextId,
-    contextType,
-    currentContent,
-    onClose,
-    onInsertContent,
-    onReplaceContent
-  } = _ref;
+export const AIToolsTray = ({
+  open,
+  container,
+  mountNode,
+  contextId,
+  contextType,
+  currentContent,
+  onClose,
+  onInsertContent,
+  onReplaceContent
+}) => {
   const [trayRef, setTrayRef] = useState(null);
   const [containerStyle] = useState(() => {
     if (container) {
@@ -91,9 +90,8 @@ export const AIToolsTray = _ref => {
     setUserPrompt('');
   }, [initChatMessages]);
   useLayoutEffect(() => {
-    var _chatContainerRef$cur;
-    const lastbox = (_chatContainerRef$cur = chatContainerRef.current) === null || _chatContainerRef$cur === void 0 ? void 0 : _chatContainerRef$cur.querySelector('.ai-chat-box:last-child');
-    lastbox === null || lastbox === void 0 ? void 0 : lastbox.scrollIntoView({
+    const lastbox = chatContainerRef.current?.querySelector('.ai-chat-box:last-child');
+    lastbox?.scrollIntoView({
       behavior: 'smooth',
       block: 'nearest'
     });
@@ -133,7 +131,7 @@ export const AIToolsTray = _ref => {
     setWaitingForResponse(true);
 
     // the .finally triggered the error even though there is a .catch
-    // eslint-disable-next-line promise/catch-or-return
+
     doFetchApi({
       path: '/api/v1/rich_content/generate',
       method: 'POST',
@@ -241,7 +239,6 @@ export const AIToolsTray = _ref => {
     getResponse(userPrompt);
   }, [getResponse, userPrompt]);
   const handleDislikeResponse = useCallback(() => {
-    // eslint-disable-next-line no-console
     console.log('dislike response'); // TODO: what?
   }, []);
   const handleShowWholeResponse = useCallback(event => {

package/es/rce/plugins/shared/ai_tools/aiicons.js

@@ -38,8 +38,8 @@ const InsertSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18
   <path d="M3.59082 14.4093H14.4099V3.59058H3.59082V14.4093ZM4.64532 4.64508H13.3551V13.3548H4.64532V4.64508Z" fill="#2D3B45"/>
   <path d="M9.52752 6.92065H8.47302V8.47278H6.9209V9.52728H8.47302V11.0794H9.52752V9.52728H11.0796V8.47278H9.52752V6.92065Z" fill="#2D3B45"/>
 </svg>`;
-const CopySVG = IconCopyLine === null || IconCopyLine === void 0 ? void 0 : IconCopyLine.src;
-const RefreshSVG = IconRefreshLine === null || IconRefreshLine === void 0 ? void 0 : IconRefreshLine.src;
+const CopySVG = IconCopyLine?.src;
+const RefreshSVG = IconRefreshLine?.src;
 const DislikeSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M2.17647 7.41176L3.2353 7.41176L3.2353 6.35294C2.65189 6.35294 2.17647 5.87859 2.17647 5.29411C2.17647 4.70964 2.65189 4.23529 3.2353 4.23529L4.29412 4.23529L4.29412 3.17647C3.71071 3.17647 3.2353 2.70211 3.2353 2.11764C3.2353 1.53317 3.71071 1.05882 4.29412 1.05882L13.2941 1.05882C14.7532 1.05882 15.9412 2.24576 15.9412 3.70588L15.9412 9.52941L14.9417 9.52941C13.6277 9.52941 12.3698 10.0694 11.4888 11.0086C10.2267 12.3554 8.738 14.4445 8.54953 16.9412L8.20859 16.9412C7.7353 16.9412 7.28953 16.7315 6.98671 16.3652C6.68071 15.9946 6.55683 15.5107 6.64788 15.0385C6.86071 13.9267 7.21224 12.8255 7.69083 11.7656C7.91424 11.2733 7.87188 10.71 7.58071 10.2568C7.28635 9.80153 6.78659 9.52941 6.24341 9.52941L2.17647 9.52941C1.59306 9.52941 1.11765 9.05506 1.11765 8.47059C1.11765 7.88611 1.59306 7.41176 2.17647 7.41176ZM0.0588235 8.47059C0.0588234 9.63847 1.00859 10.5882 2.17647 10.5882L6.24341 10.5882C6.42765 10.5882 6.59071 10.6761 6.69024 10.8307C6.78765 10.9821 6.80141 11.1642 6.72624 11.3294C6.21377 12.4645 5.83682 13.6461 5.60706 14.8405C5.45776 15.624 5.66212 16.4255 6.17035 17.0396C6.67541 17.6495 7.41871 18 8.20859 18L9.58824 18L9.58824 17.4706C9.58824 15.0851 11.042 13.0341 12.2607 11.7328C12.9426 11.0065 13.9199 10.5882 14.9416 10.5882L17 10.5882L17 3.70588C17 1.66235 15.3376 -1.45327e-07 13.2941 -3.23979e-07L4.29412 -1.11078e-06C3.12624 -1.21288e-06 2.17647 0.949763 2.17647 2.11765C2.17647 2.55282 2.30882 2.95835 2.53435 3.29506C1.71059 3.58518 1.11765 4.37188 1.11765 5.29412C1.11765 5.72929 1.25 6.13482 1.47553 6.47153C0.651767 6.76164 0.0588235 7.54835 0.0588235 8.47059Z" fill="#2D3B45"/>
 </svg>`;

package/es/rce/plugins/shared/canvasContentUtils.js

@@ -163,8 +163,7 @@ export const FILTER_SETTINGS_BY_PLUGIN = {
   }
 };
 export function isLoading(sprops) {
-  var _sprops$collections$a, _sprops$collections$a2, _sprops$collections$d, _sprops$collections$m, _sprops$collections$q, _sprops$collections$w, _sprops$documents$cou, _sprops$documents$use, _sprops$documents$gro, _sprops$media$course, _sprops$media$user, _sprops$media$group, _sprops$all_files;
-  return ((_sprops$collections$a = sprops.collections.announcements) === null || _sprops$collections$a === void 0 ? void 0 : _sprops$collections$a.isLoading) || ((_sprops$collections$a2 = sprops.collections.assignments) === null || _sprops$collections$a2 === void 0 ? void 0 : _sprops$collections$a2.isLoading) || ((_sprops$collections$d = sprops.collections.discussions) === null || _sprops$collections$d === void 0 ? void 0 : _sprops$collections$d.isLoading) || ((_sprops$collections$m = sprops.collections.modules) === null || _sprops$collections$m === void 0 ? void 0 : _sprops$collections$m.isLoading) || ((_sprops$collections$q = sprops.collections.quizzes) === null || _sprops$collections$q === void 0 ? void 0 : _sprops$collections$q.isLoading) || ((_sprops$collections$w = sprops.collections.wikiPages) === null || _sprops$collections$w === void 0 ? void 0 : _sprops$collections$w.isLoading) || ((_sprops$documents$cou = sprops.documents.course) === null || _sprops$documents$cou === void 0 ? void 0 : _sprops$documents$cou.isLoading) || ((_sprops$documents$use = sprops.documents.user) === null || _sprops$documents$use === void 0 ? void 0 : _sprops$documents$use.isLoading) || ((_sprops$documents$gro = sprops.documents.group) === null || _sprops$documents$gro === void 0 ? void 0 : _sprops$documents$gro.isLoading) || ((_sprops$media$course = sprops.media.course) === null || _sprops$media$course === void 0 ? void 0 : _sprops$media$course.isLoading) || ((_sprops$media$user = sprops.media.user) === null || _sprops$media$user === void 0 ? void 0 : _sprops$media$user.isLoading) || ((_sprops$media$group = sprops.media.group) === null || _sprops$media$group === void 0 ? void 0 : _sprops$media$group.isLoading) || ((_sprops$all_files = sprops.all_files) === null || _sprops$all_files === void 0 ? void 0 : _sprops$all_files.isLoading);
+  return sprops.collections.announcements?.isLoading || sprops.collections.assignments?.isLoading || sprops.collections.discussions?.isLoading || sprops.collections.modules?.isLoading || sprops.collections.quizzes?.isLoading || sprops.collections.wikiPages?.isLoading || sprops.documents.course?.isLoading || sprops.documents.user?.isLoading || sprops.documents.group?.isLoading || sprops.media.course?.isLoading || sprops.media.user?.isLoading || sprops.media.group?.isLoading || sprops.all_files?.isLoading;
 }
 function renderLoading() {
   return formatMessage('Loading');

package/es/rce/plugins/shared/compressionUtils.js

@@ -25,15 +25,14 @@ function blobToBase64(blob) {
     reader.readAsDataURL(blob);
   });
 }
-function drawImageOnCanvasElement(_ref) {
-  let {
-    image,
-    quality,
-    previewWidth,
-    previewHeight,
-    resolve,
-    reject
-  } = _ref;
+function drawImageOnCanvasElement({
+  image,
+  quality,
+  previewWidth,
+  previewHeight,
+  resolve,
+  reject
+}) {
   const {
     width,
     height
@@ -61,19 +60,17 @@ export function canCompressImage() {
   // Some old browsers don't support toBlob
   return Boolean(document.createElement('canvas').toBlob);
 }
-export function shouldCompressImage(_ref2) {
-  let {
-    type,
-    size
-  } = _ref2;
+export function shouldCompressImage({
+  type,
+  size
+}) {
   return ['image/jpeg', 'image/webp', 'image/bmp', 'image/tiff'].includes(type) && size > MAX_IMAGE_SIZE_BYTES;
 }
-export function compressImage(_ref3) {
-  let {
-    encodedImage,
-    previewWidth,
-    previewHeight
-  } = _ref3;
+export function compressImage({
+  encodedImage,
+  previewWidth,
+  previewHeight
+}) {
   return new Promise((resolve, reject) => {
     const image = new Image();
     image.src = encodedImage;

package/es/rce/plugins/shared/do-fetch-api-effect/doFetchApi.js

@@ -20,11 +20,10 @@
 import parseLinkHeader from './parse-link-header';
 import { defaultFetchOptions } from './defaultFetchOptions';
 import { toQueryString } from './query-string-encoding';
-function constructRelativeUrl(_ref) {
-  let {
-    path,
-    params
-  } = _ref;
+function constructRelativeUrl({
+  path,
+  params
+}) {
   const queryString = toQueryString(params);
   if (queryString.length === 0) return path;
   return path + '?' + queryString;
@@ -34,15 +33,14 @@ function constructRelativeUrl(_ref) {
 
 // NOTE: we do NOT deep-merge customFetchOptions.headers, they should be passed
 // in the headers arg instead.
-export default async function doFetchApi(_ref2) {
-  let {
-    path,
-    method = 'GET',
-    headers = {},
-    params = {},
-    body,
-    fetchOpts = {}
-  } = _ref2;
+export default async function doFetchApi({
+  path,
+  method = 'GET',
+  headers = {},
+  params = {},
+  body,
+  fetchOpts = {}
+}) {
   const finalFetchOptions = {
     ...defaultFetchOptions()
   };
@@ -60,7 +58,6 @@ export default async function doFetchApi(_ref2) {
     body,
     method,
     ...finalFetchOptions,
-    // eslint-disable-next-line no-undef
     credentials: finalFetchOptions.credentials
   });
   if (!response.ok) {

package/es/rce/plugins/shared/do-fetch-api-effect/get-cookie.js

@@ -24,6 +24,6 @@
  */
 export default function getCookie(cookieName) {
   const match = document.cookie.match('(^|[^;]+)\\s*' + cookieName + '\\s*=\\s*([^;]+)');
-  const first = match === null || match === void 0 ? void 0 : match.pop();
+  const first = match?.pop();
   return first ? decodeURIComponent(first) : undefined;
 }

package/es/rce/plugins/shared/fileTypeUtils.js

@@ -78,18 +78,16 @@ export function getIWorkType(filename) {
   }
 }
 export function mediaPlayerURLFromFile(file, canvasOrigin) {
-  var _RCEGlobals$getFeatur;
   // why oh why aren't we consistent?
   const content_type = file['content-type'] || file.content_type || file.type;
   if (typeof content_type !== 'string') throw new Error('Invalid content type');
   const type = content_type.replace(/\/.*$/, '');
   const baseOrigin = canvasOrigin !== null && canvasOrigin !== void 0 ? canvasOrigin : window.location.origin;
-  if ((_RCEGlobals$getFeatur = RCEGlobals.getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.media_links_use_attachment_id && isAudioOrVideo(content_type) && file.id) {
-    var _RCEGlobals$getFeatur2;
+  if (RCEGlobals.getFeatures()?.media_links_use_attachment_id && isAudioOrVideo(content_type) && file.id) {
     const url = new URL(`/media_attachments_iframe/${file.id}`, baseOrigin);
     url.searchParams.set('type', type);
     url.searchParams.set('embedded', 'true');
-    if (file.uuid && (file.contextType === 'User' || canvasOrigin && canvasOrigin !== window.location.origin && (_RCEGlobals$getFeatur2 = RCEGlobals.getFeatures()) !== null && _RCEGlobals$getFeatur2 !== void 0 && _RCEGlobals$getFeatur2.file_verifiers_for_quiz_links)) {
+    if (file.uuid && (file.contextType === 'User' || canvasOrigin && canvasOrigin !== window.location.origin && RCEGlobals.getFeatures()?.file_verifiers_for_quiz_links)) {
       url.searchParams.set('verifier', file.uuid);
     } else if (file.url || file.href) {
       const href = file.url || file.href;
@@ -113,8 +111,7 @@ export function mediaPlayerURLFromFile(file, canvasOrigin) {
     return `${relative}?type=${type}`;
   }
   if (isAudioOrVideo(content_type)) {
-    var _file$embed;
-    const mediaEntryId = file.media_entry_id || ((_file$embed = file.embed) === null || _file$embed === void 0 ? void 0 : _file$embed.id) || file.mediaEntryId;
+    const mediaEntryId = file.media_entry_id || file.embed?.id || file.mediaEntryId;
     if (mediaEntryId && mediaEntryId !== 'maybe') {
       return `/media_objects_iframe/${mediaEntryId}?type=${type}`;
     }

package/es/rce/plugins/shared/round.js

@@ -16,8 +16,7 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-export default function round(number) {
-  let decimalDigits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+export default function round(number, decimalDigits = 2) {
   if (decimalDigits < 0) throw new Error('decimal digits must be >= 0');
   if (decimalDigits % 1 !== 0) throw new Error('decimal digits must be a whole number');
   const val = Math.round(number * 10 ** decimalDigits) / 10 ** decimalDigits;

package/es/rce/plugins/shared/trayUtils.js

@@ -18,6 +18,9 @@
 
 const MASQUERADE_SELECTOR = 'body.is-masquerading-or-student-view';
 let trayHeight = null;
+export const resetTrayHeight = () => {
+  trayHeight = null;
+};
 
 // Adjusts the height that slide-out trays should take up based on the presence
 // or absence of the masquerade bottom bar. Caches the result of this check

package/es/rce/plugins/shared/useDataUrl.js

@@ -53,11 +53,10 @@ const useDataUrl = () => {
       }
     }
     if (url) {
-      fetchDataUrl().then(_ref => {
-        let {
-          result,
-          blob
-        } = _ref;
+      fetchDataUrl().then(({
+        result,
+        blob
+      }) => {
         setDataUrl(result);
         setDataBlob(blob);
       }).catch(e => {

package/es/rce/plugins/tinymce-a11y-checker/components/ColorField.js

@@ -25,8 +25,8 @@ import { View } from '@instructure/ui-view';
 import ColorPicker from './color-picker';
 import { stringifyRGBA, restrictColorValues, parseRGBA } from '../utils/colors';
 export default class ColorField extends React.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.state = {
       textValue: this.props.value
     };

package/es/rce/plugins/tinymce-a11y-checker/components/checker.js

@@ -44,14 +44,14 @@ import checkNode from '../node-checker';
 import formatMessage from '../../../../format-message';
 import { clearIndicators } from '../utils/indicate';
 import { getTrayHeight } from '../../shared/trayUtils';
-import { instuiPopupMountNode } from '../../../../util/fullscreenHelpers';
+import { instuiPopupMountNodeFn } from '../../../../util/fullscreenHelpers';
 
 // safari still doesn't support the standard api
 const FS_CHANGEEVENT = document.exitFullscreen ? 'fullscreenchange' : 'webkitfullscreenchange';
 const noop = () => {};
 export default class Checker extends React.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.state = {
       open: false,
       checking: false,
@@ -65,10 +65,9 @@ export default class Checker extends React.Component {
     this.onFullscreenChange = _event => {
       this.selectCurrent();
     };
-    this.updateFormState = _ref => {
-      let {
-        target
-      } = _ref;
+    this.updateFormState = ({
+      target
+    }) => {
       this.setState(prevState => {
         const formState = {
           ...prevState.formState
@@ -255,8 +254,7 @@ export default class Checker extends React.Component {
     this._tempTestNode = dom.nodeByPath(newTempRootNode, path);
     return newTempRootNode;
   }
-  tempNode() {
-    let refresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  tempNode(refresh = false) {
     if (!this._tempNode || refresh) {
       const rootNode = this.errorRootNode();
       if (rootNode) {
@@ -437,7 +435,7 @@ export default class Checker extends React.Component {
     switch (true) {
       case !!f.options:
         return /*#__PURE__*/React.createElement(SimpleSelect, {
-          mountNode: instuiPopupMountNode,
+          mountNode: instuiPopupMountNodeFn(),
           disabled: disabled,
           onChange: (e, option) => {
             this.updateFormState({

package/es/rce/plugins/tinymce-a11y-checker/node-checker.js

@@ -18,9 +18,7 @@
 
 import * as dom from './utils/dom';
 import rules from './rules';
-export default function checkNode(node, done) {
-  let config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  let additionalRules = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+export default function checkNode(node, done, config = {}, additionalRules = []) {
   if (!node) {
     return;
   }

package/es/rce/plugins/tinymce-a11y-checker/plugin.js

@@ -29,15 +29,14 @@ container.className = 'tinymce-a11y-checker-container';
 document.body.appendChild(container);
 tinymce.create('tinymce.plugins.AccessibilityChecker', {
   init(ed) {
-    ed.addCommand('openAccessibilityChecker', function (ui, _ref) {
-      let {
-        done,
-        config,
-        additionalRules,
-        mountNode,
-        triggerElementId,
-        onFixError
-      } = _ref;
+    ed.addCommand('openAccessibilityChecker', function (ui, {
+      done,
+      config,
+      additionalRules,
+      mountNode,
+      triggerElementId,
+      onFixError
+    }) {
       if (!isCheckerOpen) {
         ReactDOM.render(/*#__PURE__*/React.createElement(Checker, {
           getBody: ed.getBody.bind(ed),
@@ -47,9 +46,8 @@ tinymce.create('tinymce.plugins.AccessibilityChecker', {
           onClose: () => {
             isCheckerOpen = false;
             if (triggerElementId) {
-              var _button$;
               const button = document.querySelectorAll(`[data-btn-id=${triggerElementId}]`);
-              (_button$ = button[0]) === null || _button$ === void 0 ? void 0 : _button$.focus();
+              button[0]?.focus();
             }
           },
           onFixError: onFixError
@@ -66,12 +64,11 @@ tinymce.create('tinymce.plugins.AccessibilityChecker', {
         isCheckerOpen = true;
       }
     });
-    ed.addCommand('checkAccessibility', function (ui, _ref2) {
-      let {
-        done,
-        config,
-        additionalRules
-      } = _ref2;
+    ed.addCommand('checkAccessibility', function (ui, {
+      done,
+      config,
+      additionalRules
+    }) {
       checkNode(ed.getBody(), done, config, additionalRules);
     });
     ed.ui.registry.addButton('check_a11y', {

package/es/rce/plugins/tinymce-a11y-checker/rules/headings-start-at-h2.js

@@ -20,8 +20,7 @@ import { changeTag } from '../utils/dom';
 import formatMessage from '../../../../format-message';
 export default {
   id: 'headings-start-at-h2',
-  test: function (elem) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  test: (elem, config = {}) => {
     if (config.disableHeadingsStartAtH2) {
       return true;
     }

package/es/rce/plugins/tinymce-a11y-checker/rules/large-text-contrast.js

@@ -22,8 +22,7 @@ import smallTextContrast from './small-text-contrast';
 import { onlyContainsLink, hasTextNode } from '../utils/dom';
 export default {
   id: 'large-text-contrast',
-  test: function (elem) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  test: (elem, config = {}) => {
     const disabled = config.disableContrastCheck == true;
     const noText = !hasTextNode(elem);
     if (disabled || noText || onlyContainsLink(elem) || !contrast.isLargeText(elem)) {

package/es/rce/plugins/tinymce-a11y-checker/rules/small-text-contrast.js

@@ -24,8 +24,7 @@ import { stringifyRGBA } from '../utils/colors';
 import uid from '@instructure/uid';
 export default {
   id: 'small-text-contrast',
-  test: function (elem) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  test: (elem, config = {}) => {
     const disabled = config.disableContrastCheck == true;
     const noText = !hasTextNode(elem);
     if (disabled || noText || onlyContainsLink(elem) || contrast.isLargeText(elem)) {

package/es/rce/plugins/tinymce-a11y-checker/utils/dom.js

@@ -48,14 +48,12 @@ export function walk(node, fn, done) {
   };
   processBatch();
 }
-export function select(elem) {
-  var _elem$ownerDocument;
-  let indicateFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : indicate;
+export function select(elem, indicateFn = indicate) {
   if (elem == null) {
     return;
   }
   elem.scrollIntoView(false);
-  if ((_elem$ownerDocument = elem.ownerDocument) !== null && _elem$ownerDocument !== void 0 && _elem$ownerDocument.documentElement) {
+  if (elem.ownerDocument?.documentElement) {
     elem.ownerDocument.documentElement.scrollTop += 5; // room for the indicator highlight
   }
   indicateFn(elem);

package/es/rce/plugins/tinymce-a11y-checker/utils/indicate.js

@@ -31,7 +31,7 @@ export const A11Y_CHECKER_STYLE_ELEM_ID = 'a11y-checker-style';
 // Remove the current indicator(s) by removing the contents of
 // the style element
 export function clearIndicators(doc) {
-  const checker_style = doc === null || doc === void 0 ? void 0 : doc.getElementById(A11Y_CHECKER_STYLE_ELEM_ID);
+  const checker_style = doc?.getElementById(A11Y_CHECKER_STYLE_ELEM_ID);
   if (checker_style) {
     checker_style.textContent = '';
   }
@@ -46,11 +46,10 @@ export function buildDepthSelector(elem) {
   let target = elem;
   let parent = target.parentElement;
   while (target && parent && target !== elemBody) {
-    var _target;
     const depth = findChildDepth(parent, target);
     depths.unshift(`>:nth-child(${depth})`);
     target = parent;
-    parent = (_target = target) === null || _target === void 0 ? void 0 : _target.parentElement;
+    parent = target?.parentElement;
   }
   return `body${depths.join('')}`;
 }

package/es/rce/plugins/tinymce-a11y-checker/utils/rgb-hex.js

@@ -20,7 +20,7 @@
  * This file is taken from the rgb-hex npm module to ensure it is transpiled.
  */
 
-module.exports = (red, green, blue, alpha) => {
+export default (red, green, blue, alpha) => {
   const isPercent = (red + (alpha || '')).toString().includes('%');
   if (typeof red === 'string') {
     const res = red.match(/(0?\.?\d{1,3})%?\b/g).map(Number);
@@ -43,12 +43,9 @@ module.exports = (red, green, blue, alpha) => {
     } else {
       throw new TypeError(`Expected alpha value (${alpha}) as a fraction or percentage`);
     }
-    // eslint-disable-next-line no-bitwise
     alpha = (alpha | 1 << 8).toString(16).slice(1);
   } else {
     alpha = '';
   }
-
-  // eslint-disable-next-line no-bitwise
   return (blue | green << 8 | red << 16 | 1 << 24).toString(16).slice(1) + alpha;
 };

package/es/rce/root.js

@@ -21,34 +21,34 @@ import { render, unmountComponentAtNode } from 'react-dom';
 import RCEWrapper from './RCEWrapper';
 import normalizeProps from './normalizeProps';
 import formatMessage from '../format-message';
-if (!process || !process.env || !undefined) {
+import generateId from 'format-message-generate-id/underscored_crc32';
+if (!undefined) {
   formatMessage.setup({
     locale: 'en',
-    generateId: require('format-message-generate-id/underscored_crc32'),
+    generateId,
     missingTranslation: 'ignore'
   });
 }
 export function renderIntoDiv(target, props, renderCallback) {
   import('./tinyRCE').then(module => {
     const tinyRCE = module.default;
-
-    // normalize props
-    props = normalizeProps(props, tinyRCE);
+    const normalizedProps = normalizeProps(props, tinyRCE);
     formatMessage.setup({
-      locale: props.language
+      locale: normalizedProps.language
     });
     // render the editor to the target element
     const renderedComponent = /*#__PURE__*/createRef();
     render(/*#__PURE__*/React.createElement(RCEWrapper, Object.assign({
       ref: renderedComponent
-    }, props, {
+    }, normalizedProps, {
       handleUnmount: () => unmountComponentAtNode(target)
     })), target, () => {
       // pass it back
-      renderCallback && renderCallback(renderedComponent.current);
+      if (renderCallback && renderedComponent.current) {
+        renderCallback(renderedComponent.current);
+      }
     });
   }).catch(err => {
-    // eslint-disable-next-line no-console
     console.error('Failed loading RCE', err);
   });
 }

package/es/rce/tinyRCE.js

@@ -17,6 +17,7 @@
  */
 
 import * as browser from '../common/browser';
+// eslint-disable-next-line no-redeclare
 import tinymce from 'tinymce';
 
 // load theme

package/es/rce/transformContent.js

@@ -63,7 +63,7 @@ export function transformRceContentForEditing(inputHtml, options) {
   // fixup LTI iframe launches to use the `in_rce` display type
   container.querySelectorAll('iframe[src]').forEach(element => {
     const src = element.getAttribute('src');
-    if (src !== null && src !== void 0 && src.includes('display=borderless')) {
+    if (src?.includes('display=borderless')) {
       element.setAttribute('src', src.replace('display=borderless', 'display=in_rce'));
     }
   });