@instructure/canvas-rce 7.3.0 → 7.3.1

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 7.3.1 - 2025-11-11
+
+### Fixed
+- WordCountModal not closing with keyboard navigation
+- Accessibility issue for RCE's file preview
+- Assessment questions preview path
+- Formatting in Biome configuration for RCE package
+
+### Changed
+- Updated TinyMCE shortcut link text
+
+### Localization
+- Updated RCE translations
+
 ## 7.3.0 - 2025-10-16
 
 ### Added

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

@@ -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

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/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

@@ -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/RCEWrapper.d.ts

@@ -1,12 +1,12 @@
-import React, { ReactNode } from "react";
-import { Editor } from "@tinymce/tinymce-react";
-import tinymce from "tinymce";
-import type { Editor as TinyMCEEditor } from "tinymce";
-import { PlaceHoldableThingInfo } from "../util/loadingPlaceholder";
-import EncryptedStorage from "../util/encrypted-storage";
-import { RCEVariant } from "./RCEVariants";
-import { mergeMenu, mergeMenuItems, mergePlugins, mergeToolbar, parsePluginsToExclude } from "./RCEWrapper.utils";
-import { AlertMessage, EditorOptions, RCETrayProps } from "./types";
+import React, { ReactNode } from 'react';
+import { Editor } from '@tinymce/tinymce-react';
+import tinymce from 'tinymce';
+import type { Editor as TinyMCEEditor } from 'tinymce';
+import { PlaceHoldableThingInfo } from '../util/loadingPlaceholder';
+import EncryptedStorage from '../util/encrypted-storage';
+import { RCEVariant } from './RCEVariants';
+import { mergeMenu, mergeMenuItems, mergePlugins, mergeToolbar, parsePluginsToExclude } from './RCEWrapper.utils';
+import { AlertMessage, EditorOptions, RCETrayProps } from './types';
 export declare function storageAvailable(): boolean | null;
 interface RCEWrapperProps {
     ai_text_tools?: boolean;
@@ -74,7 +74,7 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
     _showOnFocusButton?: HTMLElement;
     _statusBarId: string;
     _textareaEl?: HTMLTextAreaElement;
-    _effectiveContainingContext: RCETrayProps["containingContext"];
+    _effectiveContainingContext: RCETrayProps['containingContext'];
     AIToolsTray?: ReactNode;
     editor: TinyMCEEditor | null;
     initialContent?: string;
@@ -425,4 +425,4 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
     render(): React.JSX.Element;
 }
 export default RCEWrapper;
-export { mergeMenuItems, mergeMenu, mergeToolbar, mergePlugins, parsePluginsToExclude, };
+export { mergeMenuItems, mergeMenu, mergeToolbar, mergePlugins, parsePluginsToExclude };