@atlaskit/editor-core 187.20.1 → 187.21.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 187.21.1
+
+### Patch Changes
+
+- [`cf71a66559b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf71a66559b) - Update analytics event for new resize experience
+
+## 187.21.0
+
+### Minor Changes
+
+- [`560ce4c7a2b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/560ce4c7a2b) - Pass annotations list to inline comment component
+
 ## 187.20.1
 
 ### Patch Changes

package/dist/cjs/plugins/annotation/commands/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateMouseState = exports.updateInlineCommentResolvedState = exports.setInlineCommentsVisibility = exports.setInlineCommentDraftState = exports.removeInlineCommentNearSelection = exports.createAnnotation = exports.closeComponent = exports.clearDirtyMark = exports.addInlineComment = void 0;
+exports.updateMouseState = exports.updateInlineCommentResolvedState = exports.setSelectedAnnotation = exports.setInlineCommentsVisibility = exports.setInlineCommentDraftState = exports.removeInlineCommentNearSelection = exports.createAnnotation = exports.closeComponent = exports.clearDirtyMark = exports.addInlineComment = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
@@ -113,6 +113,18 @@ var updateMouseState = function updateMouseState(mouseData) {
   });
 };
 exports.updateMouseState = updateMouseState;
+var setSelectedAnnotation = function setSelectedAnnotation(id) {
+  return (0, _pluginFactory.createCommand)({
+    type: _types.ACTIONS.SET_SELECTED_ANNOTATION,
+    data: {
+      selectedAnnotations: [{
+        id: id,
+        type: _adfSchema.AnnotationTypes.INLINE_COMMENT
+      }]
+    }
+  });
+};
+exports.setSelectedAnnotation = setSelectedAnnotation;
 var createAnnotation = function createAnnotation(id) {
   var annotationType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _adfSchema.AnnotationTypes.INLINE_COMMENT;
   return function (state, dispatch) {

package/dist/cjs/plugins/annotation/pm-plugins/inline-comment.js

@@ -154,9 +154,16 @@ var inlineCommentPlugin = function inlineCommentPlugin(options) {
       var setVisibility = function setVisibility(isVisible) {
         return onSetVisibility(editorView)(isVisible);
       };
+      var setSelectedAnnotationFn = function setSelectedAnnotationFn(annotationId) {
+        if (!annotationId) {
+          (0, _commands.closeComponent)()(editorView.state, editorView.dispatch);
+        } else {
+          (0, _commands.setSelectedAnnotation)(annotationId)(editorView.state, editorView.dispatch);
+        }
+      };
       var updateSubscriber = provider.updateSubscriber;
       if (updateSubscriber) {
-        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility);
+        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility).on('setselectedannotation', setSelectedAnnotationFn);
       }
       editorView.root.addEventListener('mouseup', mouseUp);
       return {
@@ -172,7 +179,7 @@ var inlineCommentPlugin = function inlineCommentPlugin(options) {
         destroy: function destroy() {
           editorView.root.removeEventListener('mouseup', mouseUp);
           if (updateSubscriber) {
-            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility);
+            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility).off('setselectedannotation', setSelectedAnnotationFn);
           }
         }
       };

package/dist/cjs/plugins/annotation/pm-plugins/reducer.js

@@ -48,6 +48,10 @@ var _default = function _default(pluginState, action) {
       return _objectSpread(_objectSpread({}, isVisible ? pluginState : getNewDraftState(pluginState, false)), {}, {
         isVisible: isVisible
       });
+    case _types.ACTIONS.SET_SELECTED_ANNOTATION:
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        selectedAnnotations: (0, _toConsumableArray2.default)(action.data.selectedAnnotations)
+      });
     default:
       return pluginState;
   }

package/dist/cjs/plugins/annotation/pm-plugins/types.js

@@ -12,6 +12,7 @@ var ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["ADD_INLINE_COMMENT"] = 4] = "ADD_INLINE_COMMENT";
   ACTIONS[ACTIONS["INLINE_COMMENT_SET_VISIBLE"] = 5] = "INLINE_COMMENT_SET_VISIBLE";
   ACTIONS[ACTIONS["CLOSE_COMPONENT"] = 6] = "CLOSE_COMPONENT";
+  ACTIONS[ACTIONS["SET_SELECTED_ANNOTATION"] = 7] = "SET_SELECTED_ANNOTATION";
   return ACTIONS;
 }({});
 exports.ACTIONS = ACTIONS;

package/dist/cjs/plugins/annotation/ui/InlineCommentView.js

