@atlaskit/editor-core 187.14.7 → 187.14.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 187.14.9
+
+### Patch Changes
+
+- [`021d5f488ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/021d5f488ec) - [ED-16733] Media Plugin Extractation - Move core commands to common entrypoint
+- Updated dependencies
+
+## 187.14.8
+
+### Patch Changes
+
+- [`8fe864e4f7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8fe864e4f7a) - [ux] ED-19336: Fixed insert column button not visible when sticky header is enabled."
+- [`4cbae03c15c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4cbae03c15c) - Set maxWidth for ResizerNext to stop lable updating when reaching max width
+
 ## 187.14.7
 
 ### Patch Changes

package/dist/cjs/commands/index.js

@@ -1,127 +1,42 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addParagraphAtEnd = addParagraphAtEnd;
-exports.clearEditorContent = exports.changeImageAlignment = void 0;
-exports.createParagraphAtEnd = createParagraphAtEnd;
-exports.toggleBlockMark = exports.createToggleBlockMarkOnRange = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-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; }
-function addParagraphAtEnd(tr) {
-  var paragraph = tr.doc.type.schema.nodes.paragraph,
-    doc = tr.doc;
-  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
-    if (paragraph) {
-      tr.insert(doc.content.size, paragraph.createAndFill());
-    }
+Object.defineProperty(exports, "addParagraphAtEnd", {
+  enumerable: true,
+  get: function get() {
+    return _commands.addParagraphAtEnd;
   }
-  tr.setSelection(_state.TextSelection.create(tr.doc, tr.doc.content.size - 1));
-  tr.scrollIntoView();
-}
-function createParagraphAtEnd() {
-  return function (state, dispatch) {
-    var tr = state.tr;
-    addParagraphAtEnd(tr);
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-}
-var changeImageAlignment = function changeImageAlignment(align) {
-  return function (state, dispatch) {
-    var _state$selection = state.selection,
-      from = _state$selection.from,
-      to = _state$selection.to;
-    var tr = state.tr;
-    state.doc.nodesBetween(from, to, function (node, pos) {
-      if (node.type === state.schema.nodes.mediaSingle) {
-        tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
-          layout: align === 'center' ? 'center' : "align-".concat(align)
-        }));
-      }
-    });
-    if (tr.docChanged && dispatch) {
-      dispatch(tr.scrollIntoView());
-      return true;
-    }
-    return false;
-  };
-};
-exports.changeImageAlignment = changeImageAlignment;
-var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
-  return function (from, to, tr, state) {
-    var markApplied = false;
-    state.doc.nodesBetween(from, to, function (node, pos, parent) {
-      if (!node.type.isBlock) {
-        return false;
-      }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
-        var oldMarks = node.marks.filter(function (mark) {
-          return mark.type === markType;
-        });
-        var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
-        var newAttrs = getAttrs(_prevAttrs, node);
-        if (newAttrs !== undefined) {
-          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
-            return !markType.excludes(mark.type);
-          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
-          markApplied = true;
-        }
-      }
-      return;
-    });
-    return markApplied;
-  };
-};
-
-/**
- * Toggles block mark based on the return type of `getAttrs`.
- * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
- * return `false` to remove the mark.
- * return `undefined for no-op.
- * return an `object` to update the mark.
- */
-exports.createToggleBlockMarkOnRange = createToggleBlockMarkOnRange;
-var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
-  return function (state, dispatch) {
-    var markApplied = false;
-    var tr = state.tr;
-    var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
-    if (state.selection instanceof _cellSelection.CellSelection) {
-      state.selection.forEachCell(function (cell, pos) {
-        markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
-      });
-    } else {
-      var _state$selection2 = state.selection,
-        from = _state$selection2.from,
-        to = _state$selection2.to;
-      markApplied = toggleBlockMarkOnRange(from, to, tr, state);
-    }
-    if (markApplied && tr.docChanged) {
-      if (dispatch) {
-        dispatch(tr.scrollIntoView());
-      }
-      return true;
-    }
-    return false;
-  };
-};
-exports.toggleBlockMark = toggleBlockMark;
-var clearEditorContent = function clearEditorContent(state, dispatch) {
-  var tr = state.tr;
-  tr.replace(0, state.doc.nodeSize - 2);
-  tr.setSelection(_state.Selection.atStart(tr.doc));
-  if (dispatch) {
-    dispatch(tr);
-    return true;
+});
+Object.defineProperty(exports, "changeImageAlignment", {
+  enumerable: true,
+  get: function get() {
+    return _commands.changeImageAlignment;
+  }
+});
+Object.defineProperty(exports, "clearEditorContent", {
+  enumerable: true,
+  get: function get() {
+    return _commands.clearEditorContent;
+  }
+});
+Object.defineProperty(exports, "createParagraphAtEnd", {
+  enumerable: true,
+  get: function get() {
+    return _commands.createParagraphAtEnd;
   }
-  return false;
-};
-exports.clearEditorContent = clearEditorContent;
+});
+Object.defineProperty(exports, "createToggleBlockMarkOnRange", {
+  enumerable: true,
+  get: function get() {
+    return _commands.createToggleBlockMarkOnRange;
+  }
+});
+Object.defineProperty(exports, "toggleBlockMark", {
+  enumerable: true,
+  get: function get() {
+    return _commands.toggleBlockMark;
+  }
+});
+var _commands = require("@atlaskit/editor-common/commands");

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ReactMediaSingleNode = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -247,11 +248,17 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }
       (0, _captions.insertAndSelectCaptionFromMediaSinglePos)(getPos(), node)(view.state, view.dispatch);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLineLength", function (view, pos) {
