@atlaskit/editor-core 187.32.3 → 187.32.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-core
 
+## 187.32.5
+
+### Patch Changes
+
+- [`ee475b14581`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee475b14581) - Set max width for nested media single node to 100% to make it reponsive to parent width change
+
 ## 187.32.3
 
 ### Patch Changes

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

@@ -154,7 +154,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return dispatch(tr);
     }, _mediaSingle.MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcMaxWidth", (0, _memoizeOne.default)(function (contentWidth, containerWidth, fullWidthMode) {
-      if (_this.isNestedNode() || fullWidthMode) {
+      if (fullWidthMode) {
         return contentWidth;
       }
       return (0, _mediaSingle.calcMediaSingleMaxWidth)(containerWidth);
@@ -533,7 +533,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var resizerNextClassName = (0, _classnames.default)(className, _styles.resizerStyles);
-      var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
+      var maxWidth = this.isNestedNode() ? undefined // fall back to 'max-width: 100%'
+      : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       var minWidth = this.calcMinWidth(isVideoFile, lineLength);
       return (0, _react2.jsx)("div", {
         ref: this.saveWrapper,

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.32.3";
+var version = "187.32.5";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

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

@@ -137,7 +137,7 @@ class ResizableMediaSingleNext extends React.Component {
       return dispatch(tr);
     }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(this, "calcMaxWidth", memoizeOne((contentWidth, containerWidth, fullWidthMode) => {
-      if (this.isNestedNode() || fullWidthMode) {
+      if (fullWidthMode) {
         return contentWidth;
       }
       return calcMediaSingleMaxWidth(containerWidth);
@@ -452,7 +452,8 @@ class ResizableMediaSingleNext extends React.Component {
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
     });
     const resizerNextClassName = classnames(className, resizerStyles);
-    const maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
+    const maxWidth = this.isNestedNode() ? undefined // fall back to 'max-width: 100%'
+    : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
     const minWidth = this.calcMinWidth(isVideoFile, lineLength);
     return jsx("div", {
       ref: this.saveWrapper,

package/dist/es2019/version-wrapper.js

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

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

@@ -147,7 +147,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return dispatch(tr);
     }, MEDIA_SINGLE_RESIZE_THROTTLE_TIME));
     _defineProperty(_assertThisInitialized(_this), "calcMaxWidth", memoizeOne(function (contentWidth, containerWidth, fullWidthMode) {
-      if (_this.isNestedNode() || fullWidthMode) {
+      if (fullWidthMode) {
         return contentWidth;
       }
       return calcMediaSingleMaxWidth(containerWidth);
@@ -526,7 +526,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var resizerNextClassName = classnames(className, resizerStyles);
-      var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
+      var maxWidth = this.isNestedNode() ? undefined // fall back to 'max-width: 100%'
+      : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       var minWidth = this.calcMinWidth(isVideoFile, lineLength);
       return jsx("div", {
         ref: this.saveWrapper,

package/dist/esm/version-wrapper.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.32.3",
+  "version": "187.32.5",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -105,7 +105,7 @@
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/smart-card": "^26.16.0",
+    "@atlaskit/smart-card": "^26.17.0",
     "@atlaskit/smart-user-picker": "^6.3.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/status": "^1.3.0",