@@ -46,6 +46,7 @@ function InlineCommentView(_ref) {
     bookmark = _ref2.bookmark,
     selectedAnnotations = _ref2.selectedAnnotations,
     annotations = _ref2.annotations;
+  var annotationsList = (0, _utils2.getAllAnnotations)(editorView.state.doc);
   var selection = (0, _utils2.getSelectionPositions)(state, inlineCommentState);
   var position = findPosForDOM(selection);
   var dom;
@@ -134,6 +135,7 @@ function InlineCommentView(_ref) {
     key: (0, _utils2.getAnnotationViewKey)(activeAnnotations),
     onViewed: onAnnotationViewed
   }, /*#__PURE__*/_react.default.createElement(ViewComponent, {
+    annotationsList: annotationsList,
     annotations: activeAnnotations,
     dom: dom,
     onDelete: function onDelete(id) {

package/dist/cjs/plugins/annotation/utils.js

@@ -77,7 +77,7 @@ var getAllAnnotations = function getAllAnnotations(doc) {
     node.marks.filter(function (mark) {
       return mark.type.name === 'annotation';
     })
-    // filter out annotations with invalid attribues as they cause errors when interacting with them
+    // filter out annotations with invalid attributes as they cause errors when interacting with them
     .filter(validateAnnotationMark).forEach(function (m) {
       return allAnnotationIds.add(m.attrs.id);
     });

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -24,33 +24,18 @@ var _utils2 = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _styled = require("./styled");
 var _resizer = require("@atlaskit/editor-common/resizer");
-var _analytics = require("@atlaskit/editor-common/analytics");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _guideline = require("@atlaskit/editor-common/guideline");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _analytics = require("../../utils/analytics");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _main = require("../../pm-plugins/main");
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var resizerNextTestId = 'mediaSingle.resizerNext.testid';
-
-// TODO: Create new fixed image size event
 exports.resizerNextTestId = resizerNextTestId;
-var getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
-  var actionSubject = type === 'embed' ? _analytics.ACTION_SUBJECT.EMBEDS : _analytics.ACTION_SUBJECT.MEDIA_SINGLE;
-  return {
-    action: _analytics.ACTION.EDITED,
-    actionSubject: actionSubject,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.RESIZED,
-    attributes: {
-      size: size,
-      layout: layout
-    },
-    eventType: _analytics.EVENT_TYPE.UI
-  };
-};
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -59,6 +44,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     (0, _classCallCheck2.default)(this, ResizableMediaSingleNext);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "guidelines", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lastSnappedGuidelineKeys", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAllGuidelines", function () {
       var _this$props = _this.props,
         view = _this$props.view,
@@ -171,6 +157,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         var _findClosestSnap = (0, _guideline.findClosestSnap)(width, guidelineSnapsReference.snaps.x, guidelineSnapsReference.guidelineReference, _mediaSingle.MEDIA_SINGLE_SNAP_GAP),
           gap = _findClosestSnap.gap,
           activeGuidelineKeys = _findClosestSnap.keys;
+        _this.lastSnappedGuidelineKeys = activeGuidelineKeys;
         _this.displayGuideline((0, _guideline.getGuidelinesWithHighlights)(gap, _mediaSingle.MEDIA_SINGLE_SNAP_GAP, activeGuidelineKeys, guidelines));
       }
     });
@@ -202,6 +189,30 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getParentNodeTypeNameFromCurrentPositionNode", function () {
+      var $pos = _this.$pos;
+      if (!$pos) {
+        return undefined;
+      }
+
+      // Supported Parent Nodes
+      var _this$props$view$stat = _this.props.view.state.schema.nodes,
+        listItem = _this$props$view$stat.listItem,
+        expand = _this$props$view$stat.expand,
+        tableCell = _this$props$view$stat.tableCell,
+        tableHeader = _this$props$view$stat.tableHeader,
+        layoutSection = _this$props$view$stat.layoutSection,
+        nestedExpand = _this$props$view$stat.nestedExpand;
+      var parentNode = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, [listItem, expand, tableCell, tableHeader, layoutSection, nestedExpand]);
+
+      // Return matched parent node name
+      if (parentNode) {
+        return parentNode.node.type.name;
+      }
+
+      // Return undefined if parent node cannot be found
+      return undefined;
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStart", function () {
       _this.setState({
         isResizing: true
@@ -249,11 +260,20 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         width = _this$calculateSizeSt2.width,
         height = _this$calculateSizeSt2.height,
         calculatedWidthWithLayout = _this$calculateSizeSt2.calculatedWidthWithLayout;
-      _this.setIsResizing(false);
-      _this.displayGuideline([]);
       if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, calculatedWidthWithLayout.width, calculatedWidthWithLayout.layout));
+        var event = (0, _analytics.getMediaResizeAnalyticsEvent)(nodeType || 'mediaSingle', {
+          width: width,
+          layout: calculatedWidthWithLayout.layout,
+          widthType: 'pixel',
+          snapType: (0, _guideline.getGuidelineTypeFromKey)(_this.lastSnappedGuidelineKeys, _this.guidelines),
+          parentNode: _this.getParentNodeTypeNameFromCurrentPositionNode()
+        });
+        if (event) {
+          dispatchAnalyticsEvent(event);
+        }
       }
