@instructure/canvas-rce 7.2.0 → 7.3.0

package/CHANGELOG.md

@@ -5,6 +5,33 @@ 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.0 - 2025-10-16
+
+### Added
+- Block Content Editor (BCE) support and improvements
+- Media Embed by URL functionality
+- A11y checker for block editor
+- User choices to improved Studio toolbar options
+- Feature flag for upcoming Studio embed improvements
+
+### Changed
+- Upgrade to InstUI 10.26.2
+- Unify image upload buttons
+- Adjust the text block footer
+- Remove documents from RCE's toolbar for BCE
+
+### Fixed
+- Prevent setState from TinyMCE events after unmount
+- Image upload modal for BCE
+- Revert Alert conditional rendering
+- Revert axios version upgrade
+
+### Removed
+- Remove crocodoc from canvas
+
+### Localization
+- Updated RCE translations for multiple locales
+
 ## 7.2.0 - 2025-08-21
 
 ### Added

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

@@ -106,20 +106,7 @@ export function loadDocPreview($container, options) {
       });
     }
   }
-  if (opts.crocodoc_session_url) {
-    const sanitizedUrl = sanitizeUrl(opts.crocodoc_session_url);
-    const iframe = document.createElement('iframe');
-    iframe.setAttribute('src', sanitizedUrl);
-    iframe.setAttribute('width', opts.width);
-    iframe.setAttribute('height', opts.height);
-    iframe.setAttribute('allowfullscreen', '1');
-    iframe.id = opts.id;
-    $container.appendChild(iframe);
-    iframe.load(() => {
-      tellAppIViewedThisInline('crocodoc');
-      if (typeof opts.ready === 'function') opts.ready();
-    });
-  } else if (opts.canvadoc_session_url) {
+  if (opts.canvadoc_session_url) {
     const canvadocWrapper = document.createElement('div');
     canvadocWrapper.setAttribute('style', 'overflow: auto; resize: vertical; border: 1px solid transparent; height: 100%;');
     $container.appendChild(canvadocWrapper);

package/es/index.d.ts

@@ -57,3 +57,4 @@ export declare function getRCSAuthenticationHeaders(jwt: string): {
     Authorization: string;
 };
 export declare function getRCSOriginFromHost(host: string): any;
+export { default as checkNode } from './rce/plugins/tinymce-a11y-checker/node-checker';

package/es/index.js

@@ -50,4 +50,5 @@ export function getRCSAuthenticationHeaders(jwt) {
 }
 export function getRCSOriginFromHost(host) {
   return originFromHost(host);
-}
+}
+export { default as checkNode } from './rce/plugins/tinymce-a11y-checker/node-checker';

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,10 +28,8 @@ export default function AlertMessageArea({
 }) {
   return /*#__PURE__*/React.createElement("div", null, messages.map(message => /*#__PURE__*/React.createElement(Alert, {
     key: message.id,
-    variant: message.variant || 'info',
-    timeout: 10000
-    // @ts-expect-error
-    ,
+    variant: message.variant || "info",
+    timeout: 10000,
     liveRegion: liveRegion,
     onDismiss: () => afterDismiss(message.id)
   }, message.text)));

package/es/rce/RCEGlobals.d.ts

@@ -1,11 +1,13 @@
 export default instance;
 export type Features = {
     file_verifiers_for_quiz_links: boolean;
+    rce_studio_embed_improvements: boolean;
 };
 declare const instance: RCEGlobals;
 /**
  * @typedef {Object} Features
  * @property {boolean} file_verifiers_for_quiz_links
+ * @property {boolean} rce_studio_embed_improvements
  */
 declare class RCEGlobals {
     _data: {

package/es/rce/RCEGlobals.js

@@ -21,6 +21,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
  */
 
 class RCEGlobals {

package/es/rce/RCEVariants.js

@@ -110,13 +110,13 @@ export function getToolbarForVariant(variant, ltiToolFavorites = []) {
       items: ['bold', 'italic', 'underline', 'instructure_color', 'inst_subscript', 'inst_superscript']
     }, {
       name: formatMessage('Content'),
-      items: ['instructure_links', 'instructure_documents']
+      items: ['instructure_links']
     }, {
       name: formatMessage('Alignment and Lists'),
       items: ['align', 'bullist', 'inst_indent', 'inst_outdent']
     }, {
       name: formatMessage('Miscellaneous'),
-      items: ['removeformat', 'instructure_equation']
+      items: ['removeformat', 'instructure_equation', 'instructure_keyboard_shortcuts_header', 'instructure_wordcount_header']
     }];
   }
   return [{
@@ -152,7 +152,7 @@ export function getStatusBarFeaturesForVariant(variant, options = {
     return [];
   }
   if (variant === 'block-content-editor') {
-    return ['keyboard_shortcuts', 'word_count'];
+    return [];
   }
   const platformFeatures = options.isDesktop ? DESKTOP_FEATURES : MOBILE_FEATURES;
   if (variant === 'lite' || variant === 'text-only') {

package/es/rce/RCEWrapper.d.ts

@@ -1,13 +1,13 @@
-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 | undefined;
+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;
     autosave?: {
@@ -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;
@@ -214,6 +214,7 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
         new_math_equation_handling: unknown;
         explicit_latex_typesetting: unknown;
         rce_transform_loaded_content: unknown;
+        rce_studio_embed_improvements: unknown;
         file_verifiers_for_quiz_links: unknown;
         rce_find_replace: unknown;
         consolidated_media_player: unknown;
@@ -315,6 +316,7 @@ declare class RCEWrapper extends React.Component<RCEWrapperProps, RCEWrapperStat
      */
     _setupSelectionSaving: (editor: any) => void;
     announcing: number;
+    _isMounted: boolean;
     announceContextToolbars(editor: TinyMCEEditor): void;
     initAutoSave: (editor: TinyMCEEditor) => void;
     cleanupAutoSave: (deleteAll?: boolean) => void;
@@ -423,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, };