@atlaskit/editor-common 111.32.1 → 111.34.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-common
 
+## 111.34.0
+
+### Minor Changes
+
+- [`dd5154ad0dec5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd5154ad0dec5) -
+  [A11Y-10416] Add new i18n message for codeblock aria descriptions around textboc roles
+
+### Patch Changes
+
+- [`c15b7a3426c66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c15b7a3426c66) -
+  [ux] EDITOR-5626 Flexible list behaviour
+- [`29e8db48dc55b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/29e8db48dc55b) -
+  [ux] EDITOR-5622 Remove sentinels when shadowObserver is cleaned up
+- Updated dependencies
+
+## 111.33.0
+
+### Minor Changes
+
+- [`e7825d1698274`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e7825d1698274) -
+  Improve areNodesEqualIgnoreAttrs by adding option ignoreMarkOrder which ensures the order of the
+  marks does not result in a "false" which can break some cases of diffs.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 111.32.1
 
 ### Patch Changes

package/dist/cjs/messages/block-type.js

@@ -178,6 +178,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Panel',
     description: 'Visually distinguishes your text by adding a panel'
   },
+  textBoxAriaLabel: {
+    id: 'fabric.editor.aria.textbox',
+    defaultMessage: 'textbox',
+    description: 'This is the definition of the HTML role textbox, it needs to be translated in the same way that a textbox with a HTML role of textbox'
+  },
   other: {
     id: 'fabric.editor.other',
     defaultMessage: 'Others...',

package/dist/cjs/messages/codeBlock.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBlockMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var codeBlockMessages = exports.codeBlockMessages = (0, _reactIntlNext.defineMessages)({
+  codeblockLanguageAriaDescription: {
+    id: 'fabric.editor.codeBlock.languageAriaDescription',
+    defaultMessage: 'Code snippet language: {language}.',
+    description: 'A short message that provides information about what code language is being used in a code block for accessibility purposes, punctuation mark at the end as another message comes after'
+  },
+  codeBlockLanguageNotSet: {
+    id: 'fabric.editor.codeBlock.languageNotSet',
+    defaultMessage: 'Code language not set.',
+    description: 'A short message that provides information that the code block language has not been set for accessibility purposes, punctuation mark at the end as another message comes after'
+  }
+});

package/dist/cjs/messages/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "codeBlockButtonMessages", {
     return _codeBlockButton.codeBlockButtonMessages;
   }
 });
+Object.defineProperty(exports, "codeBlockMessages", {
+  enumerable: true,
+  get: function get() {
+    return _codeBlock.codeBlockMessages;
+  }
+});
 Object.defineProperty(exports, "colorPickerButtonMessages", {
   enumerable: true,
   get: function get() {
@@ -196,6 +202,12 @@ Object.defineProperty(exports, "placeholderTextMessages", {
     return _placeholderText.placeholderTextMessages;
   }
 });
+Object.defineProperty(exports, "roleDescriptionMessages", {
+  enumerable: true,
+  get: function get() {
+    return _roleDescription.roleDescriptionMessages;
+  }
+});
 Object.defineProperty(exports, "selectionExtensionMessages", {
   enumerable: true,
   get: function get() {
@@ -279,6 +291,7 @@ var _colorPickerButton = require("./color-picker-button");
 var _link = require("./link");
 var _linkToolbar = require("./link-toolbar");
 var _unsupportedContent = require("./unsupportedContent");
+var _codeBlock = require("./codeBlock");
 var _codeBlockButton = require("./codeBlockButton");
 var _insertBlock = require("./insert-block");
 var _mediaAndEmbedToolbar = require("./media-and-embed-toolbar");
@@ -310,6 +323,7 @@ var _selectionExtension = require("./selection-extension");
 var _selectionToolbar = require("./selection-toolbar");
 var _contextPanel = require("./context-panel");
 var _trackChanges = require("./track-changes");
+var _roleDescription = require("./roleDescription");
 var _syncBlock = require("./syncBlock");
 var _limitedMode = require("./limited-mode");
 var _companyHubTextColor = require("./company-hub-text-color");

package/dist/cjs/messages/roleDescription.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.roleDescriptionMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var roleDescriptionMessages = exports.roleDescriptionMessages = (0, _reactIntlNext.defineMessages)({
+  codeSnippetTextBox: {
+    id: 'fabric.editor.ariaRoleDescription.codeSnippetTextBox',
+    defaultMessage: 'codesnippet textbox',
+    description: 'Aria role description for code snippet textbox. We are overriding the HTML role textbox so the translation should match the translation of the HTML role textbox in the language being used, but with "code snippet" added to the beginning to differentiate it from a regular textbox.'
+  }
+});

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,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 = "111.33.0";
 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 = "111.33.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/OverflowShadow/shadowObserver.js

@@ -8,6 +8,7 @@ exports.shadowObserverClassNames = exports.ShadowObserver = exports.ShadowKeys =
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var ShadowKeys = exports.ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
   ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
   ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
@@ -84,6 +85,12 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
         this.intersectionObserver = undefined;
         this.requestCallbackId && cancelIdleCallback(this.requestCallbackId);
       }
+      if ((0, _expValEquals.expValEquals)('platform_editor_renderer_shadow_observer_cleanup', 'isEnabled', true)) {
+        var _this$sentinels$left, _this$sentinels$right;
+        (_this$sentinels$left = this.sentinels.left) === null || _this$sentinels$left === void 0 || _this$sentinels$left.remove();
+        (_this$sentinels$right = this.sentinels.right) === null || _this$sentinels$right === void 0 || _this$sentinels$right.remove();
+        this.sentinels = {};
+      }
     }
   }]);
 }();

package/dist/cjs/utils/document.js

@@ -15,7 +15,11 @@ exports.isSelectionEndOfParagraph = exports.isReplaceDocOperation = void 0;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 var _clamp = _interopRequireDefault(require("lodash/clamp"));
 var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorCoreUtils = require("./editor-core-utils");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var getStepRange = exports.getStepRange = function getStepRange(transaction) {
   var from = -1;
   var to = -1;
@@ -150,7 +154,44 @@ var isReplaceDocOperation = exports.isReplaceDocOperation = function isReplaceDo
     return hasStepReplacingEntireDocument;
   });
 };
-
+function marksEqualInOrder(m1, m2) {
+  if (m1.length !== m2.length) return false;
+  return m1.every(function (m, i) {
+    return m.eq(m2[i]);
+  });
+}
+function marksEqualIgnoringOrder(m1, m2) {
+  if (m1.length !== m2.length) {
+    return false;
+  }
+  var m2Used = new Set();
+  var _iterator = _createForOfIteratorHelper(m1),
+    _step;
+  try {
+    var _loop = function _loop() {
+        var mark1 = _step.value;
+        var idx = m2.findIndex(function (mark2, i) {
+          return !m2Used.has(i) && mark1.eq(mark2);
+        });
+        if (idx === -1) {
+          return {
+            v: false
+          };
+        }
+        m2Used.add(idx);
+      },
+      _ret;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _ret = _loop();
+      if (_ret) return _ret.v;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return true;
+}
 /**
  * Compares two ProseMirror documents for equality, ignoring attributes
  * which don't affect the document structure.
@@ -160,16 +201,28 @@ 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
+ * @param opts.ignoreMarkOrder If mark order should be ignored to still be equal (e.g. reversed annotation marks). When not provided, controlled by platform_editor_are_nodes_equal_ignore_mark_order feature gate (defaults to true when gate is on).
  * @returns boolean
  */
-function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
+
+function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore, opts) {
+  var _opts$ignoreMarkOrder;
+  var ignoreMarkOrder = (_opts$ignoreMarkOrder = opts === null || opts === void 0 ? void 0 : opts.ignoreMarkOrder) !== null && _opts$ignoreMarkOrder !== void 0 ? _opts$ignoreMarkOrder : (0, _expValEquals.expValEquals)('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true);
   if (node1.isText) {
+    if (ignoreMarkOrder) {
+      return node1.text === node2.text && marksEqualIgnoringOrder(node1.marks, node2.marks);
+    }
     return node1.eq(node2);
   }
+  var marksEqual = ignoreMarkOrder ? marksEqualIgnoringOrder(node1.marks, node2.marks) : marksEqualInOrder(node1.marks, node2.marks);
 
   // 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);
+    if ((0, _expValEquals.expValEquals)('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, undefined, opts);
+    } else {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node2.marks) && areFragmentsEqual(node1.content, node2.content);
+    }
   }
 
   // Build attrs to compare by excluding ignored attributes
@@ -180,16 +233,20 @@ function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
       attrsToCompare[key] = node1.attrs[key];
     }
   }
-  return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  if ((0, _expValEquals.expValEquals)('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+    return node1 === node2 || node1.type === node2.type && node1.hasMarkup(node2.type, attrsToCompare, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, attributesToIgnore, opts);
+  } else {
+    return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  }
 }
-function areFragmentsEqual(frag1, frag2, attributesToIgnore) {
+function areFragmentsEqual(frag1, frag2, attributesToIgnore, opts) {
   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, attributesToIgnore)) {
+    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild, attributesToIgnore, opts)) {
       return;
     }
     childrenEqual = false;

package/dist/es2019/messages/block-type.js

@@ -172,6 +172,11 @@ export const messages = defineMessages({
     defaultMessage: 'Panel',
     description: 'Visually distinguishes your text by adding a panel'
   },
+  textBoxAriaLabel: {
+    id: 'fabric.editor.aria.textbox',
+    defaultMessage: 'textbox',
+    description: 'This is the definition of the HTML role textbox, it needs to be translated in the same way that a textbox with a HTML role of textbox'
+  },
   other: {
     id: 'fabric.editor.other',
     defaultMessage: 'Others...',

package/dist/es2019/messages/codeBlock.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const codeBlockMessages = defineMessages({
+  codeblockLanguageAriaDescription: {
+    id: 'fabric.editor.codeBlock.languageAriaDescription',
+    defaultMessage: 'Code snippet language: {language}.',
+    description: 'A short message that provides information about what code language is being used in a code block for accessibility purposes, punctuation mark at the end as another message comes after'
+  },
+  codeBlockLanguageNotSet: {
+    id: 'fabric.editor.codeBlock.languageNotSet',
+    defaultMessage: 'Code language not set.',
+    description: 'A short message that provides information that the code block language has not been set for accessibility purposes, punctuation mark at the end as another message comes after'
+  }
+});

package/dist/es2019/messages/index.js

@@ -12,6 +12,7 @@ export { colorPickerButtonMessages } from './color-picker-button';
 export { linkMessages } from './link';
 export { linkToolbarMessages } from './link-toolbar';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockMessages } from './codeBlock';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
@@ -43,6 +44,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { roleDescriptionMessages } from './roleDescription';
 export { syncBlockMessages } from './syncBlock';
 export { limitedModeMessages } from './limited-mode';
 export { companyHubTextColorMessages } from './company-hub-text-color';

package/dist/es2019/messages/roleDescription.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const roleDescriptionMessages = defineMessages({
+  codeSnippetTextBox: {
+    id: 'fabric.editor.ariaRoleDescription.codeSnippetTextBox',
+    defaultMessage: 'codesnippet textbox',
+    description: 'Aria role description for code snippet textbox. We are overriding the HTML role textbox so the translation should match the translation of the HTML role textbox in the language being used, but with "code snippet" added to the beginning to differentiate it from a regular textbox.'
+  }
+});

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "111.33.0";
 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 = "111.33.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/OverflowShadow/shadowObserver.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export let ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
   ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
   ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
@@ -75,5 +76,11 @@ export class ShadowObserver {
       this.intersectionObserver = undefined;
       this.requestCallbackId && cancelIdleCallback(this.requestCallbackId);
     }
+    if (expValEquals('platform_editor_renderer_shadow_observer_cleanup', 'isEnabled', true)) {
+      var _this$sentinels$left, _this$sentinels$right;
+      (_this$sentinels$left = this.sentinels.left) === null || _this$sentinels$left === void 0 ? void 0 : _this$sentinels$left.remove();
+      (_this$sentinels$right = this.sentinels.right) === null || _this$sentinels$right === void 0 ? void 0 : _this$sentinels$right.remove();
+      this.sentinels = {};
+    }
   }
 }

package/dist/es2019/utils/document.js

@@ -1,5 +1,6 @@
 import clamp from 'lodash/clamp';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isEmptyParagraph } from './editor-core-utils';
 export const getStepRange = transaction => {
   let from = -1;
@@ -137,7 +138,24 @@ export const isReplaceDocOperation = (transactions, oldState) => {
     return hasStepReplacingEntireDocument;
   });
 };
-
+function marksEqualInOrder(m1, m2) {
+  if (m1.length !== m2.length) return false;
+  return m1.every((m, i) => m.eq(m2[i]));
+}
+function marksEqualIgnoringOrder(m1, m2) {
+  if (m1.length !== m2.length) {
+    return false;
+  }
+  const m2Used = new Set();
+  for (const mark1 of m1) {
+    const idx = m2.findIndex((mark2, i) => !m2Used.has(i) && mark1.eq(mark2));
+    if (idx === -1) {
+      return false;
+    }
+    m2Used.add(idx);
+  }
+  return true;
+}
 /**
  * Compares two ProseMirror documents for equality, ignoring attributes
  * which don't affect the document structure.
@@ -147,16 +165,28 @@ export const isReplaceDocOperation = (transactions, oldState) => {
  * @param doc1 PMNode
  * @param doc2 PMNode
  * @param attributesToIgnore Specific array of attribute keys to ignore - defaults to ignoring all
+ * @param opts.ignoreMarkOrder If mark order should be ignored to still be equal (e.g. reversed annotation marks). When not provided, controlled by platform_editor_are_nodes_equal_ignore_mark_order feature gate (defaults to true when gate is on).
  * @returns boolean
  */
-export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
+
+export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore, opts) {
+  var _opts$ignoreMarkOrder;
+  const ignoreMarkOrder = (_opts$ignoreMarkOrder = opts === null || opts === void 0 ? void 0 : opts.ignoreMarkOrder) !== null && _opts$ignoreMarkOrder !== void 0 ? _opts$ignoreMarkOrder : expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true);
   if (node1.isText) {
+    if (ignoreMarkOrder) {
+      return node1.text === node2.text && marksEqualIgnoringOrder(node1.marks, node2.marks);
+    }
     return node1.eq(node2);
   }
+  const marksEqual = ignoreMarkOrder ? marksEqualIgnoringOrder(node1.marks, node2.marks) : marksEqualInOrder(node1.marks, node2.marks);
 
   // 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);
+    if (expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, undefined, opts);
+    } else {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node2.marks) && areFragmentsEqual(node1.content, node2.content);
+    }
   }
 
   // Build attrs to compare by excluding ignored attributes
@@ -167,16 +197,20 @@ export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
       attrsToCompare[key] = node1.attrs[key];
     }
   }
-  return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  if (expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+    return node1 === node2 || node1.type === node2.type && node1.hasMarkup(node2.type, attrsToCompare, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, attributesToIgnore, opts);
+  } else {
+    return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  }
 }
-function areFragmentsEqual(frag1, frag2, attributesToIgnore) {
+function areFragmentsEqual(frag1, frag2, attributesToIgnore, opts) {
   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, attributesToIgnore)) {
+    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild, attributesToIgnore, opts)) {
       return;
     }
     childrenEqual = false;

package/dist/esm/messages/block-type.js

@@ -172,6 +172,11 @@ export var messages = defineMessages({
     defaultMessage: 'Panel',
     description: 'Visually distinguishes your text by adding a panel'
   },
+  textBoxAriaLabel: {
+    id: 'fabric.editor.aria.textbox',
+    defaultMessage: 'textbox',
+    description: 'This is the definition of the HTML role textbox, it needs to be translated in the same way that a textbox with a HTML role of textbox'
+  },
   other: {
     id: 'fabric.editor.other',
     defaultMessage: 'Others...',

package/dist/esm/messages/codeBlock.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var codeBlockMessages = defineMessages({
+  codeblockLanguageAriaDescription: {
+    id: 'fabric.editor.codeBlock.languageAriaDescription',
+    defaultMessage: 'Code snippet language: {language}.',
+    description: 'A short message that provides information about what code language is being used in a code block for accessibility purposes, punctuation mark at the end as another message comes after'
+  },
+  codeBlockLanguageNotSet: {
+    id: 'fabric.editor.codeBlock.languageNotSet',
+    defaultMessage: 'Code language not set.',
+    description: 'A short message that provides information that the code block language has not been set for accessibility purposes, punctuation mark at the end as another message comes after'
+  }
+});

package/dist/esm/messages/index.js

@@ -12,6 +12,7 @@ export { colorPickerButtonMessages } from './color-picker-button';
 export { linkMessages } from './link';
 export { linkToolbarMessages } from './link-toolbar';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockMessages } from './codeBlock';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
@@ -43,6 +44,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { roleDescriptionMessages } from './roleDescription';
 export { syncBlockMessages } from './syncBlock';
 export { limitedModeMessages } from './limited-mode';
 export { companyHubTextColorMessages } from './company-hub-text-color';

package/dist/esm/messages/roleDescription.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var roleDescriptionMessages = defineMessages({
+  codeSnippetTextBox: {
+    id: 'fabric.editor.ariaRoleDescription.codeSnippetTextBox',
+    defaultMessage: 'codesnippet textbox',
+    description: 'Aria role description for code snippet textbox. We are overriding the HTML role textbox so the translation should match the translation of the HTML role textbox in the language being used, but with "code snippet" added to the beginning to differentiate it from a regular textbox.'
+  }
+});

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "111.33.0";
 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 = "111.33.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/OverflowShadow/shadowObserver.js

@@ -1,6 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
   ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
   ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
@@ -77,6 +78,12 @@ export var ShadowObserver = /*#__PURE__*/function () {
         this.intersectionObserver = undefined;
         this.requestCallbackId && cancelIdleCallback(this.requestCallbackId);
       }
+      if (expValEquals('platform_editor_renderer_shadow_observer_cleanup', 'isEnabled', true)) {
+        var _this$sentinels$left, _this$sentinels$right;
+        (_this$sentinels$left = this.sentinels.left) === null || _this$sentinels$left === void 0 || _this$sentinels$left.remove();
+        (_this$sentinels$right = this.sentinels.right) === null || _this$sentinels$right === void 0 || _this$sentinels$right.remove();
+        this.sentinels = {};
+      }
     }
   }]);
 }();

package/dist/esm/utils/document.js

@@ -1,5 +1,9 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import clamp from 'lodash/clamp';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isEmptyParagraph } from './editor-core-utils';
 export var getStepRange = function getStepRange(transaction) {
   var from = -1;
@@ -135,7 +139,44 @@ export var isReplaceDocOperation = function isReplaceDocOperation(transactions,
     return hasStepReplacingEntireDocument;
   });
 };
-
+function marksEqualInOrder(m1, m2) {
+  if (m1.length !== m2.length) return false;
+  return m1.every(function (m, i) {
+    return m.eq(m2[i]);
+  });
+}
+function marksEqualIgnoringOrder(m1, m2) {
+  if (m1.length !== m2.length) {
+    return false;
+  }
+  var m2Used = new Set();
+  var _iterator = _createForOfIteratorHelper(m1),
+    _step;
+  try {
+    var _loop = function _loop() {
+        var mark1 = _step.value;
+        var idx = m2.findIndex(function (mark2, i) {
+          return !m2Used.has(i) && mark1.eq(mark2);
+        });
+        if (idx === -1) {
+          return {
+            v: false
+          };
+        }
+        m2Used.add(idx);
+      },
+      _ret;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _ret = _loop();
+      if (_ret) return _ret.v;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return true;
+}
 /**
  * Compares two ProseMirror documents for equality, ignoring attributes
  * which don't affect the document structure.
@@ -145,16 +186,28 @@ 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
+ * @param opts.ignoreMarkOrder If mark order should be ignored to still be equal (e.g. reversed annotation marks). When not provided, controlled by platform_editor_are_nodes_equal_ignore_mark_order feature gate (defaults to true when gate is on).
  * @returns boolean
  */
-export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
+
+export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore, opts) {
+  var _opts$ignoreMarkOrder;
+  var ignoreMarkOrder = (_opts$ignoreMarkOrder = opts === null || opts === void 0 ? void 0 : opts.ignoreMarkOrder) !== null && _opts$ignoreMarkOrder !== void 0 ? _opts$ignoreMarkOrder : expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true);
   if (node1.isText) {
+    if (ignoreMarkOrder) {
+      return node1.text === node2.text && marksEqualIgnoringOrder(node1.marks, node2.marks);
+    }
     return node1.eq(node2);
   }
+  var marksEqual = ignoreMarkOrder ? marksEqualIgnoringOrder(node1.marks, node2.marks) : marksEqualInOrder(node1.marks, node2.marks);
 
   // 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);
+    if (expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, undefined, opts);
+    } else {
+      return node1 === node2 || node1.hasMarkup(node2.type, node1.attrs, node2.marks) && areFragmentsEqual(node1.content, node2.content);
+    }
   }
 
   // Build attrs to compare by excluding ignored attributes
@@ -165,16 +218,20 @@ export function areNodesEqualIgnoreAttrs(node1, node2, attributesToIgnore) {
       attrsToCompare[key] = node1.attrs[key];
     }
   }
-  return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  if (expValEquals('platform_editor_are_nodes_equal_ignore_mark_order', 'isEnabled', true)) {
+    return node1 === node2 || node1.type === node2.type && node1.hasMarkup(node2.type, attrsToCompare, node1.marks) && marksEqual && areFragmentsEqual(node1.content, node2.content, attributesToIgnore, opts);
+  } else {
+    return node1 === node2 || node1.hasMarkup(node2.type, attrsToCompare, node2.marks) && areFragmentsEqual(node1.content, node2.content, attributesToIgnore);
+  }
 }
-function areFragmentsEqual(frag1, frag2, attributesToIgnore) {
+function areFragmentsEqual(frag1, frag2, attributesToIgnore, opts) {
   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, attributesToIgnore)) {
+    if (child === otherChild || otherChild && areNodesEqualIgnoreAttrs(child, otherChild, attributesToIgnore, opts)) {
       return;
     }
     childrenEqual = false;

package/dist/types/messages/block-type.d.ts

@@ -169,6 +169,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    textBoxAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     other: {
         id: string;
         defaultMessage: string;

package/dist/types/messages/codeBlock.d.ts

@@ -0,0 +1,12 @@
+export declare const codeBlockMessages: {
+    codeblockLanguageAriaDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    codeBlockLanguageNotSet: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/messages/index.d.ts

@@ -8,6 +8,7 @@ export { colorPickerButtonMessages } from './color-picker-button';
 export { linkMessages } from './link';
 export { linkToolbarMessages } from './link-toolbar';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockMessages } from './codeBlock';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
@@ -39,6 +40,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { roleDescriptionMessages } from './roleDescription';
 export { syncBlockMessages } from './syncBlock';
 export { limitedModeMessages } from './limited-mode';
 export { companyHubTextColorMessages } from './company-hub-text-color';

package/dist/types/messages/roleDescription.d.ts

@@ -0,0 +1,7 @@
+export declare const roleDescriptionMessages: {
+    codeSnippetTextBox: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -31,7 +31,10 @@ 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
+ * @param opts.ignoreMarkOrder If mark order should be ignored to still be equal (e.g. reversed annotation marks). When not provided, controlled by platform_editor_are_nodes_equal_ignore_mark_order feature gate (defaults to true when gate is on).
  * @returns boolean
  */
-export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[]): boolean;
+export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[], opts?: {
+    ignoreMarkOrder?: boolean;
+}): boolean;
 export {};

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

@@ -7,7 +7,11 @@ interface GetItemCounterDigitsSize {
     order?: number;
 }
 export declare const getItemCounterDigitsSize: (options: GetItemCounterDigitsSize) => number | undefined;
-export declare function isListNode(node: Node | null | undefined): boolean;
+export declare function isListNode(node: Node | null | undefined): node is Node & {
+    type: {
+        name: 'orderedList' | 'bulletList';
+    };
+};
 export declare function isParagraphNode(node: Node | null | undefined): boolean;
 export declare function isListItemNode(node: Node | null | undefined): boolean;
 export declare function isBulletList(node: Node | null | undefined): boolean;

package/dist/types-ts4.5/messages/block-type.d.ts

@@ -169,6 +169,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    textBoxAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     other: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/messages/codeBlock.d.ts

@@ -0,0 +1,12 @@
+export declare const codeBlockMessages: {
+    codeblockLanguageAriaDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    codeBlockLanguageNotSet: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/messages/index.d.ts

@@ -8,6 +8,7 @@ export { colorPickerButtonMessages } from './color-picker-button';
 export { linkMessages } from './link';
 export { linkToolbarMessages } from './link-toolbar';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockMessages } from './codeBlock';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
@@ -39,6 +40,7 @@ export { selectionExtensionMessages } from './selection-extension';
 export { selectionToolbarMessages } from './selection-toolbar';
 export { contextPanelMessages } from './context-panel';
 export { trackChangesMessages } from './track-changes';
+export { roleDescriptionMessages } from './roleDescription';
 export { syncBlockMessages } from './syncBlock';
 export { limitedModeMessages } from './limited-mode';
 export { companyHubTextColorMessages } from './company-hub-text-color';

package/dist/types-ts4.5/messages/roleDescription.d.ts

@@ -0,0 +1,7 @@
+export declare const roleDescriptionMessages: {
+    codeSnippetTextBox: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -31,7 +31,10 @@ 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
+ * @param opts.ignoreMarkOrder If mark order should be ignored to still be equal (e.g. reversed annotation marks). When not provided, controlled by platform_editor_are_nodes_equal_ignore_mark_order feature gate (defaults to true when gate is on).
  * @returns boolean
  */
-export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[]): boolean;
+export declare function areNodesEqualIgnoreAttrs(node1: Node, node2: Node, attributesToIgnore?: string[], opts?: {
+    ignoreMarkOrder?: boolean;
+}): boolean;
 export {};

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

@@ -7,7 +7,11 @@ interface GetItemCounterDigitsSize {
     order?: number;
 }
 export declare const getItemCounterDigitsSize: (options: GetItemCounterDigitsSize) => number | undefined;
-export declare function isListNode(node: Node | null | undefined): boolean;
+export declare function isListNode(node: Node | null | undefined): node is Node & {
+    type: {
+        name: 'orderedList' | 'bulletList';
+    };
+};
 export declare function isParagraphNode(node: Node | null | undefined): boolean;
 export declare function isListItemNode(node: Node | null | undefined): boolean;
 export declare function isBulletList(node: Node | null | undefined): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.32.1",
+	"version": "111.34.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -82,7 +82,7 @@
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.5.0",
+		"@atlaskit/tmp-editor-statsig": "^35.7.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",