@instructure/canvas-rce 7.3.1 → 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/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|assessment_questions)\/\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/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/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"

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 : [])];
 }

package/es/rce/RCEWrapper.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { Editor } from '@tinymce/tinymce-react';
 import tinymce from 'tinymce';
 import type { Editor as TinyMCEEditor } from 'tinymce';
@@ -9,7 +9,6 @@ import { mergeMenu, mergeMenuItems, mergePlugins, mergeToolbar, parsePluginsToEx
 import { AlertMessage, EditorOptions, RCETrayProps } from './types';
 export declare function storageAvailable(): boolean | null;
 interface RCEWrapperProps {
-    ai_text_tools?: boolean;
     autosave?: {
         enabled?: boolean;
         maxAge?: number;
@@ -38,12 +37,12 @@ interface RCEWrapperProps {
     tinymce: typeof tinymce;
     trayProps: RCETrayProps;
     use_rce_icon_maker?: boolean;
+    useHighContrast?: boolean;
+    fontFamily?: string;
     userCacheKey?: string;
 }
 interface RCEWrapperState {
     a11yErrorsCount: number;
-    AIToolsOpen: boolean;
-    AITToolsFocusReturn: unknown;
     alertId?: number;
     announcement: string | null;
     autoSavedContent: string;
@@ -75,7 +74,6 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
     _statusBarId: string;
     _textareaEl?: HTMLTextAreaElement;
     _effectiveContainingContext: RCETrayProps['containingContext'];
-    AIToolsTray?: ReactNode;
     editor: TinyMCEEditor | null;
     initialContent?: string;
     intersectionObserver?: IntersectionObserver;
@@ -175,6 +173,8 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
         }>;
         instRecordDisabled: import("prop-types").Requireable<boolean>;
         highContrastCSS: import("prop-types").Requireable<(string | null | undefined)[]>;
+        useHighContrast: import("prop-types").Requireable<boolean>;
+        fontFamily: import("prop-types").Requireable<string>;
         maxInitRenderedRCEs: import("prop-types").Requireable<number>;
         use_rce_icon_maker: import("prop-types").Requireable<boolean>;
         features: import("prop-types").Requireable<{
@@ -190,7 +190,6 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
             isA2StudentView: import("prop-types").Requireable<boolean>;
             maxMruTools: import("prop-types").Requireable<number>;
         }>>;
-        ai_text_tools: import("prop-types").Requireable<boolean>;
         variant: import("prop-types").Requireable<"full" | "lite" | "text-only" | "text-block" | "block-content-editor">;
     };
     static defaultProps: {
@@ -215,9 +214,9 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
         explicit_latex_typesetting: unknown;
         rce_transform_loaded_content: unknown;
         rce_studio_embed_improvements: unknown;
+        rce_asr_captioning_improvements: unknown;
         file_verifiers_for_quiz_links: unknown;
         rce_find_replace: unknown;
-        consolidated_media_player: unknown;
     };
     getRequiredConfigValues(): {
         locale: string;
@@ -340,15 +339,6 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
     openKBShortcutModal: () => void;
     closeKBShortcutModal: () => void;
     KBShortcutModalExited: () => void;
-    handleAIClick: () => void;
-    closeAITools: () => void;
-    AIToolsExited: () => void;
-    handleInsertAIContent: (content: string) => void;
-    handleReplaceAIContent: (content: string) => void;
-    getCurrentContentForAI: () => {
-        type: string;
-        content: string;
-    };
     componentWillUnmount(): void;
     wrapOptions(options?: {}): {
         readonly: boolean | undefined;