@atlaskit/editor-common 110.32.3 → 110.33.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-common
 
+## 110.33.1
+
+### Patch Changes
+
+- [`d3461a5b84b81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3461a5b84b81) -
+  Suppress i18n errors
+- Updated dependencies
+
+## 110.33.0
+
+### Minor Changes
+
+- [`025002b2a71fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/025002b2a71fc) -
+  [ux] [EDITOR-3320] fix bug on panel and table placeholders/ added code mark on keyboard shorcuts
+  on panel and table placeholders
+- [`e12aaa9abfa83`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e12aaa9abfa83) -
+  EDITOR-3302 - Support multiple editor streaming
+
+### Patch Changes
+
+- [`05ee61c6ace09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05ee61c6ace09) -
+  Improve performance of show diff by increasing merge of steps
+- [`516909774accc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/516909774accc) -
+  Fixing type issues
+- [`3ff392895f5d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3ff392895f5d3) -
+  [ux] A11y issue fix: The fallback colors used for menu items are not accessible and does not match
+  with tokens
+- Updated dependencies
+
 ## 110.32.3
 
 ### Patch Changes

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -113,7 +113,9 @@ function ElementSearch(_ref) {
       }, (0, _react2.jsx)("div", {
         css: styledShortcut
       }, "\u23CE ", formatMessage(_messages.default.elementAfterInputMessage))),
-      placeholder: formatMessage(_messages.default.placeHolderMessage),
+      placeholder: formatMessage(_messages.default.placeHolderMessage)
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "search",
       "aria-labelledby": "search-assistive"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -138,7 +138,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     showUpdatedLivePages1PBodiedExtensionUI = _ref.showUpdatedLivePages1PBodiedExtensionUI,
     showLivePagesBodiedMacrosRendererView = _ref.showLivePagesBodiedMacrosRendererView,
     showBodiedExtensionRendererView = _ref.showBodiedExtensionRendererView,
-    pluginInjectionApi = _ref.pluginInjectionApi;
+    _pluginInjectionApi = _ref.pluginInjectionApi;
   var isInlineExtension = extensionName === 'inlineExtension';
   var showDefaultBodiedStyles = (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'isEnabled', true) ? isBodiedMacro : isBodiedMacro && !isNodeHovered;
   var shouldShowBodiedMacroLabel = getShouldShowBodiedMacroLabel(isBodiedMacro, isNodeHovered, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, showUpdatedLivePages1PBodiedExtensionUI);

package/dist/cjs/extensions/extension-handlers.js

@@ -106,6 +106,7 @@ function ExtensionLoading(props) {
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);
+    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
     return /*#__PURE__*/_react.default.createElement("div", null, "Error loading the extension!");
   } else {
     return null;

package/dist/cjs/hooks/useSharedPluginState.js

@@ -43,7 +43,7 @@ function useStaticPlugins(plugins) {
 }
 /**
  *
- * NOTE: Generally you want to use `usePluginStateWithSelector` over this which behaves similarly
+ * NOTE: Generally you want to use `useSharedPluginStateWithSelector` over this which behaves similarly
  * but selects a slice of the state which is more performant.
  *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️

package/dist/cjs/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -41,9 +41,9 @@ var _usePluginStateEffect = require("../usePluginStateEffect");
 
 /**
  *
- * NOTE: Generally you want to use `usePluginStateWithSelector` over this which behaves similarly
+ * NOTE: Generally you want to use `useSharedPluginStateWithSelector` over this which behaves similarly
  * but selects a slice of the state which is more performant.
- * 
+ *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
  * If the plugins you are listening to generate multiple shared states while the user is typing,
  * your React Component will get only the last one.

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -881,6 +881,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       var screenReaderText = browser.safari && this.getScreenReaderText();
       var containerWidth = (0, _platformFeatureFlags.fg)('platform_editor_link_picker_width_fix') ? _ToolbarComponents.narrowContainerWidth : !!activityProvider && _ToolbarComponents.containerWithProvider;
       return (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
         "aria-label": "Hyperlink Edit"
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,

package/dist/cjs/messages/placeholder-text.js

@@ -16,11 +16,36 @@ var placeholderTextMessages = exports.placeholderTextMessages = (0, _reactIntlNe
     defaultMessage: '/ to insert',
     description: 'Short placeholder text for empty nodes'
   },
+  shortEmptyNodePlaceholderADFSlashShortcut: {
+    id: 'fabric.editor.shortEmptyNodePlaceholderSlash',
+    defaultMessage: '/',
+    description: 'Slash character in short empty node placeholder'
+  },
+  shortEmptyNodePlaceholderADFSuffix: {
+    id: 'fabric.editor.shortEmptyNodePlaceholderSuffix',
+    defaultMessage: ' to insert',
+    description: 'Text after slash in short empty node placeholder'
+  },
   longEmptyNodePlaceholderText: {
     id: 'fabric.editor.longEmptyNodePlaceholderText',
     defaultMessage: 'Type / to insert elements',
     description: 'Long placeholder text for empty nodes'
   },
+  longEmptyNodePlaceholderADFPrefix: {
+    id: 'fabric.editor.longEmptyNodePlaceholderPrefix',
+    defaultMessage: 'Type ',
+    description: 'Text before slash in long empty node placeholder'
+  },
+  longEmptyNodePlaceholderADFSlashShortcut: {
+    id: 'fabric.editor.longEmptyNodePlaceholderSlash',
+    defaultMessage: '/',
+    description: 'Slash character in long empty node placeholder'
+  },
+  longEmptyNodePlaceholderADFSuffix: {
+    id: 'fabric.editor.longEmptyNodePlaceholderSuffix',
+    defaultMessage: ' to insert elements',
+    description: 'Text after slash in long empty node placeholder'
+  },
   syncBlockPlaceholderText: {
     id: 'fabric.editor.syncBlockPlaceholderText',
     defaultMessage: 'Add content then copy this synced block to access it across spaces',

package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -12,67 +12,109 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @atlassian/i18n/no-literal-string-in-object */
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var panelBackgroundPalette = exports.panelBackgroundPalette = [{
+var panelBackgroundPalette = exports.panelBackgroundPalette = [
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'White',
   value: '#FFFFFF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light blue',
   value: '#DEEBFF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light teal',
   value: '#E6FCFF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light green',
   value: '#E3FCEF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light yellow',
   value: '#FFFAE6'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light red',
   value: '#FFEBE6'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light purple',
   value: '#EAE6FF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light gray',
   value: '#F4F5F7'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Blue',
   value: '#B3D4FF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Teal',
   value: '#B3F5FF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Green',
   value: '#ABF5D1'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Yellow',
   value: '#FFF0B3'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Red',
   value: '#FFBDAD'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Purple',
   value: '#C0B6F2'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Gray',
   value: '#B3BAC5'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark blue',
   value: '#4C9AFF'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark teal',
   value: '#79E2F2'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark green',
   value: '#57D9A3'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark yellow',
   value: '#FFC400'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark red',
   value: '#FF8F73'
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark purple',
   value: '#998DD9'
 }].map(function (color) {
@@ -82,28 +124,44 @@ var panelBackgroundPalette = exports.panelBackgroundPalette = [{
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
-var panelDarkModeBackgroundPalette = exports.panelDarkModeBackgroundPalette = [{
+var panelDarkModeBackgroundPalette = exports.panelDarkModeBackgroundPalette = [
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark gray',
   value: _panel.darkPanelColors.DarkGray
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark blue',
   value: _panel.darkPanelColors.B1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark teal',
   value: _panel.darkPanelColors.T1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark green',
   value: _panel.darkPanelColors.G1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark yellow',
   value: _panel.darkPanelColors.Y1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark red',
   value: _panel.darkPanelColors.R1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Dark purple',
   value: _panel.darkPanelColors.P1200S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Gray',
   value: _panel.darkPanelColors.Gray
 }, {
@@ -124,25 +182,39 @@ var panelDarkModeBackgroundPalette = exports.panelDarkModeBackgroundPalette = [{
 }, {
   label: 'purple',
   value: _panel.darkPanelColors.P900
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light gray',
   value: _panel.darkPanelColors.LightGray
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light blue',
   value: _panel.darkPanelColors.B800S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light teal',
   value: _panel.darkPanelColors.T900S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light green',
   value: _panel.darkPanelColors.G900S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light yellow',
   value: _panel.darkPanelColors.Y800S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light red',
   value: _panel.darkPanelColors.R800S
-}, {
+},
+// eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+{
   label: 'Light purple',
   value: _panel.darkPanelColors.P800S
 }].map(function (color) {

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -22,6 +22,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -63,14 +64,14 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
        * Hack for item to imitate old dropdown-menu selected styles
        */
       // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, transparent)", "var(--ds-background-selected, #6c798f)", "var(--ds-text-selected, #0C66E4)", focusedMenuItemStyle);
+      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, transparent)", "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
     }
 
     /**
      * Hack for item to imitate old dropdown-menu selected styles
      */
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text-selected, #0C66E4)", focusedMenuItemStyle);
+    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
     return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers

package/dist/cjs/utils/document.js

@@ -168,22 +168,37 @@ var isReplaceDocOperation = exports.isReplaceDocOperation = function isReplaceDo
  *
  * @param doc1 PMNode
  * @param doc2 PMNode
+ * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
  * @returns boolean
  */
-function areNodesEqualIgnoreAttrs(node1, node2) {
+function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
   if (node1.isText) {
     return node1.eq(node2);
   }
-  return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node2.marks) && areFragmentsEqual(node1.content, node2.content);
+
+  // If no attributes to ignore, compare all attributes
+  if (!attributesToIgnore || attributesToIgnore.length === 0) {
+    return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node2.marks) && areFragmentsEqual(node1.content, node2.content);
+  }
+
+  // Build attrs to compare by excluding ignored attributes
+  var attrsToCompare = node2.attrs;
+  var ignoreSet = new Set(attributesToIgnore);
+  for (var key in node2.attrs) {
+    if (ignoreSet.has(key)) {
+      attrsToCompare[key] = node1.attrs[key];
+    }
+  }
+  return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
 }
-function areFragmentsEqual(frag1, frag2) {
+function areFragmentsEqual(frag1, frag2, attributesToIgnore) {
   if (frag1.content.length !== frag2.content.length) {
     return false;
   }
   var childrenEqual = true;
   frag1.content.forEach(function (child, i) {
     var otherChild = frag2.child(i);
-    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild)) {
+    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild, attributesToIgnore)) {
       return;
     }
     childrenEqual = false;

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -105,7 +105,9 @@ function ElementSearch({
       }, jsx("div", {
         css: styledShortcut
       }, "\u23CE ", formatMessage(commonMessages.elementAfterInputMessage))),
-      placeholder: formatMessage(commonMessages.placeHolderMessage),
+      placeholder: formatMessage(commonMessages.placeHolderMessage)
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "search",
       "aria-labelledby": "search-assistive"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -128,7 +128,7 @@ export const ExtensionLabel = ({
   showUpdatedLivePages1PBodiedExtensionUI,
   showLivePagesBodiedMacrosRendererView,
   showBodiedExtensionRendererView,
-  pluginInjectionApi
+  pluginInjectionApi: _pluginInjectionApi
 }) => {
   const isInlineExtension = extensionName === 'inlineExtension';
   const showDefaultBodiedStyles = expValEquals('cc_editor_ttvc_release_bundle_one', 'isEnabled', true) ? isBodiedMacro : isBodiedMacro && !isNodeHovered;

package/dist/es2019/extensions/extension-handlers.js

@@ -50,6 +50,7 @@ function ExtensionLoading(props) {
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);
+    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
     return /*#__PURE__*/React.createElement("div", null, "Error loading the extension!");
   } else {
     return null;

package/dist/es2019/hooks/useSharedPluginState.js

@@ -29,7 +29,7 @@ function useStaticPlugins(plugins) {
 }
 /**
  *
- * NOTE: Generally you want to use `usePluginStateWithSelector` over this which behaves similarly
+ * NOTE: Generally you want to use `useSharedPluginStateWithSelector` over this which behaves similarly
  * but selects a slice of the state which is more performant.
  *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️

package/dist/es2019/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -32,9 +32,9 @@ import { usePluginStateEffect } from '../usePluginStateEffect';
 
 /**
  *
- * NOTE: Generally you want to use `usePluginStateWithSelector` over this which behaves similarly
+ * NOTE: Generally you want to use `useSharedPluginStateWithSelector` over this which behaves similarly
  * but selects a slice of the state which is more performant.
- * 
+ *
  * ⚠️⚠️⚠️ This is a debounced hook ⚠️⚠️⚠️
  * If the plugins you are listening to generate multiple shared states while the user is typing,
  * your React Component will get only the last one.

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -733,6 +733,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     const screenReaderText = browser.safari && this.getScreenReaderText();
     const containerWidth = fg('platform_editor_link_picker_width_fix') ? narrowContainerWidth : !!activityProvider && containerWithProvider;
     return jsx("div", {
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
       "aria-label": "Hyperlink Edit"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

package/dist/es2019/messages/placeholder-text.js

@@ -10,11 +10,36 @@ export const placeholderTextMessages = defineMessages({
     defaultMessage: '/ to insert',
     description: 'Short placeholder text for empty nodes'
   },
+  shortEmptyNodePlaceholderADFSlashShortcut: {
+    id: 'fabric.editor.shortEmptyNodePlaceholderSlash',
+    defaultMessage: '/',
+    description: 'Slash character in short empty node placeholder'
+  },
+  shortEmptyNodePlaceholderADFSuffix: {
+    id: 'fabric.editor.shortEmptyNodePlaceholderSuffix',
+    defaultMessage: ' to insert',
+    description: 'Text after slash in short empty node placeholder'
+  },
   longEmptyNodePlaceholderText: {
     id: 'fabric.editor.longEmptyNodePlaceholderText',
     defaultMessage: 'Type / to insert elements',
     description: 'Long placeholder text for empty nodes'
   },
+  longEmptyNodePlaceholderADFPrefix: {
+    id: 'fabric.editor.longEmptyNodePlaceholderPrefix',
+    defaultMessage: 'Type ',
+    description: 'Text before slash in long empty node placeholder'
+  },
+  longEmptyNodePlaceholderADFSlashShortcut: {
+    id: 'fabric.editor.longEmptyNodePlaceholderSlash',
+    defaultMessage: '/',
+    description: 'Slash character in long empty node placeholder'
+  },
+  longEmptyNodePlaceholderADFSuffix: {
+    id: 'fabric.editor.longEmptyNodePlaceholderSuffix',
+    defaultMessage: ' to insert elements',
+    description: 'Text after slash in long empty node placeholder'
+  },
   syncBlockPlaceholderText: {
     id: 'fabric.editor.syncBlockPlaceholderText',
     defaultMessage: 'Add content then copy this synced block to access it across spaces',