+      _this.setIsResizing(false);
+      _this.displayGuideline([]);
       _this.setState({
         isResizing: false,
         size: {

package/dist/cjs/plugins/media/utils/analytics.js

@@ -9,7 +9,7 @@ var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(type, a
   if (!attributes) {
     return;
   }
-  var size = attributes.size,
+  var width = attributes.width,
     widthType = attributes.widthType,
     layout = attributes.layout,
     snapType = attributes.snapType,
@@ -20,7 +20,7 @@ var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(type, a
     actionSubject: actionSubject,
     actionSubjectId: _analytics.ACTION_SUBJECT_ID.RESIZED,
     attributes: {
-      size: size,
+      width: width,
       layout: layout,
       widthType: widthType,
       snapType: snapType,

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.20.1";
+var version = "187.21.1";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.20.1",
+	"version": "187.21.1",
 	"sideEffects": false
 }

package/dist/es2019/plugins/annotation/commands/index.js

@@ -91,6 +91,15 @@ export const updateMouseState = mouseData => createCommand({
     mouseData
   }
 });
+export const setSelectedAnnotation = id => createCommand({
+  type: ACTIONS.SET_SELECTED_ANNOTATION,
+  data: {
+    selectedAnnotations: [{
+      id,
+      type: AnnotationTypes.INLINE_COMMENT
+    }]
+  }
+});
 export const createAnnotation = (id, annotationType = AnnotationTypes.INLINE_COMMENT) => (state, dispatch) => {
   // don't try to add if there are is no temp highlight bookmarked
   const {

package/dist/es2019/plugins/annotation/pm-plugins/inline-comment.js

@@ -3,7 +3,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationNodeView, getAnnotationViewClassname } from '../nodeviews';
-import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility } from '../commands';
+import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility, setSelectedAnnotation, closeComponent } from '../commands';
 import { getAllAnnotations, inlineCommentPluginKey, getPluginState } from '../utils';
 import { createPluginState } from './plugin-factory';
 const fetchProviderStates = async (provider, annotationIds) => {
@@ -97,11 +97,18 @@ export const inlineCommentPlugin = options => {
       const unResolve = annotationId => onUnResolve(editorView.state, editorView.dispatch)(annotationId);
       const mouseUp = event => onMouseUp(editorView.state, editorView.dispatch)(event);
       const setVisibility = isVisible => onSetVisibility(editorView)(isVisible);
+      const setSelectedAnnotationFn = annotationId => {
+        if (!annotationId) {
+          closeComponent()(editorView.state, editorView.dispatch);
+        } else {
+          setSelectedAnnotation(annotationId)(editorView.state, editorView.dispatch);
+        }
+      };
       const {
         updateSubscriber
       } = provider;
       if (updateSubscriber) {
-        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility);
+        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility).on('setselectedannotation', setSelectedAnnotationFn);
       }
       editorView.root.addEventListener('mouseup', mouseUp);
       return {
@@ -118,7 +125,7 @@ export const inlineCommentPlugin = options => {
         destroy() {
           editorView.root.removeEventListener('mouseup', mouseUp);
           if (updateSubscriber) {
-            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility);
+            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility).off('setselectedannotation', setSelectedAnnotationFn);
           }
         }
       };

package/dist/es2019/plugins/annotation/pm-plugins/reducer.js

@@ -51,6 +51,11 @@ export default ((pluginState, action) => {
         ...(isVisible ? pluginState : getNewDraftState(pluginState, false)),
         isVisible
       };
+    case ACTIONS.SET_SELECTED_ANNOTATION:
+      return {
+        ...pluginState,
+        selectedAnnotations: [...action.data.selectedAnnotations]
+      };
     default:
       return pluginState;
   }

package/dist/es2019/plugins/annotation/pm-plugins/types.js

@@ -6,5 +6,6 @@ export let ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["ADD_INLINE_COMMENT"] = 4] = "ADD_INLINE_COMMENT";
   ACTIONS[ACTIONS["INLINE_COMMENT_SET_VISIBLE"] = 5] = "INLINE_COMMENT_SET_VISIBLE";
   ACTIONS[ACTIONS["CLOSE_COMPONENT"] = 6] = "CLOSE_COMPONENT";
+  ACTIONS[ACTIONS["SET_SELECTED_ANNOTATION"] = 7] = "SET_SELECTED_ANNOTATION";
   return ACTIONS;
 }({});

package/dist/es2019/plugins/annotation/ui/InlineCommentView.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { AnnotationViewWrapper } from './AnnotationViewWrapper';
 import { AnnotationTestIds } from '../types';
