@instructure/canvas-rce 5.15.6 → 6.0.0

package/es/rce/plugins/shared/DimensionsInput/index.js

@@ -17,7 +17,7 @@
  */
 
 import React from 'react';
-import { bool, func, number, shape, string } from 'prop-types';
+import { bool, func, number, shape, string, object } from 'prop-types';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { FormFieldGroup } from '@instructure/ui-form-field';
 import { IconLockLine, IconWarningSolid } from '@instructure/ui-icons';
@@ -79,7 +79,8 @@ export default function DimensionsInput(props) {
     minHeight,
     minWidth,
     minPercentage,
-    hidePercentage
+    hidePercentage,
+    dimensionsRef
   } = props;
   const handleDimensionTypeChange = e => {
     dimensionsState.setUsePercentageUnits(e.target.value === 'percentage');
@@ -131,7 +132,8 @@ export default function DimensionsInput(props) {
   }, /*#__PURE__*/React.createElement(DimensionInput, {
     dimensionState: dimensionsState.percentageState,
     label: formatMessage('Percentage'),
-    messages: [secondaryMessage]
+    messages: [secondaryMessage],
+    dimensionsRef: dimensionsRef
   })), /*#__PURE__*/React.createElement(Flex.Item, {
     padding: "x-small small"
   }, "%")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex.Item, {
@@ -140,7 +142,8 @@ export default function DimensionsInput(props) {
     dimensionState: dimensionsState.widthState,
     label: formatMessage('Width'),
     minValue: minWidth,
-    messages: [secondaryMessage]
+    messages: [secondaryMessage],
+    dimensionsRef: dimensionsRef
   })), /*#__PURE__*/React.createElement(Flex.Item, {
     padding: "x-small small"
   }, /*#__PURE__*/React.createElement(IconLockLine, null)), /*#__PURE__*/React.createElement(Flex.Item, {
@@ -176,7 +179,8 @@ DimensionsInput.propTypes = {
   minHeight: number.isRequired,
   minWidth: number.isRequired,
   minPercentage: number.isRequired,
-  hidePercentage: bool
+  hidePercentage: bool,
+  dimensionsRef: object
 };
 DimensionsInput.defaultProps = {
   hidePercentage: false

package/es/rce/plugins/shared/ImageOptionsForm.d.ts

@@ -1,5 +1,5 @@
 export default ImageOptionsForm;
-declare function ImageOptionsForm({ imageSize, displayAs, isDecorativeImage, altText, isLinked, dimensionsState, handleAltTextChange, handleIsDecorativeChange, handleDisplayAsChange, handleImageSizeChange, messagesForSize, hideDimensions, id, isIconMaker, forBlockEditorUse, }: {
+declare function ImageOptionsForm({ imageSize, displayAs, isDecorativeImage, altText, isLinked, dimensionsState, handleAltTextChange, handleIsDecorativeChange, handleDisplayAsChange, handleImageSizeChange, messagesForSize, hideDimensions, id, isIconMaker, forBlockEditorUse, altHasError, altRef, dimensionsRef }: {
     imageSize: any;
     displayAs: any;
     isDecorativeImage: any;
@@ -15,5 +15,8 @@ declare function ImageOptionsForm({ imageSize, displayAs, isDecorativeImage, alt
     id?: string | undefined;
     isIconMaker?: boolean | undefined;
     forBlockEditorUse?: boolean | undefined;
+    altHasError?: boolean | undefined;
+    altRef?: null | undefined;
+    dimensionsRef?: null | undefined;
 }): React.JSX.Element;
 import React from 'react';

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

@@ -44,7 +44,10 @@ const ImageOptionsForm = ({
   hideDimensions,
   id = 'image-options-form',
   isIconMaker = false,
-  forBlockEditorUse = false
+  forBlockEditorUse = false,
+  altHasError = false,
+  altRef = null,
+  dimensionsRef = null
 }) => {
   const TYPE = isIconMaker ? formatMessage('icon') : formatMessage('image');
   const tooltipText = formatMessage('Used by screen readers to describe the content of an {TYPE}', {
@@ -76,6 +79,7 @@ const ImageOptionsForm = ({
   }, /*#__PURE__*/React.createElement(Flex.Item, {
     padding: "small"
   }, /*#__PURE__*/React.createElement(TextArea, {
+    "data-testid": "alt-text-field",
     disabled: isDecorativeImage,
     "aria-describedby": "alt-text-label-tooltip",
     height: "4rem",
@@ -85,7 +89,12 @@ const ImageOptionsForm = ({
       TYPE
     }),
     resize: "vertical",
-    value: altText
+    value: altText,
+    messages: altHasError ? [{
+      text: formatMessage('Invalid description'),
+      type: 'error'
+    }] : [],
+    ref: altRef
   })), /*#__PURE__*/React.createElement(Flex.Item, {
     padding: "small"
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -133,7 +142,8 @@ const ImageOptionsForm = ({
     disabled: displayAs !== 'embed',
     minHeight: MIN_HEIGHT,
     minWidth: MIN_WIDTH,
-    minPercentage: MIN_PERCENTAGE
+    minPercentage: MIN_PERCENTAGE,
+    dimensionsRef: dimensionsRef
   })))));
 };
 export default ImageOptionsForm;

package/es/rce/plugins/shared/Upload/UrlPanel.d.ts

@@ -1,12 +1,18 @@
-declare function UrlPanel({ fileUrl, setFileUrl }: {
+declare function UrlPanel({ fileUrl, setFileUrl, urlHasError, urlRef }: {
     fileUrl: any;
     setFileUrl: any;
+    urlHasError: any;
+    urlRef: any;
 }): React.JSX.Element;
 declare namespace UrlPanel {
     namespace propTypes {
-        let fileUrl: import("prop-types").Validator<string>;
-        let setFileUrl: import("prop-types").Validator<(...args: any[]) => any>;
+        export let fileUrl: import("prop-types").Validator<string>;
+        export let setFileUrl: import("prop-types").Validator<(...args: any[]) => any>;
+        export { bool as urlHasError };
+        export { object as urlRef };
     }
 }
 export default UrlPanel;
 import React from 'react';
+import { bool } from 'prop-types';
+import { object } from 'prop-types';

package/es/rce/plugins/shared/Upload/UrlPanel.js

@@ -17,22 +17,31 @@
  */
 
 import React from 'react';
-import { string, func } from 'prop-types';
+import { string, func, bool, object } from 'prop-types';
 import { TextInput } from '@instructure/ui-text-input';
 import formatMessage from '../../../../format-message';
 export default function UrlPanel({
   fileUrl,
-  setFileUrl
+  setFileUrl,
+  urlHasError,
+  urlRef
 }) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, {
     name: "file-url",
     renderLabel: formatMessage('File URL'),
     type: "url",
     value: fileUrl,
-    onChange: (e, val) => setFileUrl(val)
+    onChange: (_e, val) => setFileUrl(val),
+    messages: urlHasError ? [{
+      text: formatMessage('Invalid URL'),
+      type: 'error'
+    }] : [],
+    ref: urlRef
   }));
 }
 UrlPanel.propTypes = {
   fileUrl: string.isRequired,
-  setFileUrl: func.isRequired
+  setFileUrl: func.isRequired,
+  urlHasError: bool,
+  urlRef: object
 };

package/es/rce/plugins/shared/do-fetch-api-effect/parse-link-header.js

@@ -83,7 +83,7 @@ function intoRels(acc, x) {
   });
   return acc;
 }
-const PARSE_LINK_HEADER_MAXLEN = 2000;
+const PARSE_LINK_HEADER_MAXLEN = 4000;
 const PARSE_LINK_HEADER_THROW_ON_MAXLEN_EXCEEDED = process.env.PARSE_LINK_HEADER_THROW_ON_MAXLEN_EXCEEDED != null;
 function checkHeader(linkHeader) {
   if (!linkHeader) return false;

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

@@ -18,6 +18,7 @@
 
 import * as dom from './utils/dom';
 import rules from './rules';
+import { enhanceRules } from './utils/rule-enhancer';
 export default function checkNode(node, done, config = {}, additionalRules = []) {
   if (!node) {
     return;
@@ -25,9 +26,9 @@ export default function checkNode(node, done, config = {}, additionalRules = [])
   const errors = [];
   const childNodeCheck = child => {
     if (child.hasAttribute('data-ignore-a11y-check')) return;
-    const composedRules = rules.concat(additionalRules);
+    // Enhance all rules with TinyMCE notification functionality
+    const composedRules = enhanceRules(rules.concat(additionalRules));
     for (const rule of composedRules) {
-      // eslint-disable-next-line promise/catch-or-return
       Promise.resolve(rule.test(child, config)).then(result => {
         if (!result) {
           errors.push({

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

@@ -8,4 +8,10 @@ export function onlyContainsLink(elem: any): boolean;
 export function splitStyleAttribute(styleString: any): any;
 export function createStyleString(styleObj: any): string;
 export function hasTextNode(elem: any): boolean;
+/**
+ * Notifies TinyMCE that a change has been made
+ * This ensures that changes persist in the editor's state without requiring additional user actions
+ * @returns {void}
+ */
+export function notifyTinyMCE(): void;
 import indicate from './indicate';

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

@@ -130,4 +130,19 @@ export function createStyleString(styleObj) {
 export function hasTextNode(elem) {
   const nodes = Array.from(elem.childNodes);
   return nodes.some(x => x.nodeType === Node.TEXT_NODE);
+}
+
+/**
+ * Notifies TinyMCE that a change has been made
+ * This ensures that changes persist in the editor's state without requiring additional user actions
+ * @returns {void}
+ */
+export function notifyTinyMCE() {
+  // Get the active TinyMCE editor instance
+  const editor = window.tinymce?.activeEditor;
+  if (editor) {
+    // Mark the content as dirty to ensure TinyMCE knows it has changed
+    editor.undoManager.add();
+    editor.fire('Change');
+  }
 }

package/es/rce/plugins/tinymce-a11y-checker/utils/rule-enhancer.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Enhances a rule by wrapping its update method to notify TinyMCE of changes
+ * @param {Object} rule - The rule to enhance
+ * @param {Function} [enhanceMethod] - Optional custom method to notify TinyMCE
+ * @returns {Object} - The enhanced rule
+ */
+export function enhanceRule(rule: Object, enhanceMethod?: Function): Object;
+/**
+ * Enhances an array of rules by wrapping their update methods to notify TinyMCE of changes
+ * @param {Array} rules - The array of rules to enhance
+ * @param {Function} [enhanceMethod] - Optional custom method to notify TinyMCE
+ * @returns {Array} - The array of enhanced rules
+ */
+export function enhanceRules(rules: any[], enhanceMethod?: Function): any[];

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

@@ -0,0 +1,53 @@
+/*
+ * Copyright (C) 2025 - 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 { notifyTinyMCE } from './dom';
+
+/**
+ * Enhances a rule by wrapping its update method to notify TinyMCE of changes
+ * @param {Object} rule - The rule to enhance
+ * @param {Function} [enhanceMethod] - Optional custom method to notify TinyMCE
+ * @returns {Object} - The enhanced rule
+ */
+export function enhanceRule(rule, enhanceMethod = null) {
+  // Skip if the rule doesn't have an update method
+  if (!rule.update) {
+    return rule;
+  }
+  const enhance = enhanceMethod || notifyTinyMCE;
+  const enhancedRule = {
+    ...rule
+  };
+  const originalUpdate = rule.update;
+  enhancedRule.update = (elem, data) => {
+    const result = originalUpdate(elem, data);
+    enhance();
+    return result;
+  };
+  return enhancedRule;
+}
+
+/**
+ * Enhances an array of rules by wrapping their update methods to notify TinyMCE of changes
+ * @param {Array} rules - The array of rules to enhance
+ * @param {Function} [enhanceMethod] - Optional custom method to notify TinyMCE
+ * @returns {Array} - The array of enhanced rules
+ */
+export function enhanceRules(rules, enhanceMethod = null) {
+  return rules.map(rule => enhanceRule(rule, enhanceMethod));
+}

package/es/rce/screenreaderOnFormat.d.ts

@@ -0,0 +1,2 @@
+import type { Editor } from 'tinymce';
+export declare const initScreenreaderOnFormat: (editor: Editor) => void;

package/es/rce/screenreaderOnFormat.js

@@ -0,0 +1,109 @@
+/*
+ * Copyright (C) 2025 - 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 formatMessage from '../format-message';
+const screenreaderMessageHolderId = 'rce_message_screenreader_holder';
+const getAlertContainer = () => {
+  let alertContainer = document.getElementById(screenreaderMessageHolderId);
+  if (!alertContainer) {
+    alertContainer = document.createElement('div');
+    alertContainer.id = screenreaderMessageHolderId;
+    alertContainer.setAttribute('role', 'status');
+    alertContainer.setAttribute('aria-live', 'assertive');
+    alertContainer.setAttribute('aria-relevant', 'additions');
+    alertContainer.setAttribute('aria-atomic', 'true');
+    // copied from Canvas' .screenreader-only
+    alertContainer.setAttribute('style', 'border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; transform: translatez(0);');
+    document.body.appendChild(alertContainer);
+  }
+  return alertContainer;
+};
+const announce = message => {
+  const alertContainer = getAlertContainer();
+  const messageElement = document.createElement('span');
+  messageElement.textContent = message;
+  alertContainer.replaceChildren(messageElement);
+};
+const handleFormatApply = event => {
+  switch (event.format) {
+    case 'bold':
+      announce(formatMessage('Bold applied'));
+      break;
+    case 'italic':
+      announce(formatMessage('Italic applied'));
+      break;
+    case 'underline':
+      announce(formatMessage('Underline applied'));
+      break;
+    case 'h1':
+    case 'h2':
+    case 'h3':
+    case 'h4':
+    case 'h5':
+    case 'h6':
+      announce(formatMessage('Heading {h} applied', {
+        h: event.format
+      }));
+      break;
+    case 'p':
+      announce(formatMessage('Paragraph applied'));
+      break;
+    case 'div':
+      announce(formatMessage('Div applied'));
+      break;
+    case 'address':
+      announce(formatMessage('Address applied'));
+      break;
+  }
+};
+const handleRemoveFormat = event => {
+  switch (event.format) {
+    case 'bold':
+      announce(formatMessage('Bold removed'));
+      break;
+    case 'italic':
+      announce(formatMessage('Italic removed'));
+      break;
+    case 'underline':
+      announce(formatMessage('Underline removed'));
+      break;
+    case 'h1':
+    case 'h2':
+    case 'h3':
+    case 'h4':
+    case 'h5':
+    case 'h6':
+      announce(formatMessage('Heading {h} removed', {
+        h: event.format
+      }));
+      break;
+    case 'p':
+      announce(formatMessage('Paragraph removed'));
+      break;
+    case 'div':
+      announce(formatMessage('Div removed'));
+      break;
+    case 'address':
+      announce(formatMessage('Address removed'));
+      break;
+  }
+};
+export const initScreenreaderOnFormat = editor => {
+  editor.on('FormatApply', handleFormatApply);
+  editor.on('FormatRemove', handleRemoveFormat);
+};

package/es/translations/locales/ar.js

@@ -52,6 +52,12 @@ const locale = {
   "additional_considerations_f3801683": {
     "message": "الاعتبارات الإضافية"
   },
+  "address_applied_64269b0b": {
+    "message": "تم تطبيق العنوان"
+  },
+  "address_removed_fcb496e0": {
+    "message": "تمت إزالة العنوان"
+  },
   "adjacent_links_with_the_same_url_should_be_a_singl_7a1f7f6c": {
     "message": "يجب أن تكون الروابط المتجاورة بنفس عنوان URL رابطًا فرديًا."
   },
@@ -208,6 +214,12 @@ const locale = {
   "blue_daf8fea9": {
     "message": "أزرق"
   },
+  "bold_applied_42d547b7": {
+    "message": "تم تطبيق الخط الغامق"
+  },
+  "bold_removed_da474a5c": {
+    "message": "تمت إزالة الخط الغامق"
+  },
   "border_5b08b06d": {
     "message": "الحد"
   },
@@ -574,6 +586,12 @@ const locale = {
   "display_text_link_opens_in_a_new_tab_75e9afc9": {
     "message": "عرض ارتباط النص (يفتح في علامة تبويب جديدة)"
   },
+  "div_applied_49ad83fc": {
+    "message": "تم تطبيق Div"
+  },
+  "div_removed_d13f8e17": {
+    "message": "تمت إزالة Div"
+  },
   "division_sign_72190870": {
     "message": "علامة القسمة"
   },
@@ -931,6 +949,12 @@ const locale = {
   "heading_4_b2e74be7": {
     "message": "العنوان 4"
   },
+  "heading_h_applied_eccd294d": {
+    "message": "تم تطبيق العنوان { h }"
+  },
+  "heading_h_removed_745f24a6": {
+    "message": "تمت إزالة العنوان { h }"
+  },
   "heading_levels_should_not_be_skipped_3947c0e0": {
     "message": "يجب ألا يتم تجاوز مستويات العنوان."
   },
@@ -1117,6 +1141,12 @@ const locale = {
   "issue_num_total_f94536cf": {
     "message": "مشكلة { num }/{ total }"
   },
+  "italic_applied_8f59a684": {
+    "message": "تم تطبيق الخط المائل"
+  },
+  "italic_removed_17cbab6f": {
+    "message": "تمت إزالة الخط المائل"
+  },
   "kappa_2f14c816": {
     "message": "Kappa"
   },
@@ -1576,6 +1606,12 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "الفقرة"
   },
+  "paragraph_applied_959b3fe5": {
+    "message": "تم تطبيق الفقرة"
+  },
+  "paragraph_removed_d09320e": {
+    "message": "تمت إزالة الفقرة"
+  },
   "paragraph_starting_with_start_a59923f8": {
     "message": "فقرة تبدأ بـ { start }"
   },
@@ -2308,6 +2344,12 @@ const locale = {
   "unable_to_determine_resource_selection_url_7867e060": {
     "message": "يتعذر تحديد عنوان URL تحديد الموارد"
   },
+  "underline_applied_ae01ec97": {
+    "message": "تم تطبيق التسطير"
+  },
+  "underline_removed_3693e17c": {
+    "message": "تمت إزالة التسطير"
+  },
   "union_e6b57a53": {
     "message": "Union"
   },

package/es/translations/locales/ca.js

@@ -52,6 +52,12 @@ const locale = {
   "additional_considerations_f3801683": {
     "message": "Consideracions addicionals"
   },
+  "address_applied_64269b0b": {
+    "message": "S’ha aplicat l’adreça"
+  },
+  "address_removed_fcb496e0": {
+    "message": "S’ha suprimit l''adreça"
+  },
   "adjacent_links_with_the_same_url_should_be_a_singl_7a1f7f6c": {
     "message": "Els enllaços adjacents amb el mateix URL han de constituir un sol enllaç."
   },
@@ -208,6 +214,12 @@ const locale = {
   "blue_daf8fea9": {
     "message": "Blau"
   },
+  "bold_applied_42d547b7": {
+    "message": "S’ha aplicat el format de negreta"
+  },
+  "bold_removed_da474a5c": {
+    "message": "S’ha suprimit el format de negreta"
+  },
   "border_5b08b06d": {
     "message": "Vora"
   },
@@ -574,6 +586,12 @@ const locale = {
   "display_text_link_opens_in_a_new_tab_75e9afc9": {
     "message": "Mostra l''enllaç al text (s''obre en una pestanya nova)"
   },
+  "div_applied_49ad83fc": {
+    "message": "S’ha aplicat la divisió"
+  },
+  "div_removed_d13f8e17": {
+    "message": "S’ha suprimit la divisió"
+  },
   "division_sign_72190870": {
     "message": "Signe de la divisió"
   },
@@ -931,6 +949,12 @@ const locale = {
   "heading_4_b2e74be7": {
     "message": "Capçalera 4"
   },
+  "heading_h_applied_eccd294d": {
+    "message": "S’ha aplicat el titular { h }"
+  },
+  "heading_h_removed_745f24a6": {
+    "message": "S’ha suprimit el titular { h }"
+  },
   "heading_levels_should_not_be_skipped_3947c0e0": {
     "message": "No s’han d’ometre els nivells de les capçaleres"
   },
@@ -1117,6 +1141,12 @@ const locale = {
   "issue_num_total_f94536cf": {
     "message": "Problema { num } de { total }"
   },
+  "italic_applied_8f59a684": {
+    "message": "S’ha aplicat el format de cursiva"
+  },
+  "italic_removed_17cbab6f": {
+    "message": "S’ha suprimit el format de cursiva"
+  },
   "kappa_2f14c816": {
     "message": "Kappa"
   },
@@ -1576,6 +1606,12 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paràgraf"
   },
+  "paragraph_applied_959b3fe5": {
+    "message": "S’ha aplicat el paràgraf"
+  },
+  "paragraph_removed_d09320e": {
+    "message": "S’ha suprimit el paràgraf"
+  },
   "paragraph_starting_with_start_a59923f8": {
     "message": "El paràgraf comença per { start }"
   },
@@ -2308,6 +2344,12 @@ const locale = {
   "unable_to_determine_resource_selection_url_7867e060": {
     "message": "No s’ha pogut determinar l’URL de selecció de recursos"
   },
+  "underline_applied_ae01ec97": {
+    "message": "S’ha aplicat el format de subratllat"
+  },
+  "underline_removed_3693e17c": {
+    "message": "S’ha suprimit el format de subratllat"
+  },
   "union_e6b57a53": {
     "message": "Unió"
   },

package/es/translations/locales/cy.js

@@ -52,6 +52,12 @@ const locale = {
   "additional_considerations_f3801683": {
     "message": "Ystyriaethau ychwanegol"
   },
+  "address_applied_64269b0b": {
+    "message": "Cyfeiriad wedi’i osod"
+  },
+  "address_removed_fcb496e0": {
+    "message": "Cyfeiriad wedi’i ddileu"
+  },
   "adjacent_links_with_the_same_url_should_be_a_singl_7a1f7f6c": {
     "message": "Dylai dolenni cyfagos â’r un URL fod yn un ddolen."
   },
@@ -208,6 +214,12 @@ const locale = {
   "blue_daf8fea9": {
     "message": "Glas"
   },
+  "bold_applied_42d547b7": {
+    "message": "Fformat trwm wedi’i osod"
+  },
+  "bold_removed_da474a5c": {
+    "message": "Fformat trwm wedi’i ddileu"
+  },
   "border_5b08b06d": {
     "message": "Bordor"
   },
@@ -574,6 +586,12 @@ const locale = {
   "display_text_link_opens_in_a_new_tab_75e9afc9": {
     "message": "Dangos Dolen Testun (Yn agor mewn tab newydd)"
   },
+  "div_applied_49ad83fc": {
+    "message": "Rhaniad wedi’i osod"
+  },
+  "div_removed_d13f8e17": {
+    "message": "Rhaniad wed’i ddileu"
+  },
   "division_sign_72190870": {
     "message": "Arwydd Rhannu"
   },
@@ -931,6 +949,12 @@ const locale = {
   "heading_4_b2e74be7": {
     "message": "Pennawd 4"
   },
+  "heading_h_applied_eccd294d": {
+    "message": "Pennawd { h } wedi’i osod"
+  },
+  "heading_h_removed_745f24a6": {
+    "message": "Pennawd { h } wedi’i ddileu"
+  },
   "heading_levels_should_not_be_skipped_3947c0e0": {
     "message": "Ni ddylid anwybyddu lefelau penawdau."
   },
@@ -1117,6 +1141,12 @@ const locale = {
   "issue_num_total_f94536cf": {
     "message": "Problem { num }/{ total }"
   },
+  "italic_applied_8f59a684": {
+    "message": "Fformat italig wedi’i osod"
+  },
+  "italic_removed_17cbab6f": {
+    "message": "Fformat italig wedi’i ddileu"
+  },
   "kappa_2f14c816": {
     "message": "Kappa"
   },
@@ -1576,6 +1606,12 @@ const locale = {
   "paragraph_5e5ad8eb": {
     "message": "Paragraff"
   },
+  "paragraph_applied_959b3fe5": {
+    "message": "Paragraff wedi’i osod"
+  },
+  "paragraph_removed_d09320e": {
+    "message": "Paragraff wedi’i ddileu"
+  },
   "paragraph_starting_with_start_a59923f8": {
     "message": "Paragraff yn dechrau gyda { start }"
   },
@@ -2308,6 +2344,12 @@ const locale = {
   "unable_to_determine_resource_selection_url_7867e060": {
     "message": "Does dim modd pennu url dewis adnodd"
   },
+  "underline_applied_ae01ec97": {
+    "message": "Tanlinell wedi’i gosod"
+  },
+  "underline_removed_3693e17c": {
+    "message": "Tanlinell wedi’i dileu"
+  },
   "union_e6b57a53": {
     "message": "Uniad"
   },