@atlaskit/editor-common 80.3.0 → 80.4.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-common
 
+## 80.4.0
+
+### Minor Changes
+
+-   [#100662](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100662)
+    [`3d61cd8f2afe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3d61cd8f2afe) -
+    [ED-23355] Update annotation viewed event to with attributes nodeType and method to capture
+    usage for comments on media
+-   [#100495](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100495)
+    [`dbb78a011fac`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dbb78a011fac) -
+    [ux] [ED-23150] Added `changeColor` command for editor-plugin-highlight, including new
+    `removeMark` command for editor-common. Fixed bug with editor-plugin-text-color which prevented
+    color from being removed when user selects all.
+
+## 80.3.1
+
+### Patch Changes
+
+-   [#99825](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99825)
+    [`f48158a56833`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f48158a56833) -
+    ECA11Y-195 Add missing aria-label for panels group in the floating toolbar
+-   Updated dependencies
+
 ## 80.3.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -249,6 +249,12 @@ Object.defineProperty(exports, "USER_CONTEXT", {
     return _types.USER_CONTEXT;
   }
 });
+Object.defineProperty(exports, "VIEW_METHOD", {
+  enumerable: true,
+  get: function get() {
+    return _types.VIEW_METHOD;
+  }
+});
 Object.defineProperty(exports, "buildEditLinkPayload", {
   enumerable: true,
   get: function get() {

package/dist/cjs/analytics/types/index.js

@@ -249,6 +249,12 @@ Object.defineProperty(exports, "USER_CONTEXT", {
     return _insertEvents.USER_CONTEXT;
   }
 });
+Object.defineProperty(exports, "VIEW_METHOD", {
+  enumerable: true,
+  get: function get() {
+    return _inlineCommentEvents.VIEW_METHOD;
+  }
+});
 var _enums = require("./enums");
 var _formatEvents = require("./format-events");
 var _substituteEvents = require("./substitute-events");

package/dist/cjs/analytics/types/inline-comment-events.js

@@ -3,10 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RESOLVE_METHOD = void 0;
+exports.VIEW_METHOD = exports.RESOLVE_METHOD = void 0;
 var RESOLVE_METHOD = exports.RESOLVE_METHOD = /*#__PURE__*/function (RESOLVE_METHOD) {
   RESOLVE_METHOD["COMPONENT"] = "component";
   RESOLVE_METHOD["CONSUMER"] = "consumer";
   RESOLVE_METHOD["ORPHANED"] = "orphaned";
   return RESOLVE_METHOD;
+}({});
+var VIEW_METHOD = exports.VIEW_METHOD = /*#__PURE__*/function (VIEW_METHOD) {
+  VIEW_METHOD["BADGE"] = "badge";
+  VIEW_METHOD["COMMENT_BUTTON"] = "commentButton";
+  return VIEW_METHOD;
 }({});

package/dist/cjs/mark/commands.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.applyMarkOnRange = void 0;
 exports.filterChildrenBetween = filterChildrenBetween;
-exports.transformSmartCharsMentionsAndEmojis = exports.toggleMark = void 0;
+exports.transformSmartCharsMentionsAndEmojis = exports.toggleMark = exports.removeMark = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -138,7 +138,7 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
   return function (_ref2) {
     var tr = _ref2.tr;
     if (tr.selection instanceof _cellSelection.CellSelection) {
-      var removeMark = true;
+      var _removeMark = true;
       var cells = [];
       tr.selection.forEachCell(function (cell, cellPos) {
         cells.push({
@@ -147,13 +147,13 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
         });
         var from = cellPos;
         var to = cellPos + cell.nodeSize;
-        removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
+        _removeMark && (_removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
       });
       for (var i = cells.length - 1; i >= 0; i--) {
         var cell = cells[i];
         var from = cell.pos;
         var to = from + cell.node.nodeSize;
-        applyMarkOnRange(from, to, removeMark, mark, tr);
+        applyMarkOnRange(from, to, _removeMark, mark, tr);
       }
     } else {
       var _tr$selection = tr.selection,
@@ -164,8 +164,8 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
       // Scenario 1: Selection contains both bold and non-bold text -> bold entire selection
       // Scenario 2: Selection contains only bold text -> un-bold entire selection
       // Scenario 3: Selection contains no bold text -> bold entire selection
-      var _removeMark = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
-      applyMarkOnRange($from.pos, $to.pos, _removeMark, mark, tr);
+      var _removeMark2 = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
+      applyMarkOnRange($from.pos, $to.pos, _removeMark2, mark, tr);
     }
     if (tr.docChanged) {
       return tr;
@@ -198,4 +198,28 @@ var toggleMark = exports.toggleMark = function toggleMark(markType, attrs) {
       tr: tr
     });
   };
+};
+
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+var removeMark = exports.removeMark = function removeMark(mark) {
+  return function (_ref4) {
+    var tr = _ref4.tr;
+    var selection = tr.selection;
+    if (selection instanceof _cellSelection.CellSelection) {
+      selection.forEachCell(function (cell, cellPos) {
+        var from = cellPos;
+        var to = cellPos + cell.nodeSize;
+        tr.removeMark(from, to, mark);
+      });
+    } else if (selection instanceof _state.TextSelection && selection.$cursor) {
+      tr.removeStoredMark(mark);
+    } else {
+      var from = selection.from,
+        to = selection.to;
+      tr.removeMark(from, to, mark);
+    }
+    return tr;
+  };
 };

package/dist/cjs/mark/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "isMarkExcluded", {
     return _textFormatting.isMarkExcluded;
   }
 });
+Object.defineProperty(exports, "removeMark", {
+  enumerable: true,
+  get: function get() {
+    return _commands.removeMark;
+  }
+});
 Object.defineProperty(exports, "toggleMark", {
   enumerable: true,
   get: function get() {

package/dist/cjs/messages/panel.js

@@ -40,5 +40,10 @@ var panelMessages = exports.panelMessages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.panel.backgroundColor',
     defaultMessage: 'Background color',
     description: 'Select the panel background color.'
+  },
+  panelsGroup: {
+    id: 'fabric.editor.panel.panelsGroup',
+    defaultMessage: 'Panel Types',
+    description: 'aria-label for group of panels the floating toolbar'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "80.3.0";
+var packageVersion = "80.4.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "80.3.0";
+var packageVersion = "80.4.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -32,13 +32,15 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         accessLevel = _this$props.accessLevel,
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
-        text = _this$props.text;
+        text = _this$props.text,
+        localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.default, {
         id: id,
         text: text,
         accessLevel: accessLevel,
+        localId: localId,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -19,7 +19,8 @@ function MentionWithProfileCard(_ref) {
     profilecardProvider = _ref.profilecardProvider,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave;
+    onMouseLeave = _ref.onMouseLeave,
+    localId = _ref.localId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = (0, _react.useMemo)(function () {
@@ -38,6 +39,7 @@ function MentionWithProfileCard(_ref) {
     id: id,
     text: text,
     accessLevel: accessLevel,
+    localId: localId,
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -82,7 +82,8 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
         mentionProvider = _this$props.mentionProvider,
-        text = _this$props.text;
+        text = _this$props.text,
+        localId = _this$props.localId;
       var profilecardProvider = this.state.profilecardProvider;
       var actionHandlers = {};
       ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
@@ -93,6 +94,7 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
         id: id,
         text: text,
         accessLevel: accessLevel,
+        localId: localId,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider
       }, actionHandlers));

package/dist/es2019/analytics/index.js

@@ -1,4 +1,4 @@
-export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE } from './types';
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
 export { editorAnalyticsChannel, fireAnalyticsEvent } from './fire-analytics-event';
 export { getAnalyticsEventsFromTransaction } from './utils';
 export { buildEditLinkPayload, buildVisitedLinkPayload, buildOpenedSettingsPayload, unlinkPayload } from './linking-utils';

package/dist/es2019/analytics/types/index.js

@@ -7,7 +7,7 @@ export { TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STAT
 export { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS } from './list-events';
 export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE } from './extension-events';
-export { RESOLVE_METHOD } from './inline-comment-events';
+export { RESOLVE_METHOD, VIEW_METHOD } from './inline-comment-events';
 export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
 export { SmartLinkNodeContexts } from './smart-links';
 export { TOOLBAR_ACTION_SUBJECT_ID } from './toolbar-button';

package/dist/es2019/analytics/types/inline-comment-events.js

@@ -3,4 +3,9 @@ export let RESOLVE_METHOD = /*#__PURE__*/function (RESOLVE_METHOD) {
   RESOLVE_METHOD["CONSUMER"] = "consumer";
   RESOLVE_METHOD["ORPHANED"] = "orphaned";
   return RESOLVE_METHOD;
+}({});
+export let VIEW_METHOD = /*#__PURE__*/function (VIEW_METHOD) {
+  VIEW_METHOD["BADGE"] = "badge";
+  VIEW_METHOD["COMMENT_BUTTON"] = "commentButton";
+  return VIEW_METHOD;
 }({});

package/dist/es2019/mark/commands.js

@@ -205,4 +205,31 @@ export const toggleMark = (markType, attrs) => ({
   return toggleMarkInRange(mark)({
     tr
   });
+};
+
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+export const removeMark = mark => ({
+  tr
+}) => {
+  const {
+    selection
+  } = tr;
+  if (selection instanceof CellSelection) {
+    selection.forEachCell((cell, cellPos) => {
+      const from = cellPos;
+      const to = cellPos + cell.nodeSize;
+      tr.removeMark(from, to, mark);
+    });
+  } else if (selection instanceof TextSelection && selection.$cursor) {
+    tr.removeStoredMark(mark);
+  } else {
+    const {
+      from,
+      to
+    } = selection;
+    tr.removeMark(from, to, mark);
+  }
+  return tr;
 };

package/dist/es2019/mark/index.js

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark } from './commands';
 export { anyMarkActive, isMarkAllowedInRange, isMarkExcluded } from './text-formatting';

package/dist/es2019/messages/panel.js

@@ -34,5 +34,10 @@ export const panelMessages = defineMessages({
     id: 'fabric.editor.panel.backgroundColor',
     defaultMessage: 'Background color',
     description: 'Select the panel background color.'
+  },
+  panelsGroup: {
+    id: 'fabric.editor.panel.panelsGroup',
+    defaultMessage: 'Panel Types',
+    description: 'aria-label for group of panels the floating toolbar'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "80.3.0";
+const packageVersion = "80.4.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "80.3.0";
+const packageVersion = "80.4.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -10,7 +10,8 @@ export default class Mention extends PureComponent {
         accessLevel,
         eventHandlers,
         id,
-        text
+        text,
+        localId
       } = this.props;
       const {
         mentionProvider,
@@ -20,6 +21,7 @@ export default class Mention extends PureComponent {
         id: id,
         text: text,
         accessLevel: accessLevel,
+        localId: localId,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -9,7 +9,8 @@ export default function MentionWithProfileCard({
   profilecardProvider,
   onClick,
   onMouseEnter,
-  onMouseLeave
+  onMouseLeave,
+  localId
 }) {
   const {
     cloudId,
@@ -29,6 +30,7 @@ export default function MentionWithProfileCard({
     id: id,
     text: text,
     accessLevel: accessLevel,
+    localId: localId,
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -47,7 +47,8 @@ export default class MentionWithProviders extends PureComponent {
       eventHandlers,
       id,
       mentionProvider,
-      text
+      text,
+      localId
     } = this.props;
     const {
       profilecardProvider
@@ -61,6 +62,7 @@ export default class MentionWithProviders extends PureComponent {
       id: id,
       text: text,
       accessLevel: accessLevel,
+      localId: localId,
       mentionProvider: mentionProvider,
       profilecardProvider: profilecardProvider
     }, actionHandlers));

package/dist/esm/analytics/index.js

@@ -1,4 +1,4 @@
-export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE } from './types';
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
 export { editorAnalyticsChannel, fireAnalyticsEvent } from './fire-analytics-event';
 export { getAnalyticsEventsFromTransaction } from './utils';
 export { buildEditLinkPayload, buildVisitedLinkPayload, buildOpenedSettingsPayload, unlinkPayload } from './linking-utils';

package/dist/esm/analytics/types/index.js

@@ -7,7 +7,7 @@ export { TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STAT
 export { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS } from './list-events';
 export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE } from './extension-events';
-export { RESOLVE_METHOD } from './inline-comment-events';
+export { RESOLVE_METHOD, VIEW_METHOD } from './inline-comment-events';
 export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
 export { SmartLinkNodeContexts } from './smart-links';
 export { TOOLBAR_ACTION_SUBJECT_ID } from './toolbar-button';

package/dist/esm/analytics/types/inline-comment-events.js

@@ -3,4 +3,9 @@ export var RESOLVE_METHOD = /*#__PURE__*/function (RESOLVE_METHOD) {
   RESOLVE_METHOD["CONSUMER"] = "consumer";
   RESOLVE_METHOD["ORPHANED"] = "orphaned";
   return RESOLVE_METHOD;
+}({});
+export var VIEW_METHOD = /*#__PURE__*/function (VIEW_METHOD) {
+  VIEW_METHOD["BADGE"] = "badge";
+  VIEW_METHOD["COMMENT_BUTTON"] = "commentButton";
+  return VIEW_METHOD;
 }({});

package/dist/esm/mark/commands.js

@@ -130,7 +130,7 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
   return function (_ref2) {
     var tr = _ref2.tr;
     if (tr.selection instanceof CellSelection) {
-      var removeMark = true;
+      var _removeMark = true;
       var cells = [];
       tr.selection.forEachCell(function (cell, cellPos) {
         cells.push({
@@ -139,13 +139,13 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
         });
         var from = cellPos;
         var to = cellPos + cell.nodeSize;
-        removeMark && (removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
+        _removeMark && (_removeMark = entireSelectionContainsMark(mark, tr.doc, from, to));
       });
       for (var i = cells.length - 1; i >= 0; i--) {
         var cell = cells[i];
         var from = cell.pos;
         var to = from + cell.node.nodeSize;
-        applyMarkOnRange(from, to, removeMark, mark, tr);
+        applyMarkOnRange(from, to, _removeMark, mark, tr);
       }
     } else {
       var _tr$selection = tr.selection,
@@ -156,8 +156,8 @@ var toggleMarkInRange = function toggleMarkInRange(mark) {
       // Scenario 1: Selection contains both bold and non-bold text -> bold entire selection
       // Scenario 2: Selection contains only bold text -> un-bold entire selection
       // Scenario 3: Selection contains no bold text -> bold entire selection
-      var _removeMark = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
-      applyMarkOnRange($from.pos, $to.pos, _removeMark, mark, tr);
+      var _removeMark2 = entireSelectionContainsMark(mark, tr.doc, $from.pos, $to.pos);
+      applyMarkOnRange($from.pos, $to.pos, _removeMark2, mark, tr);
     }
     if (tr.docChanged) {
       return tr;
@@ -190,4 +190,28 @@ export var toggleMark = function toggleMark(markType, attrs) {
       tr: tr
     });
   };
+};
+
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+export var removeMark = function removeMark(mark) {
+  return function (_ref4) {
+    var tr = _ref4.tr;
+    var selection = tr.selection;
+    if (selection instanceof CellSelection) {
+      selection.forEachCell(function (cell, cellPos) {
+        var from = cellPos;
+        var to = cellPos + cell.nodeSize;
+        tr.removeMark(from, to, mark);
+      });
+    } else if (selection instanceof TextSelection && selection.$cursor) {
+      tr.removeStoredMark(mark);
+    } else {
+      var from = selection.from,
+        to = selection.to;
+      tr.removeMark(from, to, mark);
+    }
+    return tr;
+  };
 };

package/dist/esm/mark/index.js

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark } from './commands';
 export { anyMarkActive, isMarkAllowedInRange, isMarkExcluded } from './text-formatting';

package/dist/esm/messages/panel.js

@@ -34,5 +34,10 @@ export var panelMessages = defineMessages({
     id: 'fabric.editor.panel.backgroundColor',
     defaultMessage: 'Background color',
     description: 'Select the panel background color.'
+  },
+  panelsGroup: {
+    id: 'fabric.editor.panel.panelsGroup',
+    defaultMessage: 'Panel Types',
+    description: 'aria-label for group of panels the floating toolbar'
   }
 });

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ 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) { _defineProperty(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; }
 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 = "80.3.0";
+var packageVersion = "80.4.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "80.3.0";
+var packageVersion = "80.4.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -22,13 +22,15 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         accessLevel = _this$props.accessLevel,
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
-        text = _this$props.text;
+        text = _this$props.text,
+        localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/React.createElement(MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,
+        localId: localId,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -9,7 +9,8 @@ export default function MentionWithProfileCard(_ref) {
     profilecardProvider = _ref.profilecardProvider,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave;
+    onMouseLeave = _ref.onMouseLeave,
+    localId = _ref.localId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = useMemo(function () {
@@ -28,6 +29,7 @@ export default function MentionWithProfileCard(_ref) {
     id: id,
     text: text,
     accessLevel: accessLevel,
+    localId: localId,
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -72,7 +72,8 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
         mentionProvider = _this$props.mentionProvider,
-        text = _this$props.text;
+        text = _this$props.text,
+        localId = _this$props.localId;
       var profilecardProvider = this.state.profilecardProvider;
       var actionHandlers = {};
       ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
@@ -83,6 +84,7 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
         id: id,
         text: text,
         accessLevel: accessLevel,
+        localId: localId,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider
       }, actionHandlers));

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

@@ -1,4 +1,4 @@
-export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, } from './types';
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
 export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, OverflowStateInfo, } from './types';
 export type { EditorAnalyticsAPI } from './api';
 export { editorAnalyticsChannel, fireAnalyticsEvent, } from './fire-analytics-event';

package/dist/types/analytics/types/highlight-events.d.ts

@@ -1,4 +1,8 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { TrackAEP } from './utils';
 export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
-export type HighlightEventPayload = HighlightToolbarToggleAEP;
+export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
+    newColor: string;
+    previousColor: string;
+}, undefined>;
+export type HighlightEventPayload = HighlightToolbarToggleAEP | HighlightTextAEP;

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

@@ -21,7 +21,7 @@ export type { TextColorSelectedAttr, TextColorSelectedAEP, TextColorShowPaletteT
 export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE, } from './extension-events';
 export type { SelectionJson, ExtensionType, ExtensionEventPayload, } from './extension-events';
 export type { AnnotationActionType, AnnotationAEP, AnnotationAEPAttributes, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, } from './inline-comment-events';
-export { RESOLVE_METHOD } from './inline-comment-events';
+export { RESOLVE_METHOD, VIEW_METHOD } from './inline-comment-events';
 export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
 export type { NodeEventPayload } from './node-events';
 export type { SelectNodeAEP, SelectRangeAEP, SelectAllAEP, SelectCellAEP, SelectionEventPayload, } from './selection-events';

package/dist/types/analytics/types/inline-comment-events.d.ts

@@ -15,3 +15,7 @@ export declare enum RESOLVE_METHOD {
     CONSUMER = "consumer",
     ORPHANED = "orphaned"
 }
+export declare enum VIEW_METHOD {
+    BADGE = "badge",
+    COMMENT_BUTTON = "commentButton"
+}

package/dist/types/mark/commands.d.ts

@@ -16,3 +16,7 @@ export declare const applyMarkOnRange: (from: number, to: number, removeMark: bo
 export declare const toggleMark: (markType: MarkType, attrs?: {
     [key: string]: any;
 } | undefined) => EditorCommand;
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+export declare const removeMark: (mark: MarkType | Mark) => EditorCommand;

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

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark, } from './commands';
 export { anyMarkActive, isMarkAllowedInRange, isMarkExcluded, } from './text-formatting';

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

@@ -34,4 +34,9 @@ export declare const panelMessages: {
         defaultMessage: string;
         description: string;
     };
+    panelsGroup: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/types/annotation/emitter.d.ts

@@ -15,6 +15,8 @@ type SetFocusPayload = Record<'annotationId', AnnotationId>;
 export type OnAnnotationClickPayload = {
     annotationIds: Array<AnnotationId>;
     eventTarget: HTMLElement;
+    eventTargetType?: string;
+    viewMethod?: string;
 };
 type SetStatePayload = Record<AnnotationId, AnnotationState<AnnotationTypes.INLINE_COMMENT>>;
 export type AnnotationUpdateEventPayloads = {

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

@@ -126,6 +126,7 @@ interface AnnotationTypeProvider<Type> {
     allowCommentsOnMedia?: boolean;
     isCommentsOnMediaBugFixEnabled?: boolean;
     isCommentsOnMediaBugVideoCommentEnabled?: boolean;
+    isCommentsOnMediaAnalyticsEnabled?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
     selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;

package/dist/types/types/feature-flags.d.ts

@@ -246,13 +246,21 @@ export type FeatureFlags = {
      */
     macroInteractionUpdates?: boolean;
     /**
-    * @description
-    * Enables bug fix on media comments
-    *
-   //  * @see https://product-fabric.atlassian.net/browse/ED-23093
-    * @default false
-    */
+     * @description
+     * Enables bug fix on media comments
+     *
+    //  * @see https://product-fabric.atlassian.net/browse/ED-23093
+     * @default false
+     */
     commentsOnMediaBugFix?: boolean;
+    /**
+     * @description
+     * Enables extra analytics to be added for comments on media
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23355
+     * @default false
+     */
+    commentsOnMediaAnalytics?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/ui/Mention/index.d.ts

@@ -8,6 +8,7 @@ export interface MentionProps {
     eventHandlers?: MentionEventHandlers;
     text: string;
     accessLevel?: string;
+    localId?: string;
 }
 export interface MentionState {
     profilecardProvider: ProfilecardProvider | null;

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -11,5 +11,6 @@ export interface Props {
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
+    localId?: string;
 }
-export default function MentionWithProfileCard({ id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, }: Props): JSX.Element;
+export default function MentionWithProfileCard({ id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): JSX.Element;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
-import { MentionProvider } from '@atlaskit/mention/resource';
-import { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
-import { MentionEventHandlers } from '../EventHandlers';
+import type { MentionProvider } from '@atlaskit/mention/resource';
+import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
+import type { MentionEventHandlers } from '../EventHandlers';
 export interface Props {
     id: string;
     text: string;
@@ -9,6 +9,7 @@ export interface Props {
     mentionProvider?: Promise<MentionProvider>;
     profilecardProvider?: Promise<ProfilecardProvider>;
     eventHandlers?: MentionEventHandlers;
+    localId?: string;
 }
 export interface State {
     profilecardProvider: ProfilecardProvider | null;

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

@@ -1,4 +1,4 @@
-export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, } from './types';
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
 export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, OverflowStateInfo, } from './types';
 export type { EditorAnalyticsAPI } from './api';
 export { editorAnalyticsChannel, fireAnalyticsEvent, } from './fire-analytics-event';

package/dist/types-ts4.5/analytics/types/highlight-events.d.ts

@@ -1,4 +1,8 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { TrackAEP } from './utils';
 export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
-export type HighlightEventPayload = HighlightToolbarToggleAEP;
+export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
+    newColor: string;
+    previousColor: string;
+}, undefined>;
+export type HighlightEventPayload = HighlightToolbarToggleAEP | HighlightTextAEP;

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

@@ -21,7 +21,7 @@ export type { TextColorSelectedAttr, TextColorSelectedAEP, TextColorShowPaletteT
 export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE, } from './extension-events';
 export type { SelectionJson, ExtensionType, ExtensionEventPayload, } from './extension-events';
 export type { AnnotationActionType, AnnotationAEP, AnnotationAEPAttributes, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, } from './inline-comment-events';
-export { RESOLVE_METHOD } from './inline-comment-events';
+export { RESOLVE_METHOD, VIEW_METHOD } from './inline-comment-events';
 export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
 export type { NodeEventPayload } from './node-events';
 export type { SelectNodeAEP, SelectRangeAEP, SelectAllAEP, SelectCellAEP, SelectionEventPayload, } from './selection-events';

package/dist/types-ts4.5/analytics/types/inline-comment-events.d.ts

@@ -15,3 +15,7 @@ export declare enum RESOLVE_METHOD {
     CONSUMER = "consumer",
     ORPHANED = "orphaned"
 }
+export declare enum VIEW_METHOD {
+    BADGE = "badge",
+    COMMENT_BUTTON = "commentButton"
+}

package/dist/types-ts4.5/mark/commands.d.ts

@@ -16,3 +16,7 @@ export declare const applyMarkOnRange: (from: number, to: number, removeMark: bo
 export declare const toggleMark: (markType: MarkType, attrs?: {
     [key: string]: any;
 } | undefined) => EditorCommand;
+/**
+ * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
+ */
+export declare const removeMark: (mark: MarkType | Mark) => EditorCommand;

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

@@ -1,2 +1,2 @@
-export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, } from './commands';
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, filterChildrenBetween, toggleMark, removeMark, } from './commands';
 export { anyMarkActive, isMarkAllowedInRange, isMarkExcluded, } from './text-formatting';

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

@@ -34,4 +34,9 @@ export declare const panelMessages: {
         defaultMessage: string;
         description: string;
     };
+    panelsGroup: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/types/annotation/emitter.d.ts

@@ -15,6 +15,8 @@ type SetFocusPayload = Record<'annotationId', AnnotationId>;
 export type OnAnnotationClickPayload = {
     annotationIds: Array<AnnotationId>;
     eventTarget: HTMLElement;
+    eventTargetType?: string;
+    viewMethod?: string;
 };
 type SetStatePayload = Record<AnnotationId, AnnotationState<AnnotationTypes.INLINE_COMMENT>>;
 export type AnnotationUpdateEventPayloads = {

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

@@ -126,6 +126,7 @@ interface AnnotationTypeProvider<Type> {
     allowCommentsOnMedia?: boolean;
     isCommentsOnMediaBugFixEnabled?: boolean;
     isCommentsOnMediaBugVideoCommentEnabled?: boolean;
+    isCommentsOnMediaAnalyticsEnabled?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
     selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -246,13 +246,21 @@ export type FeatureFlags = {
      */
     macroInteractionUpdates?: boolean;
     /**
-    * @description
-    * Enables bug fix on media comments
-    *
-   //  * @see https://product-fabric.atlassian.net/browse/ED-23093
-    * @default false
-    */
+     * @description
+     * Enables bug fix on media comments
+     *
+    //  * @see https://product-fabric.atlassian.net/browse/ED-23093
+     * @default false
+     */
     commentsOnMediaBugFix?: boolean;
+    /**
+     * @description
+     * Enables extra analytics to be added for comments on media
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23355
+     * @default false
+     */
+    commentsOnMediaAnalytics?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/ui/Mention/index.d.ts

@@ -8,6 +8,7 @@ export interface MentionProps {
     eventHandlers?: MentionEventHandlers;
     text: string;
     accessLevel?: string;
+    localId?: string;
 }
 export interface MentionState {
     profilecardProvider: ProfilecardProvider | null;

package/dist/types-ts4.5/ui/Mention/mention-with-profilecard.d.ts

@@ -11,5 +11,6 @@ export interface Props {
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
+    localId?: string;
 }
-export default function MentionWithProfileCard({ id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, }: Props): JSX.Element;
+export default function MentionWithProfileCard({ id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): JSX.Element;

package/dist/types-ts4.5/ui/Mention/mention-with-providers.d.ts

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
-import { MentionProvider } from '@atlaskit/mention/resource';
-import { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
-import { MentionEventHandlers } from '../EventHandlers';
+import type { MentionProvider } from '@atlaskit/mention/resource';
+import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
+import type { MentionEventHandlers } from '../EventHandlers';
 export interface Props {
     id: string;
     text: string;
@@ -9,6 +9,7 @@ export interface Props {
     mentionProvider?: Promise<MentionProvider>;
     profilecardProvider?: Promise<ProfilecardProvider>;
     eventHandlers?: MentionEventHandlers;
+    localId?: string;
 }
 export interface State {
     profilecardProvider: ProfilecardProvider | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "80.3.0",
+  "version": "80.4.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -127,7 +127,7 @@
     "@atlaskit/media-ui": "^25.10.0",
     "@atlaskit/media-viewer": "48.5.4",
     "@atlaskit/mention": "^23.0.0",
-    "@atlaskit/menu": "^2.2.0",
+    "@atlaskit/menu": "^2.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^6.2.0",
     "@atlaskit/profilecard": "^19.13.0",