-import { getAnnotationViewKey, getSelectionPositions, getPluginState } from '../utils';
+import { getAnnotationViewKey, getSelectionPositions, getPluginState, getAllAnnotations } from '../utils';
 import { removeInlineCommentNearSelection, updateInlineCommentResolvedState, setInlineCommentDraftState, createAnnotation, closeComponent } from '../commands';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
 import { CONTENT_COMPONENT } from '../../analytics/types';
@@ -46,6 +46,7 @@ export function InlineCommentView({
     selectedAnnotations,
     annotations
   } = inlineCommentState || {};
+  const annotationsList = getAllAnnotations(editorView.state.doc);
   const selection = getSelectionPositions(state, inlineCommentState);
   const position = findPosForDOM(selection);
   let dom;
@@ -132,6 +133,7 @@ export function InlineCommentView({
     key: getAnnotationViewKey(activeAnnotations),
     onViewed: onAnnotationViewed
   }, /*#__PURE__*/React.createElement(ViewComponent, {
+    annotationsList: annotationsList,
     annotations: activeAnnotations,
     dom: dom,
     onDelete: id => removeInlineCommentNearSelection(id)(state, dispatch),

package/dist/es2019/plugins/annotation/utils.js

@@ -52,7 +52,7 @@ export const getAllAnnotations = doc => {
   const allAnnotationIds = new Set();
   doc.descendants(node => {
     node.marks.filter(mark => mark.type.name === 'annotation')
-    // filter out annotations with invalid attribues as they cause errors when interacting with them
+    // filter out annotations with invalid attributes as they cause errors when interacting with them
     .filter(validateAnnotationMark).forEach(m => allAnnotationIds.add(m.attrs.id));
     return true;
   });

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -9,34 +9,20 @@ import { nonWrappedLayouts, setNodeSelection } from '@atlaskit/editor-common/uti
 import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import classnames from 'classnames';
 import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
 import { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
-import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps } from '@atlaskit/editor-common/guideline';
+import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelineTypeFromKey } from '@atlaskit/editor-common/guideline';
 import memoizeOne from 'memoize-one';
+import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
-
-// TODO: Create new fixed image size event
-const getResizeAnalyticsEvent = (type, size, layout) => {
-  const actionSubject = type === 'embed' ? ACTION_SUBJECT.EMBEDS : ACTION_SUBJECT.MEDIA_SINGLE;
-  return {
-    action: ACTION.EDITED,
-    actionSubject,
-    actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
-    attributes: {
-      size,
-      layout
-    },
-    eventType: EVENT_TYPE.UI
-  };
-};
 class ResizableMediaSingleNext extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "guidelines", []);
+    _defineProperty(this, "lastSnappedGuidelineKeys", []);
     _defineProperty(this, "getAllGuidelines", () => {
       const {
         view,
@@ -155,6 +141,7 @@ class ResizableMediaSingleNext extends React.Component {
           gap,
           keys: activeGuidelineKeys
         } = findClosestSnap(width, guidelineSnapsReference.snaps.x, guidelineSnapsReference.guidelineReference, MEDIA_SINGLE_SNAP_GAP);
+        this.lastSnappedGuidelineKeys = activeGuidelineKeys;
         this.displayGuideline(getGuidelinesWithHighlights(gap, MEDIA_SINGLE_SNAP_GAP, activeGuidelineKeys, guidelines));
       }
     });
@@ -179,6 +166,31 @@ class ResizableMediaSingleNext extends React.Component {
         }
       }
     });
