@atlaskit/renderer 105.1.0 → 105.1.2

package/dist/cjs/ui/MediaCard.js

@@ -1,70 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getListOfIdentifiersFromDoc = exports.getClipboardAttrs = exports.MediaCardInternal = exports.MediaCard = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _traverse = require("@atlaskit/adf-utils/traverse");
-
 var _mediaCard = require("@atlaskit/media-card");
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 _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; } }
-
 var mediaIdentifierMap = new Map();
-
 var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
     return [];
   }
-
   return (0, _traverse.filter)(doc, function (node) {
     return node.type === 'media';
   }).reduce(function (identifierList, mediaNode) {
     if (mediaNode.attrs) {
       var _mediaNode$attrs = mediaNode.attrs,
-          type = _mediaNode$attrs.type,
-          dataURI = _mediaNode$attrs.url,
-          id = _mediaNode$attrs.id;
-
+        type = _mediaNode$attrs.type,
+        dataURI = _mediaNode$attrs.url,
+        id = _mediaNode$attrs.id;
       if (type === 'file' && id) {
         identifierList.push({
           mediaItemType: 'file',
@@ -78,33 +52,24 @@ var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
         });
       }
     }
-
     return identifierList;
   }, []);
 };
-
 exports.getListOfIdentifiersFromDoc = getListOfIdentifiersFromDoc;
-
 var MediaCardInternal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MediaCardInternal, _Component);
-
   var _super = _createSuper(MediaCardInternal);
-
   function MediaCardInternal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaCardInternal);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "saveFileState", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(id, mediaClientConfig) {
         var _this$props, collectionName, featureFlags, mediaClient, options, fileState;
-
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -117,21 +82,16 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
                 _context.prev = 3;
                 _context.next = 6;
                 return mediaClient.file.getCurrentState(id, options);
-
               case 6:
                 fileState = _context.sent;
-
                 _this.setState({
                   fileState: fileState
                 });
-
                 _context.next = 12;
                 break;
-
               case 10:
                 _context.prev = 10;
                 _context.t0 = _context["catch"](3);
-
               case 12:
               case "end":
                 return _context.stop();
@@ -139,7 +99,6 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
           }
         }, _callee, null, [[3, 10]]);
       }));
-
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
@@ -152,69 +111,55 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOnCardClickCallback", function (isInlinePlayer) {
       var eventHandlers = _this.props.eventHandlers;
-
       if (eventHandlers && eventHandlers.media && eventHandlers.media.onClick) {
         return function (result, analyticsEvent) {
           var isVideo = result.mediaItemDetails && result.mediaItemDetails.mediaType === 'video';
           var isVideoWithInlinePlayer = isInlinePlayer && isVideo;
-
           if (!isVideoWithInlinePlayer && eventHandlers && eventHandlers.media && eventHandlers.media.onClick) {
             eventHandlers.media.onClick(result, analyticsEvent);
           }
         };
       }
-
       return undefined;
     });
     return _this;
   }
-
   (0, _createClass2.default)(MediaCardInternal, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var _this$props2, rendererContext, mediaProvider, contextIdentifierProvider, id, url, collectionName, mediaProviderObject, mediaClientConfig, nodeIsInCache;
-
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _this$props2 = this.props, rendererContext = _this$props2.rendererContext, mediaProvider = _this$props2.mediaProvider, contextIdentifierProvider = _this$props2.contextIdentifierProvider, id = _this$props2.id, url = _this$props2.url, collectionName = _this$props2.collection;
-
                 if (mediaProvider) {
                   _context2.next = 3;
                   break;
                 }
-
                 return _context2.abrupt("return");
-
               case 3:
                 if (!contextIdentifierProvider) {
                   _context2.next = 10;
                   break;
                 }
-
                 _context2.t0 = this;
                 _context2.next = 7;
                 return contextIdentifierProvider;
-
               case 7:
                 _context2.t1 = _context2.sent;
                 _context2.t2 = {
                   contextIdentifierProvider: _context2.t1
                 };
-
                 _context2.t0.setState.call(_context2.t0, _context2.t2);
-
               case 10:
                 _context2.next = 12;
                 return mediaProvider;
-
               case 12:
                 mediaProviderObject = _context2.sent;
                 mediaClientConfig = mediaProviderObject.viewMediaClientConfig;
                 nodeIsInCache = id && mediaIdentifierMap.has(id) || url && mediaIdentifierMap.has(url);
-
                 if (rendererContext && rendererContext.adDoc && !nodeIsInCache) {
                   getListOfIdentifiersFromDoc(rendererContext.adDoc).forEach(function (identifier) {
                     if (identifier.mediaItemType === 'file' && identifier.id === id) {
@@ -226,15 +171,12 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
                     }
                   });
                 }
-
                 this.setState({
                   mediaClientConfig: mediaClientConfig
                 });
-
                 if (id) {
                   this.saveFileState(id, mediaClientConfig);
                 }
-
               case 18:
               case "end":
                 return _context2.stop();
@@ -242,11 +184,9 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
           }
         }, _callee2, this);
       }));