+    /**
+     * Get parent width for a nested media single node
+     * @param view Editor view
+     * @param pos node position
+     * @param includeMoreParentNodeTypes should consider table and list as parent nodes(only true for new experience)
+     */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLineLength", function (view, pos, includeMoreParentNodeTypes) {
       if (typeof pos !== 'number') {
         return null;
       }
-      if ((0, _utils.isRichMediaInsideOfBlockNode)(view, pos)) {
+      if ((0, _utils.isRichMediaInsideOfBlockNode)(view, pos, includeMoreParentNodeTypes)) {
         var $pos = view.state.doc.resolve(pos);
         var domNode = view.nodeDOM($pos.pos);
         if ($pos.nodeAfter && _utils.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
@@ -363,7 +370,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         height = _mediaSingle.DEFAULT_IMAGE_HEIGHT;
       }
       var isSelected = selected();
-      var contentWidth = this.getLineLength(view, getPos()) || lineLength;
+      var contentWidthForLegacyExperience = this.getLineLength(view, getPos()) || lineLength;
+      var contentWidth = this.getLineLength(view, getPos(), true) || lineLength;
       var mediaSingleProps = {
         layout: layout,
         width: width,
@@ -378,7 +386,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           widthType: widthType,
           origWidth: width,
           layout: layout,
-          contentWidth: contentWidth,
+          // This will only be used when calculating legacy media single width
+          // thus we use the legecy value (exclude table as container node)
+          contentWidth: contentWidthForLegacyExperience,
           containerWidth: containerWidth,
           gutterOffset: _mediaSingle.MEDIA_SINGLE_GUTTER_SIZE
         })
@@ -417,7 +427,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, ResizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, ResizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
+      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, ResizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, ResizableMediaSingleProps, {
+        lineLength: contentWidthForLegacyExperience
+      }), MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
     }
   }]);
   return MediaSingleNode;

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

@@ -32,6 +32,7 @@ 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"));
 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';
@@ -142,6 +143,12 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       tr.setMeta('mediaSinglePlugin.isResizing', isResizing);
       return dispatch(tr);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcMaxWidth", (0, _memoizeOne.default)(function (contentWidth, containerWidth, fullWidthMode) {
+      if (_this.isNestedNode() || fullWidthMode) {
+        return contentWidth;
+      }
+      return (0, _mediaSingle.calcMediaSingleMaxWidth)(containerWidth);
+    }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateActiveGuidelines", function () {
       var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var guidelines = arguments.length > 1 ? arguments[1] : undefined;
@@ -214,9 +221,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResizeStop", function (size, delta) {
       var _this$props5 = _this.props,
