@atlaskit/editor-core 187.6.1 → 187.7.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 187.7.0
+
+### Minor Changes
+
+- [`e83596269e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e83596269e5) - Add isResizing support into media plugin
+
+### Patch Changes
+
+- Updated dependencies
+
+## 187.6.10
+
+### Patch Changes
+
+- [`fa2209eee80`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fa2209eee80) - [ux] Fixes z-index full page editor main toolbar
+- [`9b64591559a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b64591559a) - [ux] ED-19163 Expand should only wrap selected text if added inline
+
 ## 187.6.1
 
 ### Patch Changes

package/dist/cjs/plugins/expand/commands.js

@@ -13,6 +13,7 @@ var _gapCursorSelection = require("../selection/gap-cursor-selection");
 var _utils2 = require("./utils");
 var _pluginFactory = require("./pm-plugins/plugin-factory");
 var _blockType = require("../block-type/commands/block-type");
+var _prosemirrorUtils = require("prosemirror-utils");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var setExpandRef = function setExpandRef(ref) {
@@ -123,7 +124,7 @@ var insertExpand = function insertExpand(state, dispatch) {
   if (!expandNode) {
     return false;
   }
-  var tr = (0, _blockType.createWrapSelectionTransaction)({
+  var tr = state.selection.empty ? (0, _prosemirrorUtils.safeInsert)(expandNode)(state.tr).scrollIntoView() : (0, _blockType.createWrapSelectionTransaction)({
     state: state,
     type: expandNode.type
   });

package/dist/cjs/plugins/expand/index.js

@@ -74,7 +74,7 @@ var expandPlugin = function expandPlugin() {
             if (!node) {
               return false;
             }
-            var tr = (0, _blockType.createWrapSelectionTransaction)({
+            var tr = state.selection.empty ? insert(node) : (0, _blockType.createWrapSelectionTransaction)({
               state: state,
               type: node.type
             });

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMediaPluginState = exports.createPlugin = exports.MediaPluginStateImplementation = exports.MEDIA_CONTENT_WRAP_CLASS_NAME = void 0;
+exports.getMediaPluginState = exports.createPlugin = exports.MediaPluginStateImplementation = exports.MEDIA_PLUGIN_IS_RESIZING_KEY = exports.MEDIA_CONTENT_WRAP_CLASS_NAME = void 0;
 Object.defineProperty(exports, "stateKey", {
   enumerable: true,
   get: function get() {
@@ -50,6 +50,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
 exports.MEDIA_CONTENT_WRAP_CLASS_NAME = MEDIA_CONTENT_WRAP_CLASS_NAME;
+var MEDIA_PLUGIN_IS_RESIZING_KEY = 'mediaSinglePlugin.isResizing';
+exports.MEDIA_PLUGIN_IS_RESIZING_KEY = MEDIA_PLUGIN_IS_RESIZING_KEY;
 var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
   var dropPlaceholder = document.createElement('div');
   var createElement = _react.default.createElement;
@@ -81,6 +83,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "isFullscreen", false);
     (0, _defineProperty2.default)(this, "layout", 'center');
     (0, _defineProperty2.default)(this, "mediaNodes", []);
+    (0, _defineProperty2.default)(this, "isResizing", false);
     (0, _defineProperty2.default)(this, "destroyed", false);
     (0, _defineProperty2.default)(this, "removeOnCloseListener", function () {});
     (0, _defineProperty2.default)(this, "onPopupToggleCallback", function () {});
@@ -491,6 +494,11 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     this.errorReporter = options.errorReporter || new _utils.ErrorReporter();
   }
   (0, _createClass2.default)(MediaPluginStateImplementation, [{
+    key: "setIsResizing",
+    value: function setIsResizing(isResizing) {
+      this.isResizing = isResizing;
+    }
+  }, {
     key: "updateElement",
     value: function updateElement() {
       var newElement;
@@ -632,6 +640,11 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
         return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch, pluginInjectionApi);
       },
       apply: function apply(tr, pluginState) {
+        var isResizing = tr.getMeta(MEDIA_PLUGIN_IS_RESIZING_KEY);
+        if (isResizing !== undefined) {
+          pluginState.setIsResizing(isResizing);
+        }
+
         // remap editing media single position if we're in collab
         if (typeof pluginState.editingMediaSinglePos === 'number') {
           pluginState.editingMediaSinglePos = tr.mapping.map(pluginState.editingMediaSinglePos);

package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js

@@ -17,7 +17,7 @@ var toolbarLineHeight = 56;
 // box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var mainToolbarTwoLineStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-var mainToolbar = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorMenuZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
+var mainToolbar = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
 var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 };

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.6.1";
+var version = "187.7.0";
 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.6.1",
+	"version": "187.7.0",
 	"sideEffects": false
 }

package/dist/es2019/plugins/expand/commands.js

@@ -5,6 +5,7 @@ import { GapCursorSelection, Side } from '../selection/gap-cursor-selection';
 import { findExpand } from './utils';
 import { createCommand } from './pm-plugins/plugin-factory';
 import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
+import { safeInsert } from 'prosemirror-utils';
 export const setExpandRef = ref => createCommand({
   type: 'SET_EXPAND_REF',
   data: {
@@ -102,7 +103,7 @@ export const insertExpand = (state, dispatch) => {
   if (!expandNode) {
     return false;
   }
-  const tr = createWrapSelectionTransaction({
+  const tr = state.selection.empty ? safeInsert(expandNode)(state.tr).scrollIntoView() : createWrapSelectionTransaction({
     state,
     type: expandNode.type
   });

package/dist/es2019/plugins/expand/index.js

@@ -56,7 +56,7 @@ const expandPlugin = (options = {}, api) => {
             if (!node) {
               return false;
             }
-            const tr = createWrapSelectionTransaction({
+            const tr = state.selection.empty ? insert(node) : createWrapSelectionTransaction({
               state,
               type: node.type
             });

package/dist/es2019/plugins/media/pm-plugins/main.js

@@ -26,6 +26,7 @@ import { MediaTaskManager } from './mediaTaskManager';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export { stateKey } from './plugin-key';
 export const MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
+export const MEDIA_PLUGIN_IS_RESIZING_KEY = 'mediaSinglePlugin.isResizing';
 const createDropPlaceholder = (intl, allowDropLine) => {
   const dropPlaceholder = document.createElement('div');
   const createElement = React.createElement;
@@ -54,6 +55,7 @@ export class MediaPluginStateImplementation {
     _defineProperty(this, "isFullscreen", false);
     _defineProperty(this, "layout", 'center');
     _defineProperty(this, "mediaNodes", []);
+    _defineProperty(this, "isResizing", false);
     _defineProperty(this, "destroyed", false);
     _defineProperty(this, "removeOnCloseListener", () => {});
     _defineProperty(this, "onPopupToggleCallback", () => {});
@@ -419,6 +421,9 @@ export class MediaPluginStateImplementation {
     options.providerFactory.subscribe('contextIdentifierProvider', this.onContextIdentifierProvider);
     this.errorReporter = options.errorReporter || new ErrorReporter();
   }
+  setIsResizing(isResizing) {
+    this.isResizing = isResizing;
+  }
   updateElement() {
     let newElement;
     const selectedContainer = this.selectedMediaContainerNode();
@@ -520,6 +525,11 @@ export const createPlugin = (_schema, options, reactContext, getIntl, dispatch,
         return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch, pluginInjectionApi);
       },
       apply(tr, pluginState) {
+        const isResizing = tr.getMeta(MEDIA_PLUGIN_IS_RESIZING_KEY);
+        if (isResizing !== undefined) {
+          pluginState.setIsResizing(isResizing);
+        }
+
         // remap editing media single position if we're in collab
         if (typeof pluginState.editingMediaSinglePos === 'number') {
           pluginState.editingMediaSinglePos = tr.mapping.map(pluginState.editingMediaSinglePos);

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

@@ -5,10 +5,9 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
 import { getMediaClient } from '@atlaskit/media-client';
-import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts } from '@atlaskit/editor-common/ui';
+import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts, Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
-import { Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 export default class ResizableMediaSingle extends React.Component {
   constructor(...args) {

package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { akEditorMenuZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 const toolbarLineHeight = 56;
 
@@ -20,7 +20,7 @@ const mainToolbar = css`
   align-items: center;
   box-shadow: none;
   transition: box-shadow 200ms ${akEditorSwoopCubicBezier};
-  z-index: ${akEditorMenuZIndex};
+  z-index: ${akEditorFloatingDialogZIndex};
   display: flex;
   height: ${toolbarLineHeight}px;
   flex-shrink: 0;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.6.1";
+export const version = "187.7.0";
 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.6.1",
+	"version": "187.7.0",
 	"sideEffects": false
 }

package/dist/esm/plugins/expand/commands.js

@@ -8,6 +8,7 @@ import { GapCursorSelection, Side } from '../selection/gap-cursor-selection';
 import { findExpand } from './utils';
 import { createCommand } from './pm-plugins/plugin-factory';
 import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
+import { safeInsert } from 'prosemirror-utils';
 export var setExpandRef = function setExpandRef(ref) {
   return createCommand({
     type: 'SET_EXPAND_REF',
@@ -110,7 +111,7 @@ export var insertExpand = function insertExpand(state, dispatch) {
   if (!expandNode) {
     return false;
   }
-  var tr = createWrapSelectionTransaction({
+  var tr = state.selection.empty ? safeInsert(expandNode)(state.tr).scrollIntoView() : createWrapSelectionTransaction({
     state: state,
     type: expandNode.type
   });

package/dist/esm/plugins/expand/index.js

@@ -59,7 +59,7 @@ var expandPlugin = function expandPlugin() {
             if (!node) {
               return false;
             }
-            var tr = createWrapSelectionTransaction({
+            var tr = state.selection.empty ? insert(node) : createWrapSelectionTransaction({
               state: state,
               type: node.type
             });

package/dist/esm/plugins/media/pm-plugins/main.js

@@ -35,6 +35,7 @@ import { MediaTaskManager } from './mediaTaskManager';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export { stateKey } from './plugin-key';
 export var MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
+export var MEDIA_PLUGIN_IS_RESIZING_KEY = 'mediaSinglePlugin.isResizing';
 var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
   var dropPlaceholder = document.createElement('div');
   var createElement = React.createElement;
@@ -66,6 +67,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     _defineProperty(this, "isFullscreen", false);
     _defineProperty(this, "layout", 'center');
     _defineProperty(this, "mediaNodes", []);
+    _defineProperty(this, "isResizing", false);
     _defineProperty(this, "destroyed", false);
     _defineProperty(this, "removeOnCloseListener", function () {});
     _defineProperty(this, "onPopupToggleCallback", function () {});
@@ -476,6 +478,11 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     this.errorReporter = options.errorReporter || new ErrorReporter();
   }
   _createClass(MediaPluginStateImplementation, [{
+    key: "setIsResizing",
+    value: function setIsResizing(isResizing) {
+      this.isResizing = isResizing;
+    }
+  }, {
     key: "updateElement",
     value: function updateElement() {
       var newElement;
@@ -615,6 +622,11 @@ export var createPlugin = function createPlugin(_schema, options, reactContext,
         return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch, pluginInjectionApi);
       },
       apply: function apply(tr, pluginState) {
+        var isResizing = tr.getMeta(MEDIA_PLUGIN_IS_RESIZING_KEY);
+        if (isResizing !== undefined) {
+          pluginState.setIsResizing(isResizing);
+        }
+
         // remap editing media single position if we're in collab
         if (typeof pluginState.editingMediaSinglePos === 'number') {
           pluginState.editingMediaSinglePos = tr.mapping.map(pluginState.editingMediaSinglePos);

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

@@ -15,10 +15,9 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
 import { getMediaClient } from '@atlaskit/media-client';
-import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts } from '@atlaskit/editor-common/ui';
+import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts, Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
-import { Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
 import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingle, _React$Component);

package/dist/esm/ui/Appearance/FullPage/MainToolbar.js

@@ -2,14 +2,14 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { akEditorMenuZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 export var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(N30, ")"));
 var mainToolbarTwoLineStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-var mainToolbar = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), akEditorSwoopCubicBezier, akEditorMenuZIndex, toolbarLineHeight, "var(--ds-surface, white)", akEditorMobileMaxWidth, toolbarLineHeight);
+var mainToolbar = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), akEditorSwoopCubicBezier, akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", akEditorMobileMaxWidth, toolbarLineHeight);
 export var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 };

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.6.1";
+export var version = "187.7.0";
 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.6.1",
+	"version": "187.7.0",
 	"sideEffects": false
 }

package/dist/types/plugins/media/pm-plugins/main.d.ts

@@ -19,6 +19,7 @@ import type mediaPlugin from '../index';
 export type { MediaState, MediaProvider, MediaStateStatus };
 export { stateKey } from './plugin-key';
 export declare const MEDIA_CONTENT_WRAP_CLASS_NAME = "media-content-wrap";
+export declare const MEDIA_PLUGIN_IS_RESIZING_KEY = "mediaSinglePlugin.isResizing";
 export declare class MediaPluginStateImplementation implements MediaPluginState {
     allowsUploads: boolean;
     mediaClientConfig?: MediaClientConfig;
@@ -34,6 +35,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     options: MediaPluginOptions;
     mediaProvider?: MediaProvider;
     newInsertionBehaviour?: boolean;
+    isResizing: boolean;
     private view;
     private destroyed;
     private contextIdentifierProvider?;
@@ -55,6 +57,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
+    setIsResizing(isResizing: boolean): void;
     updateElement(): void;
     private isMediaSchemaNode;
     private getDomElement;

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

@@ -1,14 +1,14 @@
-import { Node as PMNode } from 'prosemirror-model';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
-import { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { MediaOptions, MediaState } from '../types';
-import { MediaPluginOptions } from '../media-plugin-options';
-import { EditorView } from 'prosemirror-view';
-import PickerFacade, { MediaStateEventSubscriber } from '../picker-facade';
-import { Dispatch } from '../../../event-dispatcher';
-import { ProsemirrorGetPosHandler } from '../../../nodeviews/types';
+import type { Node as PMNode } from 'prosemirror-model';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { MediaOptions, MediaState } from '../types';
+import type { MediaPluginOptions } from '../media-plugin-options';
+import type { EditorView } from 'prosemirror-view';
+import type { MediaStateEventSubscriber } from '../picker-facade';
+import type PickerFacade from '../picker-facade';
+import type { Dispatch } from '../../../event-dispatcher';
+import type { ProsemirrorGetPosHandler } from '../../../nodeviews/types';
 export interface MediaNodeWithPosHandler {
     node: PMNode;
     getPos: ProsemirrorGetPosHandler;
@@ -32,6 +32,7 @@ export interface MediaPluginState {
     editingMediaSinglePos?: number;
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
+    isResizing: boolean;
     dispatch?: Dispatch;
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
@@ -54,6 +55,7 @@ export interface MediaPluginState {
     selectedMediaContainerNode: () => PMNode | undefined;
     handleDrag: (dragState: 'enter' | 'leave') => void;
     updateElement(): void;
+    setIsResizing(isResizing: boolean): void;
     setView(view: EditorView): void;
     destroy(): void;
     updateAndDispatch(props: Partial<Pick<this, 'allowsUploads' | 'allUploadsFinished' | 'isFullscreen'>>): void;

package/dist/types/plugins/media/toolbar/index.d.ts

@@ -1,7 +1,7 @@
-import { EditorState } from 'prosemirror-state';
-import { IntlShape } from 'react-intl-next';
-import { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
-import { MediaFloatingToolbarOptions } from '../types';
+import type { EditorState } from 'prosemirror-state';
+import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
+import type { MediaFloatingToolbarOptions } from '../types';
 import type mediaPlugin from '../index';
-import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options: MediaFloatingToolbarOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => FloatingToolbarConfig | undefined;

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

@@ -2,9 +2,9 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { Props } from './types';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
 type State = {
     offsetLeft: number;
     isVideoFile: boolean;

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

@@ -19,6 +19,7 @@ import type mediaPlugin from '../index';
 export type { MediaState, MediaProvider, MediaStateStatus };
 export { stateKey } from './plugin-key';
 export declare const MEDIA_CONTENT_WRAP_CLASS_NAME = "media-content-wrap";
+export declare const MEDIA_PLUGIN_IS_RESIZING_KEY = "mediaSinglePlugin.isResizing";
 export declare class MediaPluginStateImplementation implements MediaPluginState {
     allowsUploads: boolean;
     mediaClientConfig?: MediaClientConfig;
@@ -34,6 +35,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     options: MediaPluginOptions;
     mediaProvider?: MediaProvider;
     newInsertionBehaviour?: boolean;
+    isResizing: boolean;
     private view;
     private destroyed;
     private contextIdentifierProvider?;
@@ -55,6 +57,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
+    setIsResizing(isResizing: boolean): void;
     updateElement(): void;
     private isMediaSchemaNode;
     private getDomElement;

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

@@ -1,14 +1,14 @@
-import { Node as PMNode } from 'prosemirror-model';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
-import { MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import { MediaOptions, MediaState } from '../types';
-import { MediaPluginOptions } from '../media-plugin-options';
-import { EditorView } from 'prosemirror-view';
-import PickerFacade, { MediaStateEventSubscriber } from '../picker-facade';
-import { Dispatch } from '../../../event-dispatcher';
-import { ProsemirrorGetPosHandler } from '../../../nodeviews/types';
+import type { Node as PMNode } from 'prosemirror-model';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { MediaOptions, MediaState } from '../types';
+import type { MediaPluginOptions } from '../media-plugin-options';
+import type { EditorView } from 'prosemirror-view';
+import type { MediaStateEventSubscriber } from '../picker-facade';
+import type PickerFacade from '../picker-facade';
+import type { Dispatch } from '../../../event-dispatcher';
+import type { ProsemirrorGetPosHandler } from '../../../nodeviews/types';
 export interface MediaNodeWithPosHandler {
     node: PMNode;
     getPos: ProsemirrorGetPosHandler;
@@ -32,6 +32,7 @@ export interface MediaPluginState {
     editingMediaSinglePos?: number;
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
+    isResizing: boolean;
     dispatch?: Dispatch;
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
@@ -54,6 +55,7 @@ export interface MediaPluginState {
     selectedMediaContainerNode: () => PMNode | undefined;
     handleDrag: (dragState: 'enter' | 'leave') => void;
     updateElement(): void;
+    setIsResizing(isResizing: boolean): void;
     setView(view: EditorView): void;
     destroy(): void;
     updateAndDispatch(props: Partial<Pick<this, 'allowsUploads' | 'allUploadsFinished' | 'isFullscreen'>>): void;

package/dist/types-ts4.5/plugins/media/toolbar/index.d.ts

@@ -1,7 +1,7 @@
-import { EditorState } from 'prosemirror-state';
-import { IntlShape } from 'react-intl-next';
-import { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
-import { MediaFloatingToolbarOptions } from '../types';
+import type { EditorState } from 'prosemirror-state';
+import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
+import type { MediaFloatingToolbarOptions } from '../types';
 import type mediaPlugin from '../index';
-import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options: MediaFloatingToolbarOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => FloatingToolbarConfig | undefined;

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

@@ -2,9 +2,9 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { Props } from './types';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
 type State = {
     offsetLeft: number;
     isVideoFile: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.6.1",
+  "version": "187.7.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.7.0",
-    "@atlaskit/editor-common": "^74.26.0",
+    "@atlaskit/editor-common": "^74.29.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",
@@ -69,7 +69,7 @@
     "@atlaskit/editor-plugin-grid": "^0.1.0",
     "@atlaskit/editor-plugin-guideline": "^0.3.4",
     "@atlaskit/editor-plugin-hyperlink": "^0.2.0",
-    "@atlaskit/editor-plugin-table": "^2.5.0",
+    "@atlaskit/editor-plugin-table": "^2.6.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-shared-styles": "^2.5.0",
     "@atlaskit/editor-tables": "^2.3.0",
@@ -95,7 +95,7 @@
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/smart-card": "^26.11.0",
+    "@atlaskit/smart-card": "^26.12.0",
     "@atlaskit/smart-user-picker": "^6.1.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/status": "^1.3.0",
@@ -149,14 +149,14 @@
     "@atlaskit/collab-provider": "9.7.3",
     "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
-    "@atlaskit/editor-plugin-table": "^2.5.0",
+    "@atlaskit/editor-plugin-table": "^2.6.0",
     "@atlaskit/editor-test-helpers": "^18.10.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^13.6.0",
     "@atlaskit/link-analytics": "^8.2.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^5.0.0",
+    "@atlaskit/link-test-helpers": "^6.0.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",

package/report.api.md

@@ -104,7 +104,7 @@ import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
 import { MediaFile } from '@atlaskit/media-picker/types';
-import { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
 import type { MentionDescription } from '@atlaskit/mention';
 import { MentionProvider } from '@atlaskit/mention/resource';
 import type { MentionProvider as MentionProvider_2 } from '@atlaskit/mention';
@@ -142,7 +142,7 @@ import type { ReactHookFactory } from '@atlaskit/editor-common/types';
 import type { RefObject } from 'react';
 import { ReplaceRawValue } from '@atlaskit/editor-common/types';
 import type { ResolvedEditorState } from '@atlaskit/collab-provider';
-import { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { Schema } from 'prosemirror-model';
 import type { SearchProvider } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -1496,6 +1496,8 @@ interface MediaPluginState {
   // (undocumented)
   isFullscreen: boolean;
   // (undocumented)
+  isResizing: boolean;
+  // (undocumented)
   layout: RichMediaLayout;
   // (undocumented)
   mediaClientConfig?: MediaClientConfig;
@@ -1527,6 +1529,8 @@ interface MediaPluginState {
   // (undocumented)
   setBrowseFn: (browseFn: () => void) => void;
   // (undocumented)
+  setIsResizing(isResizing: boolean): void;
+  // (undocumented)
   setMediaProvider: (mediaProvider?: Promise<MediaProvider_2>) => Promise<void>;
   // (undocumented)
   setView(view: EditorView): void;

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

@@ -93,7 +93,7 @@ import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common/mediaFeatureFlags';
 import { MediaFile } from '@atlaskit/media-picker/types';
-import { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
+import type { MediaProvider as MediaProvider_2 } from '@atlaskit/editor-common/provider-factory';
 import type { MentionDescription } from '@atlaskit/mention';
 import { MentionProvider } from '@atlaskit/mention/resource';
 import type { MentionProvider as MentionProvider_2 } from '@atlaskit/mention';
@@ -131,7 +131,7 @@ import type { ReactHookFactory } from '@atlaskit/editor-common/types';
 import type { RefObject } from 'react';
 import { ReplaceRawValue } from '@atlaskit/editor-common/types';
 import type { ResolvedEditorState } from '@atlaskit/collab-provider';
-import { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { Schema } from 'prosemirror-model';
 import type { SearchProvider } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -1347,6 +1347,8 @@ interface MediaPluginState {
     // (undocumented)
     isFullscreen: boolean;
     // (undocumented)
+    isResizing: boolean;
+    // (undocumented)
     layout: RichMediaLayout;
     // (undocumented)
     mediaClientConfig?: MediaClientConfig;
@@ -1375,6 +1377,8 @@ interface MediaPluginState {
     // (undocumented)
     setBrowseFn: (browseFn: () => void) => void;
     // (undocumented)
+    setIsResizing(isResizing: boolean): void;
+    // (undocumented)
     setMediaProvider: (mediaProvider?: Promise<MediaProvider_2>) => Promise<void>;
     // (undocumented)
     setView(view: EditorView): void;