-
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
-
       return componentDidMount;
     }()
   }, {
@@ -254,7 +194,6 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
     value: function UNSAFE_componentWillReceiveProps(newProps) {
       var mediaClientConfig = this.state.mediaClientConfig;
       var newId = newProps.id;
-
       if (mediaClientConfig && newId && newId !== this.props.id) {
         this.saveFileState(newId, mediaClientConfig);
       }
@@ -263,9 +202,8 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$props3 = this.props,
-          id = _this$props3.id,
-          dataURI = _this$props3.url;
-
+        id = _this$props3.id,
+        dataURI = _this$props3.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -277,26 +215,25 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
     value: function renderExternal(shouldOpenMediaViewer) {
       var mediaClientConfig = this.state.mediaClientConfig;
       var _this$props4 = this.props,
-          cardDimensions = _this$props4.cardDimensions,
-          resizeMode = _this$props4.resizeMode,
-          appearance = _this$props4.appearance,
-          url = _this$props4.url,
-          imageStatus = _this$props4.imageStatus,
-          disableOverlay = _this$props4.disableOverlay,
-          alt = _this$props4.alt,
-          featureFlags = _this$props4.featureFlags,
-          ssr = _this$props4.ssr;
-
+        cardDimensions = _this$props4.cardDimensions,
+        resizeMode = _this$props4.resizeMode,
+        appearance = _this$props4.appearance,
+        url = _this$props4.url,
+        imageStatus = _this$props4.imageStatus,
+        disableOverlay = _this$props4.disableOverlay,
+        alt = _this$props4.alt,
+        featureFlags = _this$props4.featureFlags,
+        ssr = _this$props4.ssr;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
-
       var identifier = {
         dataURI: url,
         name: url,
         mediaItemType: 'external-image'
       };
-      return /*#__PURE__*/_react.default.createElement(_mediaCard.Card // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+      return /*#__PURE__*/_react.default.createElement(_mediaCard.Card
+      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
       // context is not really used when the type is external and we want to render the component asap
       , {
         mediaClientConfig: mediaClientConfig,
@@ -314,62 +251,56 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
       });
     }
+
     /**
      * We want to call provided `eventHandlers.media.onClick` when it's provided,
      * but we also don't want to call it when it's a video and inline video player is enabled.
      * This is due to consumers normally process this onClick call by opening media viewer and
      * we don't want that to happened described above text.
      */
-
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          contextIdentifierProvider = _this$state.contextIdentifierProvider,
-          mediaClientConfigInState = _this$state.mediaClientConfig,
-          fileState = _this$state.fileState;
+        contextIdentifierProvider = _this$state.contextIdentifierProvider,
+        mediaClientConfigInState = _this$state.mediaClientConfig,
+        fileState = _this$state.fileState;
       var _this$props5 = this.props,
-          id = _this$props5.id,
-          alt = _this$props5.alt,
-          type = _this$props5.type,
-          collection = _this$props5.collection,
-          occurrenceKey = _this$props5.occurrenceKey,
-          cardDimensions = _this$props5.cardDimensions,
-          resizeMode = _this$props5.resizeMode,
-          rendererAppearance = _this$props5.rendererAppearance,
-          disableOverlay = _this$props5.disableOverlay,
-          useInlinePlayer = _this$props5.useInlinePlayer,
-          originalDimensions = _this$props5.originalDimensions,
-          forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
-          featureFlags = _this$props5.featureFlags,
-          shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
-          ssr = _this$props5.ssr;
+        id = _this$props5.id,
+        alt = _this$props5.alt,
+        type = _this$props5.type,
+        collection = _this$props5.collection,
+        occurrenceKey = _this$props5.occurrenceKey,
+        cardDimensions = _this$props5.cardDimensions,
+        resizeMode = _this$props5.resizeMode,
+        rendererAppearance = _this$props5.rendererAppearance,
+        disableOverlay = _this$props5.disableOverlay,
+        useInlinePlayer = _this$props5.useInlinePlayer,
+        originalDimensions = _this$props5.originalDimensions,
+        forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
+        featureFlags = _this$props5.featureFlags,
+        shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
+        ssr = _this$props5.ssr;
       var isMobile = rendererAppearance === 'mobile';
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
       var onCardClick = this.getOnCardClickCallback(isInlinePlayer);
       var shouldOpenMediaViewer = typeof forceOpenMediaViewer === 'boolean' ? forceOpenMediaViewer : !isMobile && !onCardClick;
-
       if (type === 'external') {
         return this.renderExternal(shouldOpenMediaViewer);
       }
-
       if (type === 'link') {
         return null;
       }
-
       var mediaClientConfig = !!ssr ? ssr.config : mediaClientConfigInState;
-
       if (!mediaClientConfig || !id) {
         return this.renderLoadingCard();
       }
-
       if (!id || type !== 'file') {
         return /*#__PURE__*/_react.default.createElement(_mediaCard.CardError, {
           dimensions: cardDimensions
         });
       }
-
       var contextId = contextIdentifierProvider && contextIdentifierProvider.objectId;
       var identifier = {
         id: id,
@@ -408,31 +339,25 @@ var MediaCardInternal = /*#__PURE__*/function (_Component) {
   }]);
   return MediaCardInternal;
 }(_react.Component); // Needed for copy & paste