@@ -243,9 +247,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       }, function () {
         updateSize(width, calculatedWidthWithLayout.layout);
       });
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     var initialWidth = props.mediaSingleWidth || _mediaSingle.DEFAULT_IMAGE_WIDTH;
     _this.state = {
@@ -473,7 +474,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        intl = _this$props8.intl;
+        intl = _this$props8.intl,
+        lineLength = _this$props8.lineLength;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size;
@@ -495,6 +497,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       var resizerNextClassName = (0, _classnames.default)(className, _styles.resizerStyles);
       var showSizeGuide = selected || isResizing;
       var label = layout === 'full-width' ? intl.formatMessage(_resizableMediaSingleMessages.messages.fullWidthImage) : "".concat(this.state.size.width, " x ").concat(this.state.size.height);
+      var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       return (0, _react2.jsx)("div", {
         ref: this.saveWrapper,
         css: (0, _styled.wrapperStyle)({
@@ -508,6 +511,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         })
       }, (0, _react2.jsx)(_resizer.ResizerNext, {
         minWidth: _mediaSingle.MEDIA_SINGLE_MIN_PIXEL_WIDTH,
+        maxWidth: maxWidth,
         className: resizerNextClassName,
         snapGap: _mediaSingle.MEDIA_SINGLE_SNAP_GAP,
         enable: enable,

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

package/dist/es2019/commands/index.js

@@ -1,115 +1 @@
-import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-export function addParagraphAtEnd(tr) {
-  const {
-    doc: {
-      type: {
-        schema: {
-          nodes: {
-            paragraph
-          }
-        }
-      }
-    },
-    doc
-  } = tr;
-  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
-    if (paragraph) {
-      tr.insert(doc.content.size, paragraph.createAndFill());
-    }
-  }
-  tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
-  tr.scrollIntoView();
-}
-export function createParagraphAtEnd() {
-  return function (state, dispatch) {
-    const {
-      tr
-    } = state;
-    addParagraphAtEnd(tr);
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-}
-export const changeImageAlignment = align => (state, dispatch) => {
-  const {
-    from,
-    to
-  } = state.selection;
-  const tr = state.tr;
-  state.doc.nodesBetween(from, to, (node, pos) => {
-    if (node.type === state.schema.nodes.mediaSingle) {
-      tr.setNodeMarkup(pos, undefined, {
-        ...node.attrs,
-        layout: align === 'center' ? 'center' : `align-${align}`
-      });
-    }
-  });
-  if (tr.docChanged && dispatch) {
-    dispatch(tr.scrollIntoView());
-    return true;
-  }
-  return false;
-};
-export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks) => (from, to, tr, state) => {
-  let markApplied = false;
-  state.doc.nodesBetween(from, to, (node, pos, parent) => {
-    if (!node.type.isBlock) {
-      return false;
-    }
-    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
-      const oldMarks = node.marks.filter(mark => mark.type === markType);
-      const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
-      const newAttrs = getAttrs(prevAttrs, node);
-      if (newAttrs !== undefined) {
-        tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(mark => !markType.excludes(mark.type)).concat(newAttrs === false ? [] : markType.create(newAttrs)));
-        markApplied = true;
-      }
-    }
-    return;
-  });
-  return markApplied;
-};
-
-/**
- * Toggles block mark based on the return type of `getAttrs`.
- * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
- * return `false` to remove the mark.
- * return `undefined for no-op.
- * return an `object` to update the mark.
- */
-export const toggleBlockMark = (markType, getAttrs, allowedBlocks) => (state, dispatch) => {
-  let markApplied = false;
-  const tr = state.tr;
-  const toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
-  if (state.selection instanceof CellSelection) {
-    state.selection.forEachCell((cell, pos) => {
-      markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
-    });
-  } else {
-    const {
-      from,
-      to
-    } = state.selection;
-    markApplied = toggleBlockMarkOnRange(from, to, tr, state);
-  }
-  if (markApplied && tr.docChanged) {
-    if (dispatch) {
-      dispatch(tr.scrollIntoView());
-    }
-    return true;
-  }
-  return false;
-};
-export const clearEditorContent = (state, dispatch) => {
-  const tr = state.tr;
-  tr.replace(0, state.doc.nodeSize - 2);
-  tr.setSelection(Selection.atStart(tr.doc));
-  if (dispatch) {
-    dispatch(tr);
-    return true;
-  }
-  return false;
-};
+export { addParagraphAtEnd, createParagraphAtEnd, changeImageAlignment, createToggleBlockMarkOnRange, toggleBlockMark, clearEditorContent } from '@atlaskit/editor-common/commands';

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
@@ -173,11 +174,17 @@ export default class MediaSingleNode extends Component {
       }
       insertAndSelectCaptionFromMediaSinglePos(getPos(), node)(view.state, view.dispatch);
     });
