@instructure/canvas-rce 7.3.0 → 8.0.0

package/es/canvasFileBrowser/FileBrowser.d.ts

@@ -42,7 +42,8 @@ declare class FileBrowser extends React.Component<any, any, any> {
     decreaseLoadingCount(): void;
     getRootFolderData(context: any, contextId: any, opts?: {}): void;
     populateRootFolder(data: any, opts?: {}): void;
-    fetchSubFolders: ((id: any) => void) & _.MemoizedFunction;
+    /** @type {(id: number) => void} */
+    fetchSubFolders: (id: number) => void;
     fetchFiles(id: any): void;
     getFolderData(id: any): void;
     populateCollectionsList: (folderList: any, opts?: {}) => void;
@@ -76,5 +77,4 @@ declare class FileBrowser extends React.Component<any, any, any> {
     render(): React.JSX.Element;
 }
 import React from 'react';
-import _ from 'lodash';
 import PropTypes from 'prop-types';

package/es/canvasFileBrowser/FileBrowser.js

@@ -16,8 +16,8 @@
 
 import React from 'react';
 import formatMessage from '../format-message';
-import _ from 'lodash';
-import minimatch from 'minimatch';
+import { cloneDeep, memoize } from 'es-toolkit/compat';
+import { minimatch } from 'minimatch';
 import { TreeBrowser } from '@instructure/ui-tree-browser';
 import { Text } from '@instructure/ui-text';
 import { Spinner } from '@instructure/ui-spinner';
@@ -32,7 +32,8 @@ class FileBrowser extends React.Component {
     super(_props2);
     // Memoized function to fetch all subfolders
     // of the given folder ID, handing pagination
-    this.fetchSubFolders = _.memoize(id => {
+    /** @type {(id: number) => void} */
+    this.fetchSubFolders = memoize(id => {
       this.source.fetchBookmarkedData(this.source.fetchSubFolders.bind(this.source), {
         folderId: id,
         perPage: 50
@@ -46,7 +47,7 @@ class FileBrowser extends React.Component {
     });
     this.populateCollectionsList = (folderList, opts = {}) => {
       this.setState((state, props) => {
-        const newCollections = _.cloneDeep(state.collections);
+        const newCollections = cloneDeep(state.collections);
         folderList.forEach(folder => {
           const collection = this.formatFolderInfo(folder, {
             ...opts,
@@ -67,8 +68,8 @@ class FileBrowser extends React.Component {
     };
     this.populateItemsList = fileList => {
       this.setState((state, _props) => {
-        const newItems = _.cloneDeep(state.items);
-        const newCollections = _.cloneDeep(state.collections);
+        const newItems = cloneDeep(state.items);
+        const newCollections = cloneDeep(state.collections);
         fileList.forEach(file => {
           if (this.contentTypeIsAllowed(file.type)) {
             const item = this.formatFileInfo(file);
@@ -101,7 +102,7 @@ class FileBrowser extends React.Component {
         } else if (!collection.locked) {
           newFolders = newFolders.concat(openFolders);
           newFolders.push(folderId);
-          newCollections = _.cloneDeep(state.collections);
+          newCollections = cloneDeep(state.collections);
           newCollections[folderId] = collection;
         }
         return {

package/es/common/mimeClass.js

@@ -41,8 +41,10 @@ export function mimeClass(file) {
     return file.mime_class;
   } else {
     const contentType = getContentType(file);
+    // Strip MIME parameters (charset, boundary, etc.) before lookup
     // NOTE: Keep this list in sync with what's in canvas-lms/app/models/attachment.rb
-    return contentMapping(contentType) || file.mime_class || 'file';
+    const baseType = contentType?.split(';')[0]?.trim();
+    return contentMapping(baseType) || file.mime_class || 'file';
   }
 }
 export function contentMapping(contentType) {

package/es/defaultTinymceConfig.js

@@ -172,9 +172,9 @@ const defaultTinymceConfig = {
     acronym: [],
     del: ['datetime', 'cite'],
     ins: ['datetime', 'cite'],
-    object: ['classid', 'width', 'height', 'codebase', '*'],
+    object: ['classid', 'codebase', 'data', 'height', 'type', 'width'],
     param: ['name', 'value', '_value'],
-    embed: ['type', 'width', 'height', 'src', '*'],
+    embed: ['allowfullscreen', 'allowscriptaccess', 'height', 'name', 'pluginspage', 'src', 'type', 'width', 'wmode'],
     map: ['name'],
     area: ['shape', 'coords', 'href', 'alt', 'target'],
     bdo: [],
@@ -222,56 +222,54 @@ const defaultTinymceConfig = {
     '-ul': ['compact'],
     video: ['name', 'src', 'allowfullscreen', 'muted', 'poster', 'width', 'height', 'controls', 'playsinline'],
     audio: ['name', 'src', 'muted', 'controls'],
-    annotation: ['href', 'xref', 'definitionURL', 'encoding', 'cd', 'name', 'src'],
-    'annotation-xml': ['href', 'xref', 'definitionURL', 'encoding', 'cd', 'name', 'src'],
-    maction: ['href', 'xref', 'mathcolor', 'mathbackground', 'actiontype', 'selection'],
-    maligngroup: ['href', 'xref', 'mathcolor', 'mathbackground', 'groupalign'],
-    malignmark: ['href', 'xref', 'mathcolor', 'mathbackground', 'edge'],
-    math: ['xmlns', 'href', 'xref', 'display', 'maxwidth', 'overflow', 'altimg', 'altimg-width', 'altimg-height', 'altimg-valign', 'alttext', 'cdgroup', 'mathcolor', 'mathbackground', 'scriptlevel', 'displaystyle', 'scriptsizemultiplier', 'scriptminsize', 'infixlinebreakstyle', 'decimalpoint', 'mathvariant', 'mathsize', 'width', 'height', 'valign', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast', 'depth', 'lquote', 'rquote', 'linethickness', 'munalign', 'denomalign', 'bevelled', 'voffset', 'open', 'close', 'separators', 'notation', 'subscriptshift', 'superscriptshift', 'accentunder', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'side', 'minlabelspacing', 'rowspan', 'columnspan', 'edge', 'stackalign', 'charalign', 'charspacing', 'longdivstyle', 'position', 'shift', 'location', 'crossout', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness', 'selection'],
-    menclose: ['href', 'xref', 'mathcolor', 'mathbackground', 'notation'],
-    merror: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    mfenced: ['href', 'xref', 'mathcolor', 'mathbackground', 'open', 'close', 'separators'],
-    mfrac: ['href', 'xref', 'mathcolor', 'mathbackground', 'linethickness', 'munalign', 'denomalign', 'bevelled'],
-    mglyph: ['href', 'xref', 'mathcolor', 'mathbackground', 'src', 'alt', 'width', 'height', 'valign'],
-    mi: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize'],
-    mlabeledtr: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    mlongdiv: ['href', 'xref', 'mathcolor', 'mathbackground', 'longdivstyle', 'align', 'stackalign', 'charalign', 'charspacing'],
-    mmultiscripts: ['href', 'xref', 'mathcolor', 'mathbackground', 'subscriptshift', 'superscriptshift'],
-    mn: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize'],
-    mo: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast'],
-    mover: ['href', 'xref', 'mathcolor', 'mathbackground', 'accent', 'align'],
-    mpadded: ['href', 'xref', 'mathcolor', 'mathbackground', 'height', 'depth', 'width', 'lspace', 'voffset'],
-    mphantom: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    mprescripts: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    mroot: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    mrow: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    ms: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize', 'lquote', 'rquote'],
-    mscarries: ['href', 'xref', 'mathcolor', 'mathbackground', 'position', 'location', 'crossout', 'scriptsizemultiplier'],
-    mscarry: ['href', 'xref', 'mathcolor', 'mathbackground', 'location', 'crossout'],
-    msgroup: ['href', 'xref', 'mathcolor', 'mathbackground', 'position', 'shift'],
-    msline: ['href', 'xref', 'mathcolor', 'mathbackground', 'position', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness'],
-    mspace: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize'],
-    msqrt: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    msrow: ['href', 'xref', 'mathcolor', 'mathbackground', 'position'],
-    mstack: ['href', 'xref', 'mathcolor', 'mathbackground', 'align', 'stackalign', 'charalign', 'charspacing'],
-    mstyle: ['href', 'xref', 'mathcolor', 'mathbackground', 'scriptlevel', 'displaystyle', 'scriptsizemultiplier', 'scriptminsize', 'infixlinebreakstyle', 'decimalpoint', 'mathvariant', 'mathsize', 'width', 'height', 'valign', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast', 'depth', 'lquote', 'rquote', 'linethickness', 'munalign', 'denomalign', 'bevelled', 'voffset', 'open', 'close', 'separators', 'notation', 'subscriptshift', 'superscriptshift', 'accentunder', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'side', 'minlabelspacing', 'rowspan', 'columnspan', 'edge', 'stackalign', 'charalign', 'charspacing', 'longdivstyle', 'position', 'shift', 'location', 'crossout', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness', 'selection'],
-    msub: ['href', 'xref', 'mathcolor', 'mathbackground', 'subscriptshift'],
-    msubsup: ['href', 'xref', 'mathcolor', 'mathbackground', 'subscriptshift', 'superscriptshift'],
-    msup: ['href', 'xref', 'mathcolor', 'mathbackground', 'superscriptshift'],
-    mtable: ['href', 'xref', 'mathcolor', 'mathbackground', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'width', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'displaystyle', 'side', 'minlabelspacing'],
-    mtd: ['href', 'xref', 'mathcolor', 'mathbackground', 'rowspan', 'columnspan', 'rowalign', 'columnalign', 'groupalign'],
-    mtext: ['href', 'xref', 'mathcolor', 'mathbackground', 'mathvariant', 'mathsize', 'width', 'height', 'depth', 'linebreak'],
-    mtr: ['href', 'xref', 'mathcolor', 'mathbackground', 'rowalign', 'columnalign', 'groupalign'],
-    munder: ['href', 'xref', 'mathcolor', 'mathbackground', 'accentunder', 'align'],
-    munderover: ['href', 'xref', 'mathcolor', 'mathbackground', 'accent', 'accentunder', 'align'],
-    none: ['href', 'xref', 'mathcolor', 'mathbackground'],
-    semantics: ['href', 'xref', 'definitionURL', 'encoding'],
+    annotation: ['href', 'xref', 'intent', 'arg', 'definitionURL', 'encoding', 'cd', 'name', 'src'],
+    'annotation-xml': ['href', 'xref', 'intent', 'arg', 'definitionURL', 'encoding', 'cd', 'name', 'src'],
+    maction: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'actiontype', 'selection'],
+    maligngroup: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'groupalign'],
+    malignmark: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'edge'],
+    math: ['xmlns', 'href', 'xref', 'display', 'maxwidth', 'overflow', 'altimg', 'altimg-width', 'altimg-height', 'altimg-valign', 'alttext', 'cdgroup', 'intent', 'arg', 'mathcolor', 'mathbackground', 'scriptlevel', 'displaystyle', 'scriptsizemultiplier', 'scriptminsize', 'infixlinebreakstyle', 'decimalpoint', 'mathvariant', 'mathsize', 'width', 'height', 'valign', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast', 'depth', 'lquote', 'rquote', 'linethickness', 'numalign', 'denomalign', 'bevelled', 'voffset', 'open', 'close', 'separators', 'notation', 'subscriptshift', 'superscriptshift', 'accentunder', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'side', 'minlabelspacing', 'rowspan', 'columnspan', 'edge', 'stackalign', 'charalign', 'charspacing', 'longdivstyle', 'position', 'shift', 'location', 'crossout', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness', 'selection'],
+    menclose: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'notation'],
+    merror: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    mfenced: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'open', 'close', 'separators'],
+    mfrac: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'linethickness', 'numalign', 'denomalign', 'bevelled'],
+    mglyph: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'src', 'alt', 'width', 'height', 'valign'],
+    mi: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize'],
+    mlabeledtr: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    mlongdiv: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'longdivstyle', 'align', 'stackalign', 'charalign', 'charspacing'],
+    mmultiscripts: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'subscriptshift', 'superscriptshift'],
+    mn: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize'],
+    mo: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast'],
+    mover: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'accent', 'align'],
+    mpadded: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'height', 'depth', 'width', 'lspace', 'voffset'],
+    mphantom: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    mprescripts: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    mroot: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    mrow: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    ms: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize', 'lquote', 'rquote'],
+    mscarries: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'position', 'location', 'crossout', 'scriptsizemultiplier'],
+    mscarry: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'location', 'crossout'],
+    msgroup: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'position', 'shift'],
+    msline: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'position', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness'],
+    mspace: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize'],
+    msqrt: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    msrow: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'position'],
+    mstack: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'align', 'stackalign', 'charalign', 'charspacing'],
+    mstyle: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'scriptlevel', 'displaystyle', 'scriptsizemultiplier', 'scriptminsize', 'infixlinebreakstyle', 'decimalpoint', 'mathvariant', 'mathsize', 'width', 'height', 'valign', 'form', 'fence', 'separator', 'lspace', 'rspace', 'stretchy', 'symmetric', 'maxsize', 'minsize', 'largeop', 'movablelimits', 'accent', 'linebreak', 'lineleading', 'linebreakstyle', 'linebreakmultchar', 'indentalign', 'indentshift', 'indenttarget', 'indentalignfirst', 'indentshiftfirst', 'indentalignlast', 'indentshiftlast', 'depth', 'lquote', 'rquote', 'linethickness', 'numalign', 'denomalign', 'bevelled', 'voffset', 'open', 'close', 'separators', 'notation', 'subscriptshift', 'superscriptshift', 'accentunder', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'side', 'minlabelspacing', 'rowspan', 'columnspan', 'edge', 'stackalign', 'charalign', 'charspacing', 'longdivstyle', 'position', 'shift', 'location', 'crossout', 'length', 'leftoverhang', 'rightoverhang', 'mslinethickness', 'selection'],
+    msub: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'subscriptshift'],
+    msubsup: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'subscriptshift', 'superscriptshift'],
+    msup: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'superscriptshift'],
+    mtable: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'align', 'rowalign', 'columnalign', 'groupalign', 'alignmentscope', 'columnwidth', 'width', 'rowspacing', 'columnspacing', 'rowlines', 'columnlines', 'frame', 'framespacing', 'equalrows', 'equalcolumns', 'displaystyle', 'side', 'minlabelspacing'],
+    mtd: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'rowspan', 'columnspan', 'rowalign', 'columnalign', 'groupalign'],
+    mtext: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'mathvariant', 'mathsize', 'width', 'height', 'depth', 'linebreak'],
+    mtr: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'rowalign', 'columnalign', 'groupalign'],
+    munder: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'accentunder', 'align'],
+    munderover: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg', 'accent', 'accentunder', 'align'],
+    none: ['href', 'xref', 'mathcolor', 'mathbackground', 'intent', 'arg'],
+    semantics: ['href', 'xref', 'intent', 'arg', 'definitionURL', 'encoding'],
     picture: [],
     ruby: [],
     rp: [],