-
-
 exports.MediaCardInternal = MediaCardInternal;
-
 var getClipboardAttrs = function getClipboardAttrs(_ref2) {
   var id = _ref2.id,
-      alt = _ref2.alt,
-      collection = _ref2.collection,
-      contextIdentifierProvider = _ref2.contextIdentifierProvider,
-      originalDimensions = _ref2.originalDimensions,
-      fileState = _ref2.fileState;
+    alt = _ref2.alt,
+    collection = _ref2.collection,
+    contextIdentifierProvider = _ref2.contextIdentifierProvider,
+    originalDimensions = _ref2.originalDimensions,
+    fileState = _ref2.fileState;
   var contextId = contextIdentifierProvider && contextIdentifierProvider.objectId;
   var width = originalDimensions && originalDimensions.width;
   var height = originalDimensions && originalDimensions.height;
   var fileName = 'file'; // default name is needed for Confluence
-
   var fileSize = 1;
   var fileMimeType = '';
-
   if (fileState && fileState.status !== 'error') {
     fileSize = fileState.size;
     fileName = fileState.name;
     fileMimeType = fileState.mimeType;
   }
-
   return {
     'data-context-id': contextId,
     'data-type': 'file',
@@ -447,7 +372,6 @@ var getClipboardAttrs = function getClipboardAttrs(_ref2) {
     'data-alt': alt
   };
 };
-
 exports.getClipboardAttrs = getClipboardAttrs;
 var MediaCard = (0, _utils.withImageLoader)(MediaCardInternal);
 exports.MediaCard = MediaCard;

package/dist/cjs/ui/Renderer/ErrorBoundary.js

@@ -1,64 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBoundary = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _events = require("../../analytics/events");
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
-
 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; } }
-
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ErrorBoundary);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       errorCaptured: false
     });
     return _this;
   }
-
   (0, _createClass2.default)(ErrorBoundary, [{
     key: "fireAnalyticsEvent",
     value: function fireAnalyticsEvent(event) {
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         var channel = _analyticsListeners.FabricChannel.editor;
         createAnalyticsEvent(event).fire(channel);
@@ -78,7 +56,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       var _this2 = this;
-
       this.fireAnalyticsEvent({
         action: _analytics.ACTION.CRASHED,
         actionSubject: this.props.component,
@@ -92,7 +69,6 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           errorRethrown: Boolean(this.props.rethrowError)
         }
       });
-
       if (this.hasFallback()) {
         this.setState({
           errorCaptured: true
@@ -109,11 +85,9 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       if (this.shouldRecover()) {
         return this.props.fallbackComponent;
       }
-
       return this.props.children;
     }
   }]);
   return ErrorBoundary;
 }(_react.default.Component);
-
 exports.ErrorBoundary = ErrorBoundary;

package/dist/cjs/ui/Renderer/breakout-ssr.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BreakoutSSRInlineScript = BreakoutSSRInlineScript;
 exports.calcLineLength = exports.breakoutInlineScriptContext = void 0;
 exports.createBreakoutInlineScript = createBreakoutInlineScript;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.
@@ -27,7 +23,6 @@ function BreakoutSSRInlineScript() {
   if (typeof window !== 'undefined' && !window.navigator.userAgent.includes('jsdom')) {
     return null;
   }
-
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
   var context = createBreakoutInlineScript(id);
   return /*#__PURE__*/_react.default.createElement("script", {
@@ -37,71 +32,56 @@ function BreakoutSSRInlineScript() {
     }
   });
 }
-
 function createBreakoutInlineScript(id) {
   return "\n  (function(window){\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts);\n  })(window);\n");
 }