-    _defineProperty(this, "getLineLength", (view, pos) => {
+    /**
+     * Get parent width for a nested media single node
+     * @param view Editor view
+     * @param pos node position
+     * @param includeMoreParentNodeTypes should consider table and list as parent nodes(only true for new experience)
+     */
+    _defineProperty(this, "getLineLength", (view, pos, includeMoreParentNodeTypes) => {
       if (typeof pos !== 'number') {
         return null;
       }
-      if (isRichMediaInsideOfBlockNode(view, pos)) {
+      if (isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes)) {
         const $pos = view.state.doc.resolve(pos);
         const domNode = view.nodeDOM($pos.pos);
         if ($pos.nodeAfter && floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
@@ -270,7 +277,8 @@ export default class MediaSingleNode extends Component {
       height = DEFAULT_IMAGE_HEIGHT;
     }
     const isSelected = selected();
-    const contentWidth = this.getLineLength(view, getPos()) || lineLength;
+    const contentWidthForLegacyExperience = this.getLineLength(view, getPos()) || lineLength;
+    const contentWidth = this.getLineLength(view, getPos(), true) || lineLength;
     const mediaSingleProps = {
       layout,
       width,
@@ -285,7 +293,9 @@ export default class MediaSingleNode extends Component {
         widthType,
         origWidth: width,
         layout,
-        contentWidth,
+        // This will only be used when calculating legacy media single width
+        // thus we use the legecy value (exclude table as container node)
+        contentWidth: contentWidthForLegacyExperience,
         containerWidth,
         gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
       })
@@ -327,7 +337,9 @@ export default class MediaSingleNode extends Component {
       ref: this.captionPlaceHolderRef,
       onClick: this.clickPlaceholder
     }));
-    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, ResizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, ResizableMediaSingleProps, MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
+    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, ResizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, ResizableMediaSingleProps, {
+      lineLength: contentWidthForLegacyExperience
+    }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
   }
 }
 _defineProperty(MediaSingleNode, "defaultProps", {

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

@@ -15,8 +15,9 @@ import { messages } from './resizable-media-single-messages';
 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, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
+import { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
 import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps } from '@atlaskit/editor-common/guideline';
+import memoizeOne from 'memoize-one';
 export const resizerNextTestId = 'mediaSingle.resizerNext.testid';
 
 // TODO: Create new fixed image size event
@@ -127,6 +128,12 @@ class ResizableMediaSingleNext extends React.Component {
       tr.setMeta('mediaSinglePlugin.isResizing', isResizing);
       return dispatch(tr);
     });
+    _defineProperty(this, "calcMaxWidth", memoizeOne((contentWidth, containerWidth, fullWidthMode) => {
+      if (this.isNestedNode() || fullWidthMode) {
+        return contentWidth;
+      }
+      return calcMediaSingleMaxWidth(containerWidth);
+    }));
     _defineProperty(this, "updateActiveGuidelines", (width = 0, guidelines, guidelineSnapsReference) => {
       if (guidelineSnapsReference.snaps.x) {
         const {
@@ -192,9 +199,6 @@ class ResizableMediaSingleNext extends React.Component {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     _defineProperty(this, "handleResizeStop", (size, delta) => {
       const {
@@ -223,9 +227,6 @@ class ResizableMediaSingleNext extends React.Component {
       }, () => {
         updateSize(width, calculatedWidthWithLayout.layout);
       });
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     const initialWidth = props.mediaSingleWidth || DEFAULT_IMAGE_WIDTH;
     this.state = {
@@ -390,7 +391,8 @@ class ResizableMediaSingleNext extends React.Component {
       fullWidthMode,
       selected,
       children,
-      intl
+      intl,
+      lineLength
     } = this.props;
     const {
       isResizing,
@@ -414,6 +416,7 @@ class ResizableMediaSingleNext extends React.Component {
     const resizerNextClassName = classnames(className, resizerStyles);
     const showSizeGuide = selected || isResizing;
     const label = layout === 'full-width' ? intl.formatMessage(messages.fullWidthImage) : `${this.state.size.width} x ${this.state.size.height}`;
+    const maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
     return jsx("div", {
       ref: this.saveWrapper,
       css: wrapperStyle({
@@ -427,6 +430,7 @@ class ResizableMediaSingleNext extends React.Component {
       })
     }, jsx(ResizerNext, {
       minWidth: MEDIA_SINGLE_MIN_PIXEL_WIDTH,
+      maxWidth: maxWidth,
       className: resizerNextClassName,
       snapGap: MEDIA_SINGLE_SNAP_GAP,
       enable: enable,

package/dist/es2019/version-wrapper.js

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

package/dist/esm/commands/index.js

@@ -1,113 +1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-export function addParagraphAtEnd(tr) {
-  var paragraph = tr.doc.type.schema.nodes.paragraph,
-    doc = tr.doc;
-  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
-    if (paragraph) {
-      tr.insert(doc.content.size, paragraph.createAndFill());
-    }
-  }
-  tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
-  tr.scrollIntoView();
-}
-export function createParagraphAtEnd() {
-  return function (state, dispatch) {
-    var tr = state.tr;
-    addParagraphAtEnd(tr);
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-}
-export var changeImageAlignment = function changeImageAlignment(align) {
-  return function (state, dispatch) {
-    var _state$selection = state.selection,
-      from = _state$selection.from,
-      to = _state$selection.to;
-    var tr = state.tr;
-    state.doc.nodesBetween(from, to, function (node, pos) {
-      if (node.type === state.schema.nodes.mediaSingle) {
-        tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
-          layout: align === 'center' ? 'center' : "align-".concat(align)
-        }));
-      }
-    });
-    if (tr.docChanged && dispatch) {
-      dispatch(tr.scrollIntoView());
-      return true;
-    }
-    return false;
-  };
-};
-export var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
-  return function (from, to, tr, state) {
-    var markApplied = false;
-    state.doc.nodesBetween(from, to, function (node, pos, parent) {
-      if (!node.type.isBlock) {
-        return false;
-      }
-      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
-        var oldMarks = node.marks.filter(function (mark) {
-          return mark.type === markType;
-        });
-        var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
-        var newAttrs = getAttrs(_prevAttrs, node);
-        if (newAttrs !== undefined) {
-          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
-            return !markType.excludes(mark.type);
-          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
-          markApplied = true;
-        }
-      }
-      return;
-    });
-    return markApplied;
-  };
-};
-
-/**
- * Toggles block mark based on the return type of `getAttrs`.
- * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
- * return `false` to remove the mark.
- * return `undefined for no-op.
- * return an `object` to update the mark.
- */
-export var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
-  return function (state, dispatch) {
-    var markApplied = false;
-    var tr = state.tr;
-    var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
-    if (state.selection instanceof CellSelection) {
-      state.selection.forEachCell(function (cell, pos) {
-        markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
-      });
-    } else {
-      var _state$selection2 = state.selection,
-        from = _state$selection2.from,
-        to = _state$selection2.to;
-      markApplied = toggleBlockMarkOnRange(from, to, tr, state);
-    }
-    if (markApplied && tr.docChanged) {
-      if (dispatch) {
-        dispatch(tr.scrollIntoView());
-      }
-      return true;
-    }
-    return false;
-  };
-};
-export var clearEditorContent = function clearEditorContent(state, dispatch) {
-  var tr = state.tr;
-  tr.replace(0, state.doc.nodeSize - 2);
-  tr.setSelection(Selection.atStart(tr.doc));
-  if (dispatch) {
-    dispatch(tr);
-    return true;
-  }
-  return false;
-};
+export { addParagraphAtEnd, createParagraphAtEnd, changeImageAlignment, createToggleBlockMarkOnRange, toggleBlockMark, clearEditorContent } from '@atlaskit/editor-common/commands';

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -1,4 +1,5 @@
 import _get from "@babel/runtime/helpers/get";
+import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -238,11 +239,17 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }
       insertAndSelectCaptionFromMediaSinglePos(getPos(), node)(view.state, view.dispatch);
     });
-    _defineProperty(_assertThisInitialized(_this), "getLineLength", function (view, pos) {
+    /**
+     * Get parent width for a nested media single node
+     * @param view Editor view
+     * @param pos node position
+     * @param includeMoreParentNodeTypes should consider table and list as parent nodes(only true for new experience)
+     */
+    _defineProperty(_assertThisInitialized(_this), "getLineLength", function (view, pos, includeMoreParentNodeTypes) {
       if (typeof pos !== 'number') {
         return null;
       }
-      if (isRichMediaInsideOfBlockNode(view, pos)) {
+      if (isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes)) {
         var $pos = view.state.doc.resolve(pos);
         var domNode = view.nodeDOM($pos.pos);
         if ($pos.nodeAfter && floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
@@ -354,7 +361,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         height = DEFAULT_IMAGE_HEIGHT;
       }
       var isSelected = selected();
-      var contentWidth = this.getLineLength(view, getPos()) || lineLength;
+      var contentWidthForLegacyExperience = this.getLineLength(view, getPos()) || lineLength;
+      var contentWidth = this.getLineLength(view, getPos(), true) || lineLength;
       var mediaSingleProps = {
         layout: layout,
         width: width,
@@ -369,7 +377,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           widthType: widthType,
           origWidth: width,
           layout: layout,
-          contentWidth: contentWidth,
+          // This will only be used when calculating legacy media single width
+          // thus we use the legecy value (exclude table as container node)
+          contentWidth: contentWidthForLegacyExperience,
           containerWidth: containerWidth,
           gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
         })
@@ -408,7 +418,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, ResizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, ResizableMediaSingleProps, MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
+      return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, ResizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, ResizableMediaSingleProps, {
+        lineLength: contentWidthForLegacyExperience
+      }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
     }
   }]);
   return MediaSingleNode;

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

@@ -26,8 +26,9 @@ import { messages } from './resizable-media-single-messages';
 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, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
+import { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
 import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps } from '@atlaskit/editor-common/guideline';
+import memoizeOne from 'memoize-one';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
 
 // TODO: Create new fixed image size event
@@ -135,6 +136,12 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       tr.setMeta('mediaSinglePlugin.isResizing', isResizing);
       return dispatch(tr);
     });
+    _defineProperty(_assertThisInitialized(_this), "calcMaxWidth", memoizeOne(function (contentWidth, containerWidth, fullWidthMode) {
+      if (_this.isNestedNode() || fullWidthMode) {
+        return contentWidth;
+      }
+      return calcMediaSingleMaxWidth(containerWidth);
+    }));
     _defineProperty(_assertThisInitialized(_this), "updateActiveGuidelines", function () {
       var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var guidelines = arguments.length > 1 ? arguments[1] : undefined;
@@ -207,9 +214,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       if (calculatedWidthWithLayout.layout !== layout) {
         updateSize(width, calculatedWidthWithLayout.layout);
       }
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     _defineProperty(_assertThisInitialized(_this), "handleResizeStop", function (size, delta) {
       var _this$props5 = _this.props,
@@ -236,9 +240,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       }, function () {
         updateSize(width, calculatedWidthWithLayout.layout);
       });
-
-      // TODO: Update once type updated from editor common resizer
-      return 0;
     });
     var initialWidth = props.mediaSingleWidth || DEFAULT_IMAGE_WIDTH;
     _this.state = {
@@ -466,7 +467,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        intl = _this$props8.intl;
+        intl = _this$props8.intl,
+        lineLength = _this$props8.lineLength;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size;
@@ -488,6 +490,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       var resizerNextClassName = classnames(className, resizerStyles);
       var showSizeGuide = selected || isResizing;
       var label = layout === 'full-width' ? intl.formatMessage(messages.fullWidthImage) : "".concat(this.state.size.width, " x ").concat(this.state.size.height);
+      var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       return jsx("div", {
         ref: this.saveWrapper,
         css: wrapperStyle({
@@ -501,6 +504,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         })
       }, jsx(ResizerNext, {
         minWidth: MEDIA_SINGLE_MIN_PIXEL_WIDTH,
+        maxWidth: maxWidth,
         className: resizerNextClassName,
         snapGap: MEDIA_SINGLE_SNAP_GAP,
         enable: enable,

package/dist/esm/version-wrapper.js

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

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

@@ -1,17 +1 @@
-import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { AlignmentState } from '../plugins/alignment/pm-plugins/types';
-import type { Command } from '../types';
-export declare function addParagraphAtEnd(tr: Transaction): void;
-export declare function createParagraphAtEnd(): Command;
-export declare const changeImageAlignment: (align?: AlignmentState) => Command;
-export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
-/**
- * Toggles block mark based on the return type of `getAttrs`.
- * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
- * return `false` to remove the mark.
- * return `undefined for no-op.
- * return an `object` to update the mark.
- */
-export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
-export declare const clearEditorContent: Command;
+export { addParagraphAtEnd, createParagraphAtEnd, changeImageAlignment, createToggleBlockMarkOnRange, toggleBlockMark, clearEditorContent, } from '@atlaskit/editor-common/commands';

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -41,6 +41,12 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     onMediaSingleClicked: (event: MouseEvent) => void;
     render(): jsx.JSX.Element;
     private clickPlaceholder;
+    /**
+     * Get parent width for a nested media single node
+     * @param view Editor view
+     * @param pos node position
+     * @param includeMoreParentNodeTypes should consider table and list as parent nodes(only true for new experience)
+     */
     private getLineLength;
 }
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {

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

@@ -54,6 +54,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     private saveWrapper;
     private displayGuideline;
     private setIsResizing;
+    private calcMaxWidth;
     updateActiveGuidelines: (width: number | undefined, guidelines: GuidelineConfig[], guidelineSnapsReference: GuidelineSnapsReference) => void;
     roundPixelValue: (value: number) => number;
     getHeightFromNewWidth: (originalWidth: number, originalHeight: number, newWidth: number) => number;

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

@@ -1,17 +1 @@
-import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { AlignmentState } from '../plugins/alignment/pm-plugins/types';
-import type { Command } from '../types';
-export declare function addParagraphAtEnd(tr: Transaction): void;
-export declare function createParagraphAtEnd(): Command;
-export declare const changeImageAlignment: (align?: AlignmentState) => Command;
-export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
-/**
- * Toggles block mark based on the return type of `getAttrs`.
- * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
- * return `false` to remove the mark.
- * return `undefined for no-op.
- * return an `object` to update the mark.
- */
-export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
-export declare const clearEditorContent: Command;
+export { addParagraphAtEnd, createParagraphAtEnd, changeImageAlignment, createToggleBlockMarkOnRange, toggleBlockMark, clearEditorContent, } from '@atlaskit/editor-common/commands';

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

@@ -41,6 +41,12 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     onMediaSingleClicked: (event: MouseEvent) => void;
     render(): jsx.JSX.Element;
     private clickPlaceholder;
+    /**
+     * Get parent width for a nested media single node
+     * @param view Editor view
+     * @param pos node position
+     * @param includeMoreParentNodeTypes should consider table and list as parent nodes(only true for new experience)
+     */
     private getLineLength;
 }
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {

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

@@ -54,6 +54,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     private saveWrapper;
     private displayGuideline;
     private setIsResizing;
+    private calcMaxWidth;
     updateActiveGuidelines: (width: number | undefined, guidelines: GuidelineConfig[], guidelineSnapsReference: GuidelineSnapsReference) => void;
     roundPixelValue: (value: number) => number;
     getHeightFromNewWidth: (originalWidth: number, originalHeight: number, newWidth: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.14.7",
+  "version": "187.14.9",
   "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.38.0",
+    "@atlaskit/editor-common": "^74.39.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",

package/report.api.md

@@ -32,6 +32,7 @@ import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { BrowserFreezetracking } from '@atlaskit/editor-common/types';
 import { CardOptions } from '@atlaskit/editor-common/card';
 import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import { clearEditorContent } from '@atlaskit/editor-common/commands';
 import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
 import { Color } from '@atlaskit/status/element';
 import { Command as Command_2 } from '@atlaskit/editor-common/types';
@@ -340,8 +341,7 @@ interface CellSelectionData {
 // @public (undocumented)
 export const changeColor: (color: string) => Command;
 
-// @public (undocumented)
-export const clearEditorContent: Command;
+export { clearEditorContent };
 
 // @public (undocumented)
 type CloseOptions = {

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

@@ -21,6 +21,7 @@ import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { BrowserFreezetracking } from '@atlaskit/editor-common/types';
 import { CardOptions } from '@atlaskit/editor-common/card';
 import { CardProvider } from '@atlaskit/editor-common/provider-factory';
+import { clearEditorContent } from '@atlaskit/editor-common/commands';
 import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
 import { Color } from '@atlaskit/status/element';
 import { Command as Command_2 } from '@atlaskit/editor-common/types';
@@ -323,8 +324,7 @@ interface CellSelectionData {
 // @public (undocumented)
 export const changeColor: (color: string) => Command;
 
-// @public (undocumented)
-export const clearEditorContent: Command;
+export { clearEditorContent }
 
 // @public (undocumented)
 type CloseOptions = {