-    rt: [],
-    g: ['*'],
-    circle: ['*']
+    rt: []
   }),
   non_empty_elements: 'td th iframe video audio object script a i area base basefont br col frame hr img input isindex link meta param embed source wbr track ruby',
   // tiny's external link create/edit dialog config

package/es/enhance-user-content/doc_previews.js

@@ -106,6 +106,9 @@ export function loadDocPreview($container, options) {
       });
     }
   }
+  const iframeAriaLabel = opts.attachment_name ? formatMessage('File preview for {fileName}', {
+    fileName: opts.attachment_name
+  }) : formatMessage('File preview');
   if (opts.canvadoc_session_url) {
     const canvadocWrapper = document.createElement('div');
     canvadocWrapper.setAttribute('style', 'overflow: auto; resize: vertical; border: 1px solid transparent; height: 100%;');
@@ -117,6 +120,7 @@ export function loadDocPreview($container, options) {
       tellAppIViewedThisInline('canvadocs');
       if (typeof opts.ready === 'function') opts.ready();
     });
+    iframe.setAttribute('aria-label', iframeAriaLabel);
     iframe.setAttribute('src', sanitizedUrl);
     iframe.setAttribute('width', opts.width);
     iframe.setAttribute('allowfullscreen', '1');
@@ -142,6 +146,7 @@ export function loadDocPreview($container, options) {
         iframe.setAttribute('src', googleDocPreviewUrl);
         iframe.setAttribute('height', opts.height);
         iframe.setAttribute('width', '100%');
+        iframe.setAttribute('aria-label', iframeAriaLabel);
         $container.appendChild(iframe);
       }
     };