-
 var breakoutInlineScriptContext = "\n  var breakoutConsts = ".concat(JSON.stringify(_utils.breakoutConsts), ";\n  breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(_utils.breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n  breakoutConsts.getBreakpoint = ").concat(_utils.breakoutConsts.getBreakpoint.toString(), ";\n  breakoutConsts.calcBreakoutWidth = ").concat(_utils.breakoutConsts.calcBreakoutWidth.toString(), ";\n  breakoutConsts.calcLineLength = ").concat(_utils.breakoutConsts.calcLineLength.toString(), ";\n  breakoutConsts.calcWideWidth = ").concat(_utils.breakoutConsts.calcWideWidth.toString(), ";\n");
 exports.breakoutInlineScriptContext = breakoutInlineScriptContext;
-
 function applyBreakoutAfterSSR(id, breakoutConsts) {
   var MEDIA_NODE_TYPE = 'mediaSingle';
   var WIDE_LAYOUT_MODES = ['full-width', 'wide'];
-
   function findUp(element, condition) {
     if (!element) {
       return;
     }
-
     while (element.parentElement) {
       if (condition(element)) {
         return element.parentElement;
       }
-
       element = element.parentElement;
     }
   }
-
   var renderer = findUp(document.querySelector('[data-breakout-script-id="' + id + '"]'), function (elem) {
     var _elem$parentElement;
-
     return !!((_elem$parentElement = elem.parentElement) !== null && _elem$parentElement !== void 0 && _elem$parentElement.classList.contains('ak-renderer-wrapper'));
   });
-
   if (!renderer) {
     return;
   }
-
   var observer = new MutationObserver(function (mutationsList) {
     mutationsList.forEach(function (item) {
       if (item.target.nodeType !== Node.ELEMENT_NODE) {
         return;
       }
-
       if (item.target.classList.contains('ak-renderer-document')) {
         item.addedNodes.forEach(function (maybeNode) {
           var node = maybeNode;
           var mode = node.dataset.mode || node.dataset.layout || '';
-
           if (!mode || !WIDE_LAYOUT_MODES.includes(mode)) {
             return;
           }
-
           var width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
-
           if (node.style.width === width) {
             return;
           }
+          node.style.width = width;
 
-          node.style.width = width; // Tables require some special logic, as they are not using common css transform approach,
+          // Tables require some special logic, as they are not using common css transform approach,
           // because it breaks with sticky headers. This logic is copied from a table node:
           // https://bitbucket.org/atlassian/atlassian-frontend/src/77938aee0c140d02ff99b98a03849be1236865b4/packages/editor/renderer/src/react/nodes/table.tsx#table.tsx-235:245
-
           if (node.classList.contains('pm-table-container')) {
             var lineLength = breakoutConsts.calcLineLength();
             var left = lineLength / 2 - parseInt(width) / 2;
-
             if (left < 0) {
               node.style.left = left + 'px';
             }
@@ -120,36 +100,33 @@ function applyBreakoutAfterSSR(id, breakoutConsts) {
       }
     });
   });
-
   var applyMediaBreakout = function applyMediaBreakout(card) {
     // width was already set by another breakout script
     if (card.style.width) {
       return;
     }
-
     var tableParent = findUp(card, function (elem) {
       return elem instanceof HTMLTableCellElement;
-    }); // only apply the breakout to media elements not nested inside table
-    // table sizing is not based on percentage width
+    });
 
+    // only apply the breakout to media elements not nested inside table
+    // table sizing is not based on percentage width
     if (tableParent) {
       return;
     }
-
     var mode = card.dataset.mode || card.dataset.layout || '';
     var width = card.dataset.width;
-
     if (WIDE_LAYOUT_MODES.includes(mode)) {
       card.style.width = '100%';
     } else if (width) {
       card.style.width = "".concat(width, "%");
     }
   };
-
   observer.observe(renderer, {
     childList: true,
     subtree: true
   });
+
   /**
    * Using window load event to unsubscribe from mutation observer, as at this stage document is fully rendered.
    * Experiment with DOMContentLoaded showed that some of the blocks were not processed at all.
@@ -160,14 +137,11 @@ function applyBreakoutAfterSSR(id, breakoutConsts) {
    * – https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
    * – https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
    */
-
   var disconnect = function disconnect() {
     observer.disconnect();
     window.removeEventListener('load', disconnect);
   };
-
   window.addEventListener('load', disconnect);
 }
-
 var calcLineLength = _utils.breakoutConsts.calcLineLength;
 exports.calcLineLength = calcLineLength;