+    _defineProperty(this, "getParentNodeTypeNameFromCurrentPositionNode", () => {
+      const $pos = this.$pos;
+      if (!$pos) {
+        return undefined;
+      }
+
+      // Supported Parent Nodes
+      const {
+        listItem,
+        expand,
+        tableCell,
+        tableHeader,
+        layoutSection,
+        nestedExpand
+      } = this.props.view.state.schema.nodes;
+      const parentNode = findParentNodeOfTypeClosestToPos($pos, [listItem, expand, tableCell, tableHeader, layoutSection, nestedExpand]);
+
+      // Return matched parent node name
+      if (parentNode) {
+        return parentNode.node.type.name;
+      }
+
+      // Return undefined if parent node cannot be found
+      return undefined;
+    });
     _defineProperty(this, "handleResizeStart", () => {
       this.setState({
         isResizing: true
@@ -230,11 +242,20 @@ class ResizableMediaSingleNext extends React.Component {
         height,
         calculatedWidthWithLayout
       } = this.calculateSizeState(size, delta, originalWidth, originalHeight, true);
-      this.setIsResizing(false);
-      this.displayGuideline([]);
       if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, calculatedWidthWithLayout.width, calculatedWidthWithLayout.layout));
+        const event = getMediaResizeAnalyticsEvent(nodeType || 'mediaSingle', {
+          width,
+          layout: calculatedWidthWithLayout.layout,
+          widthType: 'pixel',
+          snapType: getGuidelineTypeFromKey(this.lastSnappedGuidelineKeys, this.guidelines),
+          parentNode: this.getParentNodeTypeNameFromCurrentPositionNode()
+        });
+        if (event) {
+          dispatchAnalyticsEvent(event);
+        }
       }
+      this.setIsResizing(false);
+      this.displayGuideline([]);
       this.setState({
         isResizing: false,
         size: {

package/dist/es2019/plugins/media/utils/analytics.js

@@ -4,7 +4,7 @@ export const getMediaResizeAnalyticsEvent = (type, attributes) => {
     return;
   }
   const {
-    size,
+    width,
     widthType,
     layout,
     snapType,
@@ -16,7 +16,7 @@ export const getMediaResizeAnalyticsEvent = (type, attributes) => {
     actionSubject,
     actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
     attributes: {
-      size,
+      width,
       layout,
       widthType,
       snapType,

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.20.1";
+export const version = "187.21.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.20.1",
+	"version": "187.21.1",
 	"sideEffects": false
 }

package/dist/esm/plugins/annotation/commands/index.js

@@ -99,6 +99,17 @@ export var updateMouseState = function updateMouseState(mouseData) {
     }
   });
 };
+export var setSelectedAnnotation = function setSelectedAnnotation(id) {
+  return createCommand({
+    type: ACTIONS.SET_SELECTED_ANNOTATION,
+    data: {
+      selectedAnnotations: [{
+        id: id,
+        type: AnnotationTypes.INLINE_COMMENT
+      }]
+    }
+  });
+};
 export var createAnnotation = function createAnnotation(id) {
   var annotationType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : AnnotationTypes.INLINE_COMMENT;
   return function (state, dispatch) {

package/dist/esm/plugins/annotation/pm-plugins/inline-comment.js

@@ -6,7 +6,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationNodeView, getAnnotationViewClassname } from '../nodeviews';
-import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility } from '../commands';
+import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility, setSelectedAnnotation, closeComponent } from '../commands';
 import { getAllAnnotations, inlineCommentPluginKey, getPluginState } from '../utils';
 import { createPluginState } from './plugin-factory';
 var fetchProviderStates = /*#__PURE__*/function () {
@@ -147,9 +147,16 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
       var setVisibility = function setVisibility(isVisible) {
         return onSetVisibility(editorView)(isVisible);
       };
+      var setSelectedAnnotationFn = function setSelectedAnnotationFn(annotationId) {
+        if (!annotationId) {
+          closeComponent()(editorView.state, editorView.dispatch);
+        } else {
+          setSelectedAnnotation(annotationId)(editorView.state, editorView.dispatch);
+        }
+      };
       var updateSubscriber = provider.updateSubscriber;
       if (updateSubscriber) {
-        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility);
+        updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility).on('setselectedannotation', setSelectedAnnotationFn);
       }
       editorView.root.addEventListener('mouseup', mouseUp);
       return {
@@ -165,7 +172,7 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
         destroy: function destroy() {
           editorView.root.removeEventListener('mouseup', mouseUp);
           if (updateSubscriber) {
-            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility);
+            updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility).off('setselectedannotation', setSelectedAnnotationFn);
           }
         }
       };

package/dist/esm/plugins/annotation/pm-plugins/reducer.js

@@ -41,6 +41,10 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread({}, isVisible ? pluginState : getNewDraftState(pluginState, false)), {}, {
         isVisible: isVisible
       });
+    case ACTIONS.SET_SELECTED_ANNOTATION:
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        selectedAnnotations: _toConsumableArray(action.data.selectedAnnotations)
+      });
     default:
       return pluginState;
   }

package/dist/esm/plugins/annotation/pm-plugins/types.js

@@ -6,5 +6,6 @@ export var ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["ADD_INLINE_COMMENT"] = 4] = "ADD_INLINE_COMMENT";
   ACTIONS[ACTIONS["INLINE_COMMENT_SET_VISIBLE"] = 5] = "INLINE_COMMENT_SET_VISIBLE";
   ACTIONS[ACTIONS["CLOSE_COMPONENT"] = 6] = "CLOSE_COMPONENT";
+  ACTIONS[ACTIONS["SET_SELECTED_ANNOTATION"] = 7] = "SET_SELECTED_ANNOTATION";
   return ACTIONS;
 }({});

package/dist/esm/plugins/annotation/ui/InlineCommentView.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { AnnotationViewWrapper } from './AnnotationViewWrapper';
 import { AnnotationTestIds } from '../types';
-import { getAnnotationViewKey, getSelectionPositions, getPluginState } from '../utils';
+import { getAnnotationViewKey, getSelectionPositions, getPluginState, getAllAnnotations } from '../utils';
 import { removeInlineCommentNearSelection, updateInlineCommentResolvedState, setInlineCommentDraftState, createAnnotation, closeComponent } from '../commands';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
 import { CONTENT_COMPONENT } from '../../analytics/types';