package/es/enhance-user-content/enhance_user_content.js

@@ -104,7 +104,7 @@ function previewId() {
 function buildUrl(url) {
   try {
     return new URL(url);
-  } catch (e) {
+  } catch (_e) {
     // Don't raise an error
   }
 }
@@ -124,7 +124,7 @@ const addResourceIdentifiersToStudioContent = content => {
 };
 export function enhanceUserContent(container = document, opts = {}) {
   const {
-    customEnhanceFunc,
+    customEnhance,
     canvasOrigin,
     kalturaSettings,
     disableGooglePreviews,
@@ -163,7 +163,7 @@ export function enhanceUserContent(container = document, opts = {}) {
   }
   content.querySelectorAll('.user_content:not(.enhanced)').forEach(elem => {
     elem.classList.add('unenhanced');
-    explicit_latex_typesetting && elem.classList.add(MathJaxDirective.Process);
+    if (explicit_latex_typesetting) elem.classList.add(MathJaxDirective.Process);
   });
   const mathml = new Mathml({
     new_math_equation_handling,
@@ -172,7 +172,7 @@ export function enhanceUserContent(container = document, opts = {}) {
     locale
   });
   content.querySelectorAll('.unenhanced').forEach(unenhanced_elem => {
-    explicit_latex_typesetting && mathml.processNewMathInElem(unenhanced_elem);
+    if (explicit_latex_typesetting) mathml.processNewMathInElem(unenhanced_elem);
     unenhanced_elem.querySelectorAll('img').forEach(img => {
       const src = img.getAttribute('src');
       if (!/^\/[^/]/.test(src)) {
@@ -269,7 +269,7 @@ export function enhanceUserContent(container = document, opts = {}) {
 
     // Don't attempt to enhance links with no href
     if (!href) return;
-    const matchesCanvasFile = href.pathname.match(/(?:\/(courses|groups|users)\/\d+)?\/files\/([\d~]+)(?=[!*'();:@&=+$,/?#\[\]]|$)/);
+    const matchesCanvasFile = href.pathname.match(/(?:\/(courses|groups|users|assessment_questions)\/\d+)?\/files\/([\d~]+)(?=[!*'();:@&=+$,/?#[\]]|$)/);
     if (!matchesCanvasFile) {
       // a bug in the new RCE added instructure_file_link class name to all links
       // only proceed if this is a canvas file link
@@ -346,9 +346,7 @@ export function enhanceUserContent(container = document, opts = {}) {
       handleYoutubeLink($anchor);
     }
   });
-  if (customEnhanceFunc) {
-    customEnhanceFunc();
-  }
+  if (typeof customEnhance === 'function') customEnhance();
   content.querySelectorAll('.user_content.unenhanced').forEach($elem => {
     $elem.classList.remove('unenhanced');
     $elem.classList.add('enhanced');

package/es/enhance-user-content/index.d.ts

@@ -1,4 +1,6 @@
-export * from "./enhance_user_content";
+export { enhanceUserContent } from "./enhance_user_content";
+export { makeAllExternalLinksExternalLinks } from "./external_links";
+export { Mathml } from "./mathml";
 export { mediaCommentThumbnail };
 import mediaCommentThumbnail from './media_comment_thumbnail';
 export { isPreviewable, loadDocPreview } from "./doc_previews";

package/es/enhance-user-content/index.js

@@ -17,6 +17,8 @@
  */
 
 import mediaCommentThumbnail from './media_comment_thumbnail';
-export * from './enhance_user_content';
+export { enhanceUserContent } from './enhance_user_content';
 export { isPreviewable, loadDocPreview } from './doc_previews';
+export { makeAllExternalLinksExternalLinks } from './external_links';
+export { Mathml } from './mathml';
 export { mediaCommentThumbnail };

package/es/enhance-user-content/instructure_helper.js

@@ -157,6 +157,7 @@ export function showFilePreviewInline(event, canvasOrigin, disableGooglePreviews
         mimeType: attachment.content_type,
         public_url: attachment.public_url,
         attachment_preview_processing: attachment.workflow_state === 'pending_upload' || attachment.workflow_state === 'processing',
+        attachment_name: attachment.display_name,
         disableGooglePreviews
       });
       const $minimizeLink = document.createElement('a');

package/es/enhance-user-content/youtube_overlay.js

@@ -1,4 +1,22 @@
 import _pt from "prop-types";
+/*
+ * Copyright (C) 2026 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * 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, useEffect, useState, useCallback } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Text } from '@instructure/ui-text';

package/es/getThemeVars.d.ts

@@ -1,4 +1,4 @@
-declare function getThemeVars(): {
+declare function getThemeVars(useHighContrast?: boolean, fontFamily?: string): {
     variables: Record<string, unknown>;
     key: string;
 };

package/es/getThemeVars.js

@@ -16,33 +16,30 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { getRegistry } from '@instructure/theme-registry';
-import { merge, cloneDeep } from 'lodash';
-
-// The running theme is the running theme for this page load, and it never
-// changes, so there's no point in doing the work more than once.
-let memoizedVariables;
-function getThemeVars() {
-  if (memoizedVariables) return memoizedVariables;
-
-  // @ts-expect-error
-  const {
-    currentThemeKey,
-    overrides,
-    themes
-  } = getRegistry();
-  // Just assume the "canvas" theme if the default key is null. This will
-  // never happen in the live app because one way or another a theme gets
-  // used, but unit tests don't always do that.
-  // Also we have to cloneDeep this because the merge below is about to
-  // mutate the whole thing.
-  const themeKey = currentThemeKey || 'canvas';
-  const variables = cloneDeep(themes[themeKey]);
-  merge(variables, overrides);
-  memoizedVariables = {
+import { canvas, canvasHighContrast } from '@instructure/ui-themes';
+import { cloneDeep } from 'es-toolkit/compat';
+const cache = new Map();
+function getThemeVars(useHighContrast = false, fontFamily) {
+  const cacheKey = `${useHighContrast}:${fontFamily !== null && fontFamily !== void 0 ? fontFamily : ''}`;
+  if (cache.has(cacheKey)) return cache.get(cacheKey);
+  const baseTheme = useHighContrast ? canvasHighContrast : canvas;
+  const key = useHighContrast ? 'canvas-high-contrast' : 'canvas';
+  const brandVars = !useHighContrast && typeof window !== 'undefined' ? window.CANVAS_ACTIVE_BRAND_VARIABLES || {} : {};
+  const variables = {
+    ...cloneDeep(baseTheme),
+    ...brandVars
+  };
+  if (fontFamily) {
+    variables.typography = {
+      ...variables.typography,
+      fontFamily
+    };
+  }
+  const result = {
     variables,
-    key: themeKey
+    key
   };
-  return memoizedVariables;
+  cache.set(cacheKey, result);
+  return result;
 }
 export { getThemeVars };

package/es/rce/AlertMessageArea.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { AlertVariant } from "./types";
+import React from 'react';
+import type { AlertVariant } from './types';
 interface AlertMessageAreaProps {
     messages: {
         id: number;

package/es/rce/AlertMessageArea.js

@@ -16,8 +16,8 @@ import _pt from "prop-types";
  * 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 { Alert } from "@instructure/ui-alerts";
-import React from "react";
+import { Alert } from '@instructure/ui-alerts';
+import React from 'react';
 /**
  * Shows messages that have been provided to it in the RCE
  */
@@ -28,7 +28,7 @@ export default function AlertMessageArea({
 }) {
   return /*#__PURE__*/React.createElement("div", null, messages.map(message => /*#__PURE__*/React.createElement(Alert, {
     key: message.id,
-    variant: message.variant || "info",
+    variant: message.variant || 'info',
     timeout: 10000,
     liveRegion: liveRegion,
     onDismiss: () => afterDismiss(message.id)

package/es/rce/KeyboardShortcutModal.js

@@ -47,7 +47,7 @@ export default function KeyboardShortcutModal(props) {
     offset: "medium",
     color: "primary",
     onClick: props.onDismiss,
-    screenReaderLabel: formatMessage('Close')
+    screenReaderLabel: formatMessage('Close Keyboard Shortcuts Modal')
   }), /*#__PURE__*/React.createElement(Heading, null, formatMessage('Keyboard Shortcuts'))), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(View, {
     as: "div",
     padding: "x-small xx-large large x-large"
@@ -79,7 +79,7 @@ export default function KeyboardShortcutModal(props) {
   }, formatMessage('Other editor shortcuts may be found at'), ' ', /*#__PURE__*/React.createElement("a", {
     href: "https://www.tiny.cloud/docs/advanced/keyboard-shortcuts/",
     target: "rcekbshortcut"
-  }, "https://www.tiny.cloud/docs/advanced/keyboard-shortcuts/")))));
+  }, "TinyMCE Keyboard Shortcuts")))));
 }
 KeyboardShortcutModal.propTypes = {
   open: bool.isRequired,

package/es/rce/RCE.d.ts

@@ -46,6 +46,15 @@ export interface RCEPropTypes {
      * array of URLs to high-contrast css
      */
     highContrastCSS?: string[];
+    /**
+     * whether high contrast mode is enabled
+     */
+    useHighContrast?: boolean;
+    /**
+     * CSS font-family string for the RCE chrome (toolbar, menus).
+     * Built by the host to include Lato Extended, dyslexic font, K5 font, etc.
+     */
+    fontFamily?: string;
     /**
      * if true, do not load the plugin that provides the media toolbar and menu items
      */

package/es/rce/RCE.js

@@ -46,6 +46,8 @@ const RCE = /*#__PURE__*/forwardRef(function RCE(props, rceRef) {
     // tinymce config
     height,
     highContrastCSS,
+    useHighContrast,
+    fontFamily,
     instRecordDisabled,
     language,
     liveRegion,
@@ -87,6 +89,8 @@ const RCE = /*#__PURE__*/forwardRef(function RCE(props, rceRef) {
       canvasOrigin,
       defaultContent,
       highContrastCSS,
+      useHighContrast,
+      fontFamily,
       instRecordDisabled,
       language: normalizeLocale(language),
       liveRegion,

package/es/rce/RCEGlobals.d.ts

@@ -2,12 +2,14 @@ export default instance;
 export type Features = {
     file_verifiers_for_quiz_links: boolean;
     rce_studio_embed_improvements: boolean;
+    rce_asr_captioning_improvements: boolean;
 };
 declare const instance: RCEGlobals;
 /**
  * @typedef {Object} Features
  * @property {boolean} file_verifiers_for_quiz_links
  * @property {boolean} rce_studio_embed_improvements
+ * @property {boolean} rce_asr_captioning_improvements
  */
 declare class RCEGlobals {
     _data: {

package/es/rce/RCEGlobals.js

@@ -22,6 +22,7 @@ const isEmpty = obj => Object.keys(obj).length === 0;
  * @typedef {Object} Features
  * @property {boolean} file_verifiers_for_quiz_links
  * @property {boolean} rce_studio_embed_improvements
+ * @property {boolean} rce_asr_captioning_improvements
  */
 
 class RCEGlobals {

package/es/rce/RCEVariants.d.ts

@@ -7,11 +7,10 @@ interface ToolbarGroupSetting {
     name: string;
     items: string[];
 }
-type StatusBarFeature = 'ai_tools' | 'keyboard_shortcuts' | 'a11y_checker' | 'word_count' | 'html_view' | 'fullscreen' | 'resize_handle' | 'a11y_resize_handlers';
+type StatusBarFeature = 'keyboard_shortcuts' | 'a11y_checker' | 'word_count' | 'html_view' | 'fullscreen' | 'resize_handle' | 'a11y_resize_handlers';
 export declare const RCEVariantValues: readonly ["full", "lite", "text-only", "text-block", "block-content-editor"];
 export type RCEVariant = (typeof RCEVariantValues)[number];
 export type StatusBarOptions = {
-    aiTextTools?: boolean;
     isDesktop?: boolean;
     a11yResizers?: boolean;
 };

package/es/rce/RCEVariants.js

@@ -144,7 +144,6 @@ const MOBILE_FEATURES = ['a11y_checker', 'word_count'];
 const EXTENDED_FEATURES = ['html_view', 'fullscreen', 'resize_handle'];
 const A11Y_RESIZERS = ['a11y_resize_handlers'];
 export function getStatusBarFeaturesForVariant(variant, options = {
-  aiTextTools: false,
   isDesktop: true,
   a11yResizers: false
 }) {
@@ -158,5 +157,5 @@ export function getStatusBarFeaturesForVariant(variant, options = {
   if (variant === 'lite' || variant === 'text-only') {
     return platformFeatures;
   }
-  return [...platformFeatures, ...EXTENDED_FEATURES, ...(options.a11yResizers ? A11Y_RESIZERS : []), ...(options.aiTextTools ? ['ai_tools'] : [])];
+  return [...platformFeatures, ...EXTENDED_FEATURES, ...(options.a11yResizers ? A11Y_RESIZERS : [])];
 }