@atlaskit/editor-common 110.32.3 → 110.33.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 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/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/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/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/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.32.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.32.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "0.0.0-development";
+const packageVersion = "110.32.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "0.0.0-development";
+const packageVersion = "110.32.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -12,6 +12,7 @@ import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
@@ -55,8 +56,8 @@ const buttonStyles = (isActive, submenuActive) => {
 				> span,
 				> span:hover,
 				> span:active {
-					background: ${"var(--ds-background-selected, #6c798f)"};
-					color: ${"var(--ds-text-selected, #0C66E4)"};
+					background: ${`var(--ds-background-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f'})`};
+					color: ${`var(--ds-text-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4'})`};
 				}
 				:focus > span[aria-disabled='false'] {
 					${focusedMenuItemStyle};
@@ -76,8 +77,8 @@ const buttonStyles = (isActive, submenuActive) => {
 			> span,
 			> span:hover,
 			> span:active {
-				background: ${"var(--ds-background-selected, #6c798f)"};
-				color: ${"var(--ds-text-selected, #0C66E4)"};
+				background: ${`var(--ds-background-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f'})`};
+				color: ${`var(--ds-text-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4'})`};
 			}
 			:focus > span[aria-disabled='false'] {
 				${focusedMenuItemStyle};

package/dist/es2019/utils/document.js

@@ -155,22 +155,37 @@ export const isReplaceDocOperation = (transactions, oldState) => {
  *
  * @param doc1 PMNode
  * @param doc2 PMNode
+ * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
  * @returns boolean
  */
-export function areNodesEqualIgnoreAttrs(node1, node2) {
+export 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
+  const attrsToCompare = node2.attrs;
+  const ignoreSet = new Set(attributesToIgnore);
+  for (const 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;
   }
   let childrenEqual = true;
   frag1.content.forEach((child, i) => {
     const otherChild = frag2.child(i);
-    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild)) {
+    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild, attributesToIgnore)) {
       return;
     }
     childrenEqual = false;

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

@@ -129,7 +129,7 @@ export var 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 = expValEquals('cc_editor_ttvc_release_bundle_one', 'isEnabled', true) ? isBodiedMacro : isBodiedMacro && !isNodeHovered;
   var shouldShowBodiedMacroLabel = getShouldShowBodiedMacroLabel(isBodiedMacro, isNodeHovered, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, showUpdatedLivePages1PBodiedExtensionUI);

package/dist/esm/hooks/useSharedPluginState.js

@@ -37,7 +37,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/esm/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js

@@ -35,9 +35,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/esm/messages/placeholder-text.js

@@ -10,11 +10,36 @@ export var 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',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.32.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.32.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -27,6 +27,7 @@ import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
@@ -55,14 +56,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 css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat(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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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(fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat(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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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/esm/utils/document.js

@@ -153,22 +153,37 @@ export var isReplaceDocOperation = function isReplaceDocOperation(transactions,
  *
  * @param doc1 PMNode
  * @param doc2 PMNode
+ * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
  * @returns boolean
  */
-export function areNodesEqualIgnoreAttrs(node1, node2) {
+export 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/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -19,5 +19,5 @@ type ExtensionLabelProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     text: string;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi: _pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types/hooks/useSharedPluginState.d.ts

@@ -8,7 +8,7 @@ type Options = {
 };
 /**
  *
- * 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/types/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.d.ts

@@ -31,7 +31,7 @@ type Options = {
 };
 /**
  *
- * 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/types/messages/placeholder-text.d.ts

@@ -9,11 +9,36 @@ export declare const placeholderTextMessages: {
         defaultMessage: string;
         description: string;
     };
+    shortEmptyNodePlaceholderADFSlashShortcut: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    shortEmptyNodePlaceholderADFSuffix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     longEmptyNodePlaceholderText: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    longEmptyNodePlaceholderADFPrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    longEmptyNodePlaceholderADFSlashShortcut: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    longEmptyNodePlaceholderADFSuffix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     syncBlockPlaceholderText: {
         id: string;
         defaultMessage: string;

package/dist/types/utils/document.d.ts

@@ -30,7 +30,8 @@ export declare const isReplaceDocOperation: (transactions: readonly Transaction[
  *
  * @param doc1 PMNode
  * @param doc2 PMNode
+ * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
  * @returns boolean
  */
-export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node): boolean;
+export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[]): boolean;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -19,5 +19,5 @@ type ExtensionLabelProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     text: string;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showUpdatedLivePages1PBodiedExtensionUI, showLivePagesBodiedMacrosRendererView, showBodiedExtensionRendererView, pluginInjectionApi: _pluginInjectionApi, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/hooks/useSharedPluginState.d.ts

@@ -8,7 +8,7 @@ type Options = {
 };
 /**
  *
- * 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/types-ts4.5/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.d.ts

@@ -31,7 +31,7 @@ type Options = {
 };
 /**
  *
- * 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/types-ts4.5/messages/placeholder-text.d.ts

@@ -9,11 +9,36 @@ export declare const placeholderTextMessages: {
         defaultMessage: string;
         description: string;
     };
+    shortEmptyNodePlaceholderADFSlashShortcut: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    shortEmptyNodePlaceholderADFSuffix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     longEmptyNodePlaceholderText: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    longEmptyNodePlaceholderADFPrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    longEmptyNodePlaceholderADFSlashShortcut: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    longEmptyNodePlaceholderADFSuffix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     syncBlockPlaceholderText: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/utils/document.d.ts

@@ -30,7 +30,8 @@ export declare const isReplaceDocOperation: (transactions: readonly Transaction[
  *
  * @param doc1 PMNode
  * @param doc2 PMNode
+ * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
  * @returns boolean
  */
-export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node): boolean;
+export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[]): boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.32.3",
+	"version": "110.33.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -162,6 +162,9 @@
 		"platform-custom-icon-migration": {
 			"type": "boolean"
 		},
+		"platform_editor_updated_dropdown_colors": {
+			"type": "boolean"
+		},
 		"linking_platform_datasource_assets_objects": {
 			"type": "boolean"
 		},