@@ -39,6 +39,7 @@ export function InlineCommentView(_ref) {
     bookmark = _ref2.bookmark,
     selectedAnnotations = _ref2.selectedAnnotations,
     annotations = _ref2.annotations;
+  var annotationsList = getAllAnnotations(editorView.state.doc);
   var selection = getSelectionPositions(state, inlineCommentState);
   var position = findPosForDOM(selection);
   var dom;
@@ -127,6 +128,7 @@ export function InlineCommentView(_ref) {
     key: getAnnotationViewKey(activeAnnotations),
     onViewed: onAnnotationViewed
   }, /*#__PURE__*/React.createElement(ViewComponent, {
+    annotationsList: annotationsList,
     annotations: activeAnnotations,
     dom: dom,
     onDelete: function onDelete(id) {

package/dist/esm/plugins/annotation/utils.js

@@ -60,7 +60,7 @@ export var getAllAnnotations = function getAllAnnotations(doc) {
     node.marks.filter(function (mark) {
       return mark.type.name === 'annotation';
     })
-    // filter out annotations with invalid attribues as they cause errors when interacting with them
+    // filter out annotations with invalid attributes as they cause errors when interacting with them
     .filter(validateAnnotationMark).forEach(function (m) {
       return allAnnotationIds.add(m.attrs.id);
     });

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -20,30 +20,15 @@ import { nonWrappedLayouts, setNodeSelection } from '@atlaskit/editor-common/uti
 import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import classnames from 'classnames';
 import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
 import { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
-import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps } from '@atlaskit/editor-common/guideline';
+import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelineTypeFromKey } from '@atlaskit/editor-common/guideline';
 import memoizeOne from 'memoize-one';
+import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
-
-// TODO: Create new fixed image size event
-var getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
-  var actionSubject = type === 'embed' ? ACTION_SUBJECT.EMBEDS : ACTION_SUBJECT.MEDIA_SINGLE;
-  return {
-    action: ACTION.EDITED,
-    actionSubject: actionSubject,
-    actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
-    attributes: {
-      size: size,
-      layout: layout
-    },
-    eventType: EVENT_TYPE.UI
-  };
-};
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -52,6 +37,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, ResizableMediaSingleNext);
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "guidelines", []);
+    _defineProperty(_assertThisInitialized(_this), "lastSnappedGuidelineKeys", []);
     _defineProperty(_assertThisInitialized(_this), "getAllGuidelines", function () {
       var _this$props = _this.props,
         view = _this$props.view,
@@ -164,6 +150,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         var _findClosestSnap = findClosestSnap(width, guidelineSnapsReference.snaps.x, guidelineSnapsReference.guidelineReference, MEDIA_SINGLE_SNAP_GAP),
           gap = _findClosestSnap.gap,
           activeGuidelineKeys = _findClosestSnap.keys;
+        _this.lastSnappedGuidelineKeys = activeGuidelineKeys;
         _this.displayGuideline(getGuidelinesWithHighlights(gap, MEDIA_SINGLE_SNAP_GAP, activeGuidelineKeys, guidelines));
       }
     });
@@ -195,6 +182,30 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "getParentNodeTypeNameFromCurrentPositionNode", function () {
+      var $pos = _this.$pos;
+      if (!$pos) {
+        return undefined;
+      }
+
+      // Supported Parent Nodes
+      var _this$props$view$stat = _this.props.view.state.schema.nodes,
+        listItem = _this$props$view$stat.listItem,
+        expand = _this$props$view$stat.expand,
+        tableCell = _this$props$view$stat.tableCell,
+        tableHeader = _this$props$view$stat.tableHeader,
+        layoutSection = _this$props$view$stat.layoutSection,
+        nestedExpand = _this$props$view$stat.nestedExpand;
+      var parentNode = findParentNodeOfTypeClosestToPos($pos, [listItem, expand, tableCell, tableHeader, layoutSection, nestedExpand]);
+
+      // Return matched parent node name
+      if (parentNode) {
+        return parentNode.node.type.name;
+      }
+
+      // Return undefined if parent node cannot be found
+      return undefined;
+    });
     _defineProperty(_assertThisInitialized(_this), "handleResizeStart", function () {
       _this.setState({
         isResizing: true
@@ -242,11 +253,20 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         width = _this$calculateSizeSt2.width,
         height = _this$calculateSizeSt2.height,
         calculatedWidthWithLayout = _this$calculateSizeSt2.calculatedWidthWithLayout;
-      _this.setIsResizing(false);
-      _this.displayGuideline([]);
       if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, calculatedWidthWithLayout.width, calculatedWidthWithLayout.layout));
+        var event = getMediaResizeAnalyticsEvent(nodeType || 'mediaSingle', {
+          width: width,
+          layout: calculatedWidthWithLayout.layout,
+          widthType: 'pixel',
+          snapType: getGuidelineTypeFromKey(_this.lastSnappedGuidelineKeys, _this.guidelines),
+          parentNode: _this.getParentNodeTypeNameFromCurrentPositionNode()
+        });
+        if (event) {
+          dispatchAnalyticsEvent(event);
+        }
       }
+      _this.setIsResizing(false);
+      _this.displayGuideline([]);
       _this.setState({
         isResizing: false,
         size: {

package/dist/esm/plugins/media/utils/analytics.js

@@ -3,7 +3,7 @@ export var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(
   if (!attributes) {
     return;
   }
-  var size = attributes.size,
+  var width = attributes.width,
     widthType = attributes.widthType,
     layout = attributes.layout,
     snapType = attributes.snapType,
@@ -14,7 +14,7 @@ export var getMediaResizeAnalyticsEvent = function getMediaResizeAnalyticsEvent(
     actionSubject: actionSubject,
     actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
     attributes: {
-      size: size,
+      width: width,
       layout: layout,
       widthType: widthType,
       snapType: snapType,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.20.1";
+export var version = "187.21.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.20.1",
+	"version": "187.21.1",
 	"sideEffects": false
 }

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

@@ -10,5 +10,6 @@ export declare const removeInlineCommentNearSelection: (id: string) => Command;
 export declare const setInlineCommentDraftState: (drafting: boolean, inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT) => Command;
 export declare const addInlineComment: (id: string) => Command;
 export declare const updateMouseState: (mouseData: InlineCommentMouseData) => Command;
+export declare const setSelectedAnnotation: (id: string) => Command;
 export declare const createAnnotation: (id: string, annotationType?: AnnotationTypes) => Command;
 export declare const setInlineCommentsVisibility: (isVisible: boolean) => Command;

package/dist/types/plugins/annotation/pm-plugins/types.d.ts

@@ -10,7 +10,8 @@ export declare enum ACTIONS {
     INLINE_COMMENT_CLEAR_DIRTY_MARK = 3,
     ADD_INLINE_COMMENT = 4,
     INLINE_COMMENT_SET_VISIBLE = 5,
-    CLOSE_COMPONENT = 6
+    CLOSE_COMPONENT = 6,
+    SET_SELECTED_ANNOTATION = 7
 }
 export interface InlineCommentPluginOptions {
     dispatch: Dispatch;
@@ -55,6 +56,11 @@ export type InlineCommentAction = {
     data: {
         isVisible: boolean;
     };
+} | {
+    type: ACTIONS.SET_SELECTED_ANNOTATION;
+    data: {
+        selectedAnnotations: AnnotationInfo[];
+    };
 };
 export type InlineCommentPluginState = {
     annotations: InlineCommentMap;

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

@@ -39,6 +39,10 @@ export type InlineCommentViewComponentProps = AnnotationComponentProps & {
      * Removes the annotation from the document
      */
     onDelete?: (id: string) => void;
+    /**
+     * Ordered list of annotation ids as shown in the document
+     */
+    annotationsList?: string[];
 };
 export interface AnnotationState<Type, State> {
     annotationType: Type;

package/dist/types/plugins/annotation/update-provider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import { EventEmitter } from 'events';
-export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve';
+export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve' | 'setselectedannotation';
 export type VisibilityEvent = 'setvisibility';
 export declare class AnnotationUpdateEmitter extends EventEmitter {
     on(event: VisibilityEvent, listener: (isVisible: boolean) => void): this;

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -18,6 +18,7 @@ export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private guidelines;
+    private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);
     /**
      * Calculate media single node initial width if props.mediaSingleWidth is undefined
@@ -66,6 +67,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
         };
     };
     selectCurrentMediaNode: () => void;
+    getParentNodeTypeNameFromCurrentPositionNode: () => string | undefined;
     handleResizeStart: HandleResizeStart;
     handleResize: HandleResize;
     handleResizeStop: HandleResize;

package/dist/types/plugins/media/utils/analytics.d.ts

@@ -1,2 +1,2 @@
-import { MediaEventPayload, MediaResizeTrackAction } from '@atlaskit/editor-common/analytics';
+import type { MediaEventPayload, MediaResizeTrackAction } from '@atlaskit/editor-common/analytics';
 export declare const getMediaResizeAnalyticsEvent: <T extends MediaResizeTrackAction>(type: string, attributes: T["attributes"]) => MediaEventPayload | void;

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

@@ -10,5 +10,6 @@ export declare const removeInlineCommentNearSelection: (id: string) => Command;
 export declare const setInlineCommentDraftState: (drafting: boolean, inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT) => Command;
 export declare const addInlineComment: (id: string) => Command;
 export declare const updateMouseState: (mouseData: InlineCommentMouseData) => Command;
+export declare const setSelectedAnnotation: (id: string) => Command;
 export declare const createAnnotation: (id: string, annotationType?: AnnotationTypes) => Command;
 export declare const setInlineCommentsVisibility: (isVisible: boolean) => Command;

package/dist/types-ts4.5/plugins/annotation/pm-plugins/types.d.ts

@@ -10,7 +10,8 @@ export declare enum ACTIONS {
     INLINE_COMMENT_CLEAR_DIRTY_MARK = 3,
     ADD_INLINE_COMMENT = 4,
     INLINE_COMMENT_SET_VISIBLE = 5,
-    CLOSE_COMPONENT = 6
+    CLOSE_COMPONENT = 6,
+    SET_SELECTED_ANNOTATION = 7
 }
 export interface InlineCommentPluginOptions {
     dispatch: Dispatch;
@@ -55,6 +56,11 @@ export type InlineCommentAction = {
     data: {
         isVisible: boolean;
     };
+} | {
+    type: ACTIONS.SET_SELECTED_ANNOTATION;
+    data: {
+        selectedAnnotations: AnnotationInfo[];
+    };
 };
 export type InlineCommentPluginState = {
     annotations: InlineCommentMap;

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

@@ -39,6 +39,10 @@ export type InlineCommentViewComponentProps = AnnotationComponentProps & {
      * Removes the annotation from the document
      */
     onDelete?: (id: string) => void;
+    /**
+     * Ordered list of annotation ids as shown in the document
+     */
+    annotationsList?: string[];
 };
 export interface AnnotationState<Type, State> {
     annotationType: Type;

package/dist/types-ts4.5/plugins/annotation/update-provider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import { EventEmitter } from 'events';
-export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve';
+export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve' | 'setselectedannotation';
 export type VisibilityEvent = 'setvisibility';
 export declare class AnnotationUpdateEmitter extends EventEmitter {
     on(event: VisibilityEvent, listener: (isVisible: boolean) => void): this;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -18,6 +18,7 @@ export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private guidelines;
+    private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);
     /**
      * Calculate media single node initial width if props.mediaSingleWidth is undefined
@@ -66,6 +67,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
         };
     };
     selectCurrentMediaNode: () => void;
+    getParentNodeTypeNameFromCurrentPositionNode: () => string | undefined;
     handleResizeStart: HandleResizeStart;
     handleResize: HandleResize;
     handleResizeStop: HandleResize;

package/dist/types-ts4.5/plugins/media/utils/analytics.d.ts

@@ -1,2 +1,2 @@
-import { MediaEventPayload, MediaResizeTrackAction } from '@atlaskit/editor-common/analytics';
+import type { MediaEventPayload, MediaResizeTrackAction } from '@atlaskit/editor-common/analytics';
 export declare const getMediaResizeAnalyticsEvent: <T extends MediaResizeTrackAction>(type: string, attributes: T["attributes"]) => MediaEventPayload | void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.20.1",
+  "version": "187.21.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -147,7 +147,7 @@
     "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-plugin-table": "^2.8.0",
-    "@atlaskit/editor-test-helpers": "^18.10.0",
+    "@atlaskit/editor-test-helpers": "^18.11.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^13.6.0",

package/report.api.md

@@ -1113,6 +1113,7 @@ export type InlineCommentViewComponentProps = AnnotationComponentProps & {
   annotations: Array<AnnotationInfo>;
   onResolve: (id: string) => void;
   onDelete?: (id: string) => void;
+  annotationsList?: string[];
 };
 
 export { INPUT_METHOD };
@@ -2181,7 +2182,12 @@ interface TypeAheadStatsSerializable extends TypeAheadStats {
 }
 
 // @public (undocumented)
-export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve';
+export type UpdateEvent =
+  | 'create'
+  | 'delete'
+  | 'resolve'
+  | 'setselectedannotation'
+  | 'unresolve';
 
 // @public (undocumented)
 export const updateStatus: (status?: StatusType) => Command;

package/tmp/api-report-tmp.d.ts

@@ -1016,6 +1016,7 @@ export type InlineCommentViewComponentProps = AnnotationComponentProps & {
     annotations: Array<AnnotationInfo>;
     onResolve: (id: string) => void;
     onDelete?: (id: string) => void;
+    annotationsList?: string[];
 };
 
 export { INPUT_METHOD }
@@ -1941,7 +1942,7 @@ interface TypeAheadStatsSerializable extends TypeAheadStats {
 }
 
 // @public (undocumented)
-export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'unresolve';
+export type UpdateEvent = 'create' | 'delete' | 'resolve' | 'setselectedannotation' | 'unresolve';
 
 // @public (undocumented)
 export const updateStatus: (status?: StatusType) => Command;